Open Alert Modal

Display a modal alert to capture the user's attention with a notification, confirmation, warning, or error that requires acknowledgment.

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.

Configuration

• 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	The interactions to run when the user closes the alert modal. Accepted interactions: Show Toast: Displays a brief message at the top of the page. Learn more. Open Flow Dialog: Initiates a Salesforce flow in a dialog box. Learn more. Open Flow Panel: Runs a Salesforce flow in a side panel. Learn more. Refresh All Queries Refresh Query

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.

Important Considerations

• 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.