Per navigare il sito devi avere almeno 18 anni.

Verifica la tua età prima di accedere al sito.

18+. Prodotto per fumatori adulti contenente nicotina, sostanza che crea un'elevata dipendenza. Uso sconsigliato ai non fumatori. Per info chiama il numero verde 800554088 dell’Istituto Superiore di Sanità.

Form Container

This page contains examples of the Form Container component, with basic form elements and different color variations.


Default Form Container configuration

 

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.

Checkbox *
Email is required, please fill in before submitting the form

Form Container inside a responsive Container

 

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.

Checkbox *
Email is required, please fill in before submitting the form

Form Control inside a Column Control

 

The Form Control can be placed inside the Column Control component to achieve different layouts.

Title

 

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. 

Checkbox *
Email is required, please fill in before submitting the form

Container and background styles

 

The styles of the form elements are adapted to the background color of the Container.

Container with full page width and primary light background

Checkbox *
Email is required, please fill in before submitting the form

Container with background full page width and primary dark background

Checkbox *
Email is required, please fill in before submitting the form

Container with default width and secondary light background

Checkbox *
Email is required, please fill in before submitting the form

Container with default width and secondary dark background

Checkbox *
Email is required, please fill in before submitting the form