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.


See Live output

Content Structure:

See Content in Document


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