Panel

12 column layout container component.

Demo

Basic example

{ "type": "panel", "label": "Panel", "value": "{{any}}", "extraSettings": { "layoutDefinition": { "rows": [ { "cols": [ { "type": "text", "value": "{{txt}}", "label": "Text inside a panel" } ] } ] } } }

Attributes

Attribute	Type	Description
type	string	Type expected is panel

See section Common attributes.

Extra attributes

Attribute	Type	Description
layoutDefinition	Object	Definition with rows and cols as for any other form
collapsible	boolean	Allows the content to be collapsed by a button in the title
collapsed	boolean	Defines if the content is collapsed by default. Keep in mind this is only an initial state due to user has the ability to change the state manually.

When to use it

Use it to group components within the same scope. This allows you to make more complex layouts and also hide or disable all the components inside the panel with a single setting.