Questa guida spiega come impostare la larghezza che un campo occuperà all'interno del modulo, permettendoti di ottimizzare il layout per schermi diversi (Desktop, Tablet e Mobile).
Un campo di larghezza pari al 100% occuperà l'intera riga, mentre un campo al 50% permetterà di affiancare due campi sulla stessa riga.
Procedura per la Definizione della Larghezza del Campo
1. Accedi alle Impostazioni del Campo:
All'interno della sezione Campi del tuo modulo, apri le impostazioni del campo che desideri modificare.
2. Individua la Larghezza del Campo:
Scorri le impostazioni del campo fino a trovare l'opzione etichettata:
- Larghezza campo
3. Seleziona la Dimensione Responsive:
Clicca sul menu a tendina Larghezza campo. Questo menu è diviso in gruppi per tipo di dispositivo: Desktop, Tablet e Mobile.
4. Imposta la Larghezza per Dispositivo:
Per ogni gruppo di dispositivi, seleziona la percentuale di larghezza desiderata. Puoi selezionare una larghezza diversa per ogni tipo di schermo:
| Dispositivo | Opzione | Descrizione |
|---|---|---|
| Desktop | 100% | Il campo occupa l'intera riga (1/1). |
| Desktop | 50% | Il campo occupa metà riga (1/2). |
| Desktop | 33% | Il campo occupa un terzo della riga (1/3). |
| Desktop | 66% | Il campo occupa due terzi della riga (2/3). |
| Desktop | 25% | Il campo occupa un quarto della riga (1/4). |
| Tablet | stesse opzioni | Larghezza applicata su schermi di medie dimensioni. |
| Mobile | stesse opzioni | Larghezza applicata su schermi piccoli (smartphone). |
Nota: Se non specifichi una larghezza per un dispositivo, verrà applicata la larghezza predefinita (solitamente 100%).
5. Salva le Modifiche:
Dopo aver impostato le larghezze desiderate per tutti i dispositivi, assicurati di salvare le modifiche al campo e all'intero modulo.
Impostazione della Larghezza per il Pulsante di Invio
È possibile definire la larghezza anche per il pulsante di invio (Submit):
1. Accedi alla Sezione Generali:
Nel modulo di modifica del Form, vai al passo Generali e scorri fino alla sezione Pulsante di invio.
2. Trova l'Impostazione:
Individua l'opzione etichettata:
- Larghezza campo
3. Seleziona la Dimensione:
Utilizza il menu a tendina per selezionare la larghezza del pulsante per Desktop, Tablet e Mobile (ad esempio, 1/1 per 100%, 1/2 per 50%, ecc.).
4. Salva il Modulo:
Salva l'intero modulo per applicare la nuova larghezza al pulsante.
