Skip to main content

Modal

Modal is a simple UI widget you can use when you want to create Dialogs, Popovers or Alerts.

How to use Modal Widget

Properties

Properties allow you to edit the Modal widget, connect it with other widgets and customize the user actions.

Widget Properties

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.

PropertyDescription
Scroll ContentsThis property enables scrolling within the contents of the modal
Quick DismissQuickly dismisses or closes the Modal when the user taps outside the modal.
Animate LoadingAllows you to control a widget’s animation on the page load.

Binding Properties

These properties allow you to bind your Modal widget with any other widget in queries or JS objects.

PropertyDescription
isOpenThis property indicates whether the modal is open or not.
isVisibleThis property indicates whether the widget is visible or not.

Events

They are a set of actions that you can perform on the widget. The following table lists the actions:

EventsDescription
onCloseThis event triggers an action when the modal is closed. See a list of supported actions.

Styles

Style properties allow you to change the look and feel of the widget.

StylesDescription
Background colorSets the background color of the widget.
Border RadiusAllows you to define curved corners.

Reopening Created Modals

Selecting the created modal listed in the Entity Explorer will open it in Edit mode.

Click to expand

Opening Modals via Widgets

To open the Modals via other widgets please refer to Show Modal function.