2.2.10.32 Dialog

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. 

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