Skip to main content




Applies only to Traditional Web Apps




  • Edit
  • A custom page layout for the login screen that divides the page into 2 columns.

    How to use

    1. In the Login screen, select the object tree and use LayoutLoginSplit instead of the current Layout.
    2. OutSystems UI Layout Login already has the LoginForm by default. Add input widgets to the correct placeholders as required.

    Input Parameters

    Input Name Description Type Mandatory Default Value
    DeviceConfiguration Configuration to change the default values that set when the application will be seen as phone, tablet or desktop DeviceConfig False none

    Layout and Classes


    Drag login related content to this placeholder.

    Advanced Use Case

    Change background to image

    1. In the Interface tab, go to the Login screen.
    2. Remove the background container and drag an image.
    3. Publish and test.

    Change Layout structure

    1. In the Interface tab, go to the Login screen.
    2. Change the Column type by using the corresponding parameter (for instance, ColumnsMediumRight).
    3. Publish and test.

    Compatibility with other Patterns


    • Was this article helpful?