Виджет Аккордеон в Режиме клиента
Аккордеон (Accordion) — виджет со списком элементов, каждый из которых можно раскрыть или свернуть.
Управление элементами Аккордеона
Элементы Аккордеона нельзя удалить прямо на холсте — управление происходит только через правую панель в Настройках.
В Настройках вы можете управлять элементами Аккордеона:
- добавить новый элемент (+)
- удалить (-)
- копировать (иконка копирования)
- изменить порядок элементов (иконка слева от элемента)
- развернуть или свернуть контент элемента (Закрыт / Открыт)
Для Аккордеона доступны следующие настройки:
- Открыто по умолчанию — позволяет выбрать, какой элемент будет раскрыт при загрузке страницы. По умолчанию все элементы закрыты.
- Разрешить открывать по одному — определяет, может ли быть раскрыто несколько элементов. По умолчанию открыт только один.
- Выбор элемента для открытия по умолчанию — становится доступен после включения опции открытия по умолчанию. Позволяет указать конкретный элемент из списка или несколько элементов, если отключена опция «Разрешить открывать по одному».
- Переход — позволяет выбрать действие, в результате которого будет происходить раскрытие элементов: При клике или При наведении.
- Анимация
-
Тип эффекта — определяет визуальный эффект при раскрытии элемента: None, Растворение (Fade), Скользящий горизонтально (Slide Horizontal) или Скользящий вертикально (Slide Vertical).
-
Плавность открытия и закрытия — задается кривыми Безье и выбирается из списка. По умолчанию используется Linear.
-
Длительность анимации — время открытия и закрытия в миллисекундах (от 0 до 2000).
-
Редактирование контента в Аккордеоне
Редактирование заголовков элементов. Кликните на нужный текстовый элемент и отредактируйте его на холсте или в настройках.
Редактирование контента элементов. Переключите нужный элемент аккордеона в состояние Открыт — он будет раскрыт на холсте и его можно будет отредактировать.
Замена иконки открытия у элемента аккордеона. Кликните на иконке и нажмите кнопку Заменить изображение на правой панели и выберите нужную картинку в Ресурсах. В настройках также можно изменить параметры изображения.