Modal Box is one of the interaction action available and is used to display content in a layer above the app. This paradigm is used in cases such as the creation or editing of a record, as well as various types of messaging and wizards.

Creating a modal box

1. Click on an action element.

2. Click on the Lightning icon 

3. Click on the modal box icon

4. Give a name to your modal (you will be able to use that modal from other elements)

5. Enable needed settings:

  • Header: check this box if you'd like to have a header area.
  • Footer: check this box if you'd like to have a footer area.
  • Grow: check this box if you'd like to expand the height of the modal box.

6. Click on the Open Modal button to design your modal box.

Cloning / Duplicate a modal

Click on the Visual Content menu and select the Modals tab. Then, click on the copy icon located next to the modal name. 

Deleting a modal

Click on the Visual Content menu and select the Modals tab. Then, click on the Trash icon located next to the modal name. 

Tips

Video Walkthrough

Did this answer your question?