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 — проверяет, что поле с данными заполнено.

Свойства компонента

Название

Тип

Описание

type*

"layout.sidebar"

Задает тип компонента.

content*

view

Содержимое, расположенное в основной области.

controls*

view

Содержимое панели с элементами управления.

controlsWidth

number

Ширина панели с элементами управления в широкоформатном режиме. В компактном режиме панель занимает всю доступную ширину. Значение по умолчанию: 200 пикселей.

extraControls

view

Дополнительная панель c элементами управления. Располагается ниже основной панели.

minWidth

number

Минимальная ширина в пикселях для работы в широкоформатном режиме. Если ширина компонента станет меньше указанной, интерфейс перейдет в компактный режим. Значение по умолчанию: 400 пикселей.

validation

condition

Валидация на основе условия (condition).