Referenzthemen, Vorlagen und Formulardatenmodelle

Letzte Aktualisierung: 2024-01-15
Gilt für Artikel-Link
Auf Kernkomponenten basierendes adaptives Formular Hier klicken
Auf Foundation-Komponenten basierendes adaptives Formular Dieser Artikel

Adobe empfiehlt die Verwendung der modernen und erweiterbaren Kernkomponenten zur Datenerfassung für das Erstellen neuer adaptiver Formulare oder das Hinzufügen von adaptiven Formularen zu AEM Sites-Seiten Diese Komponenten stellen einen bedeutenden Fortschritt bei der Erstellung adaptiver Formulare dar und sorgen für beeindruckende Anwendererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen adaptiver Formulare mithilfe von Foundation-Komponenten beschrieben.

AEM Forms as a Cloud Service bietet mehrere Referenz-Designs, Vorlagen und Formulardatenmodelle, damit Sie schnell mit der Erstellung adaptiver Formulare beginnen können. Sie können das Referenzinhaltspaket vom Software-Verteilungs-Portal herunterladen und den Package Manager verwenden, um das Referenzinhaltspaket in Ihrer Produktions-, Entwicklungs- oder lokalen Entwicklungsumgebung zu installieren, um diese Referenz-Assets in Ihre Umgebung zu bringen.

Die im Referenzinhaltspaket enthaltenen Designs, Vorlagen und Formulardatenmodelle sind:

Designs Vorlagen Formulardatenmodelle
Canvas 3.0 Allgemein Microsoft Dynamics 365
Tranquil Leer Salesforce
Urbane
Ultramarine
Beryl
Gesundheitswesen
FSI

Referenzthemen

Designs ermöglichen Ihnen, Ihre Formulare ohne fundierte Kenntnisse im Umgang mit CSS zu formatieren. Sie können die folgenden Designs erhalten, indem Sie das Referenzinhaltspaket installieren:

  • Beryl
  • Canvas 3.0
  • Tranquil
  • Urbane
  • Ultramarine
  • Gesundheitswesen
  • FSI (Financial Services & Insurance)

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

Referenzthemen

Die Designs, die in diesem Paket enthalten sind, sind responsiv, und die Formatierung in diesen Designs ist für Mobil- und Desktop-Anzeigen definiert. 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

Das Beryl-Design hebt die Verwendung von Hintergrundbildern, Transparenz und großen und flachen Symbolen hervor. Im Screenshot unten können Sie sehen, wie das Beryl-Design angezeigt wird und wie es das Formatieren des Formulars verbessern kann.

Beryl-Design

Canvas 3.0

Canvas 3.0 ist das Standard-Design für adaptive Formulare und betont die Verwendung von Grundfarben, Transparenz und flachen Symbolen. Im Screenshot unten sehen Sie, wie das Canvas 3.0-Design aussieht.

Beryl-Design

Tranquil

Das Tranquil-Design bietet helle und dunkle Schattierungen des Tranquil-Farbschemas, um verschiedene Komponenten eines Formulars hervorzuheben. Beispielsweise erhalten Optionsfelder, Bereiche und Registerkarten jeweils einen anderen Grünton.

Tranquil-Design

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

Ultramarine

Das Ultramarine-Design verwendet dunkelblaue Töne, um Komponenten wie Registerkarten, Bereiche, Textfelder und Schaltflächen hervorzuheben.

Ultramarine-Design

Gesundheitswesen

Das Healthcare-Design verwendet tiefe grüne Schattierungen, um Komponenten wie Registerkarten, Bedienfelder, Textfelder und Schaltflächen hervorzuheben.

FSI-Design

FSI (Financial Services & Insurance)

Das FSI-Design legt Wert auf einen minimalistischen und funktionalen Look für Ihr Formular. Wenn Sie das FSI-Design auf Ihr Formular anwenden, können Sie sehen, dass die Bedienfeldkomponenten gelb sind.

FSI-Design

Referenzvorlagen

Mit Vorlagen können Sie die anfängliche Formularstruktur, den Inhalt und die Aktionen für Ihre Formulare definieren. Sie können die folgenden Vorlagen erhalten, indem Sie das Referenzinhaltspaket installieren:

  • Einfach
  • Leer

Die einfache Vorlage hilft Ihnen beim schnellen Erstellen eines Registrierungsformulars. Sie können es auch verwenden, um eine Vorschau der Funktionalität von Foundation-Komponenten adaptiver Formulare anzuzeigen. Es bietet ein Assistenten-Layout für eine abschnittsweise Darstellung der Daten. Verwenden Sie die leere Vorlage, um ein adaptives Formular auf einer leeren Arbeitsfläche zu erstellen.

Referenzformular-Datenmodelle

Die adaptiven Formulare können dann mit Microsoft Dynamics 365- und Salesforce-Servern interagieren, um Geschäftsabläufe zu ermöglichen. Beispiel:

  • Schreiben von Daten in Microsoft Dynamics 365 und Salesforce bei der Übermittlung von adaptiven Formularen.
  • Schreiben von Daten in Microsoft Dynamics 365 und Salesforce durch benutzerdefinierte Entitäten, die im Formulardatenmodell definiert sind, und umgekehrt.
  • Abfragen des Microsoft Dynamics 365- und Salesforce-Servers nach Daten und Vorausfüllen der adaptiven Formulare.
  • Lesen von Daten von Microsoft Dynamics 365- und Salesforce-Servern.

Sie können die folgenden Formulardatenmodelle erhalten, indem Sie das Referenzinhaltspaket installieren:

  • Microsoft® Dynamics 365
  • Salesforce

Informationen zur Verwendung dieser Modelle finden Sie unter Konfigurieren von Microsoft Dynamics 365- und Salesforce-Cloud-Diensten

Siehe auch

Auf dieser Seite