Show Action for Modals

Business Background

In simple terms, a modal (also called a modal window) is a web page element that deactivates the standard content page and requires the end user to interact with the content in the modal to go back to the main window.

Titan Solution

The modal is hidden from the page by default. To show the modal, you must run the Show action.

How to Video

  • Coming soon!

How to Guide

  1. Click the expand (+) icon next to the settings icon in Titan Web. A list of elements will show.
  2. Select the Container option from the list.
  3. Select and drag the Modal element to the canvas.
  4. Under Button, select and drag a button element to the canvas.
  5. Click the On Click Action icon.
  1. Click the + icon. The Add Node screen opens.
Action Flow screen
Action Flow screen
  1. Click the Layout Actions tab and select the Drawer/Modal option.
  2. Click the Next button. The Add Node/Drawer/Modal screen opens.
Drawer/Modal option
Drawer/Modal option
  1. Select the Modal option.
  2. Select the modal from the drop-down list.
  3. Click the Show radio button and click the Next button.
Show option
Show option
  1. Add a tag, if necessary, and click the Insert button.

The action will be applied to the modal, and the content will be shown.

Learn more about Titan’s native integration with the Salesforce Experience Cloud.

Easily design, deploy, and measure custom web applications directly from Salesforce using Titan’s drag-and-drop web page builder.

Hidden Title

Need more help?