Modals can be seen across the V3 interface. Modals are 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. These controls are commonly seen throughout the product experiences.

Usage Reference

These images display the Modals being used in the Content and Settings Section in the DXM experience.

Image
Image

Visual Reference

These images display the visual references for how the modals should look and be used in the DXM experience.

IMPORTANT - Full overview of the Modal use cases can be seen > here.

Modal Small

Image

Modal Large

Image

Example Usage - Modal Small

Crownpeak

Example Usage - Modal Large

Crownpeak

Example Usage - Modal Slide

Crownpeak

Example Slide - Animation

Crownpeak

Code Reference

Below are functional UI elements for how the modals should look and feel while being used in the DXM experience.