Modeling confirmation dialogues in the Button component

On this page:

1. Overview

Confirmation (pop-up) dialogues can be useful for several reasons:

  • Prevent accidental actions: A confirmation dialogue can ask users to confirm an action before performing it. This can help prevent accidental or unintended actions, such as deleting data or submitting incorrect information.

  • Provide additional information: A confirmation dialogue can provide additional information to the user before they perform an action. For example, a pop-up window can explain the consequences of deleting data or provide instructions for filling out a form.

  • Verify user’s intent: A confirmation dialogue can ensure that a user intends to perform an action. For example, a pop-up window can ask a user to confirm their decision to unsubscribe from a mailing list or sign out of their account.

  • Enhance user experience: A confirmation dialogue can improve user experience by providing information about the consequences of entering data. For example, a pop-up window can notify a user about unsaved data and so on.

2. Modeling

Administrators can configure confirmation dialogues for data entry forms in the user portals. Confirmation dialogues are configured in the UI forms modeling section of the regulations administrator portal for the Button component.

To model a confirmation dialogue for the Button component, perform these steps:

Editing the components of the registry regulations is only possible for version candidates. The master version can only be previewed.
  1. Sign in to the regulations administrator portal.

  2. Open the Model UI forms section.

  3. Open any form.

    form json code view edit 1

  4. Open the Builder tab and drag the Button component from the components panel to the modeling canvas.

    button popup 1

  5. Open the component’s settings. This happens automatically when creating a new component.

  6. Open the Confirmation tab and configure the confirmation dialogue:

    • Select the Pop-up should Display checkbox. This setting enables confirmation dialogues in the user portals.

    • Enter the confirmation message for the portal users in the Description field.

  7. Save your settings.

    button popup 2

  8. Open the Preview tab to check how the confirmation will work in a form.

  9. Click the modeled button.

    button popup 3

    As a result, you will see a pop-up window with a confirmation message and options to confirm or cancel the action.

    button popup 4

  10. Return to the form and save your changes.

    If the action is confirmed, the user leaves the page. If the action is canceled, the confirmation dialogue closes, and the user remains on the current page.