layout-loginsplit.md

tags	summary	locale	guid	app_type	platform-version	figma
runtime-traditionalweb;	Learn to customize the Login Split web block in OutSystems 11 (O11) for Traditional Web Apps.	en-us	804f282e-4480-4c8c-ba5a-4bc376436caa	traditional web apps	o11	https://www.figma.com/file/eFWRZ0nZhm5J5ibmKMak49/Reference?node-id=615:493

Layout Login Split Reference

Applies only to Traditional Web Apps.

Layout and classes

Login

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.

<iframe src="https://player.vimeo.com/video/1002043829" width="750" height="380" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="">Video demonstrating how to change the background to an image in the Login Split web block.</iframe>

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.

<iframe src="https://player.vimeo.com/video/1002043844" width="750" height="364" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="">Video showing the process of changing the layout structure in the Login Split web block.</iframe>

Compatibility with other patterns

Login Form