Making Page Sections Collapsible and ExpandableLast Updated: 08/16/2016 Introduced in Verision: 2.0
Page controls can be hidden and displayed in collapsible sections by placing them within collapsible Container components.
We’ll begin in our Designer Folder, by clicking the Create Page button at the bottom of the screen.
In the New Page pop-up, we’ll name our new form and click OK to open it in the Page Designer.
Next, we’ll place our first Header Container component in the workspace.
Next, we’ll place three more Header Container components in the workspace.
This completes our form, so we will save it and close the Form Designer.
Back in the portal, we will test our example flow by selecting the Form Containers thumbnail and clicking the Action link. In the Action menu, we will select Preview Page.
In the resulting pop-up, we’re presented with our form.
When we hover our cursor over the header of the fourth (collapsed) section, a tab containing an Expand link will appear under the bottom-right corner. To expand this section, we will click the Expand link.
This expands or Collapses the section, revealing or hides whatever components were added in the Form Designer.