Компонент Button

🌐 Цей документ доступний українською та англійською мовами. Використовуйте перемикач у правому верхньому куті, щоб змінити версію.

1. Опис компонента

Компонент Button є елементом інтерфейсу, який визначає кнопку, яку можна натиснути. Можна додати кнопки для виконання різних дій у формі. Найбільш очевидною функцією компонента Button є дія Submission. Однак ви також можете використовувати компонент Button для ініціювання подій, пов’язаних із логікою робочого процесу, скидання даних поля, встановлює перехід на інші сторінки тощо.

2. Основні функції

Компонент Button підтримує велику кількість опцій для застосування при взаємодії із формою процесу, які розподілені за вкладками.

  • Display

  • API

  • Conditions

  • Confirmation

  • Label: назва компонента, яка відображається поряд з ним.

  • Action: встановлює яку дію має виконати ця кнопка.

    • Submit: надсилає дані форми на сервер.

    • Custom: встановлює кастомну логіку.

      • Show Validations: після натискання кнопки відобразити всі помилки перевірки у формі.

      • Button Custom Logic: встановлює кастомну логіку яка буде виконуватися після натискання кнопки.

    • Navigation: встановлює перехід на інші сторінки, за допомогою Action code який відсилається на сервер.

      • Action code: код який буде відправлятися разом з даними форми.

      • Show Validations: після натискання кнопки відобразити всі помилки перевірки у формі.

  • Theme: встановлює тему цієї кнопки.

  • Description: опис компонента, який може допомогти користувачам зрозуміти його призначення.

  • Tooltip: текст, який відображається при наведенні курсора на компонент.

  • Tab Index: html атрибут який дозволяє контролювати навігацію по полям вводу за допомогою клавіатури. Детальніше можна почитати про нього в документації по html наприклад тут.

  • Disable on Form Invalid: компонент буде неактивний, якщо форма невалідна.

  • Hidden: поля, які приховані від користувача, але все ще є частинами форми й будуть передані при відправленні форми. Не забудьте прибрати прапорець в Clear when hidden, інакше будь-яке значення цього компонента буде порожнім.

  • Disabled: забороняє редагування.

  • Property Name: ім’я поля в структурі даних, яка буде відправлена при відправці даних форми. Також це ім’я поля в структурі даних яким предзаповнюється форма. Поточне значення цього поля можна перевірити в структурі даних, яка відображається на вкладці Запит в інтерфейсі розробки форм.

  • Advanced Conditions: дозволяють вам налаштовувати складні умови для компонента. Ці умови визначають, коли компонент стає, наприклад. видимим, базуючись на інших компонентах або їх значеннях на формі.

    Ця функція використовує JS-вставки. Детальніше про це див. на сторінці JS-вставки.

  • Simple: виконує тіж самі задачі, що і Advanced Conditions, але дозволяє задати умови в більш простому форматі

  • Pop-up should Display: показати модальне вікно Підтвердіть, будь ласка, дію. Детальніше тут.

    • Description: текст який відобразиться в модальному вікні.

3. Формат даних

Submission
// Цей компонент не має даних