Add Elements to a Modal

Business Background

A modal is a box that will interrupt the user’s actions. It lays over a web page and prevents further user interaction. Modals require direct user interaction to be dismissed before users can interact with the contents on the page below. A modal often displays a dialog box and can have a button that must be clicked to dismiss the box.

Titan Solution

Titan enables you to add elements to the modal with no code and in a few clicks.

How to Video

Video Coming Soon!

How to Guide

  1. Navigate to Titan Web Application.
  2. Add a modal or responsive modal to the Web canvas.

You can position the elements anywhere in a responsive modal, whereas the elements are automatically fitted in a modal.

This image has an empty alt attribute; its file name is image-55.png

  1. Click the expand (+) button next to the settings icon. A list of elements will show.
    • We added paragraph text, a checkbox, and a button in this example.
  2. Under Text, drag and drop the Paragraph element to the modal.
Add paragraph element
Add paragraph element
  1. Click the Paragraph Element Gear icon. The Text Settings screen opens.
  2. Under Content, add text in the text field.
Add content to the paragraph element
Add content to the paragraph element
  1. Use a handle (1, 2, or 3) to resize the modal.
Resize handles
Resize handles
  1. Select the + icon and add a checkbox and a button to the modal.
Elements added to modal - example.
Elements added to modal – example

You can add any of the Web elements available to the modal.

Hidden Title

Need more help?