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. Attribute - direct application of style without using the Style Class above (e.g. style="background:green;" will set the background to green)
  4. Content - set the SAPUI5 content here (e.g. Text, Input Boxes, Images etc)

Sample output

Step-by-step guide

How to add a Div

  1. Right click on a Page, Form Element or from any elements under Add Layout and select Add Div

  2. A Div control has been added
  3. UI Elements can be added under the Div Control by doing a Right click from it