Versions Compared


  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

  1. Id - unique identifier of the control
  2. Default Span - A string type that represents Grid's default span values for large, medium and small screens for the whole Grid.
  3. 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.
  4. Model - Model to be used
  5. Entity Set - Entity set definition
  6. hSpacing - Horizontal spacing between the content in the Grid.
  7. vSpacing - Vertical spacing between the content in the Grid.
  8. Style Class - Assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App
  9. Advanced - Properties of the control not available in the above list can be added here. 


How to add a Grid Layout:

  1. Right click on a Page, Form Element or from any elements → Add Layout → select Add Grid Layout.

         Image Modified

     2. A Grid Layout control has been addedUI Elements including Model can be added under the Grid Layout Control by doing a Right click on it.