Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

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

  • do not affect the visual look of the app (unless you apply Styles to them).
  • have the xmlns Property, which allows the definition of a namespace declaration (such as xmlns="sap.ui.unified"), which can be used by the children elements.
  • are useful for grouping Controls which are to be included in a Widget.

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

  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




  • No labels