Page Header

A header is used on a tab page or on an edit page for the title and page management icons.

Header for Display Pages

Figure 1: Header with icons for display pages

Header for Edit Pages

Figure 2: Header with icons for edit pages

 

Required Properties

  • Provide Back button on all pages, except editing pages
  • On editing pages, provide Save and Cancel only. If an action could result in lost data, provide a confirmation dialog box that informs the user of this risk.

Dimensions

  • Width: 100% of container (standard = 240 pix)
  • Must include 11 pix space for scroll bar
  • Background height: 20 pix
  • Space around and between icons: 1 pix

Colors and Fonts

  • Background: Blue #003366
  • Font: Bold white #FFFFFF

 

top next

Source:  SAP Style Guide for PDA Applications