Example Description
This example demonstrates collapse and expand sections of a form.
How We Built It
This example demonstrates how to integrate collapsable sections into your forms.
The form collapses and expands the Price section depending on whether the user checked or unchecked the Sort by Price checkbox.
The collapsing layout works by placing the elements of the section that can be collapsed in a box element. We use the onChange event of the checkbox to call the box element’s collapse and expand functions.
Next Steps
Open this example in the Editor to work with the template.
Publish the site.
Learn how to work with examples in Velo.
Related Examples
Did this help?
|
Thanks for your feedback!
Basic Form
Create a basic form without writing a line of code.
Beginner
Cascading Form
Change the options of a dropdown based on a previous selection.
Intermediate
Multistage Form
Create a form split into multiple steps.
Beginner