Список
Список (List) — виджет для организации контента в блоках с повторяющейся структурой.
Список состоит из родительского блока с дочерними элементами внутри, которые по умолчанию имеют одинаковую структуру и стили. Этот виджет может использоваться, например, для списка товаров или услуг на сайте, новостей, отзывов, тарифов или списка преимуществ.
Изначально внутри каждого дочернего элемента Списка расположен Текстовый блок. Вы можете добавлять в элемент Списка также любые другие элементы и виджеты, кроме Формы. Например, можно добавить Картинку или Иконку. Достаточно добавить элемент в один из элементов Списка и он автоматически добавится во все другие.
Стили Списка
Можно стилизовать Список с помощью вкладки Дизайн правой панели. Вы можете стилизовать как весь блок Списка, так и отдельно его элементы. Например, можно установить один фон для всего Списка и другой — для его элементов.
При стилизации элементов достаточно изменить стили одного из них и они автоматически изменятся и у других. Например, вы можете установить стили текста и внешние отступы для одного элемента списка и они будут применены и к остальным элементам.
Для Списка, так же как и для других элементов, можно применить любые необходимые стили. Например, для стилизации Списка вы можете:
-
изменить радиус закругления углов элементов списка (в разделе Размер)
-
изменить внутренние и внешние отступы у элементов списка (в разделе Размер)
-
изменить шрифт, его размер и цвет (в разделе Текст)
-
изменить цвет фона и границы Списка или его элементов (в разделах Фон и Границы)
-
добавить тень у элементов списка (в разделе Эффекты)
Вы можете расположить элементы списка по горизонтали или вертикали, используя параметры Авто-лейаута. Для этого установите у Списка режим отображения Flex и выберите настройки направления и выравнивания по горизонтали и вертикали.
Настройки Списка
В настройках Списка на вкладке Настройки (Settings) правой панели можно добавлять, копировать, удалять и изменять порядок элементов списка.
Для Списка существует настройка — Применить независимую структуру. Она позволяет сделать структуру элементов списка независимой друг от друга. Таким образом, в каждом элементе списка могут быть различные элементы и виджеты, которые могут иметь различные стили. Сами же элементы списка будут иметь одинаковые стили. Настройку можно включить во вкладке Настройки правой панели.
После включения независимой структуры будет невозможно вернуться обратно к структуре по умолчанию (кроме отмены действия с помощью клавиш Ctrl+Z).
В настройках у элементов Списка с независимой структурой дополнительно доступна функция скрытия.