Properties of Dialog

Id - unique identifier of the control
Title - the text that will be shown in the Dialog Header
Stretch - set a boolean value or a variable with type boolean from the Model to control the stretch property
ContentHeight - height setting of the Dialog
ContentWidth - width setting of the Dialog
HorizontalScrolling - set a boolean value or a variable with type boolean from the Model to control the horizontalScrolling property
VerticalScrolling - set a boolean value or a variable with type boolean from the Model to control the verticalScrolling property
Resizable - set a boolean value or a variable with type boolean from the Model to control the resizable property
Dragable - set a boolean value or a variable with type boolean from the Model to control the draggable property
Advanced - properties of the control not available in the above list can be added here.

Setting Additional Properties provides further information about the Advanced property

Step-by-step guide

How to add a Dialog

Right click on a Page and select Add Dialog-→ Dialog
A Dialog Control has been created
Similar to a Page, controls can be added inside the Dialog. Right click on the Dialog to see the available controls
The Dialog Control can be accessed by using the FAB delivered JS functions below
openDialog("dialogName")
opens a Dialog with id 'dialogName'
closeDialog("dialogName")
closes a Dialog with id 'dialogName'

Related articles