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
sortmodifiedreversetruetitle
typepage
cqllabel = "kb-how-to-article" in ("add-ui-elements","vertical-layout-implementation") and type = "page" and space = "IFAB"
labelskb-how-to-article

...