Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Updated to reflect new visual themes and new page-title CSS class

...

Main Navigation

This section (in the header of the screen) contains links for business and end-user oriented applications. Links to less frequently used and more technical applications are kept in secondary navigation. The main navigation area should indicate which application is currently selected if the current application is linked to from here.

Secondary Navigation

This section (in the footer of the screen) contains links for less frequently used applications. The secondary navigation area should indicate which application is currently selected if the current application is linked to from here.

...

1. Optional application area tab bar (mentioned above).
2. Page title, using the h1 page-title style. The page title displayed in the main content area should match the title bar title. This makes a strong connection between screens and bookmarks and browser history.
3. Optional related screen buttons, in the button bar style (external links outside of a certain set of screens). For instance, a Find screen might have a "Create New" button here.
4. The main form or other interaction area.

...

1. Optional application area tab bar.
2. Page title, using the h1 page-title style.
3. Data entry form, including a Save button.

...

1. Optional application area tab bar.
2. Page title, using the h1 page-title style.
3. Optional related task buttons, in the button bar style. For instance, a "Create New" button.
4. Optional Search Options data entry form. The form should be collapsible, and collapsed when a find has been done and there are results for it.
5. List of found items - the search results.

...