Back to overview

Forms and system messages

Form elements

All form elements, except buttons, are system elements. Input fields and dropdown menus are as wide as it is needed for the content. The maximum width depends on the grid. The elements are left aligned.

Form elements

Progress bar

The size of the icons is 18 x 19 pixels. The text and the icons are horizontally centered.

Progress bar

System messages

System messages

Forms

The text in the form is left aligned. All form elements are positioned in a maximum of two columns. The exact width depends on the grid. The highlighted background of the active element overlaps by eight pixels.

Form with two columns (676 pixel wide)

Form with two columns (676 pixel wide)

The width of an input fields is variable and depends on the number of characters entered. The height of the fields is fixed at 20 pixels. There is a distance of at least four pixels between two fields.

Form with two columns ( 928 pixel wide)

Form with two columns ( 928 pixel wide)

PHOENIX CONTACT
GmbH & Co. KG

+49 5235 3-41984

Christine Nolte-Dietrich

Christine Nolte-Dietrich

Coordinator Communication Guidelines