Aggiungere classi CSS al pulsante di invio o al suo contenitore

Questa guida spiega come applicare classi CSS personalizzate al pulsante di invio di un modulo o al suo elemento contenitore (il div che lo racchiude), utile per la personalizzazione grafica tramite fogli di stile esterni.

> Nota: Per seguire questa procedura, devi avere a disposizione le classi CSS che desideri applicare.

Procedura Passo Passo

1. Accedi alla Modifica del Form

Apri il modulo che desideri modificare nell'interfaccia di amministrazione.

2. Vai alla Sezione Generali

Assicurati di trovarti nella prima sezione del modulo, intitolata Generali.

3. Localizza le Impostazioni del Pulsante di Invio

Scorri verso il basso fino a trovare il riquadro intitolato Pulsante di invio.

4. Scegli dove Applicare le Classi

All'interno del riquadro, troverai due campi di testo per l'inserimento delle classi:

  • Classi Input: Utilizza questo campo per aggiungere classi direttamente all'elemento input (il pulsante stesso).
  • Classi Contenitore: Utilizza questo campo per aggiungere classi al div che contiene il pulsante di invio (utile per controllare la disposizione o la larghezza).

5. Inserisci le Classi CSS

Nel campo desiderato (Classi Input o Classi Contenitore), digita le classi CSS che vuoi applicare.

> Esempio: Se vuoi applicare le classi btn-custom e large-button, scrivi: btn-custom large-button (separando le classi con uno spazio).

6. Salva le Modifiche

Completa la procedura di salvataggio del modulo (solitamente cliccando sul pulsante di salvataggio o procedendo con i passaggi successivi del wizard) per rendere effettive le classi CSS sul frontend.