Close a Flexcard Flyout Modal from an Action (Managed Package)

For the managed package runtime, enable users to close a Flyout from an actionable element inside the modal. Add a custom event action with the closemodal event to your child Flexcard, custom LWC, or Omniscript flyout.

1. Open or create the Flexcard that displays the action that closes the modal. For example, if your flyout is an Omniscript, select the Flexcard that is embedded in the Omniscript. If your flyout is a child or custom LWC Flexcard, select it.
2. Drag an actionable element such as an Action or Block onto the canvas. Click + Add Action if your element is not an Action element to display action properties.
3. Select Event as the Action Type and Custom as the Event Type.
4. Enter closemodal in the Event Name field.
5. Select both Composed and Bubbles.
6. For additional configuration options for your custom event action, see Trigger a Custom Event from an Action on a Flexcard (Managed Package).
7. Open or create a Flexcard that displays the flyout.
8. Drag an action (or actionable element such as a Block) onto the canvas and select Flyout as the Action Type.
9. From the Flyout Type dropdown, select the type of content to display in the modal.
10. Click into Flyout and select from the list of active child Flexcards, Custom LWCs or Omniscripts to display in your modal.
11. Select Modal from the Open Flyout In dropdown.
12. To configure other flyout action properties, see Launch a Flyout from an Action on a Flexcard (Managed Package).
13. To test closing the modal, open the Flexcard with the flyout action created in Step 7 and click the Preview tab. Click on the action that launches the flyout modal, and click the action element inside the modal to close the modal.