Dialog

The Dialog Widget is a pop-up overlay that appears above your app content to capture attention or prompt user action. It’s ideal for confirmations, alerts, or displaying focused content without navigating away.

Common Use Cases

• Confirming important actions (e.g., delete, submit) • Displaying alerts or warnings • Showing additional information in a focused view • Prompting users for quick input

Widget Properties

The widget properties are similar those for the Show Dialog action.

How to Use:

Step 1: Create a page of type 'Dialog'

Create a new page of type dialog, and design its contents using the page editor. Add icons, navigations or clickable widgets linked to rules that perform useful actions.

Step 2: Add the Widget From the Elements panel, select the Dialog widget. Drag and drop it onto your page. Like all Navigation containers, the Dialog widget does not have a set user interface, you can add text, icons or images inside it to give it the look you need.

Step 3: Select Dialog Page & Options Open the Dialog widget's settings in the Property Editor, and select the page created in Step 1 to display inside the popup, and also the menu's alignment relative to the menu widget itself.

Step 4: Adjust as Needed Set the dialog’s size, position, and styling by using the widget settings..

Last updated