Contextual Information

Last Updated 09.28.03

General Description

Contextual Information is view only label/data information that is displayed on a page or pages of a process. The information displayed is based on a selection or selections made on a previous page and is helpful to the user to retain context of the selection while continuing the task.

TECHNICAL NOTE: Contextual information is not automated as part of the cabo framework, but can easily be generated by using label/form layout and a separator line components.

Guideline Attributes

Spec Version # - 3.1
Spec Contributors - Betsy Nute; Mervyn Dennehy
UI Models - all
Example Products - All products
Related Guidelines - Standard Web Widgets, Content Layout, Separator Line, Page Stamps

Interaction and Usage Specifications

General Principles
Example Usage
Note: Contextual information may appear to the left of repeating Action/Navigation buttons, which are right-aligned. Depending on the number of repeating buttons and the length of labels and data, two column layouts of Contextual Information may be pushed down the page to allow space for Action/Navigation buttons. See Action Navigation Buttons for the Entire Page for details on button placement.

Contextual Information vs. Page Stamps

Contextual information should only be used within a process. Use Page Stamps for other view-only information, such as user login data, current date, or space remaining. Page stamps can also be used in place of contextual information when the number of label/data pairs does not exceed three per page. The Page Stamps guideline contains a chart comparing these two page elements.


Visual Specifications

Example Page with Contextual Information


Example Flows
Contextual Information Shown on Step by Step Flow (based on Selection of Row in Object List.)

Contextual Information Shown on Single Page Object (based on Selection of Row in Object List.)

Open/Closed Issues