Skip to main content




Applies only to Traditional Web Apps




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?