Various Layouts in SAPUI5

Various Layouts in SAPUI5

1. Vertical Layout & Horizontal Layout:  

• Simple way to align multiple controls vertically or horizontally.
• Content controls within the layout.
• All controls inside are not enabled automatically.
• Content width is used as default width.
• There is no default scrolling inside the layouts.

2. FlexBox:

• FlexBox control builds the container for a flexible box layout.
• justify-content,direction can be used to align the content
• Based on the renderType the flexbox is wrapped in a div or li or ul.
• FlexItemData Holds layout data for a FlexBox / HBox / VBox.

• VBox:The VBox control builds the container for a vertical flexible box layout. 
• HBox:The HBox control builds the container for a horizontal flexible box layout. 
• VBox & HBox are a convenience control, as they are just a specialized FlexBox control.

3. Grid,Grid Layout and Responsive Grid Layout

4. Splitter & Responsive Splitter

5. Form,Responsive & Object Page Layout

Source: https://sapui5.hana.ondemand.com/