Page tree
Skip to end of metadata
Go to start of metadata

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:

AttributeValueExplanation
BorderTitleFormularz.B.
SUBTYPEgrid2 
contextMenuGridContextMenu 
floatingActionButtonosivgridfab 
showGridFiltercolumn-onlyTo 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:

Open viewer from grid-row

Select the Grid layout component.

Set 'FolderWindowToLaunch' to the name of the details frame, for example:

 

 If the attributes 'SUBTYPE' and/or 'BorderTitle' are not changed, this can also be done now:

  • SUBTYPE = grid2
  • Bordertitle = <EntityName> (e.g. Adresstyp)