@openui5/sap.ui.layout 1.141.2 → 1.143.0

package/src/sap/ui/layout/form/SimpleForm.js

@@ -64,12 +64,12 @@ sap.ui.define([
 	 * <li>A new <code>Label</code> control starts a new row (<code>{@link sap.ui.layout.form.FormElement FormElement}</code>) in the form.</li>
 	 * <li>All other controls will be assigned to the row (<code>{@link sap.ui.layout.form.FormElement FormElement}</code>) that started with the last label.</li>
 	 * </ul>
-	 * Use <code>LayoutData</code> to influence the layout for special cases in the Input/Display controls.
+	 * Use {@link sap.ui.core.Element#setLayoutData LayoutData} to influence the layout for special cases in the Input/Display controls.
 	 *
 	 * <b>Note:</b> If a more complex form is needed, use the <code>{@link sap.ui.layout.form.Form Form}</code> control instead.
 	 *
 	 * @extends sap.ui.core.Control
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public
@@ -315,14 +315,14 @@ sap.ui.define([
 				 * The content of the form is structured in the following way:
 				 * <ul>
 				 * <li>Add a {@link sap.ui.core.Title Title} element or <code>Toolbar</code> control to start a new group (<code>{@link sap.ui.layout.form.FormContainer FormContainer}</code>).</li>
-				 * <li>Add a <code>Label</code> control to start a new row (<code>{@link sap.ui.layout.form.FormElement FormElement}</code>).</li>
+				 * <li>Add a {@link sap.m.Label Label} control to start a new row (<code>{@link sap.ui.layout.form.FormElement FormElement}</code>).</li>
 				 * <li>Add controls as input fields, text fields or other as needed.</li>
-				 * <li>Use <code>LayoutData</code> to influence the layout for special cases in the single controls.
-				 * For example, if a <code>ColumnLayout</code> is used as a layout,
+				 * <li>Use {@link sap.ui.core.Element#setLayoutData LayoutData} to influence the layout for special cases in the single controls.
+				 * For example, if a {@link sap.ui.layout.ColumnLayout ColumnLayout} is used as a layout,
 				 * the form content is weighted using 4 cells for the labels and 8 cells for the field part, for large size.
 				 * If there is only little space, the labels are above the fields and each field uses 12 cells.
 				 * If your input controls should influence their width, you can add {@link sap.ui.layout.form.ColumnElementData ColumnElementData}
-				 * to them via the {@link #setLayoutData setLayoutData} method.
+				 * to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method.
 				 * Ensure that the sum of the weights in the {@link sap.ui.layout.form.ColumnElementData ColumnElementData} is not more than 12,
 				 * as this is the total width of the input control part of each form row.</li>
 				 * </ul>
@@ -337,7 +337,7 @@ sap.ui.define([
 				 * Depending on the screen size the labels use the defined <code>labelSpan</code>.
 				 * The remaining cells are used for the fields (and <code>emptySpan</code> if defined).
 				 * The available cells are distributed to all fields in the row. If one field should use a fixed number of cells
-				 * you can add {@link sap.ui.layout.GridData GridData} to them via the {@link #setLayoutData setLayoutData} method.
+				 * you can add {@link sap.ui.layout.GridData GridData} to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method.
 				 * If there are additional fields in the row they will get the remaining cells.
 				 * </ul>
 				 * Example for a row with two {@link sap.m.Input Input} controls where one uses four cells on small screens,
@@ -350,10 +350,10 @@ sap.ui.define([
 				 *
 				 * <b>Warning:</b> Do not put any layout or other container controls in here. This could damage the visual layout,
 				 * keyboard support and screen-reader support. Only labels, titles, toolbars and form controls are allowed.
-				 * Views are also not supported. Allowed form controls implement the interface <code>sap.ui.core.IFormContent</code>.
+				 * Views are also not supported. Allowed form controls implement the interface {@link sap.ui.core.IFormContent}.
 				 *
-				 * If editable controls are used as content, the <code>editable</code> property must be set to <code>true</code>,
-				 * otherwise to <code>false</code>. If the <code>editable</code> property is set incorrectly, there will be visual issues
+				 * If editable controls are used as content, the {@link #setEditable editable} property must be set to <code>true</code>,
+				 * otherwise to <code>false</code>. If the {@link #setEditable editable} property is set incorrectly, there will be visual issues
 				 * like wrong label alignment or wrong spacing between the controls. In addition to that, wrong screen reader announcements might occur.
 				 */
 				content : {type : "sap.ui.core.Element", multiple : true, singularName : "content"},
@@ -366,7 +366,7 @@ sap.ui.define([
 				/**
 				 * Title element of the <code>SimpleForm</code>. Can either be a <code>Title</code> element, or a string.
 				 *
-				 * <b>Note:</b> If a <code>Toolbar</code> is used, the <code>Title</code> is ignored.
+				 * <b>Note:</b> If a {@link #getToolbar Toolbar} is used, the <code>Title</code> is ignored.
 				 *
 				 * <b>Note:</b> If the title is provided as a string, the title is rendered with a theme-dependent default level.
 				 * As the <code>Form</code> control cannot know the structure of the page, this might not fit the page structure.
@@ -378,9 +378,10 @@ sap.ui.define([
 				/**
 				 * Toolbar of the <code>SimpleForm</code>.
 				 *
-				 * <b>Note:</b> If a <code>Toolbar</code> is used, the <code>Title</code> is ignored.
+				 * <b>Note:</b> If a <code>Toolbar</code> is used, the {@link #getTitle Title} is ignored.
 				 * If a title is needed inside the <code>Toolbar</code> it must be added at content to the <code>Toolbar</code>.
-				 * In this case, add the <code>Title</code> to the <code>ariaLabelledBy</code> association.
+				 * In this case, add the <code>Title</code> to the {@link #addAriaLabelledBy ariaLabelledBy} association.
+				 * Use the right title level to meet the visual requirements. This might be theme-dependent.
 				 * @since 1.36.0
 				 */
 				toolbar : {type : "sap.ui.core.Toolbar", multiple : false,
@@ -395,8 +396,8 @@ sap.ui.define([
 				/**
 				 * Association to controls / IDs which label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
 				 *
-				 * <b>Note:</b> Every <code>Form</code> needs to have some title or label (at least for screen reader support). If no <code>Title</code>
-				 * is set, and the <code>Form</code> is not a child or a control with a title, such as {@link sap.m.Panel Panel} or {@link sap.m.Dialog Dialog},
+				 * <b>Note:</b> Every <code>Form</code> needs to have some title or label (at least for screen reader support). If no {@link #getTitle Title}
+				 * is set, and the <code>SimpleForm</code> is not a child or a control with a title, such as {@link sap.m.Panel Panel} or {@link sap.m.Dialog Dialog},
 				 * a label or title needs to be assigned using the <code>ariaLabelledBy</code> association.
 				 * @since 1.32.0
 				 */
@@ -442,19 +443,26 @@ sap.ui.define([
 			}
 		};
 
-		oForm._origOnLayoutDataChange = oForm.onLayoutDataChange;
-		oForm.onLayoutDataChange = function(oEvent) {
-			this._origOnLayoutDataChange(oEvent);
+		/**
+		 * @deprecated Since version 1.93.0
+		 */
+		// eslint-disable-next-line no-lone-blocks
+		{
+			oForm._origOnLayoutDataChange = oForm.onLayoutDataChange;
+			oForm.onLayoutDataChange = function(oEvent) {
+				this._origOnLayoutDataChange(oEvent);
+
+				var oSimpleForm = this.getParent();
+				if (oSimpleForm) {
+					oSimpleForm._onLayoutDataChange(oEvent);
+				}
+			};
 
-			var oSimpleForm = this.getParent();
-			if (oSimpleForm) {
-				oSimpleForm._onLayoutDataChange(oEvent);
-			}
-		};
+			this._aLayouts = [];
+		}
 
 		this.setAggregation("form",oForm);
 		this._aElements = null;
-		this._aLayouts = [];
 		this._changedFormContainers = [];
 		this._changedFormElements = [];
 
@@ -467,15 +475,21 @@ sap.ui.define([
 		var oForm = this.getAggregation("form");
 		oForm.invalidate = oForm._origInvalidate;
 
-		_removeResize.call(this);
-
-		for (var i = 0; i < this._aLayouts.length; i++) {
-			var oLayout = Element.getElementById(this._aLayouts[i]);
-			if (oLayout && oLayout.destroy) {
-				oLayout.destroy();
+		/**
+	 	 * @deprecated Since version 1.93.0
+	 	 */
+		// eslint-disable-next-line no-lone-blocks
+		{
+			_removeResize.call(this);
+
+			for (var i = 0; i < this._aLayouts.length; i++) {
+				var oLayout = Element.getElementById(this._aLayouts[i]);
+				if (oLayout && oLayout.destroy) {
+					oLayout.destroy();
+				}
 			}
+			this._aLayouts = [];
 		}
-		this._aLayouts = [];
 		this._aElements = null;
 		this._changedFormContainers = [];
 		this._changedFormElements = [];
@@ -490,6 +504,9 @@ sap.ui.define([
 	 */
 	SimpleForm.prototype.onBeforeRendering = function() {
 
+		/**
+		 * @deprecated Since version 1.93.0
+		 */
 		_removeResize.call(this);
 
 		var oForm = this.getAggregation("form");
@@ -656,7 +673,7 @@ sap.ui.define([
 					oFormContainer = oParent.getParent();
 					oFormElement = oParent;
 					oLayoutData = _getFieldLayoutData.call(this, oElement);
-					if (oLayoutData && oLayoutData.isA("sap.ui.layout.ResponsiveFlowLayoutData") && sLayout === SimpleFormLayout.ResponsiveLayout &&
+					if (sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
 							!_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak()) {
 						oFormElement = _addFormElement.call(this, oFormContainer);
 					}
@@ -672,6 +689,9 @@ sap.ui.define([
 				oFormElement = _addFormElement.call(this, oFormContainer);
 			}
 
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			_createFieldLayoutData.call(this, oElement, 5, false, true);
 
 			oFormElement.addField(oElement);
@@ -850,7 +870,7 @@ sap.ui.define([
 				if (aFormElements.length == 0) {
 					// FormContainer has no FormElements -> create one
 					oFormElement = _addFormElement.call(this, oFormContainer);
-				} else if (oLayoutData && oLayoutData.isA("sap.ui.layout.ResponsiveFlowLayoutData") && sLayout === SimpleFormLayout.ResponsiveLayout &&
+				} else if (sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
 									 !_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak()) {
 					oFormElement = _addFormElement.call(this, oFormContainer);
 				} else {
@@ -867,7 +887,7 @@ sap.ui.define([
 				if (iElementIndex == 0) {
 					// it's already the first FormElement -> insert a new one before
 					oFormElement = _insertFormElement.call(this, oFormContainer, null, 0);
-				} else if (oLayoutData && oLayoutData.isA("sap.ui.layout.ResponsiveFlowLayoutData") && sLayout === SimpleFormLayout.ResponsiveLayout &&
+				} else if (sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
 									 !_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak()) {
 					oFormElement = _insertFormElement.call(this, oFormContainer, null, iElementIndex);
 				} else {
@@ -879,7 +899,7 @@ sap.ui.define([
 				// insert new field into same FormElement before old field
 				oFormElement = oOldElement.getParent();
 				iFieldIndex = oFormElement.indexOfField(oOldElement);
-				if (oLayoutData && oLayoutData.isA("sap.ui.layout.ResponsiveFlowLayoutData") && sLayout === SimpleFormLayout.ResponsiveLayout &&
+				if ( sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
 						!_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak() && iFieldIndex > 0) {
 					// split FormElement
 					oFormContainer = oFormElement.getParent();
@@ -900,6 +920,9 @@ sap.ui.define([
 			}
 			_markFormElementForUpdate(this._changedFormElements, oFormElement);
 
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			_createFieldLayoutData.call(this, oElement, 5, false, true);
 		}
 
@@ -1043,6 +1066,9 @@ sap.ui.define([
 			this._aElements.splice(iIndex, 1);
 			oElement.setParent(null);
 			this._oObserver.unobserve(oElement);
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			_removeLayoutData.call(this, oElement);
 
 			this.invalidate();
@@ -1077,6 +1103,9 @@ sap.ui.define([
 
 			for (i = 0; i < this._aElements.length; i++) {
 				var oElement = this._aElements[i];
+				/**
+				 * @deprecated Since version 1.93.0
+				 */
 				_removeLayoutData.call(this, oElement);
 				this._oObserver.unobserve(oElement);
 			}
@@ -1123,6 +1152,9 @@ sap.ui.define([
 
 		var sOldLayout = this.getLayout();
 		var bDefault = this.isPropertyInitial("layout"); // if default is used and layout not defined setLayout is not called
+		/**
+		 * @deprecated Since version 1.93.0
+		 */
 		if (sLayout != sOldLayout) {
 			_removeOldLayoutData.call(this);
 		}
@@ -1132,6 +1164,9 @@ sap.ui.define([
 		if (sLayout != sOldLayout || bDefault) { // Layout changed or default set explicit -> we know what layout is used and can create the Control
 			var bSet = _setFormLayout.call(this);
 
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			if (bSet) {
 				_addLayoutData.call(this);
 			}
@@ -1156,6 +1191,10 @@ sap.ui.define([
 			this._oObserver.unobserve(oElement);
 			var oElementClone = oElement.clone(sIdSuffix);
 			this._oObserver.observe(oElement, {properties: ["visible"]});
+
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			if (oLayoutData) {
 				// mark private LayoutData
 				if (oLayoutData.isA("sap.ui.core.VariantLayoutData")) {
@@ -1183,6 +1222,9 @@ sap.ui.define([
 			if (oForm.getLayout()) {
 				this._bChangedByMe = true;
 				oForm.destroyLayout();
+				/**
+				 * @deprecated Since version 1.93.0
+				 */
 				_removeResize.call(this);
 				this._bChangedByMe = false;
 			}
@@ -1317,6 +1359,10 @@ sap.ui.define([
 
 		if (!this._bIsBeingDestroyed) {
 			_setFormLayout.call(this);
+
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			_addLayoutData.call(this);
 			if (this.getDomRef()) {
 				_updateLayout.call(this);
@@ -1329,6 +1375,9 @@ sap.ui.define([
 
 	}
 
+	/**
+	 * @deprecated Since version 1.93.0
+	 */
 	function _removeOldLayoutData() {
 
 		this._bChangedByMe = true;
@@ -1367,6 +1416,9 @@ sap.ui.define([
 
 	}
 
+	/**
+	 * @deprecated Since version 1.93.0
+	 */
 	function _addLayoutData() {
 
 		this._bChangedByMe = true;
@@ -1460,11 +1512,12 @@ sap.ui.define([
 
 	}
 
-	/*
+	/**
 	 * Checks whether the given LayoutData is created and added by this SimpleForm
-	 * @param { sap.ui.layout.ResponsiveFlowLayoutData} optional (interface) The layout data
+	 * @param { sap.ui.layout.ResponsiveFlowLayoutData} oLayoutData The layout data
 	 * @returns {boolean} Whether the given layout was created by this SimpleForm
 	 * @private
+ 	 * @deprecated Since version 1.93.0
 	 */
 	function _isMyLayoutData(oLayoutData) {
 
@@ -1474,13 +1527,15 @@ sap.ui.define([
 
 	}
 
-	/*
+	/**
 	 * Creates new sap.ui.layout.ResponsiveFlowLayoutData with the given parameters
 	 * @param {int} iWeight the weight for the layout data
 	 * @param {boolean} bLinebreak Whether the layout data has a linebreak
 	 * @param {boolean} bLinebreakable Whether the layout data is linebreakable
+	 * @param {int} iMinWidth the minimal width of the layout data
 	 * @returns {sap.ui.layout.ResponsiveFlowLayoutData} The newly created ResponsiveFlowLayoutData
 	 * @private
+ 	 * @deprecated Since version 1.93.0
 	 */
 	function _createRFLayoutData(iWeight, bLinebreak, bLinebreakable, iMinWidth) {
 
@@ -1546,6 +1601,15 @@ sap.ui.define([
 
 	}
 
+	/**
+	 * @param {sap.ui.core.Control} oField content control
+	 * @param {int} iWeight the weight for the layout data
+	 * @param {boolean} bLinebreak Whether the layout data has a linebreak
+	 * @param {boolean} bLinebreakable Whether the layout data is linebreakable
+	 * @param {int} iMinWidth the minimal width of the layout data
+	 * @private
+ 	 * @deprecated Since version 1.93.0
+	 */
 	function _createFieldLayoutData(oField, iWeight, bLinebreak, bLinebreakable, iMinWidth) {
 
 		if (this.getLayout() != SimpleFormLayout.ResponsiveLayout) {
@@ -1575,6 +1639,10 @@ sap.ui.define([
 
 	}
 
+	/**
+	 * @param {sap.ui.layout.form.FormElement} oElement The FormElement
+	 * @deprecated Since version 1.93.0
+	 */
 	function _createElementLayoutData(oElement) {
 
 		if (this.getLayout() != SimpleFormLayout.ResponsiveLayout) {
@@ -1594,6 +1662,10 @@ sap.ui.define([
 
 	}
 
+	/**
+	 * @param {sap.ui.layout.form.FormContainer} oContainer The form container
+	 * @deprecated Since version 1.93.0
+	 */
 	function _createContainerLayoutData(oContainer) {
 
 		var sLayout = this.getLayout();
@@ -1627,6 +1699,10 @@ sap.ui.define([
 
 	}
 
+	/**
+	 * @param {sap.ui.core.Control} oElement Label or Field
+ 	 * @deprecated Since version 1.93.0
+	 */
 	function _removeLayoutData(oElement) {
 
 		this._bLayoutDataChangedByMe = true;
@@ -1680,12 +1756,18 @@ sap.ui.define([
 		if (oLabel) {
 			sId = this.getId() + "--" + oLabel.getId() + "--FE";
 			oLabel.addStyleClass("sapUiFormLabel-CTX");
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			if (!_getFieldLayoutData.call(this, oLabel)) {
 				_createFieldLayoutData.call(this, oLabel, this._iLabelWeight, false, true, this.getLabelMinWidth());
 			}
 			mSettings["label"] = oLabel;
 		} else {
 			sId = oFormContainer.getId() + "--FE-NoLabel"; // There can be only one FormElement without Label in a FomContainer (first one)
+			/**
+			 * @deprecated Since version 1.93.0
+			 */
 			if (Element.getElementById(sId)) {
 				// if ResponsiveLayout and ResponsiveFlowLayoutdata with Linebreak is used multiple FormElements without Label can exist
 				// as already deprecated just keep generatied ID in this very special case.
@@ -1694,6 +1776,9 @@ sap.ui.define([
 		}
 
 		var oElement = new FormElement(sId, mSettings);
+		/**
+		 * @deprecated Since version 1.93.0
+		 */
 		_createElementLayoutData.call(this, oElement);
 
 		oElement.isVisible = function(){
@@ -1741,6 +1826,9 @@ sap.ui.define([
 		}
 
 		var oContainer = new FormContainer(sId, mSettings);
+		/**
+		 * @deprecated Since version 1.93.0
+		 */
 		_createContainerLayoutData.call(this, oContainer);
 
 		oContainer.getAriaLabelledBy = function() {
@@ -1757,10 +1845,11 @@ sap.ui.define([
 
 	}
 
-	/*
+	/**
 	 * Applies the weight property for the fields in the responsive layout.
 	 * @param {sap.ui.layout.form.FormElement} oElement The FormElement where the weight is applied.
 	 * @private
+	 * @deprecated Since version 1.93.0
 	 */
 	function _applyFieldWeight(oElement){
 
@@ -1813,9 +1902,10 @@ sap.ui.define([
 		this._bLayoutDataChangedByMe = false;
 	}
 
-	/*
+	/**
 	 * Applies the linebreaks of FormContainers according to the minWidth and maxContainerCol settings of the SimpleForm
 	 * @private
+	 * @deprecated Since version 1.93.0
 	 */
 	SimpleForm.prototype._applyLinebreaks = function(){
 
@@ -1858,10 +1948,11 @@ sap.ui.define([
 
 	};
 
-	/*
+	/**
 	 * Applies size of the FormContainers in GridLayout: if only one container is in the last line -> make it full size
 	 * adapt all containers because container can be inserted or added later on
 	 * @private
+	 * @deprecated Since version 1.67.0
 	 */
 	function _applyContainerSize(){
 
@@ -1880,9 +1971,11 @@ sap.ui.define([
 		this._bLayoutDataChangedByMe = false;
 	}
 
-	/*
+	/**
 	 * Handles the resize event
+	 * @param {sap.ui.base.Event} oEvent resize event
 	 * @private
+	 * @deprecated Since version 1.93.0
 	 */
 	SimpleForm.prototype._resize = function(oEvent){
 
@@ -1891,11 +1984,16 @@ sap.ui.define([
 			return;
 		}
 		this._iCurrentWidth = oEvent.size.width;
-		this._applyLinebreaks();
+		if (this.getLayout() == SimpleFormLayout.ResponsiveLayout) {
+			this._applyLinebreaks();
+		}
 		this._bChangedByMe = false;
 
 	};
 
+	/**
+	 * @deprecated Since version 1.93.0
+	 */
 	function _removeResize() {
 
 		if (this._sResizeListenerId) {
@@ -2019,6 +2117,11 @@ sap.ui.define([
 
 	};
 
+	/**
+	 * @param {sap.ui.base.Event} oEvent layout data change event
+	 * @private
+	 * @deprecated Since version 1.93.0
+	 */
 	SimpleForm.prototype._onLayoutDataChange = function(oEvent){
 
 		if (!this._bLayoutDataChangedByMe && !this._bIsBeingDestroyed) {

package/src/sap/ui/layout/library.js

@@ -21,14 +21,14 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.layout
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @since 1.15
 	 * @public
 	 */
 	var thisLib = Library.init({
 		apiVersion: 2,
 		name : "sap.ui.layout",
-		version: "1.141.2",
+		version: "1.143.0",
 		dependencies: ["sap.ui.core"],
 		designtime: "sap/ui/layout/designtime/library.designtime",
 		types: [
@@ -652,8 +652,8 @@ sap.ui.define([
 	};
 
 	/**
-	 * @classdesc An <code>int</code> type that defines how many columns a <code>Form</code> control using
-	 * the <code>ColumnLayout</code> as layout can have if it has extra-large size
+	 * @classdesc An <code>int</code> type that defines how many columns a {@link sap.ui.layout.form.Form Form} control using
+	 * the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} as {@link sap.ui.layout.form.FormE#setLayout layout} can have if it has extra-large size
 	 *
 	 * Allowed values are numbers from 1 to 6.
 	 * <b>Note:</b> In versions lower than 1.89 only 4 columns are allowed.
@@ -677,8 +677,8 @@ sap.ui.define([
 	);
 
 	/**
-	 * @classdesc An <code>int</code> type that defines how many columns a <code>Form</code> control using
-	 * the <code>ColumnLayout</code> as layout can have if it has large size
+	 * @classdesc An <code>int</code> type that defines how many columns a {@link sap.ui.layout.form.Form Form} control using
+	 * the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} as {@link sap.ui.layout.form.FormE#setLayout layout} can have if it has large size
 	 *
 	 * Allowed values are numbers from 1 to 4.
 	 * <b>Note:</b> In versions lower than 1.122 only 3 columns are allowed.
@@ -702,8 +702,8 @@ sap.ui.define([
 	);
 
 	/**
-	 * @classdesc An <code>int</code> type that defines how many columns a <code>Form</code> control using
-	 * the <code>ColumnLayout</code> as layout can have if it has medium size
+	 * @classdesc An <code>int</code> type that defines how many columns a {@link sap.ui.layout.form.Form Form} control using
+	 * the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} as {@link sap.ui.layout.form.FormE#setLayout layout} can have if it has medium size
 	 *
 	 * Allowed values are numbers from 1 to 3.
 	 * <b>Note:</b> In versions lower than 1.122 only 2 columns are allowed.
@@ -728,7 +728,7 @@ sap.ui.define([
 
 	/**
 	 * @classdesc An <code>int</code> type that defines how many cells a control inside of a column
-	 * of a <code>Form</code> control using the <code>ColumnLayout</code> control as layout can use.
+	 * of a {@link sap.ui.layout.form.Form Form} control using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} control as {@link sap.ui.layout.form.FormE#setLayout layout} can use.
 	 *
 	 * Allowed values are numbers from 1 to 12 and -1. -1 means the value is calculated.
 	 *
@@ -754,7 +754,7 @@ sap.ui.define([
 
 	/**
 	 * @classdesc An <code>int</code> type that defines how many cells beside the controls
-	 * inside of a column of a <code>Form</code> control using the <code>ColumnLayout</code> control as layout
+	 * inside of a column of a {@link sap.ui.layout.form.Form Form} control using the {@link sap.ui.layout.form.ColumnLayout ColumnLayout} control as {@link sap.ui.layout.form.FormE#setLayout layout}
 	 * are empty.
 	 *
 	 * Allowed values are numbers from 0 to 11.

package/src/sap/ui/layout/messagebundle_th.properties

@@ -6,7 +6,7 @@ SPLITTER_MOVE=\u0E01\u0E14\u0E41\u0E1B\u0E49\u0E19\u0E25\u0E39\u0E01\u0E28\u0E23
 
 SIDE_CONTENT_LABEL=\u0E40\u0E19\u0E37\u0E49\u0E2D\u0E2B\u0E32\u0E14\u0E49\u0E32\u0E19\u0E02\u0E49\u0E32\u0E07
 
-RESPONSIVE_SPLITTER_RESIZE=\u0E1B\u0E23\u0E31\u0E1A\u0E02\u0E19\u0E32\u0E14\u0E23\u0E30\u0E2B\u0E27\u0E48\u0E32\u0E07\u0E1A\u0E32\u0E19\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07 {0} \u0E16\u0E36\u0E07\u0E1A\u0E32\u0E19\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07 {1}
+RESPONSIVE_SPLITTER_RESIZE=\u0E1B\u0E23\u0E31\u0E1A\u0E02\u0E19\u0E32\u0E14\u0E23\u0E30\u0E2B\u0E27\u0E48\u0E32\u0E07\u0E1A\u0E32\u0E19\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07 {0} \u0E01\u0E31\u0E1A\u0E1A\u0E32\u0E19\u0E2B\u0E19\u0E49\u0E32\u0E15\u0E48\u0E32\u0E07 {1}
 
 RESPONSIVE_SPLITTER_HOME=\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E08\u0E2D\u0E20\u0E32\u0E1E\u0E41\u0E22\u0E01
 

package/src/sap/ui/layout/themes/base/ColumnLayout.less

@@ -35,7 +35,7 @@
 .sapUiFormCL.sapUiFormToolbar > div:first-child {
 	height: 3rem; /* to have always 3rem on Form header */
 	line-height: 3rem;
-	padding: 0 0.75rem;
+	padding: 0 0.75rem 0 1rem;
 }
 
 /* Containers */