Properties of Dialog

1. Id - unique identifier of the control
2. Title - the text that will be shown in the Dialog Header
3. Stretch - set a boolean value or a variable with type boolean from the Model to control the stretch property
4. ContentHeight - height setting of the Dialog
5. ContentWidth - width setting of the Dialog
6. HorizontalScrolling -  set a boolean value or a variable with type boolean from the Model to control the horizontalScrolling property
7. VerticalScrolling - set a boolean value or a variable with type boolean from the Model to control the verticalScrolling property
8. Resizable - set a boolean value or a variable with type boolean from the Model to control the resizable property
9. Dragable - set a boolean value or a variable with type boolean from the Model to control the draggable property

10. 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

Add the steps involved:

1. Right click on a Page and select Add Dialog-→ Dialog
   
2. A Dialog Control has been created
   
3. Similar to a Page, controls can be added inside the Dialog. Right click on the Dialog to see the available controls
   
4. 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

Related articles appear here based on the labels you select. Click to edit the macro and add or change labels.