layout.sidebar
Вариант расстановки элементов (layout), который позволяет разместить на странице:
- блок с основным содержимым
- и примыкающую к нему панель с элементами управления.
Свойство minWidth
устанавливает границу перехода между широкоформатным и компактным режимами: когда ширина самого компонента layout.sidebar
становится меньше значения, установленного свойством minWidth
, включается компактный режим.
В широкоформатном режиме панель с элементами управления располагается справа от основного блока.
В компактном режиме они растягиваются на всю ширину и располагаются друг под другом.
Чтобы разместить дополнительную панель с элементами управления, используйте свойство extraControls
.
Компоненты, которые используются в примере
- view.image — показывает картинку;
- view.list — отображает данные списком;
- field.radio-group — добавляет группу переключателей-радиокнопок для выбора одного ответа;
- data.output — определяет данные задания, которые вы получите после его отправки исполнителем;
- helper.switch — проверяет список условий и выполняет код, когда условие истинно;
- condition.equals — проверяет, что значение равно указанному;
- view.alert — создает цветную рамку для выделения важной информации;
- view.markdown — отображает текст в разметке Markdown;
- field.text — добавляет поле для ввода текста;
- condition.required — проверяет, что поле с данными заполнено.
Свойства компонента
Название |
Тип |
Описание |
|
"layout.sidebar" |
Задает тип компонента. |
|
view |
Содержимое, расположенное в основной области. |
|
view |
Содержимое панели с элементами управления. |
|
number |
Ширина панели с элементами управления в широкоформатном режиме. В компактном режиме панель занимает всю доступную ширину. Значение по умолчанию: 200 пикселей. |
|
view |
Дополнительная панель c элементами управления. Располагается ниже основной панели. |
|
number |
Минимальная ширина в пикселях для работы в широкоформатном режиме. Если ширина компонента станет меньше указанной, интерфейс перейдет в компактный режим. Значение по умолчанию: 400 пикселей. |
|
condition |
Валидация на основе условия (condition). |