Referenzthemen reference-themes

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Designs ermöglichen Ihnen, Ihre Formulare ohne fundierte Kenntnisse im Umgang mit CSS zu formatieren. Zusätzlich zum Standardthema können Sie die folgenden Themen erhalten, indem Sie das AEM Forms Add-On-Pakete installieren:

  • Beryl
  • Exec
  • Exec-Light
  • Liberty
  • Ultramarine
  • Urbane
  • U.S. Web Design Standards
  • Tranquil

Jedes Design enthält einen einzigartigen und eleganten Stil, den Sie verwenden können, um angenehme adaptive Formulare für Ihre Benutzer zu erstellen. Sie enthält einen eindeutigen Stil für Selektoren wie Bedienfeld, Textfeld, numerisches Feld, Optionsfeld, Tabelle und Switch. Stile in diesen Designs basieren auf Anforderungen. Beispielsweise benötigen Sie in einem bestimmten Szenario ein minimalistisches Design mit sauberen Schriftarten. Mit dem Freiheitsdesign können Sie diesen Look erreichen.

Referenzthemen

Die Designs, die in diesem Paket enthalten sind, sind responsive und die Formatierung in diesen Themen ist definiert für Mobil- und Desktopanzeigen. Die meisten modernen Browser auf einer Vielzahl von Geräten können Formulare rendern, die mit einem dieser Designs mühelos angewendet werden.

Weitere Informationen zur Installation eines Pakets finden Sie unter Arbeiten mit Paketen.

Beryl beryl

Das Beryl-Design wird von Adaptives We.Gov-Formularund betont die Verwendung von Hintergrundbildern, Transparenz und großen, flachen Symbolen. Im Screenshot unten können Sie sehen, wie das Beryl-Design angezeigt wird und wie es das Formatieren des Formulars verbessern kann.
Beryl-Design
Klicken Sie zum Vergrößern auf

Exec exec

Exec theme vermeidet durchgehende Hintergrundfüllungen, um Formularkomponenten hervorzuheben. Durch Auswählen und Klicken auf Komponenten werden die Schriftfarben geändert. Im Vergleich zum standardmäßigen Canvas-Design ändert sich die Schriftfarbe des Texts auf der ausgewählten Registerkarte in dunkelblau. Beachten Sie, dass sich die Navigations- und Senden-Schaltflächen vom Beryl-Design unterscheiden.
Exec-Design

Klicken Sie zum Vergrößern auf

Exec Light exec-light

Exec Light-Design verwendet Leerzeichen, um ein nahtloses Erlebnis zu erstellen. Die Schaltflächen Weiter und Senden erhalten eine durchgehende Füllung und einen 3D-Schatten. Ausgewählte Registerkarten auf der linken Seite erhalten einen Pfeil anstelle von doppelten Häkchen.
Exec light-Design

Klicken Sie zum Vergrößern auf

Liberty liberty

Das Thema "Freiheit"verwendet einen minimalistischen Ansatz, um das Wichtige hervorzuheben. Die Schriftfarbe der besuchten Registerkarte ändert sich beispielsweise in Grün. Sie können nur den unteren Umriss des Textfelds sehen, das das Erscheinungsbild eines papierbasierten Formulars mit Linien emuliert. Das aktive Textfeld hat einen schwarzen unteren Umriss, während andere einen hellgrauen unteren Umriss erhalten.
Liberty-Design

Klicken Sie zum Vergrößern auf

Tranquil tranquil

Das Tranquil-Design bietet helle und dunkle Schattierungen des Tranquil-Farbschemas, um verschiedene Komponenten eines Formulars hervorzuheben. Optionsfelder, Bedienfelder und Registerkarten erhalten beispielsweise eine andere grüne Schattierung.
Tranquil-Design

Klicken Sie zum Vergrößern auf

Ultramarine ultramarine

Das Ultramarine-Design verwendet tiefe blaue Schattierungen, um Komponenten wie Registerkarten, Bedienfelder, Textfelder und Schaltflächen hervorzuheben.
Ultramarine-Design

Urbane urbane

Das Urban-Design betont einen minimalistischen und funktionalen Look für Ihr Formular. Wenn Sie das Urbane-Designs auf Ihr Formular anwenden, können Sie sehen, dass Komponenten reduziert sind. Die Bedienfelder erhalten dünne Konturen, um einen modernen Look zu erzielen.
Urbane-Design

Klicken Sie zum Vergrößern auf

U.S. Web Design Standards u-s-web-design-standards

Das U.S. Webdesign Standard-Design, verwendet, wie der Name sagt, Schriftbilder und Stile, die auf der Seite „Draft U.S. Webdesign Standards“ beschrieben sind. Der Webstandard wird von verschiedenen Bundesorganisationen verwendet, um konsistente Web-Erlebnisse für Bundesregierungswebsites zu erstellen.
U.S. Web Design Standards-Design

Klicken Sie zum Vergrößern auf

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da