A Group section groups multiple sections together. It can contain a group of sections of any type except custom sections. The group section can’t contain fields/columns or actions. With several nested group sections, you can build a nested tree of sections.
To add a Group section or subsections, perform the following steps:Fiori elements may not render group sections beyond the certain level and have rendering limitations on displaying Table sections as peer to the form sections. Please check the current documentation for
-
Click the Object/Form Entry Page to open the Page Editor.
-
Navigate to the section layer and click the ➕ (Add) icon.
As a result, a dropdown menu displaying currently supported section type appears.
-
Select Add Group Section from the dropdown list.
A new pop-up window Add Group Section appears with a field to provide a label for the section to be added.
-
Enter a title in the LabelFiori text box and click Add.
Internally, a new entry is added to the annotation
UI.Facets
. This entry is of the typeUI.CollectionFacet
with corresponding property Label and property Facets being set to an empty array. IfUI.Facets
does not exist yet or is not present in the changeable annotation file, managing process is the same as when adding a new Form section.A new Group tab appears in the application preview.
-
Navigate to the Subsections node and click the ➕ (Add) icon.
-
Select the required section from the list, such as Form Section.
A new pop-up window Add Form Section appears with a field to provide a label for the section to be added.
-
Enter a title in the Label text box and click Add.
In the new Form section, you can perform the same actions as in the classic Form Section, such as adding, editing, moving, and deleting fields.
Label properties can be prepared for translation. For more information, see Internationalization (i18n). In addition, see Edit in Source Code feature to navigate to code fragments in the annotation file.
Sections in the Group section can be moved as follows:
- Within a Group section.
- Between different Group sections.
- To the top level and back.
By using the drag-and-drop functionality, drag the required section to a different position.
For more information, see Move Basic Fields.
To delete the section in the application, perform the following steps:
- Navigate to the section layer.
- Click the 🗑️ (Delete) icon to open the Delete Confirmation popup window.
- Click Delete to confirm the action.
During deletion of the group section, the respective
UI.CollectionFacet
record is deleted from theUI.Facets
annotation along with all its content.
To clean up the unreferenced annotations for the deleted section content, you need to run the cleanup procedure that deletes the unreferenced annotation.
To change the section label, perform the following steps:
-
Select the required section and navigate to the properties pane area.
-
Enter a new name in the Label text box. This field defines the text to be displayed at a section label.
As a result, the section is renamed both in the Page Editor and in the application preview.
See Label Maintenance for more information.
See Internationalization (i18n) for translation if not yet there.
Hidden
See, Hidden