Page Comparison

A Vertical Layout is a general-purpose container which can be handy for grouping controls. They:

...

Properties of Vertical Layout

1. Id - unique identifier of the control
2. Style Class - assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App
3. Width - width setting 
4. Enabled - set a boolean value or a variable with type boolean from the Model to control the enable property
5. Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property
6. xmlns - used to add an SAPUI5 namesapace. In the sample below, the namespace and controls under it can be accessed inside the Vertical Layout.
   

Step-by-step guide

How to add an Vertical Layout

1. Right click on a Page, Form Element or from any elements under Add Layout and select Add Vertical Layout
   Image Modified
   
2. An Vertical Layout control has been added
   
3. UI Elements including Model can be added under the Vertical Layout Control by doing a Right click from it
   Image RemovedImage Added
   
   

Related articles

...