This article ONLY works when using Avonni Creator. Only customers with an active subscription that was activated on or before December 31, 2021 have access to Avonni Creator.
This article is only valid when working on a Creator project.

Modal box

Modal Box is one of the actions 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.

Related

Avonni Designer vs Avonni Builder comparison table

View all the differences between Avonni Designer and Avonni Builder.