Компонент Field Set

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

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

Компонент Field Set є елементом інтерфейсу який можна використовувати для створення заголовка для області форми або групування компонентів. Це корисно розмістити всередині компонентів макета або між багатьма пов’язаними компонентами.

Використовуйте Field Set з переліку Оновлених компонентів.

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

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

  • Display

  • API

  • Conditions

  • Legend: це заголовок, який відображається для набору полів.

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

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

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

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

  • Collapsible: дає можливість згортати групу компонентів.

    • Initially Collapsed: показати компонент в згорнутому вигляді.

  • Property Name: ім’я цього поля для API-ендпоінту, не функціональне для цього компонента

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

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

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

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

Submission
// Цей компонент не має даних
Цей компонент може містити внутрішні компоненти, та це не буде впливати на дані цих компонентів. Зверніть увагу, що внутрішні компоненти повинні мати все рівно різні імена (вкладка API поле Property Name).