# Дизайнер интерфейсов

> [HTML Version](interface_designer.html)

В дизайнере интерфейсов вы можете настроить собственные интерфейсы, используя виджеты.

**Виджет** — это элемент интерфейса с определёнными функциональными возможностями для решения таких задач, как загрузка файла, отображение данных, сообщений, списка пользователей и т. д.

Виджеты можно использовать:

- для [настройки страниц](360027211631.md);

- для [настройки форм](360029250931.md).

Комбинируя различные виджеты, вы создаёте интерфейс, в котором в дальнейшем будут работать пользователи. Готовую комбинацию виджетов можно сохранить и затем многократно использовать на разных страницах и формах. Таким образом вы можете создавать разнообразные интерфейсы, которые максимально отвечают потребностям вашей компании.

## Перейти в дизайнер интерфейсов

В дизайнере интерфейсов настраивается внешний вид форм приложений и страниц, а также создаются [пользовательские виджеты](user_widgets.md). Перейти в дизайнер можно несколькими способами в зависимости от того, какой элемент системы вы хотите настроить.

1. Чтобы [создать интерфейс](interface_settings.md):

- перейдите в раздел **Администрирование **>** Интерфейсы**. Создайте новый виджет типа **Страница** или другой пользовательский виджет. Вы автоматически перейдёте в дизайнер;

- если вы хотите использовать интерфейс на уровне конкретного раздела или его приложения, можно в меню раздела или приложения выбрать пункт **Интерфейсы**. Затем создайте виджет. Дизайнер откроется автоматически.

2. Чтобы настроить страницу главного меню или меню раздела:

- [добавьте новую страницу](360009924451.md) или откройте существующую. Затем в правом верхнем углу страницы нажмите значок шестерёнки и выберите пункт **Конструктор**.

3. Чтобы настроить форму приложения:

- перейдите в [расширенный режим настройки форм](360028941032.md) приложения. Откройте вкладку формы, которую хотите изменить, нажмите  **<По умолчанию>** и затем кнопку **+** **Создать форму**. Если форма была создана ранее, нажмите кнопку **Редактировать форму** на соответствующей вкладке. Подробнее об этом читайте в статье [«Шаблон формы для приложений и процессов»](360029250931.md).

Если с элементом интерфейса уже работает в дизайнере другой администратор, вы можете открыть этот элемент в дизайнере только для просмотра. Для этого при переходе в дизайнер в появившемся окне нажмите **Открыть в режиме просмотра**.

## Работа в дизайнере интерфейсов

Дизайнер интерфейсов выглядит следующим образом:

**(interface_designer01.PNG)**

1. **Поле для моделирования** — это рабочая область, внутри которой вы будете создавать пользовательские виджеты и настраивать внешний вид страниц или форм с помощью виджетов и свойств. Вы можете легко [найти](canvas-navigation.md) любой вложенный элемент.

2. [Панель инструментов](#toolbar), с помощью которой можно сохранить, опубликовать или отладить настроенный интерфейс, проверить добавленные виджеты, отменить и повторить действие, а также открыть [редактор стилей](style-editor.md) для настройки внешнего вида элементов.

3. [Вкладки](designer-tabs.md) для работы с дизайнером интерфейсов: **Шаблон**, **Контекст**,** Скрипты**,** История**, **Настройки **и** Файлы**.

4. Вкладки для наполнения интерфейса:

- **Виджеты** — все доступные виджеты, сгруппированные по типам;

- **Свойства** — [системные свойства](common_widget_settings.md) виджетов, все переменные из [контекста](360028941112.md) приложения или бизнес-процесса, а также свойства, добавленные на вкладке [Контекст](designer-tabs.md#context-tab).

### Верхняя панель инструментов дизайнера

На верхней панели дизайнера под вкладками располагаются кнопки для работы с настраиваемым интерфейсом:

- **Сохранить** — настроенная страница или форма сохранится как черновик. Внесённые изменения не будут доступны пользователям. Вы сможете вернуться к редактированию интерфейса позже;

- **Проверить** — добавленные виджеты проверяются на наличие ошибок. Если в настройках виджета обнаружена ошибка, например, неверно составлен добавленный скрипт, вы увидите оповещение; 

- **Опубликовать** — виджеты отобразятся на формах или страницах и станут доступны пользователям. Публикуйте интерфейс каждый раз, когда вносите изменения в него и хотите, чтобы они стали видны пользователям. При публикации версии вы можете:

	- оставить комментарий;

	- включить опцию **Снять с публикации все предыдущие версии**. Это позволит избежать запуска скриптов предыдущих версий виджета, а также исключить в дальнейшем применение версий с ошибками.

Комментарий и отметка о снятии с публикации отобразятся на вкладке [История](designer-tabs.md#history-tab), где вы можете вернуться к предыдущей версии страницы или формы, а также восстановить снятые с публикации версии;

- **Отладить** — в открывшемся окне вы сможете посмотреть, как будет выглядеть настроенная форма или страница для пользователей после публикации. Подробнее об этом читайте в [статье об отладке интерфейса в дизайнере](interface-debug.md);

- **Отменить** —  при работе на вкладке **Шаблон** вы можете отменить своё последнее действие: добавление или удаление виджета, его перемещение, изменение настроек;

- **Повторить** — позволяет заново выполнить отменённое действие;

- **Перейти к редактированию** — это действие доступно только в [режиме просмотра](#view-mode) элемента интерфейса. Позволяет перейти к его редактированию, если другой администратор завершил работу с этим элементом в дизайнере;

- **Редактор стилей** — позволяет задать внешний вид виджетов с помощью CSS‑кода. Подробнее читайте в [статье о редакторе стилей](style-editor.md).

````
начало внимание

````
Чтобы внесенные изменения на формах и страницах стали доступны пользователям, не забудьте опубликовать настроенный интерфейс.

````
конец внимание
````