Список

Список (List) — виджет для организации контента в блоках с повторяющейся структурой.

Список состоит из родительского блока с дочерними элементами внутри, которые по умолчанию имеют одинаковую структуру и стили. Этот виджет может использоваться, например, для списка товаров или услуг на сайте, новостей, отзывов, тарифов или списка преимуществ.

Изначально внутри каждого дочернего элемента Списка расположен Текстовый блок. Вы можете добавлять в элемент Списка также любые другие элементы и виджеты, кроме Формы. Например, можно добавить Картинку или Иконку. Достаточно добавить элемент в один из элементов Списка и он автоматически добавится во все другие.

Стили Списка

Можно стилизовать Список с помощью вкладки Дизайн правой панели. Вы можете стилизовать как весь блок Списка, так и отдельно его элементы. Например, можно установить один фон для всего Списка и другой — для его элементов.

Стили на вкладке Дизайн

При стилизации элементов достаточно изменить стили одного из них и они автоматически изменятся и у других. Например, вы можете установить стили текста и внешние отступы для одного элемента списка и они будут применены и к остальным элементам.

Для Списка, так же как и для других элементов, можно применить любые необходимые стили. Например, для стилизации Списка вы можете:

  • изменить радиус закругления углов элементов списка (в разделе Размер)

  • изменить внутренние и внешние отступы у элементов списка (в разделе Размер)

  • изменить шрифт, его размер и цвет (в разделе Текст)

  • изменить цвет фона и границы Списка или его элементов (в разделах Фон и Границы)

  • добавить тень у элементов списка (в разделе Эффекты)

Вы можете расположить элементы списка по горизонтали или вертикали, используя параметры Авто-лейаута. Для этого установите у Списка режим отображения Flex и выберите настройки направления и выравнивания по горизонтали и вертикали.

Настройки Списка

В настройках Списка на вкладке Настройки (Settings) правой панели можно добавлять, копировать, удалять и изменять порядок элементов списка.

Для Списка существует настройка — Применить независимую структуру. Она позволяет сделать структуру элементов списка независимой друг от друга. Таким образом, в каждом элементе списка могут быть различные элементы и виджеты, которые могут иметь различные стили. Сами же элементы списка будут иметь одинаковые стили. Настройку можно включить во вкладке Настройки правой панели.

После включения независимой структуры будет невозможно вернуться обратно к структуре по умолчанию (кроме отмены действия с помощью клавиш Ctrl+Z).

В настройках у элементов Списка с независимой структурой дополнительно доступна функция скрытия.