Page Comparison

Properties of Dialog
Image Modified

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. 

    Info
    Setting Additional Properties provides further information about the Advanced property

    
    

Step-by-step guide

How to add a Dialog

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

...