Modal is a simple UI widget you can use when you want to create Dialogs, Popovers or Alerts.
Properties allow you to edit the Modal widget, connect it with other widgets and customize the user actions.
These properties allow you to edit the Modal widget. All these properties are present in the property pane of the widget. The following table lists all the widget properties.
|Scroll Contents||This property enables scrolling within the contents of the modal|
|Quick Dismiss||Quickly dismisses or closes the Modal when the user taps outside the modal.|
|Animate Loading||Allows you to control a widget’s animation on the page load.|
These properties allow you to bind your Modal widget with any other widget in queries or JS objects.
|isOpen||This property indicates whether the modal is open or not.|
|isVisible||This property indicates whether the widget is visible or not.|
They are a set of actions that you can perform on the widget. The following table lists the actions:
|onClose||This event triggers an action when the modal is closed. See a list of supported actions.|
Style properties allow you to change the look and feel of the widget.
|Background color||Sets the background color of the widget.|
|Border Radius||Allows you to define curved corners.|
Reopening Created Modals
Selecting the created modal listed in the Entity Explorer will open it in Edit mode.
Opening Modals via Widgets
To open the Modals via other widgets please refer to Show Modal function.