Temi di riferimento

🔗 I temi ti consentono di personalizzare lo stile dei moduli senza conoscere a fondo i CSS. Oltre al tema predefinito, è possibile ottenere i seguenti temi installando il pacchetto aggiuntivo 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.

Temi di riferimento

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

Il tema beryl è utilizzato da Modulo adattivo We.Gov e enfatizza l'uso 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.
Beryl
themeClicca per ingrandire

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.
Tema Exec

Fare clic per ingrandire

Luce

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.
Tema chiaro Exec

Fare clic per ingrandire

Libertà

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.
Tema della libertà

Fare clic per ingrandire

Tranquillo

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.
Tema tranqual

Fare clic per ingrandire

Ultramarina

Il tema ultramarino utilizza tonalità blu profonde per evidenziare componenti quali schede, pannelli, caselle di testo e pulsanti.
Tema ultramarino

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.
Tema urbano

Fare clic per ingrandire

Standard di progettazione web degli Stati Uniti

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.
Tema degli standard di progettazione web degli Stati Uniti

Fare clic per ingrandire

In questa pagina