Stile & design personalizzati dei moduli

What can you do with custom form styling?

Lo stile personalizzato del modulo nel nostro costruttore di moduli consente di modificare completamente l’aspetto del modulo.

Ad esempio, si potrebbe voler cambiare il colore di sfondo dei campi in grigio o impostare i contorni in blu. Lo stile personalizzato consente di fare tutto questo e molto altro.

I seguenti attributi possono essere configurati facilmente dall’editor:

• Sfondo del contenitore padre
• Opacità della tinta di sfondo del contenitore padre
• Sfondo del modulo
• Larghezza del modulo
• Margine superiore del modulo
• Margine del piè di pagina del modulo
• Colore primario (influisce sui colori della barra di avanzamento e dei pulsanti)
• Colore del testo del corpo
• Colore dell’errore
• Colore dell’etichetta
• Colore del testo
• Colore di sfondo
• Colore del pulsante
• Colore selezionato del pulsante
• Colore del testo del pulsante
• Colore del bordo del pulsante
• Colore del contorno
• Colore della radio/casella di controllo

Cosa si può fare con i CSS dei moduli?

I CSS sono un po’ più difficili da usare, ma ancora più potenti della configurazione dello stile del modulo. Con i CSS, è possibile adattare lo stile del modulo a qualsiasi cosa si possa pensare.

Ecco un esempio di utilizzo dello stile CSS per rendere tutti gli elementi CSS del modulo larghi 100px:

// Sets all text inputs to be 100% wide
input[type=text] {
 width: 100%;
}

Come creare un modulo con Growform

Per creare un modulo in Growform, è sufficiente fare clic sul pulsante “Tema” sul lato destro dell’editor:

Quindi, è sufficiente modificare gli stili del modulo nella misura necessaria, scegliendo tra le opzioni di stile presentate.