Dialogs are containers for small amounts of secondary content and controls that are displayed on user request, while keeping the rest of the page fully visible.

Go To:
  • Click "View Guidelines" to see the different types of dialogs.
View Guidelines

Modal Dialogs

We are using data-id="trigger-dialog" as the trigger to open a dialog. Modifying the dialog is done in JavaScript and the dialog content can be a separate include page.

Example Modal Dialog