Questa guida spiega come aggiungere classi CSS personalizzate a un campo specifico del form o al suo contenitore (l'area che racchiude l'etichetta e l'input).
Questa funzionalità è utile se si desidera applicare stili specifici o comportamenti JavaScript a elementi singoli del form.
1. Assegnare classi a un campo del form
Per assegnare classi a un campo specifico (come un campo di testo, una casella di spunta o un menu a tendina), segui questi passaggi:
1. Accedi alla sezione di modifica del form e vai alla scheda Generali.
2. Nella sezione Campi, individua il campo che desideri modificare e clicca su di esso per espandere le sue impostazioni.
3. Scorri fino in fondo alle impostazioni del campo e spunta la casella Mostra impostazioni avanzate.
- Nota: Se questa casella è già spuntata, puoi saltare questo passaggio.
4. Una volta visualizzate le impostazioni avanzate, vedrai due campi dedicati all'inserimento delle classi:
- Classi Input: Inserisci qui le classi CSS che vuoi applicare direttamente all'elemento di input (ad esempio, il tag
<input>,<select>o<textarea>). - Classi Contenitore: Inserisci qui le classi CSS che vuoi applicare al contenitore principale del campo (l'elemento
divche racchiude l'etichetta e l'input).
5. Inserisci le classi desiderate, separandole con uno spazio (ad esempio: mia-classe-rossa nascondi-su-mobile).
6. Salva il form per applicare le modifiche.
2. Assegnare classi al Pulsante di invio
Puoi anche personalizzare il Pulsante di invio (Submit) del form.
1. Accedi alla sezione di modifica del form e vai alla scheda Generali.
2. Scorri fino alla sezione Pulsante di invio.
3. In questa sezione troverai i seguenti campi:
- Classi Input: Inserisci le classi CSS che vuoi applicare direttamente al pulsante di invio.
- Classi Contenitore: Inserisci le classi CSS che vuoi applicare al contenitore del pulsante (utile per gestire l'allineamento o la spaziatura).
4. Inserisci le classi desiderate.
5. Salva il form per applicare le modifiche.
