Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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
    Image Modified
  2. A Div control has been added
  3. UI Elements can be added under the Div Control by doing a Right click from it

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@223dfe
showSpacefalse
sorttitle
typepage
cqllabel in ( "add-ui-elements" , "vertical-layout-implementation" ) and type = "page" and space = "IFAB"
labelskb-how-to-article

...