2.2.10.10 HBox

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. 

    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 

  2. An HBox control has been added
  3. UI Elements can be added under the HBox Control by doing a Right click from it