Pushbuttons
Pushbuttons in the Application ToolbarThe application toolbar contains functions that are specific for an application. It provides a convenient access to these functions with the mouse. The application toolbar is located directly below the standard toolbar. Figure 1: The application toolbar is located below the standard toolbar |
Guidelines
Icons on Pushbuttons in the Application ToolbarIf an icon is available for a function, include the icon in the pushbutton either with or without text label. |
Figure 2: Example for functions with icons in the application toolbar |
You assign an icon to a function that is positioned
in one of the toolbars in the Menu Painter. The Menu Painter assists you
and makes suggestions for icons. However, you should check these suggestions,
before you assign an icon to a function.
Generally, most icons on pushbuttons should be used without a text label. In addition, use them only for the suggested meanings in order to not confuse the user. Avoid puzzles, that is, do not combine icons and text to form new concepts. This may only be acceptable for standard functions like Display, Delete, Print, Header, Overview etc. that the users know well or where the icons aid in classifying functions. Icons without Textual LabelThe following functions use icons without a textual label:
Icons with Textual LabelIf there is enough room, you can include icons with a textual label for special functions such as Refresh, Convert, Skip, or Retrieve. Add text to the icon, when the icon only classifies the class and a description is required to understand the full meaning of the function. Check if the pushbutton can be positioned next to the object in the work area. Include only icons for application-wide functions in the application toolbar. Order of Pushbuttons in the Application ToolbarTry to observe the following order of pushbuttons in the application toolbar:
Try to present application-wide used functions with icon alone, that is, to put them into group 3. If in doubt, an aesthetically pleasing overall impression decides if the icons should have a text label or not. Icons on Pushbuttons in the Application Toolbar of Dialogue BoxesPushbuttons in the application toolbar of dialogue boxes can have icons, too. The following guidelines apply to pushbuttons with icons in dialogue boxes. They apply also to dialogue boxes without an application toolbar. |
Figure 3: Example of pushbuttons with icons in the application toolbar of a dialog box |
There are icons reserved for functions in dialogue
boxes like the icons for the functions OK, Cancel and Print.
All other functions use their standard icons.
Guidelines for Pushbuttons with Icons in Dialogue Boxes
Position pushbuttons which have an icon but no text directly behind the ENTER button. All other buttons or icons follow.
Source: SAP R/3 Style Guide |