This FormLayout
renders a Form
using an HTML-table based grid. This can be a 16 column grid or an 8 column grid. The grid is stable, so the alignment of the fields is the same for all screen sizes or widths of the Form
. Only the width of the single grid columns depends on the available width.
To adjust the appearance inside the GridLayout
, you can use GridContainerData
for FormContainers
and GridElementData
for Layout Data
and Grid Data for content fields.
Properties of Grid Layout
- Id - unique identifier of the control
- Default Span - A string type that represents Grid's default span values for large, medium and small screens for the whole Grid.
- Default Indent - Defines default for the whole Grid numbers of empty columns before the current span begins. It can be defined for large, medium and small screens.
- Model - Model to be used
- Entity Set - Entity set definition
- hSpacing - Horizontal spacing between the content in the Grid.
- vSpacing - Vertical spacing between the content in the Grid.
- Style Class - Assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App
- Advanced - Properties of the control not available in the above list can be added here.
...
How to add a Grid Layout:
- Right click on a Page, Form Element or from any elements → Add Layout → select Add Grid Layout.
2. A Grid Layout control has been added. UI Elements including Model can be added under the Grid Layout Control by doing a Right click on it.
Info |
---|
Related articles
...