Expand Or Collapse a Template Grid Cell

This applies to: Managed Dashboards, Managed Reports

When using a template grid for resizing, you can choose to add a component to a cell such as button, and a Toggle Template Cell interaction to expand & collapse the cell. When collapsed, the cell is reduced to the size of the component, and all other contents will be hidden.

How to set up a button to expand or collapse a template grid cell is shown as an example below.

Set Up the Template Grid

This example starts from a new blank dashboard: choose Define Template Grid, and add a 2x2 grid, and set the Resize Mode property of the dashboard to Resize.

Add a button and a small chart to the first cell. Then add a second chart that fills up the second cell.

Set Up the Interaction

Select the button and choose Toggle Cell When Pressed in the toolbar.

In the dialog, select the option to Expand / Collapse Horizontally. This option forces the expand/collapse to work horizontally only instead of in both directions (vertical and horizontal).

View the Dashboard

Select Sandbox View to test the dashboard.

Click the button to collapse the first cell horizontally. Observe that the first chart is now hidden and the second chart expands to fill up the extra space.

Click the button again to expand the first cell.

If you view the dashboard normally to test, be aware that if you switch to Edit mode while the cell is collapsed, it will remain and be saved as collapsed.

For more information, see:

• Using a Template Grid for Resizing

• Edit Versus View Mode and Sandbox View

• Design Overview