Collapsible Area Action

Collapsible Area Action is a regular block that allows you trigger the expansion or collapse of a Collapsible Area element on the page or form.

The block comes in two modes which are discussed below.

Mode 1

The Mode 1 version of the Collapsible Area Action block consists of (from left to right):

• Action: Dropdown configuration setting that allows you to choose from three options:

  1. Expand: Expands the element.

  2. Collapse: Collapses the element.

  3. Toggle: Toggles the state of the element i.e. collapses it if it is expanded and vice-versa.

• Element: Selectable Input to choose the Collapsible Area element.

Mode 2

The Mode 2 version of the Collapsible Area Action block consists of (from left to right):

• Action: Dropdown configuration setting that allows you to choose from three options:

  1. Expand: Expands the element.

  2. Collapse: Collapses the element.

  3. Toggle: Toggles the state of the element i.e. collapses it if it is expanded and vice-versa.

• Element: Value Parameter that accepts either a text value in the form of a CSS Selector or an element value. The Element block comes pre-attached for your convenience but can be removed and customized.

Usage Examples

The image below shows an example of the Mode 1 version where the selected Collapsible Area element is expanded.

In the next example we see a Mode 2 version where the Element value parameter is attached to a Text block containing a CSS Selector that selects the same element. This time the element's state is toggled.