2.2.10.32 Dialog

Owned by Andre Reforma (Deactivated)
Last updated: Jun 06, 2018
2 min read

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

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'