Our uses standard Windows® control elements, however, we use stylized versions of them. Once you are familiar with their look, you should have no problems recognizing their functions. The following table shows you the control elements used and tells you what they do:
|
Drop-down lists
When you click or tap on the arrow icon, a list opens. Select the desired entry from the list. If the available space is not sufficient to show all entries, use the scroll bar at the side of the list to display the remaining entries.
|
 |
Icons
By clicking or tapping on an icon, you use a function or confirm an application message.
Some symbols have two states: A colorless state (see left example) and a highlighted state (see right example). If an icon is colorless, the corresponding function is currently deactivated. If an icon is highlighted, the corresponding function is currently activated.
Right click on an icon to view a short description in the info area.
|
|
Button
By clicking or tapping on a button, you use a function or confirm an application message. In contrary to icons, buttons contain text instead of an image. If we refer to this text, we use square brackets [ ].
Example: Klicken Sie auf Weiter.
|
|
Selection lists
In a selection list, you mark the desired entry by clicking or tapping on it. If the available space is not sufficient to show all entries, use the scroll bar at the side of the list to display the remaining entries. The currently selected entry is highlighted.
|
|
Input fields
In an input field, you enter characters via your keyboard. Click or tap on the desired field and type in the text.
|
 
|
Options
By selecting a check box, you activate or deactivate the corresponding function. If the check box is empty (see upper left example), the function is deactivated. If the check box is filled (see upper right example), the function is activated.
Some check boxes form a group from which you can only select one option at a time. In these cases, the currently activated option will be deactivated as soon as you activate a new option (see lower example).
|
|
Value bars
A value bar visualizes the corresponding value: The fuller the bar, the higher the value. The end of the bar shows the current value. Sometimes you can adjust the value by manipulating the value bar like this: Either click where you want the value bar to end, or drag the end of the value bar to where you want it.
|