enum sap.m.FlexAlignSelf

Control sample: sap.m.FlexAlignSelf
Visiblity: public
Available since: N/A
Module: sap/m/library
Application Component: CA-UI5-CTR

Available options for the layout of individual elements along the cross axis of the flexbox layout overriding the default alignment.


Properties Overview

Node Description
sap.m.FlexAlignSelf.Auto

Takes up the value of alignItems from the parent FlexBox

sap.m.FlexAlignSelf.Baseline

If the flex item's inline axis is the same as the cross axis, this value is identical to "Start".

Otherwise, it participates in baseline alignment: all participating box items on the line are aligned such that their baselines align, and the item with the largest distance between its baseline and its cross-start margin edge is placed flush against the cross-start edge of the line.

sap.m.FlexAlignSelf.Center

The flex item's margin box is centered in the cross axis within the line.

sap.m.FlexAlignSelf.End

The cross-start margin edges of the flex item is placed flush with the cross-end edge of the line.

sap.m.FlexAlignSelf.Inherit

Inherits the value from its parent.

sap.m.FlexAlignSelf.Start

The cross-start margin edges of the flex item is placed flush with the cross-start edge of the line.

sap.m.FlexAlignSelf.Stretch

Make the cross size of the item's margin box as close to the same size as the line as possible.