PROCESIO
OverviewPlatform ActionsIntegrations & DemosCustom ActionsDeveloperโ€™s Guide

Section

The Section element is a structural container that groups related form elements under a common labeled area. Think of it as a visual and logicalโ€ฆ

The Section element is a structural container that groups related form elements under a common labeled area. Think of it as a visual and logical divider โ€” it wraps a set of fields into a named block, making complex forms easier to scan, understand, and navigate for end users.

Sections are especially useful for long forms where you want to organize inputs into logical groups (e.g., Personal Information, Billing Details, Attachments) without resorting to multi-step flows. Because the visible attribute is part of the element's data model in Procesio Forms, entire sections can be shown or hidden dynamically based on user choices or process outputs โ€” enabling conditional form sections without any custom code.

Key Use Cases

โ€ขย ย ย ย ย ย ย  Grouping related fields visually (e.g., 'Shipping Address', 'Payment Details')

โ€ขย ย ย ย ย ย ย  Showing or hiding entire form sections at runtime based on a select input or checkbox

โ€ขย ย ย ย ย ย ย  Organizing approval forms into 'Request Details' and 'Review & Decision' sections

โ€ขย ย ย ย ย ย ย  Using multiple sections as pseudo-steps in a single-page form layout

Runtime API โ€” Attributes in Procesio Forms

All attributes below are accessible and modifiable at runtime via the element's data model in Procesio Forms โ€” on any available event such as onLoad or onChange.

API NameDescriptionTypeDefaultNotes
labelThe section's header/title textstringโ€”โ€”
tooltipHelp text shown alongside the section labelstringโ€”โ€”
visibleShow or hide the entire section and all its childrenbooleantrueโ€”
nameUnique element namestringโ€”โ€”
idUnique element IDstringโ€”โ€”

For support, please join our Discord community for further assistance and support.

On this page