Collapsing Form

Forms

Collapse and expand sections of a form.

Play with the example below to see what you can do:

Open this example as a template so you can see how everything works in the Editor. 

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

  1. Open this example in the Editor to work with the template.

  2. Publish the site.

  3. Learn how to work with examples in Corvid.

Example Code

arrow&v

Example Demonstrates

Input Element onChange

Collapse & Expand

To start using Corvid:  Go to the Wix Editor > Dev Mode > Turn on Dev Mode