Por favor, verifica tu edad antes de entrar al sitio*.
This page contains examples of the Form Container component, with basic form elements and different color variations.
In this example, the Form Container component is showed inside a simple layout Container.
By default, the form elements take the full width that is available, but it is possible to adjust the width of each element individually using the AEM layout mode.
The Form Container can be part of a responsive layout when it is placed inside a Container that is configured with the responsive grid option. Using the AEM layout mode, it is then possible to adjust the width of the Form Container as a whole.
The Form Control can be placed inside the Column Control component to achieve different layouts.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
The styles of the form elements are adapted to the background color of the Container.
Container with full page width and primary light background
Container with background full page width and primary dark background
Container with default width and secondary light background
Container with default width and secondary dark background