Modal

Notes:

A modal is a popup that appears over other site content. It requires a click interaction from the user to open, and another interaction to close before they can return to the site underneath.

The modal is not a traditional block. Instead, links to a /modals/ path automatically create a modal.

Example:

See Live output

Content Structure:

See Content in Document

Code:

This code is included in AEM Block Collection, simply:

1. copy the .css file and the .js file and add to your project.
2. copy the autoLinkModals() function and add to your scripts.js file

Block Code
Scripts Code