База знаний no-code платформы Taptop

Виджет Аккордеон в Режиме клиента

Содержание
Управление элементами Аккордеона
Редактирование контента в Аккордеоне

Аккордеон (Accordion) — виджет со списком элементов, каждый из которых можно раскрыть или свернуть.

BlockNote image

Управление элементами Аккордеона

Элементами Аккордеона можно управлять двумя способами:

На холсте

Наведите курсор на элемент Аккордеона — в правом верхнем углу появится панель управления элементом. 

BlockNote image

Для элементов доступны следующие действия:

скопировать — иконка «копирование»

удалить — иконка «корзина»

добавить новый элемент — «+»

переместить — с помощью стрелок или перетащить мышкой, зажав иконку с «тремя полосками»

На правой панели

Здесь вы можете:

добавить новый элемент («+»)

копировать элемент (иконка копирования) 

удалить элемент («-»)

переместить элемент  (иконка с «тремя полосками»)

развернуть или свернуть контент элемента (Закрыт / Открыт)

BlockNote image

Также на правой панели для Аккордеона доступны следующие настройки:

BlockNote image

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

Разрешить открывать по одному — определяет, может ли быть раскрыто несколько элементов. По умолчанию открыт только один.

Выбор элемента для открытия по умолчанию — становится доступен после включения опции открытия по умолчанию. Позволяет указать конкретный элемент из списка или несколько элементов, если отключена опция «Разрешить открывать по одному».

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

Анимация

Тип эффекта — определяет визуальный эффект при раскрытии элемента: None, Растворение (Fade), Скользящий горизонтально (Slide Horizontal) или Скользящий вертикально (Slide Vertical).

Плавность открытия и закрытия — задается кривыми Безье и выбирается из списка. По умолчанию используется Linear.

Длительность анимации — время открытия и закрытия в миллисекундах (от 0 до 2000).

На правой панели также можно изменить название Аккордеона, нажав на кнопку «три точки» → «Переименовать».

BlockNote image

В поп-апе введите новое название.

BlockNote image

Редактирование контента в Аккордеоне

Редактирование заголовков элементов. Кликните на нужный текстовый элемент и отредактируйте его на холсте или в настройках.

BlockNote image

Редактирование контента элементов. Переключите нужный элемент аккордеона в состояние Открыт — он будет раскрыт на холсте и его можно будет отредактировать.

BlockNote image
BlockNote image

Замена иконки открытия у элемента аккордеона. Кликните на иконке и нажмите кнопку Заменить изображение на правой панели и выберите нужную картинку в Ресурсах. В настройках также можно изменить параметры изображения.

BlockNote image

Похожие статьи

Виджет Taptop Badge в Режиме клиента
Виджет Карта в Режиме клиента
Всплывающее окно (попап) в Режиме клиента
Виджет Форма в Режиме клиента
Виджет Меню в Режиме клиента