This is a Dialog Template for the PASIprep UI Guidelines.
A find dialog is an extension of PASIprep Dialog - Custom and should be used to ask the user to provide additional information to locate a specific record of a Business Object. Typically the user is wanting to locate a specific record without navigating the user away from a form based on Edit Item Template.
Note: Find dialogs will never have a breadcrumb
Note: Find dialogs will never have a permalink URL. Any attempt to bookmark the URL when the find 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).
The find dialog can be broken up into three distinct areas:
An optional Message Panel (similar to the Message Panels from the PASIprep Page Layout Guidelines) is anchored below the Dialog Title to show Errors, Warning and Informational messages that are applicable to the screen or an action the user just performed on screens.
The criteria section will consist of:
The search is not performed until the user has entered criteria and used the search button.
This section will be implemented as per the PASIprep Business Object Grid guidelines, with the following exceptions:
Action buttons should be displayed in the persistent footer bar beneath the Grid Section in every find dialog.
Note: This type of dialog cannot be dismissed by clicking outside of the dialog.
When the dialog first opens or when there are no results to be displayed. The following occurs:
A Find Dialog should be launched from a PASIprep Input with Find Control.