Skip to main content

 

Patterns

 

Applies only to Traditional Web Apps

 

OutSystems

LayoutLogin

  • 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

    Login

    Drag login related content to this placeholder.

    BackgroundImage

    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

    LoginForm

    • Was this article helpful?