Temi di riferimento reference-themes
Temi consente di personalizzare lo stile dei moduli senza conoscere a fondo i CSS. Oltre al tema predefinito, è possibile ottenere i seguenti temi installando ilPacchetto aggiuntivo di AEM Forms:
- Berile
- Exec
- Exec-Light
- Libertà
- Ultramarina
- Urbane
- Standard di progettazione web degli Stati Uniti
- Tranquillo
Ogni tema contiene uno stile unico ed elegante che può essere utilizzato per creare deliziosi moduli adattivi per i vostri utenti. Contiene uno stile univoco per selettori quali pannello, casella di testo, casella numerica, pulsante di scelta, tabella e switch. Gli stili in questi temi sono basati sui requisiti. Ad esempio, in uno scenario particolare è necessario un tema minimalista con caratteri puliti. Il tema Liberty ti permette di ottenere quel look.
I temi inclusi in questo pacchetto sono reattivi e lo stile in questi temi è definito per i display mobili e desktop. La maggior parte dei browser moderni su una varietà di dispositivi può eseguire il rendering dei moduli applicati con uno di questi temi senza problemi.
Per ulteriori informazioni sull'installazione del pacchetto, vedi Come lavorare con i pacchetti.
Berile beryl
Il tema del berile è utilizzato da Modulo adattivo We.Gove accentua l'utilizzo di immagini di sfondo, trasparenza e icone grandi e piatte. Nella schermata seguente è possibile vedere l’aspetto del tema Beryl e come può migliorare lo stile del modulo.
Fare clic per ingrandire
Exec exec
Il tema Exec evita riempimenti di sfondo solidi per enfatizzare i componenti del modulo. Quando si selezionano e si fa clic sui componenti, i colori dei font vengono modificati. Rispetto al tema Area di lavoro predefinito, il colore del font del testo nella scheda selezionata diventa blu scuro. I pulsanti di navigazione e di invio sono diversi dal tema Beryl.
Luce exec-light
Il tema Exec Light utilizza lo spazio bianco per creare un'esperienza senza soluzione di continuità. I pulsanti Avanti e Invia consentono di ottenere un riempimento continuo e un’ombreggiatura 3D. Le schede selezionate a sinistra hanno una freccia invece dei doppi segni di spunta.
Libertà liberty
Il tema della libertà utilizza un approccio minimalista per evidenziare l'importante. Ad esempio, il colore del font della scheda visitata diventa verde. È possibile visualizzare solo il contorno inferiore della casella di testo che emula l’aspetto di un modulo basato su carta con righe. La casella di testo attiva ha un contorno inferiore nero, mentre altri ottengono un contorno inferiore grigio chiaro.
Tranquillo tranquil
Il tema Tranquil fornisce sfumature chiare e scure della combinazione di colori Tranquillo per evidenziare diversi componenti di un modulo. Ad esempio, i pulsanti di scelta, i pannelli e le schede presentano una tonalità di verde diversa.
Ultramarina ultramarine
Il tema ultramarino utilizza tonalità blu profonde per evidenziare componenti quali schede, pannelli, caselle di testo e pulsanti.
Urbane urbane
Tema urbano enfatizza un aspetto minimalista e funzionale della vostra forma. Quando si applica il tema Urbane al modulo, è possibile vedere che i componenti sono piatti. I pannelli ottengono contorni sottili per creare un look moderno.
Standard di progettazione web degli Stati Uniti u-s-web-design-standards
Come suggerisce il nome, il tema degli standard di progettazione web degli Stati Uniti utilizza tipi di carattere e stili descritti nel sito Bozza standard di progettazione web degli Stati Uniti. Lo standard web viene utilizzato dalle organizzazioni federali per creare esperienze web coerenti tra i siti web delle amministrazioni federali.
