The VBox control builds the container for a vertical flexible box layout. VBox is a convenience control, as it is just a specialized FlexBox control.
Note: Be sure to check the renderType
setting to avoid issues due to browser inconsistencies.
Documentation links:
Constructor for a new VBox.
Accepts an object literal mSettings
that defines initial property values, aggregated and associated objects as well as event handlers. See sap.ui.base.ManagedObject#constructor for a general description of the syntax of the settings object.
This class does not have its own settings, but all settings applicable to the base type sap.m.FlexBox can be used.
new sap.m.VBox(sId?, mSettings?)
Param | Type | Default Value | Description |
---|---|---|---|
sId? | string | id for the new control, generated automatically if no id is given |
|
mSettings? | object | initial settings for the new control |
Name | Type | Default Value | Description |
---|---|---|---|
alignContent | sap.m.FlexAlignContent | Stretch | Determines the layout behavior of container lines when there's extra space along the cross-axis. |
alignItems | sap.m.FlexAlignItems | Stretch | Determines the layout behavior of items along the cross-axis. Visibility: public |
backgroundDesign | sap.m.BackgroundDesign | Transparent | Defines the background style of the |
direction | sap.m.FlexDirection | Row | Determines the direction of the layout of child elements. Visibility: public |
displayInline | boolean | false | Determines whether the |
fitContainer | boolean | false | Determines whether the |
height | sap.ui.core.CSSSize | empty string | The height of the |
justifyContent | sap.m.FlexJustifyContent | Start | Determines the layout behavior along the main axis. Visibility: public |
renderType | sap.m.FlexRendertype | Div | Determines whether the layout is rendered as a series of divs or as an unordered list (ul). |
width | sap.ui.core.CSSSize | empty string | The width of the |
wrap | sap.m.FlexWrap | NoWrap | Determines the wrapping behavior of the flex container. This property has no effect in older browsers, e.g. Android Native 4.3 and below. |
Name | Cardinality | Type | Description |
---|---|---|---|
items | 0..n | sap.ui.core.Control |
Flex items within the flexible box layout |
Method | Description |
---|---|
sap.m.VBox.extend |
Creates a new subclass of class sap.m.VBox with name
|
sap.m.VBox.getMetadata |
Returns a metadata object for class sap.m.VBox. |
Creates a new subclass of class sap.m.VBox with name sClassName
and enriches it with the information contained in oClassInfo
.
oClassInfo
might contain the same kind of information as described in sap.m.FlexBox.extend.
Param | Type | DefaultValue | Description |
---|---|---|---|
sClassName | string |
Name of the class being created |
|
oClassInfo | object |
Object literal with information about the class |
|
FNMetaImpl | function |
Constructor function for the metadata object; if not given, it defaults to the metadata implementation used by this class |