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