Блок "Аккордеон"
Блок доступен начиная с версии 0.25
Назначение
Блок «Аккордеон» предназначен для размещения визуализаторов и их группировки по секциям. Он экономит пространство на пресете за счет сворачивания неиспользуемых секций.
Для того чтобы начать работать с блоком, его необходимо выбрать в библиотеке блоков и переместить в область графа.
Настройки блока
Работа с настройками блока осуществляется через локальное меню блока (пункт Настройки):
Модальное окно настроек выглядит следующим образом:
Общие настройки блоков описаны в отдельном разделе.
Раздел настроек "Секции"
| Наименование | Тип | Обязательное | Описание | Пример |
|---|---|---|---|---|
| Название секции | Строка | Нет | Задает наименование секции визуализатора | Вкладка 1 |
Входы блока
В блоке нет входов.
Выходы блока
В блоке нет выходов.
События блока
В блоке нет событий.
Описание работы блока
Блок «Аккордеон» предназначен для размещения визуализаторов на вкладках, сгруппированных по определенному принципу. Это позволяет быстро переключаться между группами, экономя пространство в окне приложения. Также для упорядочивания визуализаторов на вкладках допустимо размещать визуализаторы: "Сетка", "Вкладки" и т.п.
Описание работы визуализатора
Внешний вид визуализатора "Аккордеон" на пресете представлен ниже:
Для переключения необходимо левой кнопкой мыши нажать на название вкладки.
Настройки визуализатора
Общий список доступен на странице Настройки визуализаторов.
Визуализатор позволяет редактировать следующие настройки:
- закрытые секции
- открытые секции
Для редактирования секции необходимо перейти в режим редактирования пресета, вызвать контекстное меню визуализатора и выбрать пункт "Настройки внешнего вида".
Закрытые и открытые секции содержат следующие настройки:
| Наименование | Тип | Обязательное | Описание | Пример |
|---|---|---|---|---|
| Размер шрифта заголовка секции | Целое число | Да | Задает размер заголовка секции аккордеона | 13 |
| Цвет текста заголовка секции | Цвет | Нет | Задает цвет текста для заголовка секции аккордеона | rgb(255, 255, 255) |
| Цвет фона заголовка секции | Цвет | Нет | Задает цвет фона для заголовка секции аккордеона | rgb(85, 84, 113) |
| Начертание | Выпадающий список | Да | Задает стиль начертания заголовка секции | Полужирный |
| Цвет фона заголовка раздела | Цвет | Нет | Задает цвет фона раздела. Применим только для закрытых секций | #3b7132 |
Дополнительно
В блоке «HTML-статика» можно создавать гиперссылки, которые при клике перенаправляют пользователя к выбранному визуализатору. Для этого: - необходимо использовать специальный тег goto и указать идентификатор (GUID) целевого визуализатора. - GUID можно скопировать через контекстное меню визуализатора в режиме редактирования.
Данный механизм особенно актуален, когда целевой визуализатор находится на другой вкладке внутри блока Аккордеон и скрыт от пользователя. Переход позволит автоматически переключиться на нужную вкладку.