Show TOC

Background documentationSpacing Between Single Controls Locate this document in the navigation structure

 

Note Note

The values you find in here for spacing and layouting can not be used with the grid layout control currently in usage, and are not meant to be used with it. The grid layout control as the current SAP layouting tool does only support very simple design possibilities. For information how to use the grid layout control see: Grid Layout / Usage and Types. A new form layout control is being developed and will be available latest with the 6.0 version of the portal. The pages about spacing you find under the first point "1. General" have been written to support the development of the form layout tool, and to meet the necessities of future design needs in advance.

End of the note.

This page describes the detailed spacing between single controls. For the spacing between grouped controls, see Spacing Between Grouped Controls.

The following controls are covered here:

The spacing rules in short:

  • Vertical spacing between single elements: 5 pixels for fields and dropdown list boxes, 8 pixels for checkboxes and radio buttons

  • Horizontal spacing between multiple columns: 15 pixels

  • Horizontal spacing between label and input element, width of label column: Width of widest label plus an offset of 8 to 22 pixels

  • Spacing between selection element and label: 8 pixels for checkboxes and radio buttons

In this paragraph you find positive and negative examples for all these cases.