Представление данных в виде списка, плиток

Представление в виде списка и плиток — альтернативные режимы отображения записей журнала, ориентированные на типы данных с визуальной составляющей: публикации, новости, статьи, каталоги изображений.

  • Список — строчное отображение, где каждая запись занимает отдельную строку с изображением, заголовком и дополнительными полями.

  • Плитки — блочное отображение, где каждая запись представлена карточкой с изображением-превью, заголовком и краткой информацией.

Оба режима поддерживают предпросмотр карточки. О настройке представлений для типа данных см. подробно.

Режим список:

../../../_images/list_full.png

Режим плитки:

../../../_images/tiles_full.png

В представлении доступен режим предпросмотра:

../../../_images/tiles_preview.png

Дерево категорий

Виджет Меню позволяет организовать записи журнала в иерархическое дерево категорий. Это удобно для навигации по большим коллекциям — главный раздел содержит все записи, а категории выступают как фильтры.

Администратор в режиме предпросмотра (1) может помимо стандартных виджетов (2) добавить виджет Меню (3):

../../../_images/tiles_menu.png

Виджет Меню представляет собой дерево категорий. Для создания первой категории необходимо нажать Добавить:

../../../_images/tiles_menu_1.png

Для добавления категории 1-го уровня нажмите большой + (1). Для добавления подкатегории нажмите маленький + (2):

../../../_images/tiles_menu_2.png

Введите название:

../../../_images/new1.png

Для создания карточки в категории нажмите + (3):

../../../_images/new_element1.png

Созданная карточка будет доступна как в категории, так и в главном разделе.

Для удобства навигации в представлении есть хлебные крошки (1):

../../../_images/crumbs_preview1.png

По клику на плитку (2) откроется её предпросмотр (3). При клике на заголовок плитки (4) карточка откроется в отдельной вкладке:

../../../_images/card.png

Главный раздел (в данном случае «Новости») будет содержать все записи, а иерархия выступает как фильтр:

../../../_images/main1.png

Для перемещения плитки в другой раздел выберите плитку и перетащите её в необходимый раздел:

../../../_images/change_dd1.png

Или выберите плитку (1) и укажите раздел (2):

../../../_images/change1.png