Toggle 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

A toggle, in general computing, is a switch between one setting and another. Use the toggle action for modals to toggle the modal. For instance, if it is open, the toggle action will close it and vice versa.

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. Select 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 Toggle radio button and click the Next button.
Toggle option
Toggle option
  1. Add a tag, if necessary, and click the Insert button.

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

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?