PageNameHere

Dialog Boxes
Last updated on: 04/05/2021
Usage: For business messages, dev teams are responsible for the messaging.
Actions: One primary button or the combination of the primary and secondary buttons can be used for the dialog action controls.
The key 'Enter' is for accessing the primary button and the key 'Esc' is for closing the dialog.
Draggable Dialog Info: Instructions for when to have the dialog boxes be draggable.
Single Content Dialog Boxes (Click the Thumb Nails to open Sample Dialog Boxes)

Example: Informational Texts Dialog Light Box

Note: This informational dialog should be used when the application wants to display plain information without input controls.

 

Example: Warning Dialog Light Box

Note: The label should reflect "Warning" only. Do not use the warning dialog box for Delete, Use the Danger dialog box.

 

Example: Leave

 

Example: Return

 

Example: Danger (Delete) Dialog Light Box

Example: Danger (Error) Dialog Light Box

Note: This type of error should be displayed using inline validation.

Example: Enter a Claim ID Dialog Light Box

 

Example: Creating a new ID

 

Example: Copying the existing ID

 

If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.