Create grid frame

In the UI web designer, login and click 'New'.

Build.One Documentation > Akioma Web Designer > image027.png

Build.One Documentation > Akioma Web Designer > image028.png

Save

Build.One Documentation > Akioma Web Designer > image029.png

Add grid to a frame

Find the object and Open it.

Build.One Documentation > Akioma Web Designer > image030.png

Click on 'layout / formularqueryfb', and change the 'Type' attribute from '1C' to '2E' and back to '1C'.

Save, close and reopen again.

Select 'Add'

Build.One Documentation > Akioma Web Designer > image031.png

Search for the Grid

Build.One Documentation > Akioma Web Designer > image032.png

Drag & Drop the Grid onto the 'empty' in the Designer Layout

Build.One Documentation > Akioma Web Designer > image033.png

Search for the DataSourceObject

Drag & Drop the Grid onto the Designer Layout

On Drag & Drop, keep moving to the left until the last object is no longer highlighted

Build.One Documentation > Akioma Web Designer > image034.png

Build.One Documentation > Akioma Web Designer > image035.png

Save, Close and Reopen

Now, the links must be added. Click on the 'link' button, and create the following lines:

Save, close and reopen. Links should look like:

Build.One Documentation > Akioma Web Designer > image036.png

To change the border title of the grid, select the grid from the layout and change attribute 'BorderTitle':

Build.One Documentation > Akioma Web Designer > image037.png

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