2.2.10.13 Div

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
   

Related articles

• Page:
  2.2.5 Add UI elements to the App
• Page:
  2.2.5.1 Add UI elements outside of a Form Element