Temi di riferimento

I temi consentono di formattare i moduli senza conoscere a fondo i CSS. Oltre al tema predefinito, è possibile ottenere i seguenti temi installando il pacchetto AEM-FORMS-6.3-REFERENCE-THEMES:

  • Berile
  • Exec
  • Exec-Light
  • Libertà
  • Ultramarina
  • Urbane
  • Standard di web design degli Stati Uniti
  • Tranquillo

Ciascun tema contiene uno stile esclusivo ed elegante che consente di creare deliziosi moduli adattivi per gli utenti. Contiene uno stile univoco per i 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 font puliti. Il tema Liberty consente di ottenere questo look.

Temi di riferimento

I temi inclusi in questo pacchetto sono reattivi e lo stile di questi temi è definito per i display per dispositivi 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, vedere Come lavorare con i pacchetti.

Beryl

Il tema Beryl è utilizzato da Modulo adattivo We.Gov e mette in evidenza l'utilizzo di immagini di sfondo, trasparenza e icone grandi e semplici. Nella schermata seguente, è possibile vedere l'aspetto del tema Beryl e come può migliorare lo stile del modulo.
Beryl
temaFare clic per ingrandire

Exec

Il tema Exec evita riempimenti di sfondo pieni per enfatizzare i componenti del modulo. Selezionando e facendo clic sui componenti, i colori dei font vengono modificati. Rispetto al tema canvas 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.
Exec, tema

Fare clic per ingrandire

Evidenziazione sez

Il tema Exec Light utilizza lo spazio vuoto per creare un'esperienza senza soluzione di continuità. I pulsanti Successivo e Invia consentono di ottenere un riempimento uniforme e un'ombreggiatura 3D. Le schede selezionate a sinistra visualizzano una freccia invece dei doppi indicatori di spunta.
Titolo Exec

Fare clic per ingrandire

Libertà

Il tema Liberty 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 presenta un contorno inferiore nero, mentre gli altri presentano un contorno inferiore grigio chiaro.
Tema Liberty

Fare clic per ingrandire

Tranquillo

Il tema Tranquillo fornisce sfumature chiare e scure della combinazione di colori Tranquillo per evidenziare i diversi componenti di un modulo. Ad esempio, i pulsanti di scelta, i pannelli e le schede hanno un'ombreggiatura di verde diversa.
Tema di transito

Fare clic per ingrandire

Ultramarina

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

Urbane

Il tema Urbane enfatizza un aspetto minimalista e funzionale per il modulo. Quando si applica il tema Urbane al modulo, è possibile vedere che i componenti sono piatti. I pannelli hanno contorni sottili per creare un aspetto moderno.
Tema Urbane

Fare clic per ingrandire

Standard di progettazione Web USA

Il tema Standard di Progettazione Web degli Stati Uniti, come suggerisce il nome, utilizza i tipi di carattere e gli stili descritti nel sito Web Microsoft Design Standards. Lo standard web è utilizzato dalle organizzazioni federali per creare esperienze Web coerenti tra i siti web delle amministrazioni federali.
Tema statunitense per gli standard di progettazione Web

Fare clic per ingrandire

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now