Элементы и виджеты

Список

3min

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

Document image


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

Document image


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

Стили Списка

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

Document image


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

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

  • изменить радиус закругления углов элементов списка (в разделе Размер)
  • изменить внутренние и внешние отступы у элементов списка (в разделе Размер)
  • изменить шрифт, его размер и цвет (в разделе Текст)
  • изменить цвет фона и границы Списка или его элементов (в разделах Фон и Границы)
  • добавить тень у элементов списка (в разделе Эффекты)

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

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

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

Document image


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

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

Document image