HorizontalLayout

Introduction and Overview

The HorizontalLayout offers a simple way to place several controls next to each other. Optionally the HorizontalLayout forces all child controls to be in one line, without wrapping (this is the default behavior). One specific use-case is to use the HorizontalLayout inside a VerticalLayout to put several controls in one row.
To keep the layout slim and light-weight it does not offer sophisticated layout options.

See also: sap.ui.commons.layout

Examples

HorizontalLayout

This example shows a simple HorizontalLayout.
Spacing between the items is currently not adjustable in the HorizontalLayout and has in this case been added with the following CSS:

#myTextField { margin: 0 4px; }
		


HorizontalLayout inside a VerticalLayout

This example shows a HorizontalLayout inside a VerticalLayout.


API Documentation

See API documentation