Show Dialogue Action

Functionality

The Show Dialogue Action is used to display a pop-up dialog on the page, which can show content from a specific page. It supports customizable animations, modal (blocking) or non-modal (interactive) options, and can be positioned anywhere on the screen. This helps create a more engaging and interactive experience. The action can be triggered by various events, such as button clicks, value change, or on page load, based on pre-defined conditions. It is ideal for presenting alerts, forms, confirmations, or dynamic content while maintaining a seamless experience.

The page selected to be shown as a dialogue must be pre-set to Page Type: dialogue with predefined height and width. Regular pages are excluded, allowing only dedicated dialog pages for a streamlined experience.

Steps

Here are the steps to follow in order to use the show dialogue action:

1

Select whether the modal background should be on or off.

2

Choose the animation style from the dropdown, such as No Animation, From Bottom, or From Top.

3

Configure the position of the dialogue on the page by defining the horizontal and vertical alignment.

4

Click on the + sign to choose the page you want to show as a dialogue box, ensuring it is pre-set as Page Type: Dialogue with predefined height and width.

For Example

Imagine a scenario where a user is filling out a form on a webpage and tries to submit it without completing all the required fields. To provide immediate feedback and guide the user, the Show Dialogue Action is triggered. This action displays a pop-up dialogue overlaying the form, ensuring that the user sees the message clearly. The dialogue displays the message: “Please complete all required fields before submitting. Try again and ensure all information is provided.” This approach helps maintain a seamless user experience by presenting the error in a non-intrusive, interactive way that doesn’t disrupt the overall page flow.

In this example, the action is triggered by a button click event, and the condition used to determine when the dialogue appears is the field value empty condition.