Modal

Emergent window which is a 12 column layout container.

Demo

Basic example

{ "type": "modal", "label": "Modal", "value": "{{any}}", "extraSettings": { "modalButtonText": "Open", "layoutDefinition": { "rows": [ { "cols": [ { "type": "text", "value": "{{txt}}", "label": "Text inside a modal" } ] } ] } } }

Attributes

Attribute	Type	Description
type	string	Type expected is modal

See section Common attributes.

Extra attributes

Attribute	Type	Description
layoutDefinition	Object	Definition with rows and cols as for any other form
modalButtonText	string	Text to show as button to open the modal
saveButtonText	string	Text in OK button once modal is opened
saveButtonVisible	boolean	Whether or not to show OK button. Can be expression.
saveButtonEnabled	boolean	Whether or not to enable OK button. Can be expression.
cancelButtonText	string	Text in Cancel button once modal is opened
cancelButtonVisible	boolean	Whether or not to show Cancel button. Can be expression.
cancelButtonEnabled	boolean	Whether or not to enable Cancel button. Can be expression.
modalOpen	string	Simple expression associated to open the modal
width	string	Can be expressed as pixels or percent. Default is pixels. e.g. 300px or 80%

NOTE
Please, keep in mind that modalButtonText will force modal with a button and modalOpen will try to work without button and both cannot be used in the same definition.

When to use it

Use it to show a panel containter definition as a controlled emergent window.