Class sap.ui.comp.smartform.LayoutModule: sap/ui/comp/smartform/Layout
Layout settings to adjust ResponsiveGridLayout.
sClassName
and enriches it with the information contained in oClassInfo
. Accepts an object literal mSettings
that defines initial property values, aggregated and associated objects as well as event handlers. See sap.ui.base.ManagedObject for a general description of the syntax of the settings object.
The supported settings are:
- Properties
- labelSpanXL : int
- labelSpanL : int
- labelSpanM : int
- labelSpanS : int
- emptySpanXL : int
- emptySpanL : int
- emptySpanM : int
- emptySpanS : int
- columnsXL : int
- columnsL : int
- columnsM : int
- singleGroupFullSize : boolean (default: true)
- breakpointXL : int
- breakpointL : int
- breakpointM : int
- gridDataSpan : sap.ui.layout.GridSpan (default: )
In addition, all settings applicable to the base type sap.ui.core.Element can be used as well.
{string} | sId? | id for the new control, generated automatically if no id is given |
{object} | mSettings? | initial settings for the new control |
sClassName
and enriches it with the information contained in oClassInfo
. oClassInfo
might contain the same kind of information as described in sap.ui.core.Element.extend.
{string} | sClassName | Name of the class being created |
{object} | oClassInfo? | Object literal with information about the class |
{function} | FNMetaImpl? | Constructor function for the metadata object; if not given, it defaults to sap.ui.core.ElementMetadata |
{function} | Created class / constructor function |
{sap.ui.base.Metadata} | Metadata object describing this class |
breakpointL
. Breakpoint (in pixel) between Medium size and Large size.
{int} | Value of property breakpointL |
breakpointM
. reakpoint (in pixel) between Small size and Medium size.
{int} | Value of property breakpointM |
breakpointXL
. Breakpoint (in pixel) between large size and extra large (XL) size.
- Since:
- 1.38.0
{int} | Value of property breakpointXL |
columnsL
. Number of columns for large size.
The number of columns for large size must not be smaller than the number of columns for medium size.
{int} | Value of property columnsL |
columnsM
. Number of columns for medium size.
{int} | Value of property columnsM |
columnsXL
. Number of columns for extra large size.
The number of columns for extra large size must not be smaller than the number of columns for large size.
- Since:
- 1.38.0
{int} | Value of property columnsXL |
emptySpanL
. Number of grid cells that are empty at the end of each line on large size.
{int} | Value of property emptySpanL |
emptySpanM
. Number of grid cells that are empty at the end of each line on medium size.
{int} | Value of property emptySpanM |
emptySpanS
. Number of grid cells that are empty at the end of each line on small size.
{int} | Value of property emptySpanS |
emptySpanXL
. Number of grid cells that are empty at the end of each line on extra large size.
- Since:
- 1.38.0
{int} | Value of property emptySpanXL |
gridDataSpan
. A string type that represents Grid's span values for large, medium and small screens. Allowed values are separated by space Letters L, M or S followed by number of columns from 1 to 12 that the container has to take, for example: "L2 M4 S6", "M12", "s10" or "l4 m4". Note that the parameters has to be provided in the order large medium small.
The value set here will be set to all group elements when used with horizontal layout (smart form property useHorizontalLayout)
Default value is .
{sap.ui.layout.GridSpan} | Value of property gridDataSpan |
labelSpanL
. Default span for labels in large size. This span is only used if more than 1 container is in one line, if only 1 container is in the line the labelSpanM value is used.
{int} | Value of property labelSpanL |
labelSpanM
. Default span for labels in medium size. This property is used for full size containers. If more than one Container is in one line, labelSpanL is used.
{int} | Value of property labelSpanM |
labelSpanS
. Default span for labels in small size.
{int} | Value of property labelSpanS |
labelSpanXL
. Default span for labels in extra large size.
- Since:
- 1.38.0
{int} | Value of property labelSpanXL |
singleGroupFullSize
. If the SmartForm contains only one single Group and this property is set, the Group is displayed using the full size of the SmartForm. In this case the properties columnsL and columnsM are ignored.
In all other cases the Group is displayed in the size of one column.
Default value is true
.
- Since:
- 1.34.1
{boolean} | Value of property singleGroupFullSize |
breakpointL
. Breakpoint (in pixel) between Medium size and Large size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iBreakpointL | New value for property breakpointL |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
breakpointM
. reakpoint (in pixel) between Small size and Medium size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iBreakpointM | New value for property breakpointM |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
breakpointXL
. Breakpoint (in pixel) between large size and extra large (XL) size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iBreakpointXL | New value for property breakpointXL |
- Since:
- 1.38.0
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
columnsL
. Number of columns for large size.
The number of columns for large size must not be smaller than the number of columns for medium size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iColumnsL | New value for property columnsL |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
columnsM
. Number of columns for medium size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iColumnsM | New value for property columnsM |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
columnsXL
. Number of columns for extra large size.
The number of columns for extra large size must not be smaller than the number of columns for large size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iColumnsXL | New value for property columnsXL |
- Since:
- 1.38.0
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
emptySpanL
. Number of grid cells that are empty at the end of each line on large size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iEmptySpanL | New value for property emptySpanL |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
emptySpanM
. Number of grid cells that are empty at the end of each line on medium size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iEmptySpanM | New value for property emptySpanM |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
emptySpanS
. Number of grid cells that are empty at the end of each line on small size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iEmptySpanS | New value for property emptySpanS |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
emptySpanXL
. Number of grid cells that are empty at the end of each line on extra large size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iEmptySpanXL | New value for property emptySpanXL |
- Since:
- 1.38.0
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
gridDataSpan
. A string type that represents Grid's span values for large, medium and small screens. Allowed values are separated by space Letters L, M or S followed by number of columns from 1 to 12 that the container has to take, for example: "L2 M4 S6", "M12", "s10" or "l4 m4". Note that the parameters has to be provided in the order large medium small.
The value set here will be set to all group elements when used with horizontal layout (smart form property useHorizontalLayout)
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is .
{sap.ui.layout.GridSpan} | sGridDataSpan | New value for property gridDataSpan |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
labelSpanL
. Default span for labels in large size. This span is only used if more than 1 container is in one line, if only 1 container is in the line the labelSpanM value is used.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iLabelSpanL | New value for property labelSpanL |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
labelSpanM
. Default span for labels in medium size. This property is used for full size containers. If more than one Container is in one line, labelSpanL is used.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iLabelSpanM | New value for property labelSpanM |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
labelSpanS
. Default span for labels in small size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iLabelSpanS | New value for property labelSpanS |
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
labelSpanXL
. Default span for labels in extra large size.
When called with a value of null
or undefined
, the default value of the property will be restored.
{int} | iLabelSpanXL | New value for property labelSpanXL |
- Since:
- 1.38.0
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |
singleGroupFullSize
. If the SmartForm contains only one single Group and this property is set, the Group is displayed using the full size of the SmartForm. In this case the properties columnsL and columnsM are ignored.
In all other cases the Group is displayed in the size of one column.
When called with a value of null
or undefined
, the default value of the property will be restored.
Default value is true
.
{boolean} | bSingleGroupFullSize | New value for property singleGroupFullSize |
- Since:
- 1.34.1
{sap.ui.comp.smartform.Layout} | Reference to this in order to allow method chaining |