Skip to main content




Applies only to Traditional Web Apps




  • Edit
  • A custom page layout for the login screen.

    How to use

    OutSystems UI already has LayoutLogin and 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.


    Drag an image, GIF or video to this placeholder.

    Advanced Use Case

    Change background-color

    1. In the Interface tab, go to the Login screen.
    2. Drag a container to the BackgroundImage placeholder.
    3. Set the Style Classes of that container to full-height background-your-color.
    4. Publish and test.

    Compatibility with other Patterns


    • Was this article helpful?