Low-code дизайнер > Создание интерфейсов > Типы виджетов > Простые виджеты / Кнопка

Кнопка

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

Чтобы настроить виджет, перетащите его с правой панели конструктора интерфейсов на поле для моделирования или нажмите кнопку +Виджет. В открывшемся окне укажите нужные опции.

Вкладка «Основные»

 

кнопка_настройки

  • Отображение* — выберите внешний вид виджета;
  • Надпись/подсказка* — укажите текст надписи или подсказки, отображаемый на кнопке;
  • Иконка — вы можете выбрать иконку, отображаемую вместе с надписью на кнопке;
  • Предопределенное действие — выберите заранее определенное действие: Отправить или Настройка прав доступа. Данная настройка доступна при работе с формами создания, просмотра или редактирования.
  • Тип действия — выберите действие, которое должна выполнить система, когда пользователь нажмет на кнопку.

В качестве действия вы можете использовать сценарий, готовое действие, связать кнопку с запуском процесса или использовать ее для создания нового элемента приложения. Рассмотрим эти действия подробнее.

Сценарий

Этот вариант установлен по умолчанию. Он позволяет вам создать новый или использовать созданный ранее сценарий. Подробнее о сценариях вы можете прочитать в статье Сценарии в виджетах.

Предопределенное действие

Вы можете выбрать одно из настроенных действий:

  • Добавить версию — это действие доступно для приложений типа Документ и позволяет загрузить файл с новой версией документа;
  • Отправить — нажав на кнопку, пользователь сможет отправить элемент на ознакомление или на согласование;
  • Настройка прав доступа пользователь сможет изменить права доступа на элемент приложения. Для этого в настройках самого приложения должна быть выбрана опция Ограничить доступ к данным;
  • Переназначить задачу эта опция доступна только для задач бизнес-процесса и позволяет пользователю переназначить задачу на другого сотрудника;
  • Меню задачи опция также доступна только для задач бизнес-процесса. Она открывает меню задачи с действиями Переназначить, Запланировать в Календарь и Изменить процент выполнения.

Создать элемент приложения

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

Для примера настроим кнопку на форме договора. Допустим, по нажатию на кнопку должен создаваться новый акт. При этом нам нужно, чтобы на форме акта в поле Договор был указан договор, на карточке которого пользователь нажал на кнопку. Для этого сначала убедитесь, что на форме акта есть поле типа Приложение «Договор».
Затем настройте кнопку:

  1. В списке Связать с полем выберите Договор.
  2. Нажмите на Настроить входные параметры. Откроется окно с двумя колонками Акт и Контекст, между которыми нужно настроить соответствие.
  3. В левой колонке Акт доступны свойства создаваемого элемента приложения. Нажмите +Поле и выберите поле «Договор».
  4. В правой колонке Контекст доступны свойства Договора и свойства его формы. Выберите «Элемент приложения».
    кнопка 2

Теперь при нажатии на кнопку будет открывать форма создания Акта. В поле «Договор» будет записан элемент приложения Договор, на форме которого пользователь нажал на кнопку.

Теперь рассмотрим, как связать не сами элементы, а их отдельные свойства. Например, мы хотим, чтобы некоторые поля в акте были заполнеными данными из договора — номер, дата создания, клиент и т.д.

  1. В списке Связать с полем установите значение Выберите поле.
  2. Нажмите Настроить входные параметры.
  3. В левой колонке выберите свойство Акта, например, «Номер акта».
  4. В правой колонке выберите соответствующее свойство Договора. Значение этого свойства будет добавлено на форму нового акта. Выберем свойство «Номер договора».
    кнопка 1

Теперь на форме создания нового акта в поле «Номер акта» будет указан номер договора, с формы которого пользователь создал акт. Таким образом вы можете настроить столько полей, сколько необходимо.

Важно: связывать можно только поля одинакового типа, например, поле «строка» с полем «строка», поле «число» с полем «число» и т.д.

Запустить процесс

Выберите процесс, которой должен быть запущен при нажатии на кнопку. После этого появится дополнительная настройка Связать с полем. Она позволяет передать в процесс свойства приложения, на форме которого размещена кнопка.

  1. Нажмите Настроить входные параметры.
  2. В левой колонке выберите свойство из контекста процесса, которое хотите заполнить.
  3. В правой колонке выберите свойства договора, которые хотите передать в процесс. Можно передать как элемент приложения целиком, так и отдельные его поля. Подробнее про настройку параметров вы можете прочитать выше в разделе Создать элемент приложения.

Вы также можете активировать опцию Рисовать форму рядом с кнопкой. Тогда при нажатии на кнопку откроется дополнительное окно, где пользователь сможет указать название экземпляра процесса и запустить его.

Вкладка «События»

кнопка 365 2

  • Событие при нажатии задайте событие, происходящее при нажатии на кнопку. Для задач это переназначение, для карточки просмотра элемента переход к настройкам доступа.

Вкладка «Системные»

Системные настройки одинаковые для всех виджетов. Они позволяют управлять видимостью и доступом виджетов, настраивать их поведение при наведении курсора и т.д. Подробнее можно прочитать в статье «Системные настройки виджетов».

Для завершения настройки виджета нажмите на кнопку Сохранить, а затем Опубликовать.

Пример

На данном примере мы добавили Кнопку, позволяющую отменить внесенные изменения.

кнопка пример

Нашли опечатку? Выделите текст, нажмите ctrl + enter и оповестите нас