This is a Dialog Template for the PASIprep UI Guidelines.
A custom dialog are complex dialog that requires larger area for content and/or user interactions.
Note that custom dialogs should be used sparingly in PASIprep as the preferred method to display larger sets of data or fields is through a page (using one of the page content templates.)
Note: Custom dialogs will never have a breadcrumb
Note: Custom dialogs will never have a permalink URL. Any attempt to bookmark the URL when the dialog is showing will result in the previous page's URL being book marked.
Buttons should use the style defined in the Visual Guidelines of the PASIprep UI Guidelines
The Angular Material Dialog should be used with the GOA UI Library colours:
These dialogs should mimic the layout of the “Custom dialog” in the Angular Material dialog demo, without the top right corner [x] button to close the dialog (user cannot dismiss the dialog by clicking outside the dialog either).
Action buttons should be displayed in the persistent footer bar.
Note: This type of dialog cannot be dismissed by clicking outside of the dialog.