This guide will explain how to collapse form fields into a section using the “Collapsible Field Section” field.
- Initial Setup:
- Drag and drop a “Collapsible Field Section” field onto your form.
- Rename the field as needed.
- Drag and drop some other fields onto your form.
- Rename the fields as needed.
- We will expand and collapse these fields using the “Collapsible Field Section” field.
- Configuring The “Collapsible Field Section” Field:
- Click the pencil icon of the “Collapsible Field Section” field.
- Select form fields in the “Select Fields for Collapsible Section” option.
- Save the changes.
- Optional: You can add labels for both expanded/collapsed buttons.
- Optional: You can style your button using the below options.
- Please check out this guide to set up an icon-based floating button- https://guides.formyoula.com/public-guides/setup-an-icon-based-floating-button
- Test The Form:
- It will collapse the form fields under the “Expand Address Details” button.
- Click the “Expand Address Details” button.
- Clicking the button will expand the fields.
For any questions, please contact us - [email protected] or the Formyoula in-app chat. 🙂