Components for FlowsGet It on the AppExchange

Open Alert Modal

Overview

The Open Alert Modal interaction is a feature within Salesforce Experience Cloud that enables the display of an alert modal to users. Alert modals capture user attention for notifications, confirmations, warnings, or errors.

Properties

  • Neutral or general information. Use this when you are notifying a user of a change.

  • Warning. Use this for critical information that will help a user avoid an issue.

  • Error. Use this for critical information preventing a user from continuing a flow and if there's action required on their end to resolve the issue

Name
Description

Label

The title or heading text displayed in the alert modal's header.

Message

The main text content displayed in the alert modal, providing details about the notification or alert.

Variant

  • header: The modal includes a header.

  • headerless: The modal does not include a header

Theme

  • Defines the visual styling of the modal. Options include:

    • default: Standard look and feel.

    • shade: A slight shadow or overlay.

    • inverse: Colors are inverted.

    • alt inverse: An alternative to the standard inverse.

    • success: Green theme indicating a successful action or state.

    • info: Blue theme for informational messages.

    • warning: Yellow/orange theme for cautionary messages.

    • error: Red theme for error messages.

    • offline: Indicates lack of connectivity or offline status.

On Close

Example

Imagine you want to show an alert modal when a user completes a form to confirm their action:

  1. After a user submits a form, trigger the alert modal by configuring the submit button’s interaction to 'Open Alert Modal.'

  2. Set the Label to "Submission Confirmation" and the Message to "Your form has been successfully submitted."

  3. Choose the Variant 'header' to include a header in the modal.

  4. For the Theme, select 'success' to align with the positive nature of the message.

  5. In the 'On Close' setting, you might want to refresh the page or navigate the user to a confirmation page.

Tips

  • Use clear and concise messages to ensure users understand the alert's purpose.

  • Choose a theme that matches the alert's context for intuitive user experience.

  • Always preview modals to check for text clarity and proper theming before publishing.

Conclusion

Alert modals are great for engaging with users and providing essential feedback. With the Open Alert Modal interaction, Salesforce administrators and developers can craft a diverse range of alerts tailored to the context of user interactions, enhancing the overall user experience on the platform.

Last updated