---
metadata:
  - name: generator
    content: Diplodoc Platform v5.55.0
alternate:
  - https://yandex.ru/support/tasks-requester/ru/template-builder/reference/layout.sidebar.md
  - href: ru/template-builder/reference/layout.sidebar.md
    type: text/markdown
    title: Markdown version
  - href: ../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tasks-requester/ru/llms.txt

# layout.sidebar

Вариант расстановки элементов _(layout)_, который позволяет разместить на странице:

- блок с основным содержимым
- и примыкающую к нему панель с элементами управления.

Свойство `minWidth` устанавливает границу перехода между широкоформатным и компактным режимами: когда ширина самого компонента `layout.sidebar` становится меньше значения, установленного свойством `minWidth`, включается компактный режим.

В широкоформатном режиме панель с элементами управления располагается справа от основного блока.

В компактном режиме они растягиваются на всю ширину и располагаются друг под другом.

Чтобы разместить дополнительную панель с элементами управления, используйте свойство `extraControls`.

[![Посмотреть пример](../_images/buttons/view-example.svg)](https://ya.cc/t/DM5wl5pe4TNmVi)

{% cut "Компоненты, которые используются в примере" %}

<!-- source: ru/template-builder/_includes/reference/not-dot/view.image.md -->
* [view.image](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.image.md)&nbsp;— показывает картинку;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/view.image.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/view.list.md -->
* [view.list](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.list.md)&nbsp;— отображает данные списком;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/view.list.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/field.radio-group.md -->
- [field.radio-group](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/field.radio-group.md)&nbsp;— добавляет группу переключателей-радиокнопок для выбора одного ответа;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/field.radio-group.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/data.output.md -->
* [data.output](https://yandex.ru/support/tasks-requester/ru/template-builder/operations/work-with-data.md)&nbsp;— определяет данные задания, которые вы получите после его отправки исполнителем;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/data.output.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/helper.switch.md -->
* [helper.switch](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/helper.switch.md)&nbsp;— проверяет список условий и выполняет код, когда условие истинно;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/helper.switch.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/condition.equals.md -->
* [condition.equals](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/condition.equals.md)&nbsp;— проверяет, что значение равно указанному;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/condition.equals.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/view.alert.md -->
* [view.alert](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.alert.md)&nbsp;— создает цветную рамку для выделения важной информации;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/view.alert.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/view.markdown.md -->
* [view.markdown](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.markdown.md)&nbsp;— отображает текст в разметке Markdown;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/view.markdown.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/field.text.md -->
* [field.text](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/field.text.md)&nbsp;— добавляет поле для ввода текста;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/field.text.md -->

<!-- source: ru/template-builder/_includes/reference/dot/condition.required.dot.md -->
* [condition.required](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/condition.required.md)&nbsp;— проверяет, что поле с данными заполнено.
<!-- endsource: ru/template-builder/_includes/reference/dot/condition.required.dot.md -->

{% endcut %}

## Свойства компонента {#properties}

#|
|| **Название** | **Тип** | **Описание** ||
|| `type`<span style="color: red">\*</span> | "layout.sidebar" | Задает тип компонента. ||
|| `content`<span style="color: red">\*</span> | _view_ | Содержимое, расположенное в основной области. ||
|| `controls`<span style="color: red">\*</span> | _view_ | Содержимое панели с элементами управления. ||
|| `controlsWidth` | _number_ | Ширина панели с элементами управления в широкоформатном режиме. В компактном режиме панель занимает всю доступную ширину. Значение по умолчанию: 200 пикселей. ||
|| `extraControls` | _view_ | Дополнительная панель c элементами управления. Располагается ниже основной панели. ||
|| `minWidth` | _number_ | Минимальная ширина в пикселях для работы в широкоформатном режиме. Если ширина компонента станет меньше указанной, интерфейс перейдет в компактный режим. Значение по умолчанию: 400 пикселей. ||
|| `validation` | _condition_ | Валидация на основе условия _(condition)_. ||
|#