Versions Compared

Key

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

Properties of Hbox

  1. Id - unique identifier of the control
  2. Align Content - alignment container lines when there's extra space along the cross-axis
  3. Align Items - alignment of the elements from top to bottom
  4. Justify Content - alignment of the elements from left to right
  5. Wrap - determines the wrapping behavior of the control
  6. Style Class - assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App
  7. Width - width setting 
  8. Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property
  9. Items - items within the flexible box layout
  10. Advanced - properties of the control not available in the above list can be added here. 

    Info

    Setting Additional Properties provides further information about the Advanced property


Step-by-step guide

How to add an Hbox

  1. Right click on a Page, Form Element or from any elements under Add Layout and select Add HBox 
    Image Modified
  2. An HBox control has been added
  3. UI Elements can be added under the HBox 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
sortmodified
reversetrue
typepage
cqllabel in ( "add-ui-elements" , "vertical-layout-implementation" , "additional-properties" ) and type = "page" and space = "IFAB"
labelskb-how-to-article

...