Assignment 6
Show Check-In and Check-Out Side by Side
This lesson is part of the Developer Online Class for OutSystems 9 course.
LEARN MORE

In this exercise we’ll improve the Homepage to display the check-in and check-out TableRecords side by side.

  1. Make sure your Homepage screen has a hierarchy like this:

  2. Enclose each heading and Table records in a container.
    • Resize the new container to ‘6 col’;
    • The ‘Checking In Today’ and ‘Checking Out Today’ Table Records are now displayed side by side? Great!
    • Limit the height of both lists, by enclosing the Table Records in a container, and applying the following style:

.GuestList  {

height: 270px;

overflow: auto;

}