Button ссылка html: ссылки или кнопки — Блог HTML Academy — Вебджем.рф

Содержание

Кнопка

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

Чтобы разместить виджет, перетащите его с правой панели дизайнера интерфейсов на поле для моделирования или нажмите кнопку +Виджет. Подробнее читайте в статье «Шаблон формы». Затем выполните настройку в открывшемся окне.

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

Отображение — выберите внешний вид виджета;
Надпись/подсказка* — укажите текст надписи или подсказки, отображаемый на кнопке. Вы можете связать это поле с контекстной переменной, нажав ;
Иконка — вы можете выбрать иконку, отображаемую вместе с надписью на кнопке;
Не показывать стартовую форму — если вы связали кнопку с запуском бизнес-процесса, включите опцию, чтобы при нажатии на кнопку исполнение процесса начиналось сразу, без отображения формы стартового события или задачи. Вы можете связать это поле с контекстной переменной, нажав ;
Тип действия — выберите действие, которое выполнится, когда пользователь нажмёт кнопку:
- Сценарий — выберите готовый сценарий, написанный на вкладке Сценарии, или создайте его;
- Предопределенное действие — выберите настроенное в системе действие, например, Настройка прав доступа;
- Запустить процесс — свяжите кнопку с запуском экземпляра настроенного в системе процесса;
- Создать элемент приложения;
- Ссылка — настройте переход по ссылке.

Сценарий

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

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

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

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

Для любых приложений доступно действие:

Настройка прав доступа — пользователь сможет изменить права доступа на элемент приложения. Для этого в настройках самого приложения должна быть выбрана опция Ограничить доступ к данным.

Для приложений типа Документ доступны действия:

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

Для задач бизнес-процесса доступны действия:

Переназначить задачу — позволяет пользователю переназначить задачу на другого сотрудника;

Меню задачи — открывает меню задачи с действиями:
- Переназначить;
- Изменить список участников;
- Изменить дату начала;
- Запланировать в Календарь;
- Изменить время в Календаре;
- Изменить процент выполнения.

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

Когда пользователь нажмёт кнопку, запустится процесс. Для примера настроим запуск процесса согласования с формы элемента приложения Договор:

В поле Бизнес-процесс* выберите процесс согласования.
В настройке Связать с полем выберите переменную Договор. В неё запишется текущий элемент приложения Договор.
Затем вы можете передать в процесс данные договора — его номер, дату создания, контрагента. Для этого нажмите Настроить входные параметры.
В открывшемся окне сопоставьте переменные процесса и свойства приложения Договор. В левой колонке выберите свойства контекста процесса, которые хотите заполнить, а в правой колонке выберите свойства Договора, которые хотите передать в процесс.

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

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

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

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

В поле Приложение выберите Акт.
В настройке Связать с полем выберите свойство Договор, в которое запишется текущий элемент приложения Договор.
Затем вы можете передать в акт данные договора — его номер, дату создания, контрагента. Для этого нажмите Настроить входные параметры.
В открывшемся окне сопоставьте свойства приложений Акт и Договор. Так, в левой колонке выберите свойство Номер акта, которое хотите заполнить, а в правой колонке выберите свойство Номер договора, которое хотите передать.

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

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

Ссылка

Когда пользователь нажмёт кнопку, осуществится переход по ссылке.

Вы можете связать кнопку со свойством контекста типа Текст. Например, чтобы настроить переход к тексту инструкции, выберите , затем нажмите <Не установлено> и в выпадающем списке выберите переменную Текст инструкции.

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

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

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

Пример

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

text_widget.html create_button_widget.html

Была ли статья полезной?

ДаНет

Выберите вариантРекомендации не помоглиТекст трудно понятьНет ответа на мой вопросСодержание статьи не соответствует заголовкуДругая причина

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

Ссылка на кнопку HTML — Как создать стиль кнопки в HTML, учебник по HTML

Учебник по HTML » Ссылка на кнопку HTML — Как создать ссылку на стиль кнопки в HTML

Тег

Как создать кнопку по умолчанию

Пример

<голова>
кнопка по умолчанию — пример