implements |
BackedEnum |
|---|
UI5 predefined CSS margin classes (addStyleClass() / class="…").
The classes the OpenUI5 framework ships so you never hand-roll a margin.
Four sizes — {@see Tiny} (0.25rem), {@see Small} (0.5rem),
{@see Medium} (1rem), {@see Large} (2rem) — each available all-round or
on a single edge / pair of edges, plus a {@see Responsive} margin that
adapts to the screen size, a {@see None} reset family, the
*Negative* pull-margins, and {@see ForceWidthAuto}.
Edge naming is RTL-aware: Begin = left in LTR / right in RTL,
End = the mirror. BeginEnd = both horizontal edges; TopBottom =
both vertical edges.
Use on a control's class seat. For a margin and a padding on the
same control, combine via the raw-string form
('sapUiSmallMargin sapUiResponsiveContentPadding') — class accepts
one enum case or a free CSS string.
| Cases | |
|---|---|
Tiny = 'sapUiTinyMargin'
|
# |
TinyBegin = 'sapUiTinyMarginBegin'
|
# |
TinyEnd = 'sapUiTinyMarginEnd'
|
# |
TinyTop = 'sapUiTinyMarginTop'
|
# |
TinyBottom = 'sapUiTinyMarginBottom'
|
# |
TinyBeginEnd = 'sapUiTinyMarginBeginEnd'
|
# |
TinyTopBottom = 'sapUiTinyMarginTopBottom'
|
# |
Small = 'sapUiSmallMargin'
|
# |
SmallBegin = 'sapUiSmallMarginBegin'
|
# |
SmallEnd = 'sapUiSmallMarginEnd'
|
# |
SmallTop = 'sapUiSmallMarginTop'
|
# |
SmallBottom = 'sapUiSmallMarginBottom'
|
# |
SmallBeginEnd = 'sapUiSmallMarginBeginEnd'
|
# |
SmallTopBottom = 'sapUiSmallMarginTopBottom'
|
# |
Medium = 'sapUiMediumMargin'
|
# |
MediumBegin = 'sapUiMediumMarginBegin'
|
# |
MediumEnd = 'sapUiMediumMarginEnd'
|
# |
MediumTop = 'sapUiMediumMarginTop'
|
# |
MediumBottom = 'sapUiMediumMarginBottom'
|
# |
MediumBeginEnd = 'sapUiMediumMarginBeginEnd'
|
# |
MediumTopBottom = 'sapUiMediumMarginTopBottom'
|
# |
Large = 'sapUiLargeMargin'
|
# |
LargeBegin = 'sapUiLargeMarginBegin'
|
# |
LargeEnd = 'sapUiLargeMarginEnd'
|
# |
LargeTop = 'sapUiLargeMarginTop'
|
# |
LargeBottom = 'sapUiLargeMarginBottom'
|
# |
LargeBeginEnd = 'sapUiLargeMarginBeginEnd'
|
# |
LargeTopBottom = 'sapUiLargeMarginTopBottom'
|
# |
Responsive = 'sapUiResponsiveMargin'
|
# |
None = 'sapUiNoMargin'
|
# |
NoneBegin = 'sapUiNoMarginBegin'
|
# |
NoneEnd = 'sapUiNoMarginEnd'
|
# |
NoneTop = 'sapUiNoMarginTop'
|
# |
NoneBottom = 'sapUiNoMarginBottom'
|
# |
TinyNegativeBeginEnd = 'sapUiTinyNegativeMarginBeginEnd'
|
# |
SmallNegativeBeginEnd = 'sapUiSmallNegativeMarginBeginEnd'
|
# |
MediumNegativeBeginEnd = 'sapUiMediumNegativeMarginBeginEnd'
|
# |
LargeNegativeBeginEnd = 'sapUiLargeNegativeMarginBeginEnd'
|
# |
ForceWidthAuto = 'sapUiForceWidthAuto'
|
# |