Dialog Box Details Version 2.0.0.0Print this Page
Detail on Demand Pattern Set
 
Description
Return to Top
Use the Dialog Box Details pattern when users need to quickly access and dismiss information. The details appear in a modeless dialog box.
 
Pattern Set Decision Table
Return to Top
  Hover
Details
Dialog Box
Details
Hide and
Show Details
Show More/
Show Less
Detail
Drill-Down
Details
Do the details become a primary resource for users and steps in their tasks? Do the users spend considerable time looking at the details? No No Yes Yes Yes
Do the users need to quickly obtain details (glance and close)? Yes Yes Yes No No
Do these details need to be seen in conjunction with the other information? Yes Yes Yes Yes No
How much space do the details use? Small
read-only
form
or data
Does not exceed 512 x 384 pixels A few inches
of screen
real estate
A few inches
of screen
real estate
A page or
more of
detail
 
Pattern Sample
Return to Top

Sample Table with Dialog Box Details Available

Access dialog box details by clicking a Details icon button in a row in a table.

Figure 1. Sample table with dialog box details available
Required Screen Elements
Component Type Required Components Customizable or
Extendable Components
Launch Element

Element that launches the dialog box

Launch elements include but are not limited to buttons, icon buttons, menu items, standard Web widget options, and links.

Dialog Box Details on a Row Item

The details of a dialog box can be updateable or read-only. If updatable, the dialog box should be modal, and the window toolbar should include a Cancel button. If the dialog box contains read-only information, the window should be nonmodal, and only the Done button is required.

Figure 2. Dialog box details on a row item
Required Screen Elements
Component Type Required Components Customizable or
Extendable Components
Dialog Box
  • If content in the dialog box is read-only, the window should be nonmodal.
  • If content in the dialog box contains editable fields, the window should be modal.
NA

Dialog Box Title

  • If read-only:
    Use this format:<Object Type>: <Object Name> (for example, Expense Report: WBJ3008D).
  • If the dialog box contains editable fields, use this ¬†format: <Action> <Object Type>: <Object Name> (for example, Approve Expense Report: WBJ3008D).
NA
Dialog Box Buttons
  • Done: (If read-only) Closes the dialog box.
  • Cancel: (If the dialog box contains editable fields) Cancels the transaction and returns the user to the previous page.
  • Save and Close: Commits the transaction, closes the dialog box, and optionally displays a confirmation message.
NA
 
Related Guidelines
Return to Top
Headers Guidelines for headers and subheaders including show/hide regions
Page Actions Guidelines for page actions for dialogs or pages
Secondary Windows Guidelines governing the use of secondary windows or dialog boxes
 
About Oracle | Legal Notices | Terms of Use | Your Privacy Rights