Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

 

 

OutSystems

How to show records side by side in a List Record widget

Template:OutSystems/Documentation_KB/ContentCollaboration
  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Question

    Is it possible to customize the layout to show records side-by-side, as follows?

    Record1 Record3 Record5
    Record2 Record4

    In the standard table grid layout each record is on a separate line, as follows:

    Record1
    Record2
    Record3
    Record4

    Answer

    Use the List Records widget to manipulate how information is displayed on your Web Screen.

    After you select the List Records widget to use in your Web Screen you just need to go to the properties of the widget and set the Line Separator property to None so the records can be displayed side-by-side.

    After you performed these configurations your layout may look similar to the following image. You can see more useful UI patterns by looking into OutSystems UI component available on Forge.

    The following example OML shows how to use the List Records widget to provide the look and feel above.

    https://success.outsystems.com/@api/deki/files/1416/ListRecordExample.oml

    • Was this article helpful?