Create grid frame
In the UI web designer, login and click 'New'.
- SmartObject-Type: <empty>
- Smart-Module: <the Module created earlier>
- New Object: <Entity>FB (FrameBrowser)
- Template: SimpleSwatFrame
Save
Add grid to a frame
Find the object and Open it.
Click on 'layout / formularqueryfb', and change the 'Type' attribute from '1C' to '2E' and back to '1C'.
Save, close and reopen again.
Select 'Add'
Search for the Grid
Drag & Drop the Grid onto the 'empty' in the Designer Layout
Search for the DataSourceObject
Drag & Drop the Grid onto the Designer Layout
Note
On Drag & Drop, keep moving to the left until the last object is no longer highlighted
Save, Close and Reopen
Now, the links must be added. Click on the 'link' button, and create the following lines:
- Container to the DSO (link type: PrimarySDO)
- DSO to the Grid (link type: Data)
Save, close and reopen. Links should look like:
To change the border title of the grid, select the grid from the layout and change attribute 'BorderTitle':
Set the following attributes:
| Attribute | Value | Explanation |
|---|---|---|
| BorderTitle | Formular | z.B. |
| SUBTYPE | grid2 | |
| contextMenu | GridContextMenu | |
| floatingActionButton | osivgridfab | |
| showGridFilter | column-only | To hide the OMNI-search widget |
Note
Leave the fill-in fields before saving the changes.
Create details frame
Click on 'New' in the designer.
Enter the fields:
- SmartObject-Type: <empty>
- Smart-Module: <the Module created earlier>
- New Object: <Entity>FV (Frame Viewer) (NB: in the screenshots below, the wrong name -without V- is used by mistake)
- Template: SimpleSwatFrame
Press "OK".
Add viewer to a frame
Search for the just created details frame and open it.
Click 'Add' and search for the viewer.
Click on 'layour/adresstypf' and change the 'Type' from '1C' to '2E' and back to '1C', then press Save.
Click on 'Add', search for the Viewer and drag it on top of 'empty'.
Click 'Save'.
Click 'Add' again and search for the DataSourceObject
Drag & Drop the Grid onto the Designer Layout
Note
On Drag & Drop, keep moving to the left until the last object is no longer highlighted
Save.
In the viewer, set the attribute 'footerMenu' to value: 'SaveCancelFooterMenu'.
Also set attribute 'titleHeader' to value: 'parent-only'.
Save.
Now, the links must be added. Click on the 'link' button, and create the following lines:
- Container to the DSO (link type: PrimarySDO)
- DSO to the Viewer (link type: Data)
- DSO to the Viewer (link type: Display)
After save, the links look similar as:
