ExpressionEngine®
Style Guide

Interaction Guidelines

Modals are used to improve the user experience of ExpressionEngine. Allowing a user to take ancillary actions without losing their place during their primary action.

Additionally, modals are used to present a user with confirmation prompts when taking potentially destructive actions, such as removing content from the database.

back to the top


Overlay

Use div.overlay.

Note: An overlay's HTML should be placed just inside the closing body tag.

HTML

<div class="overlay"></div>

back to the top


back to the top


back to the top