Theme Manager

Il Theme Manager di Primeforms ti permette di creare, modificare, condividere e applicare temi personalizzati ai moduli. Un tema controlla l’aspetto visivo del form, inclusi colori, sfondi, tipografia e stile generale.

Questa funzione è utile quando vuoi mantenere coerenza grafica tra più moduli o adattare il design del form al brand, al sito o al progetto.

Panoramica #

Con il Theme Manager puoi:

• creare un nuovo tema
• modificare un tema esistente
• eliminare un tema
• condividere un tema con altri utenti
• trasferire la proprietà di un tema a un altro utente
• applicare un tema a uno o più moduli

Un tema non modifica la struttura del modulo. Interviene solo sulla sua presentazione visiva.

Come accedere al Theme Manager #

1. Apri il pannello di Primeforms
2. Vai nella barra di navigazione principale
3. Clicca su Themes

Da qui puoi vedere tutti i temi disponibili e gestire le azioni principali.

Creare un tema #

Per creare un nuovo tema:

1. vai nel Theme Manager
2. clicca su Create Theme
3. compila i campi richiesti
4. clicca su Save

Campi del form di creazione tema #

Quando crei un tema, in genere puoi compilare questi campi:

• Name: nome del tema
• Description: breve descrizione del tema
• Main Color: colore principale del tema in formato esadecimale
• CSS: codice CSS personalizzato del tema
• Created by: proprietario del tema, visibile solo agli amministratori
• Shared With: definisce con chi condividere il tema

Name #

Usa un nome chiaro e facile da riconoscere, per esempio:

• Corporate Blue
• Landing Minimal
• Dark Lead Form
• Brand Cliente Alfa

Description #

La descrizione serve a capire rapidamente il contesto o l’utilizzo del tema. Conviene mantenerla breve ma utile.

Main Color #

Il campo Main Color usa un valore esadecimale per identificare visivamente il tema.

Esempio:

• #1f4eff
• #f16334
• #111111

CSS #

Il campo CSS contiene gli stili personalizzati del tema. Il contenuto deve essere un CSS valido.

Qui puoi personalizzare, ad esempio:

• colori dei pulsanti
• sfondi
• bordi e radius
• tipografia
• spaziature
• aspetto dei campi del modulo

Dato che questa parte usa CSS, è una funzione più adatta a utenti avanzati, designer o chi deve adattare il form a un’identità visiva precisa.

Created by #

Il campo Created by definisce il proprietario del tema. In genere è visibile solo agli amministratori.

Shared With #

Il campo Shared With permette di condividere il tema con altri utenti della piattaforma.

Le opzioni disponibili sono:

• None: il tema è visibile solo al creatore, oltre agli amministratori
• Everyone: il tema è visibile a tutti gli utenti dell’applicazione. In genere questa opzione è disponibile solo a utenti manager o ruoli con permessi adeguati
• Specific users: il tema è visibile solo agli utenti selezionati

Importante: anche se un tema viene condiviso con un altro utente, quest’ultimo potrà eseguire solo le azioni consentite dai propri permessi. Per esempio, un utente può vedere un tema condiviso ma non necessariamente modificarlo o eliminarlo.

Live Preview #

Se disponibile, il campo Live Preview ti permette di selezionare un modulo e vedere in anteprima come il tema si applica al form mentre stai modificando il CSS.

Questa funzione è molto utile per:

• testare rapidamente lo stile
• verificare il risultato reale sul form
• correggere il CSS senza dover uscire dall’editor

Modificare un tema #

Per aggiornare un tema esistente:

1. vai nel Theme Manager
2. trova il tema che vuoi modificare
3. clicca su Actions
4. seleziona Update
5. apporta le modifiche necessarie
6. clicca su Update

La modifica di un tema è utile quando vuoi migliorare l’aspetto di un modulo senza ricreare da zero l’intera configurazione grafica.

Eliminare un tema #

Per eliminare un tema:

1. vai nel Theme Manager
2. trova il tema che vuoi eliminare
3. clicca su Actions
4. seleziona Delete
5. conferma l’operazione nel popup di conferma

Importante: quando elimini un tema, tutti i dati collegati a quel tema vengono eliminati. Questa azione non può essere annullata.

Assegnare un tema a un altro utente #

Puoi trasferire la proprietà di un tema a un altro utente tramite il Theme Editor.

Per farlo:

1. vai in Themes
2. clicca su Actions del tema interessato
3. seleziona Update
4. nel campo Created by, seleziona il nuovo utente proprietario
5. clicca su Update

Questa funzione è utile quando devi riassegnare un tema a un collega, a un designer o a un altro utente del workspace.

Applicare un tema a un modulo #

Puoi applicare un tema a un modulo dal Form Manager.

Il flusso generale è questo:

1. vai nel Form Manager
2. apri il modulo che vuoi aggiornare
3. accedi alle impostazioni del form
4. seleziona il tema da applicare
5. salva le modifiche

Dopo il salvataggio, il modulo utilizzerà il tema scelto.

Se nella tua documentazione hai una guida separata sull’applicazione dei temi al form, qui conviene solo fare riferimento a quella pagina.

Quando usare i temi #

I temi sono particolarmente utili quando:

• vuoi mantenere coerenza grafica tra più moduli
• devi adattare il form al brand del cliente
• usi lo stesso stile su più progetti o landing page
• hai bisogno di gestire layout e colori in modo centralizzato
• vuoi separare la struttura del modulo dal suo aspetto visivo

Buone pratiche #

• usa nomi chiari e coerenti per i temi
• mantieni il CSS pulito e ben organizzato
• usa la Live Preview quando disponibile
• condividi i temi solo con utenti che ne hanno davvero bisogno
• verifica sempre il risultato su desktop e mobile
• prima di eliminare un tema, controlla se viene ancora usato da altri moduli

Errori comuni #

• scrivere CSS non valido o incompleto
• modificare un tema condiviso senza verificare l’impatto sugli altri utenti
• confondere la condivisione del tema con il trasferimento di proprietà
• eliminare un tema ancora utile al team
• non testare il risultato reale sul modulo prima di considerare il tema definitivo

Note #

• I temi controllano l’aspetto del modulo, non la sua struttura.
• Il campo Created by è in genere visibile solo agli amministratori.
• La disponibilità di visualizzazione, modifica ed eliminazione di un tema dipende anche dai permessi del ruolo utente.
• L’eliminazione di un tema è definitiva.

Conclusione #

Il Theme Manager di Primeforms ti permette di gestire in modo centralizzato lo stile dei moduli, creare temi riutilizzabili e condividere asset grafici all’interno del team. Se usato bene, semplifica la personalizzazione visiva e rende più coerente l’esperienza dei form nella piattaforma.