Field Set component

🌐 This document is available in both English and Ukrainian. Use the language toggle in the top right corner to switch between versions.

1. Component overview

The Field Set component is a UI element that enables you to add a header to a form area or a group of components. You can place this element inside layout components or between multiple related components.

Use the Field Set component from the Latest components section.

2. Main functions

The Field Set component supports many options when interacting with the process forms. The options are divided into tabs.

  • Display

  • API

  • Conditions

  • Legend: The title displayed for a set of fields.

  • Tooltip: The text displayed when hovering the cursor over the component.

  • Tab Index: An HTML attribute that allows you to control keyboard navigation through the input fields. For details, refer to HTML documentation — for example, here: tabindex.

  • Hidden: An attribute for fields that are hidden from the users but are still part of the form and are submitted along with the form. Don’t forget to clear the Clear when hidden option; otherwise, any value of this component will be empty.

  • Disabled: A setting that disables editing.

  • Collapsible: An option that allows collapsing a group of components.

    • Initially Collapsed: Shows component as collapsed by default.

  • Property Name: Field name for the API endpoint. Not functional for this component.

  • Advanced Conditions: Here, you can configure advanced conditions for the component. For example, these conditions determine when a component becomes visible based on other components or their values.

    This function uses JS plugins. For details, see Variables in JavaScript insertions.

  • Simple: Performs the same tasks as Advanced Conditions but allows you to specify conditions in a simpler format.

3. Data format

Submission
// This component has no data
This component may contain internal components, but this does not affect the data of those components. Note that the internal components must have unique names in the API tab > Property Name field.