Виджет "Динамическая панель" (с поддержкой тем)
 |
Виджет "Динамическая панель" доступен как стандартный виджет в платформе и как веб-компонент, который можно импортировать из SDK.
|
Виджет "Динамическая панель" - это тип контейнера, который пользователи могут корректировать динамически во время выполнения. С помощью этого виджета можно показать или скрыть контейнер в мэшапе. Динамическую панель можно привязать к левому, правому, верхнему или нижнему краю родительского контейнера. Можно динамически корректировать ширину панели, а также открывать и свертывать панель во время выполнения. Динамическую панель можно использовать для предоставления дополнительной информации или ввода форм, связанных с основным контейнером в компоновке.
1. Кнопка развертывания и свертывания
2. Боковой контейнер
3. Маркер перемещения
4. Основной контейнер
Конфигурирование панели как свертываемых разделов
Можно использовать свойство DynamicPanelType для конфигурирования виджета как свертываемых разделов. Использование этого исполнения позволяет экономить пространство, скрывая несущественные подробности или элементы управления из главной компоновки. Пользователи могут вручную развертывать и свертывать разделы по мере необходимости. В отличие от корректируемой панели контейнеры не увеличиваются автоматически, чтобы заполнить доступное пространство в компоновке, но их высота изменяется на основе их содержимого.
1. Кнопка развертывания и свертывания
2. Основной текст раздела
3. Заголовок раздела
| | Для отображения вложенного мэшапа в разделе основного текста динамической панели необходимо указать значение в свойстве SectionBodyMinHeight. |
Свойства виджета
Имя свойства | Описание | Базовый тип | Значение по умолчанию | Доступно для привязки? (Д/Н) | Локализуемое? (Д/Н) | ||
|---|---|---|---|---|---|---|---|
TabSequence | Задает последовательность, в которой виджет подсвечивается при нажатии клавиши TAB. | NUMBER | Н/Д | Н | Н | ||
SectionBodyMaxHeight | Задает высоту заголовка раздела. | NUMBER | Автоматический подбор размера | Н | Н | ||
SectionBodyMinHeight | Задает минимальную высоту заголовка раздела. | NUMBER | Автоматический подбор размера | Н | Н | ||
SectionHeaderHeight | Задает высоту заголовка раздела. | NUMBER | Автоматический подбор размера | Н | Н | ||
HideTriggerButton | Скрывает кнопку триггера. | BOOLEAN | false | Н | Н | ||
HideDragHandle | Скрывает маркер перемещения. | BOOLEAN | false | Н | Н | ||
Disabled | Отключает виджет в мэшапе. Виджет отображается, но недоступен для использования. | BOOLEAN | false | Д | Н | ||
DynamicPanelType | Управляет типом динамической панели. Можно отобразить корректируемую панель или свертываемый раздел. | STRING | Корректируемая панель | Н | Н | ||
CustomClass | Определяет CSS для верхнего раздела (div) виджета. При вводе нескольких классов отделяйте каждый класс пробелом. | STRING | Н/Д | Д | Н | ||
PanelSize | Задает размер панели. | STRING | 220 | Д | Н | ||
ClickOutsideToClose | Закрывает панель, если щелкнуть за пределами панели. | BOOLEAN | false | Д | Н | ||
Behavior | Задает для панели опции Отправить содержимое или Облет. | STRING | Push Content | Д | Н | ||
AnimationSpeed | Задает скорость анимации панели, которая развертывается и свертывается Быстро, Средне или Медленно. | STRING | Средний | Д | Н | ||
MinSizeWhenExpanded | Задает минимальную ширину панели при развертывании вдоль горизонтальной оси. Минимальное значение: 34 пикселя. Если панель находится наверху, это свойство определяет высоту вдоль вертикальной оси. | STRING | 50 | Д | Н | ||
MaxSizeWhenExpanded | Задает максимальную ширину панели при развертывании вдоль горизонтальной оси. Если панель находится наверху, это свойство определяет высоту вдоль вертикальной оси. | STRING | 100 % | Д | Н | ||
SizeWhenCollapsed | Задает ширину панели, свернутой вдоль горизонтальной оси. Если панель находится наверху, это свойство определяет высоту вдоль вертикальной оси. | STRING | Н/Д | Д | Н | ||
AnchorLocation | Задает расположение привязки на панели: Слева, Сверху, Справа или Снизу. | STRING | Слева | Д | Н | ||
Collapsed
| Задает и загружает свернутое состояние динамической панели во время выполнения. | BOOLEAN | false | Д | Н | ||
TriggerButtonLocation | Задает расположение кнопки триггера: Сверху, В центре, Снизу, Панель или Нет. | STRING | Top | Д | Н | ||
TriggerButtonType | Задает тип кнопки триггера: Двойной символ ^, Одиночный символ ^, Плюс/минус или Закрыть. | STRING | Double Carets | Д | Н | ||
TriggerButtonSide | Управляет расположением кнопки триггера в заголовке, когда виджет сконфигурирован как свертываемый раздел. | STRING | Слева | Д | Н | ||
TriggerButtonIcon | Определяет значок, отображаемый для кнопки триггера, когда виджет сконфигурирован как свертываемый раздел. Опции: Одиночный символ ^, Треугольник | STRING | Одиночный символ ^ | Д | Н | ||
ToggleExpandCollapse | При запуске развертывает панель, если она находится в свернутом состоянии, или свертывает панель, если она находится в развернутом состоянии. | Н/Д | Н/Д | Д | Н | ||
Expand | При запуске развертывает динамическую панель. | Н/Д | Н/Д | Д | Н | ||
Collapse | При запуске свертывает динамическую панель. | Н/Д | Н/Д | Д | Н | ||
ResetToDefaultValue | Сбрасывает все содержащиеся виджеты до значений по умолчанию. | Н/Д | Н/Д | Д | Н | ||
ResetInputsToDefaultValue | Сбрасывает входные данные виджета "Динамическая панель" до их значений по умолчанию. | Н/Д | Н/Д | Д | Н | ||
HandleTooltipField | Отображает текст всплывающей подсказки при наведении указателя на маркер перемещения. | STRING | Н/Д | Д | Д | ||
HandleTooltipIcon | Задает рисунок значка для всплывающей подсказки маркера перемещения. | MEDIA ENTITY | Н/Д | Н | Н | ||
TriggerButtonTooltipField | Отображает текст всплывающей подсказки при наведении указателя на кнопку запуска. | STRING | Н/Д | Д | Д | ||
TriggerButtonTooltipIcon | Задает рисунок значка для всплывающей подсказки кнопки запуска. | MEDIA ENTITY | Н/Д | Н | Н |