@openui5/sap.ui.layout 1.141.1 → 1.142.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/REUSE.toml +38 -0
- package/THIRDPARTY.txt +34 -1
- package/package.json +2 -2
- package/src/sap/ui/layout/.library +1 -1
- package/src/sap/ui/layout/AlignedFlowLayout.js +3 -3
- package/src/sap/ui/layout/AssociativeSplitter.js +1 -1
- package/src/sap/ui/layout/BlockLayout.js +1 -1
- package/src/sap/ui/layout/BlockLayoutCell.js +1 -1
- package/src/sap/ui/layout/BlockLayoutCellData.js +1 -1
- package/src/sap/ui/layout/BlockLayoutRow.js +1 -1
- package/src/sap/ui/layout/DynamicSideContent.js +1 -1
- package/src/sap/ui/layout/FixFlex.js +1 -1
- package/src/sap/ui/layout/Grid.js +1 -1
- package/src/sap/ui/layout/GridData.js +1 -1
- package/src/sap/ui/layout/GridRenderer.js +1 -1
- package/src/sap/ui/layout/HorizontalLayout.js +1 -1
- package/src/sap/ui/layout/PaneContainer.js +1 -1
- package/src/sap/ui/layout/ResponsiveFlowLayout.js +1 -1
- package/src/sap/ui/layout/ResponsiveFlowLayoutData.js +1 -1
- package/src/sap/ui/layout/ResponsiveSplitter.js +1 -1
- package/src/sap/ui/layout/ResponsiveSplitterPage.js +1 -1
- package/src/sap/ui/layout/SplitPane.js +1 -1
- package/src/sap/ui/layout/Splitter.js +1 -1
- package/src/sap/ui/layout/SplitterLayoutData.js +1 -1
- package/src/sap/ui/layout/VerticalLayout.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddFormContainer.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddFormField.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddSimpleFormField.js +1 -1
- package/src/sap/ui/layout/changeHandler/AddSimpleFormGroup.js +1 -1
- package/src/sap/ui/layout/changeHandler/HideSimpleForm.js +1 -1
- package/src/sap/ui/layout/changeHandler/MoveSimpleForm.js +1 -1
- package/src/sap/ui/layout/changeHandler/RenameFormContainer.js +1 -1
- package/src/sap/ui/layout/changeHandler/RenameSimpleForm.js +1 -1
- package/src/sap/ui/layout/changeHandler/UnhideSimpleForm.js +1 -1
- package/src/sap/ui/layout/cssgrid/CSSGrid.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridBasicLayout.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridBoxLayout.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridItemLayoutData.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridLayoutBase.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridLayoutDelegate.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridResponsiveLayout.js +1 -1
- package/src/sap/ui/layout/cssgrid/GridSettings.js +1 -1
- package/src/sap/ui/layout/cssgrid/ResponsiveColumnItemLayoutData.js +1 -1
- package/src/sap/ui/layout/cssgrid/ResponsiveColumnLayout.js +1 -1
- package/src/sap/ui/layout/form/ColumnContainerData.js +1 -1
- package/src/sap/ui/layout/form/ColumnElementData.js +1 -1
- package/src/sap/ui/layout/form/ColumnLayout.js +2 -2
- package/src/sap/ui/layout/form/Form.js +10 -10
- package/src/sap/ui/layout/form/FormContainer.js +9 -9
- package/src/sap/ui/layout/form/FormElement.js +3 -3
- package/src/sap/ui/layout/form/FormLayout.js +1 -1
- package/src/sap/ui/layout/form/GridContainerData.js +1 -1
- package/src/sap/ui/layout/form/GridElementData.js +1 -1
- package/src/sap/ui/layout/form/GridLayout.js +1 -1
- package/src/sap/ui/layout/form/ResponsiveGridLayout.js +1 -1
- package/src/sap/ui/layout/form/ResponsiveLayout.js +1 -1
- package/src/sap/ui/layout/form/SemanticFormElement.js +1 -1
- package/src/sap/ui/layout/form/SimpleForm.js +23 -20
- package/src/sap/ui/layout/library.js +2 -2
- package/src/sap/ui/layout/messagebundle_th.properties +1 -1
package/README.md
CHANGED
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
Runtime resources of the [OpenUI5](https://github.com/UI5/openui5) UI Library **sap.ui.layout**.
|
|
5
5
|
|
|
6
6
|
## Usage
|
|
7
|
-
Add this library as a dependency to your UI5 project by using [UI5
|
|
7
|
+
Add this library as a dependency to your UI5 project by using [UI5 CLI](https://ui5.github.io/cli/):
|
|
8
8
|
|
|
9
9
|
```
|
|
10
10
|
ui5 add sap.ui.layout
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
-
For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://
|
|
13
|
+
For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://ui5.github.io/cli/pages/OpenUI5/).
|
|
14
14
|
|
|
15
15
|
## License
|
|
16
16
|
OpenUI5 is licensed under [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0), see [LICENSE.txt](LICENSE.txt).
|
package/REUSE.toml
CHANGED
|
@@ -21,6 +21,44 @@ SPDX-License-Identifier = "Apache-2.0"
|
|
|
21
21
|
#
|
|
22
22
|
|
|
23
23
|
|
|
24
|
+
# Library: sap.f:
|
|
25
|
+
|
|
26
|
+
[[annotations]]
|
|
27
|
+
path = "src/sap.f/src/sap/f/thirdparty/**"
|
|
28
|
+
precedence = "aggregate"
|
|
29
|
+
SPDX-FileCopyrightText = "SAP"
|
|
30
|
+
SPDX-License-Identifier = "Apache-2.0"
|
|
31
|
+
SPDX-FileComment = "these files belong to: UI5 Web Components"
|
|
32
|
+
|
|
33
|
+
[[annotations]]
|
|
34
|
+
path = "src/sap.f/src/sap/f/thirdparty/**"
|
|
35
|
+
precedence = "aggregate"
|
|
36
|
+
SPDX-FileCopyrightText = "SAP"
|
|
37
|
+
SPDX-License-Identifier = "Apache-2.0"
|
|
38
|
+
SPDX-FileComment = "these files belong to: UI5 Web Components Fiori"
|
|
39
|
+
|
|
40
|
+
[[annotations]]
|
|
41
|
+
path = "src/sap.f/src/sap/f/thirdparty/**"
|
|
42
|
+
precedence = "aggregate"
|
|
43
|
+
SPDX-FileCopyrightText = "SAP"
|
|
44
|
+
SPDX-License-Identifier = "Apache-2.0"
|
|
45
|
+
SPDX-FileComment = "these files belong to: UI5 Web Components Icons"
|
|
46
|
+
|
|
47
|
+
[[annotations]]
|
|
48
|
+
path = "src/sap.f/src/sap/f/thirdparty/**"
|
|
49
|
+
precedence = "aggregate"
|
|
50
|
+
SPDX-FileCopyrightText = "SAP"
|
|
51
|
+
SPDX-License-Identifier = "Apache-2.0"
|
|
52
|
+
SPDX-FileComment = "these files belong to: UI5 Web Components Icons Business Suite"
|
|
53
|
+
|
|
54
|
+
[[annotations]]
|
|
55
|
+
path = "src/sap.f/src/sap/f/thirdparty/**"
|
|
56
|
+
precedence = "aggregate"
|
|
57
|
+
SPDX-FileCopyrightText = "SAP"
|
|
58
|
+
SPDX-License-Identifier = "Apache-2.0"
|
|
59
|
+
SPDX-FileComment = "these files belong to: UI5 Web Components Icons TNT"
|
|
60
|
+
|
|
61
|
+
|
|
24
62
|
# Library: sap.m:
|
|
25
63
|
|
|
26
64
|
[[annotations]]
|
package/THIRDPARTY.txt
CHANGED
|
@@ -4,6 +4,39 @@ each subcomponent.
|
|
|
4
4
|
The full text of all referenced licenses is appended at the end of this file.
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
Library: sap.f:
|
|
8
|
+
|
|
9
|
+
Component: UI5 Web Components, version: 2.15.0
|
|
10
|
+
Copyright: SAP
|
|
11
|
+
License: Apache-2.0
|
|
12
|
+
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
13
|
+
Contained in: src/sap.f/src/sap/f/thirdparty/**
|
|
14
|
+
|
|
15
|
+
Component: UI5 Web Components Fiori, version: 2.15.0
|
|
16
|
+
Copyright: SAP
|
|
17
|
+
License: Apache-2.0
|
|
18
|
+
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
19
|
+
Contained in: src/sap.f/src/sap/f/thirdparty/**
|
|
20
|
+
|
|
21
|
+
Component: UI5 Web Components Icons, version: 2.15.0
|
|
22
|
+
Copyright: SAP
|
|
23
|
+
License: Apache-2.0
|
|
24
|
+
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
25
|
+
Contained in: src/sap.f/src/sap/f/thirdparty/**
|
|
26
|
+
|
|
27
|
+
Component: UI5 Web Components Icons Business Suite, version: 2.15.0
|
|
28
|
+
Copyright: SAP
|
|
29
|
+
License: Apache-2.0
|
|
30
|
+
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
31
|
+
Contained in: src/sap.f/src/sap/f/thirdparty/**
|
|
32
|
+
|
|
33
|
+
Component: UI5 Web Components Icons TNT, version: 2.15.0
|
|
34
|
+
Copyright: SAP
|
|
35
|
+
License: Apache-2.0
|
|
36
|
+
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
|
37
|
+
Contained in: src/sap.f/src/sap/f/thirdparty/**
|
|
38
|
+
|
|
39
|
+
|
|
7
40
|
Library: sap.m:
|
|
8
41
|
|
|
9
42
|
Component: purify.js, version: 3.2.4
|
|
@@ -354,7 +387,7 @@ Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/D
|
|
|
354
387
|
|
|
355
388
|
Library: sap.ui.integration:
|
|
356
389
|
|
|
357
|
-
Component: UI5 Web Components, version:
|
|
390
|
+
Component: UI5 Web Components, version: 2.15.0
|
|
358
391
|
Copyright: SAP
|
|
359
392
|
License: Apache-2.0
|
|
360
393
|
License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openui5/sap.ui.layout",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.142.0",
|
|
4
4
|
"description": "OpenUI5 UI Library sap.ui.layout",
|
|
5
5
|
"author": "SAP SE (https://www.sap.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -14,6 +14,6 @@
|
|
|
14
14
|
"url": "https://github.com/UI5/openui5.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@openui5/sap.ui.core": "1.
|
|
17
|
+
"@openui5/sap.ui.core": "1.142.0"
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<copyright>OpenUI5
|
|
7
7
|
* (c) Copyright 2025 SAP SE or an SAP affiliate company.
|
|
8
8
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
|
|
9
|
-
<version>1.
|
|
9
|
+
<version>1.142.0</version>
|
|
10
10
|
|
|
11
11
|
<documentation>SAPUI5 library with layout controls.</documentation>
|
|
12
12
|
|
|
@@ -40,7 +40,7 @@ sap.ui.define([
|
|
|
40
40
|
* @extends sap.ui.core.Control
|
|
41
41
|
*
|
|
42
42
|
* @author SAP SE
|
|
43
|
-
* @version 1.
|
|
43
|
+
* @version 1.142.0
|
|
44
44
|
*
|
|
45
45
|
* @constructor
|
|
46
46
|
* @private
|
|
@@ -391,8 +391,8 @@ sap.ui.define([
|
|
|
391
391
|
var sEndItemWidth = iEndItemWidth + "px";
|
|
392
392
|
mLastSpacerStyle.width = sEndItemWidth;
|
|
393
393
|
mLastSpacerStyle.minWidth = sEndItemWidth;
|
|
394
|
-
mLastSpacerStyle.marginLeft = iEndItemMarginLeft + "px";
|
|
395
|
-
mLastSpacerStyle.marginRight = iEndItemMarginRight + "px";
|
|
394
|
+
mLastSpacerStyle.marginLeft = Math.abs(iEndItemMarginLeft) + "px";
|
|
395
|
+
mLastSpacerStyle.marginRight = Math.abs(iEndItemMarginRight) + "px";
|
|
396
396
|
this.toggleDisplayOfSpacers(oDomRef);
|
|
397
397
|
};
|
|
398
398
|
|
|
@@ -96,7 +96,7 @@ sap.ui.define([
|
|
|
96
96
|
* @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
|
|
97
97
|
*
|
|
98
98
|
* @author SAP SE
|
|
99
|
-
* @version 1.
|
|
99
|
+
* @version 1.142.0
|
|
100
100
|
*
|
|
101
101
|
* @extends sap.ui.core.Control
|
|
102
102
|
* @implements sap.ui.layout.cssgrid.IGridConfigurable
|
|
@@ -22,7 +22,7 @@ sap.ui.define([
|
|
|
22
22
|
* Have to possibility to hold multiple sap.ui.layout.cssgrid.GridSettings and apply the currently active GridSettings.
|
|
23
23
|
*
|
|
24
24
|
* @author SAP SE
|
|
25
|
-
* @version 1.
|
|
25
|
+
* @version 1.142.0
|
|
26
26
|
*
|
|
27
27
|
* @extends sap.ui.layout.cssgrid.GridLayoutBase
|
|
28
28
|
*
|
|
@@ -38,7 +38,7 @@ sap.ui.define([
|
|
|
38
38
|
* one column. So the last row of the {@link sap.ui.layout.form.Form Form} control will not be fully used.
|
|
39
39
|
*
|
|
40
40
|
* The default size of the {@link sap.ui.layout.form.FormContainer FormContainer} element can be overwritten by using {@link sap.ui.layout.form.ColumnContainerData ColumnContainerData}
|
|
41
|
-
* as
|
|
41
|
+
* as {@link sap.ui.core.Element#setLayoutData LayoutData}. If one {@link sap.ui.layout.form.FormContainer FormContainer} element has {@link sap.ui.layout.form.ColumnContainerData ColumnContainerData} set,
|
|
42
42
|
* the size calculation of the other {@link sap.ui.layout.form.FormContainer FormContainer} elements might not lead to the expected result.
|
|
43
43
|
* In this case, use {@link sap.ui.layout.form.ColumnContainerData ColumnContainerData} also for the other {@link sap.ui.layout.form.FormContainer FormContainer} elements.
|
|
44
44
|
*
|
|
@@ -60,7 +60,7 @@ sap.ui.define([
|
|
|
60
60
|
* This control cannot be used stand-alone, it just renders a {@link sap.ui.layout.form.Form Form} control,
|
|
61
61
|
* so it must be assigned to a {@link sap.ui.layout.form.Form Form} control using the <code>layout</code> aggregation.
|
|
62
62
|
* @extends sap.ui.layout.form.FormLayout
|
|
63
|
-
* @version 1.
|
|
63
|
+
* @version 1.142.0
|
|
64
64
|
*
|
|
65
65
|
* @constructor
|
|
66
66
|
* @public
|
|
@@ -60,8 +60,8 @@ sap.ui.define([
|
|
|
60
60
|
* A <code>Form</code> doesn't render its content on its own. The rendering is done by the assigned {@link sap.ui.layout.form.FormLayout FormLayout}.
|
|
61
61
|
* This is so that the rendering can be adopted to new UI requirements without changing the <code>Form</code> itself.
|
|
62
62
|
*
|
|
63
|
-
* For the content of a <code>Form</code>, {@link sap.ui.core.VariantLayoutData VariantLayoutData} are supported to allow simple switching of the
|
|
64
|
-
*
|
|
63
|
+
* For the content of a <code>Form</code>, {@link sap.ui.core.VariantLayoutData VariantLayoutData} are supported to allow simple switching of the {@link sap.ui.layout.form.FormLayout FormLayout}.
|
|
64
|
+
* {@link sap.ui.core.Element#setLayoutData LayoutData} on the content can be used to overwrite the default layout of the <code>Form</code>.
|
|
65
65
|
*
|
|
66
66
|
* The <code>Form</code> (and its sub-controls) automatically add label and field assignment to enable screen reader support.
|
|
67
67
|
* It also adds keyboard support to navigate between the fields and groups inside the form.
|
|
@@ -69,14 +69,14 @@ sap.ui.define([
|
|
|
69
69
|
* <b>Warning:</b> Do not put any layout or other container controls into the {@link sap.ui.layout.form.FormElement FormElement}.
|
|
70
70
|
* Views are also not supported. This could damage the visual layout, keyboard support and screen-reader support.
|
|
71
71
|
*
|
|
72
|
-
* If editable controls are used as content, the
|
|
73
|
-
* otherwise to <code>false</code>. If the
|
|
72
|
+
* If editable controls are used as content, the {@link #setEditable editable} property must be set to <code>true</code>,
|
|
73
|
+
* otherwise to <code>false</code>. If the {@link #setEditable editable} property is set incorrectly, there will be visual issues
|
|
74
74
|
* like wrong label alignment or wrong spacing between the controls. In addition to that, wrong screen reader announcements might occur.
|
|
75
75
|
*
|
|
76
76
|
* @extends sap.ui.core.Control
|
|
77
77
|
*
|
|
78
78
|
* @author SAP SE
|
|
79
|
-
* @version 1.
|
|
79
|
+
* @version 1.142.0
|
|
80
80
|
*
|
|
81
81
|
* @constructor
|
|
82
82
|
* @public
|
|
@@ -101,7 +101,7 @@ sap.ui.define([
|
|
|
101
101
|
* The labels inside the form will be rendered by default in the according mode.
|
|
102
102
|
*
|
|
103
103
|
* <b>Note:</b> The setting of this property does not change the content of the form.
|
|
104
|
-
* For example,
|
|
104
|
+
* For example, {@link sap.m.Input Input} controls in a form with <code>editable</code> set to false are still editable.
|
|
105
105
|
*
|
|
106
106
|
* <b>Warning:</b> If this property is wrongly set, this might lead to visual issues.
|
|
107
107
|
* The labels and fields might be misaligned, the labels might be rendered in the wrong mode,
|
|
@@ -124,7 +124,7 @@ sap.ui.define([
|
|
|
124
124
|
* Title of the <code>Form</code>. Can either be a <code>Title</code> element or a string.
|
|
125
125
|
* If a <code>Title</code> element it used, the style of the title can be set.
|
|
126
126
|
*
|
|
127
|
-
* <b>Note:</b> If a
|
|
127
|
+
* <b>Note:</b> If a {@link #getToolbar Toolbar} is used, the <code>Title</code> is ignored.
|
|
128
128
|
*
|
|
129
129
|
* <b>Note:</b> If the title is provided as a string, the title is rendered with a theme-dependent default level.
|
|
130
130
|
* As the <code>Form</code> control cannot know the structure of the page, this might not fit the page structure.
|
|
@@ -135,9 +135,9 @@ sap.ui.define([
|
|
|
135
135
|
/**
|
|
136
136
|
* Toolbar of the <code>Form</code>.
|
|
137
137
|
*
|
|
138
|
-
* <b>Note:</b> If a <code>Toolbar</code> is used, the
|
|
138
|
+
* <b>Note:</b> If a <code>Toolbar</code> is used, the {@link #getTitle Title} is ignored.
|
|
139
139
|
* If a title is needed inside the <code>Toolbar</code> it must be added at content to the <code>Toolbar</code>.
|
|
140
|
-
* In this case, add the <code>Title</code> to the
|
|
140
|
+
* In this case, add the <code>Title</code> to the {@link #addAriaLabelledBy ariaLabelledBy} association.
|
|
141
141
|
* Use the right title level to meet the visual requirements. This might be theme-dependent.
|
|
142
142
|
* @since 1.36.0
|
|
143
143
|
*/
|
|
@@ -155,7 +155,7 @@ sap.ui.define([
|
|
|
155
155
|
/**
|
|
156
156
|
* Association to controls / IDs that label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
|
|
157
157
|
*
|
|
158
|
-
* <b>Note:</b> Every <code>Form</code> needs to have some title or label (at least for screen reader support). If no
|
|
158
|
+
* <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}
|
|
159
159
|
* 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},
|
|
160
160
|
* a label or title needs to be assigned using the <code>ariaLabelledBy</code> association.
|
|
161
161
|
* @since 1.28.0
|
|
@@ -24,12 +24,12 @@ sap.ui.define([
|
|
|
24
24
|
* @param {object} [mSettings] Initial settings for the new control
|
|
25
25
|
*
|
|
26
26
|
* @class
|
|
27
|
-
* A <code>FormContainer</code> represents a group inside a
|
|
28
|
-
* The rendering of the <code>FormContainer</code> is done by the
|
|
27
|
+
* A <code>FormContainer</code> represents a group inside a {@link sap.ui.layout.form.Form Form}. It consists of {@link sap.ui.layout.form.FormElement FormElements}.
|
|
28
|
+
* The rendering of the <code>FormContainer</code> is done by the {@link sap.ui.layout.form.Form#getLayout FormLayout} assigned to the {@link sap.ui.layout.form.Form Form}.
|
|
29
29
|
* @extends sap.ui.core.Element
|
|
30
30
|
*
|
|
31
31
|
* @author SAP SE
|
|
32
|
-
* @version 1.
|
|
32
|
+
* @version 1.142.0
|
|
33
33
|
*
|
|
34
34
|
* @constructor
|
|
35
35
|
* @public
|
|
@@ -44,14 +44,14 @@ sap.ui.define([
|
|
|
44
44
|
/**
|
|
45
45
|
* Container is expanded.
|
|
46
46
|
*
|
|
47
|
-
* <b>Note:</b> This property only works if
|
|
47
|
+
* <b>Note:</b> This property only works if {@link #getExpandable expandable} is set to <code>true</code>.
|
|
48
48
|
*/
|
|
49
49
|
expanded : {type : "boolean", group : "Misc", defaultValue : true},
|
|
50
50
|
|
|
51
51
|
/**
|
|
52
52
|
* Defines if the <code>FormContainer</code> is expandable.
|
|
53
53
|
*
|
|
54
|
-
* <b>Note:</b> The expander icon will only be shown if a
|
|
54
|
+
* <b>Note:</b> The expander icon will only be shown if a {@link #getTitle Title} is set for the <code>FormContainer</code>.
|
|
55
55
|
*/
|
|
56
56
|
expandable : {type : "boolean", group : "Misc", defaultValue : false},
|
|
57
57
|
|
|
@@ -82,7 +82,7 @@ sap.ui.define([
|
|
|
82
82
|
* Title of the <code>FormContainer</code>. Can either be a <code>Title</code> element or a string.
|
|
83
83
|
* If a <code>Title</code> element is used, the style of the title can be set.
|
|
84
84
|
*
|
|
85
|
-
* <b>Note:</b> If a
|
|
85
|
+
* <b>Note:</b> If a {@link #getToolbar Toolbar} is used, the <code>Title</code> is ignored.
|
|
86
86
|
*
|
|
87
87
|
* <b>Note:</b> If the title is provided as a string, the title is rendered with a theme-dependent default level.
|
|
88
88
|
* As the <code>Form</code> control cannot know the structure of the page, this might not fit the page structure.
|
|
@@ -93,9 +93,9 @@ sap.ui.define([
|
|
|
93
93
|
/**
|
|
94
94
|
* Toolbar of the <code>FormContainer</code>.
|
|
95
95
|
*
|
|
96
|
-
* <b>Note:</b> If a <code>Toolbar</code> is used, the
|
|
96
|
+
* <b>Note:</b> If a <code>Toolbar</code> is used, the {@link #getTitle Title} is ignored.
|
|
97
97
|
* If a title is needed inside the <code>Toolbar</code> it must be added at content to the <code>Toolbar</code>.
|
|
98
|
-
* In this case add the <code>Title</code> to the
|
|
98
|
+
* In this case add the <code>Title</code> to the {@link #addAriaLabelledBy ariaLabelledBy} association.
|
|
99
99
|
* Use the right title level to meet the visual requirements. This might be theme-dependent.
|
|
100
100
|
* @since 1.36.0
|
|
101
101
|
*/
|
|
@@ -116,7 +116,7 @@ sap.ui.define([
|
|
|
116
116
|
*
|
|
117
117
|
* <b>Note:</b> If there is more than one <code>FormContainers</code>, every <code>FormContainer</code> needs to have some title or label
|
|
118
118
|
* (at least for screen reader support).
|
|
119
|
-
* If no
|
|
119
|
+
* If no {@link #getTitle Title} is set, a label or title needs to be assigned using the <code>ariaLabelledBy</code> association.
|
|
120
120
|
* @since 1.36.0
|
|
121
121
|
*/
|
|
122
122
|
ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
|
|
@@ -21,12 +21,12 @@ sap.ui.define([
|
|
|
21
21
|
* @param {object} [mSettings] Initial settings for the new control
|
|
22
22
|
*
|
|
23
23
|
* @class
|
|
24
|
-
* A <code>FormElement</code> represents a row in a
|
|
24
|
+
* A <code>FormElement</code> represents a row in a {@link sap.ui.layout.form.FormContainer FormContainer}.
|
|
25
25
|
* A <code>FormElement</code> is a combination of one label and different controls associated to this label.
|
|
26
26
|
* @extends sap.ui.core.Element
|
|
27
27
|
*
|
|
28
28
|
* @author SAP SE
|
|
29
|
-
* @version 1.
|
|
29
|
+
* @version 1.142.0
|
|
30
30
|
*
|
|
31
31
|
* @constructor
|
|
32
32
|
* @public
|
|
@@ -76,7 +76,7 @@ sap.ui.define([
|
|
|
76
76
|
* <b>Warning:</b> Do not put any layout or other container controls in here.
|
|
77
77
|
* This could damage the visual layout, keyboard support and screen-reader support.
|
|
78
78
|
* Only form controls are allowed. Views are also not supported.
|
|
79
|
-
* Allowed controls implement the interface
|
|
79
|
+
* Allowed controls implement the interface {@link sap.ui.core.IFormContent}.
|
|
80
80
|
*/
|
|
81
81
|
fields : {type : "sap.ui.core.Control", multiple : true, singularName : "field"}
|
|
82
82
|
},
|
|
@@ -55,7 +55,7 @@ sap.ui.define([
|
|
|
55
55
|
*
|
|
56
56
|
* This control cannot be used stand-alone, it just renders a {@link sap.ui.layout.form.Form Form}, so it must be assigned to a {@link sap.ui.layout.form.Form Form} using the <code>layout</code> aggregation.
|
|
57
57
|
* @extends sap.ui.layout.form.FormLayout
|
|
58
|
-
* @version 1.
|
|
58
|
+
* @version 1.142.0
|
|
59
59
|
*
|
|
60
60
|
* @constructor
|
|
61
61
|
* @public
|
|
@@ -64,12 +64,12 @@ sap.ui.define([
|
|
|
64
64
|
* <li>A new <code>Label</code> control starts a new row (<code>{@link sap.ui.layout.form.FormElement FormElement}</code>) in the form.</li>
|
|
65
65
|
* <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>
|
|
66
66
|
* </ul>
|
|
67
|
-
* Use
|
|
67
|
+
* Use {@link sap.ui.core.Element#setLayoutData LayoutData} to influence the layout for special cases in the Input/Display controls.
|
|
68
68
|
*
|
|
69
69
|
* <b>Note:</b> If a more complex form is needed, use the <code>{@link sap.ui.layout.form.Form Form}</code> control instead.
|
|
70
70
|
*
|
|
71
71
|
* @extends sap.ui.core.Control
|
|
72
|
-
* @version 1.
|
|
72
|
+
* @version 1.142.0
|
|
73
73
|
*
|
|
74
74
|
* @constructor
|
|
75
75
|
* @public
|
|
@@ -315,14 +315,14 @@ sap.ui.define([
|
|
|
315
315
|
* The content of the form is structured in the following way:
|
|
316
316
|
* <ul>
|
|
317
317
|
* <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>
|
|
318
|
-
* <li>Add a
|
|
318
|
+
* <li>Add a {@link sap.m.Label Label} control to start a new row (<code>{@link sap.ui.layout.form.FormElement FormElement}</code>).</li>
|
|
319
319
|
* <li>Add controls as input fields, text fields or other as needed.</li>
|
|
320
|
-
* <li>Use
|
|
321
|
-
* For example, if a
|
|
320
|
+
* <li>Use {@link sap.ui.core.Element#setLayoutData LayoutData} to influence the layout for special cases in the single controls.
|
|
321
|
+
* For example, if a {@link sap.ui.layout.ColumnLayout ColumnLayout} is used as a layout,
|
|
322
322
|
* the form content is weighted using 4 cells for the labels and 8 cells for the field part, for large size.
|
|
323
323
|
* If there is only little space, the labels are above the fields and each field uses 12 cells.
|
|
324
324
|
* If your input controls should influence their width, you can add {@link sap.ui.layout.form.ColumnElementData ColumnElementData}
|
|
325
|
-
* to them via the {@link #setLayoutData setLayoutData} method.
|
|
325
|
+
* to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method.
|
|
326
326
|
* Ensure that the sum of the weights in the {@link sap.ui.layout.form.ColumnElementData ColumnElementData} is not more than 12,
|
|
327
327
|
* as this is the total width of the input control part of each form row.</li>
|
|
328
328
|
* </ul>
|
|
@@ -337,7 +337,7 @@ sap.ui.define([
|
|
|
337
337
|
* Depending on the screen size the labels use the defined <code>labelSpan</code>.
|
|
338
338
|
* The remaining cells are used for the fields (and <code>emptySpan</code> if defined).
|
|
339
339
|
* The available cells are distributed to all fields in the row. If one field should use a fixed number of cells
|
|
340
|
-
* you can add {@link sap.ui.layout.GridData GridData} to them via the {@link #setLayoutData setLayoutData} method.
|
|
340
|
+
* you can add {@link sap.ui.layout.GridData GridData} to them via the {@link sap.ui.core.Element#setLayoutData setLayoutData} method.
|
|
341
341
|
* If there are additional fields in the row they will get the remaining cells.
|
|
342
342
|
* </ul>
|
|
343
343
|
* 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([
|
|
|
350
350
|
*
|
|
351
351
|
* <b>Warning:</b> Do not put any layout or other container controls in here. This could damage the visual layout,
|
|
352
352
|
* keyboard support and screen-reader support. Only labels, titles, toolbars and form controls are allowed.
|
|
353
|
-
* Views are also not supported. Allowed form controls implement the interface
|
|
353
|
+
* Views are also not supported. Allowed form controls implement the interface {@link sap.ui.core.IFormContent}.
|
|
354
354
|
*
|
|
355
|
-
* If editable controls are used as content, the
|
|
356
|
-
* otherwise to <code>false</code>. If the
|
|
355
|
+
* If editable controls are used as content, the {@link #setEditable editable} property must be set to <code>true</code>,
|
|
356
|
+
* otherwise to <code>false</code>. If the {@link #setEditable editable} property is set incorrectly, there will be visual issues
|
|
357
357
|
* like wrong label alignment or wrong spacing between the controls. In addition to that, wrong screen reader announcements might occur.
|
|
358
358
|
*/
|
|
359
359
|
content : {type : "sap.ui.core.Element", multiple : true, singularName : "content"},
|
|
@@ -366,7 +366,7 @@ sap.ui.define([
|
|
|
366
366
|
/**
|
|
367
367
|
* Title element of the <code>SimpleForm</code>. Can either be a <code>Title</code> element, or a string.
|
|
368
368
|
*
|
|
369
|
-
* <b>Note:</b> If a
|
|
369
|
+
* <b>Note:</b> If a {@link #getToolbar Toolbar} is used, the <code>Title</code> is ignored.
|
|
370
370
|
*
|
|
371
371
|
* <b>Note:</b> If the title is provided as a string, the title is rendered with a theme-dependent default level.
|
|
372
372
|
* 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([
|
|
|
378
378
|
/**
|
|
379
379
|
* Toolbar of the <code>SimpleForm</code>.
|
|
380
380
|
*
|
|
381
|
-
* <b>Note:</b> If a <code>Toolbar</code> is used, the
|
|
381
|
+
* <b>Note:</b> If a <code>Toolbar</code> is used, the {@link #getTitle Title} is ignored.
|
|
382
382
|
* If a title is needed inside the <code>Toolbar</code> it must be added at content to the <code>Toolbar</code>.
|
|
383
|
-
* In this case, add the <code>Title</code> to the
|
|
383
|
+
* In this case, add the <code>Title</code> to the {@link #addAriaLabelledBy ariaLabelledBy} association.
|
|
384
|
+
* Use the right title level to meet the visual requirements. This might be theme-dependent.
|
|
384
385
|
* @since 1.36.0
|
|
385
386
|
*/
|
|
386
387
|
toolbar : {type : "sap.ui.core.Toolbar", multiple : false,
|
|
@@ -395,8 +396,8 @@ sap.ui.define([
|
|
|
395
396
|
/**
|
|
396
397
|
* Association to controls / IDs which label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
|
|
397
398
|
*
|
|
398
|
-
* <b>Note:</b> Every <code>Form</code> needs to have some title or label (at least for screen reader support). If no
|
|
399
|
-
* is set, and the <code>
|
|
399
|
+
* <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}
|
|
400
|
+
* 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},
|
|
400
401
|
* a label or title needs to be assigned using the <code>ariaLabelledBy</code> association.
|
|
401
402
|
* @since 1.32.0
|
|
402
403
|
*/
|
|
@@ -656,7 +657,7 @@ sap.ui.define([
|
|
|
656
657
|
oFormContainer = oParent.getParent();
|
|
657
658
|
oFormElement = oParent;
|
|
658
659
|
oLayoutData = _getFieldLayoutData.call(this, oElement);
|
|
659
|
-
if (
|
|
660
|
+
if (sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
|
|
660
661
|
!_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak()) {
|
|
661
662
|
oFormElement = _addFormElement.call(this, oFormContainer);
|
|
662
663
|
}
|
|
@@ -850,7 +851,7 @@ sap.ui.define([
|
|
|
850
851
|
if (aFormElements.length == 0) {
|
|
851
852
|
// FormContainer has no FormElements -> create one
|
|
852
853
|
oFormElement = _addFormElement.call(this, oFormContainer);
|
|
853
|
-
} else if (
|
|
854
|
+
} else if (sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
|
|
854
855
|
!_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak()) {
|
|
855
856
|
oFormElement = _addFormElement.call(this, oFormContainer);
|
|
856
857
|
} else {
|
|
@@ -867,7 +868,7 @@ sap.ui.define([
|
|
|
867
868
|
if (iElementIndex == 0) {
|
|
868
869
|
// it's already the first FormElement -> insert a new one before
|
|
869
870
|
oFormElement = _insertFormElement.call(this, oFormContainer, null, 0);
|
|
870
|
-
} else if (
|
|
871
|
+
} else if (sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
|
|
871
872
|
!_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak()) {
|
|
872
873
|
oFormElement = _insertFormElement.call(this, oFormContainer, null, iElementIndex);
|
|
873
874
|
} else {
|
|
@@ -879,7 +880,7 @@ sap.ui.define([
|
|
|
879
880
|
// insert new field into same FormElement before old field
|
|
880
881
|
oFormElement = oOldElement.getParent();
|
|
881
882
|
iFieldIndex = oFormElement.indexOfField(oOldElement);
|
|
882
|
-
if (
|
|
883
|
+
if ( sLayout === SimpleFormLayout.ResponsiveLayout && oLayoutData?.isA("sap.ui.layout.ResponsiveFlowLayoutData") &&
|
|
883
884
|
!_isMyLayoutData.call(this, oLayoutData) && oLayoutData.getLinebreak() && iFieldIndex > 0) {
|
|
884
885
|
// split FormElement
|
|
885
886
|
oFormContainer = oFormElement.getParent();
|
|
@@ -1891,7 +1892,9 @@ sap.ui.define([
|
|
|
1891
1892
|
return;
|
|
1892
1893
|
}
|
|
1893
1894
|
this._iCurrentWidth = oEvent.size.width;
|
|
1894
|
-
this.
|
|
1895
|
+
if (this.getLayout() == SimpleFormLayout.ResponsiveLayout) {
|
|
1896
|
+
this._applyLinebreaks();
|
|
1897
|
+
}
|
|
1895
1898
|
this._bChangedByMe = false;
|
|
1896
1899
|
|
|
1897
1900
|
};
|
|
@@ -21,14 +21,14 @@ sap.ui.define([
|
|
|
21
21
|
* @namespace
|
|
22
22
|
* @alias sap.ui.layout
|
|
23
23
|
* @author SAP SE
|
|
24
|
-
* @version 1.
|
|
24
|
+
* @version 1.142.0
|
|
25
25
|
* @since 1.15
|
|
26
26
|
* @public
|
|
27
27
|
*/
|
|
28
28
|
var thisLib = Library.init({
|
|
29
29
|
apiVersion: 2,
|
|
30
30
|
name : "sap.ui.layout",
|
|
31
|
-
version: "1.
|
|
31
|
+
version: "1.142.0",
|
|
32
32
|
dependencies: ["sap.ui.core"],
|
|
33
33
|
designtime: "sap/ui/layout/designtime/library.designtime",
|
|
34
34
|
types: [
|
|
@@ -6,7 +6,7 @@ SPLITTER_MOVE=\u0E01\u0E14\u0E41\u0E1B\u0E49\u0E19\u0E25\u0E39\u0E01\u0E28\u0E23
|
|
|
6
6
|
|
|
7
7
|
SIDE_CONTENT_LABEL=\u0E40\u0E19\u0E37\u0E49\u0E2D\u0E2B\u0E32\u0E14\u0E49\u0E32\u0E19\u0E02\u0E49\u0E32\u0E07
|
|
8
8
|
|
|
9
|
-
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} \
|
|
9
|
+
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}
|
|
10
10
|
|
|
11
11
|
RESPONSIVE_SPLITTER_HOME=\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E08\u0E2D\u0E20\u0E32\u0E1E\u0E41\u0E22\u0E01
|
|
12
12
|
|