Navigation Bar

The navigation bar is used on the start page and all application pages (except edit pages where users must save or cancel to exit the screen), with the SAP logo and the main navigation.

Examples

Start Page Navigation Bar

Figure 1: Start page navigation bar

Standard Navigation Bar

Figure 2: Standard navigation bar

Required Properties

  • SAP logo
  • On start page: Link to the ME Home (figure 1)
  • On list pages (figure 2): Dropdown list box, inlcuding:
    • ME Home
    • The application name
    • A separator line between the application name and other links
    • Options which were offered in the start page main menu
    • The dropdown height should not exceed what can be displayed on the screen of the target device

Dimensions

  • Width: 100% of container (240 pix)
  • Background height (including borders): 24 pix
  • Separation line height: 2 pix

Colors and Fonts

  • Background (including 1 pix border at bottom): White #FFFFFF
  • Orange bar: #FF9A00
  • Regular text color: Black #000000
  • Standard link: Underline Blue #225A8D

 

top next

Source:  SAP Style Guide for PDA Applications