You are currently viewing the new Beta Editor Docs.
Switch to the Classic Editor Docs
You are currently viewing the Classic Editor Docs.
Switch to the Beta Editor Docs

Expand and collapse sections using components

Components can be shown and hidden by setting their visible property to True or False. Showing or hiding a container such as a ColumnPanel shows or hides the components within it, allowing you to create expandable/collapsable sections of pages.

You can use this technique to make the contents of a Data Grid cell expandable/collapsable.

Here’s an example app showing a Data Grid full of stock data. There’s a column containing a time-series chart for the price of each stock. The chart is hidden by default, and it can be shown by clicking a Link.

GIF of stock grid with expandable chart column

Click here to clone the example app in the Anvil designer: