Referenzthemen, Vorlagen und Formulardatenmodelle

Adobe empfiehlt die Verwendung der modernen und erweiterbaren Datenerfassung Kernkomponenten für Erstellen neuer adaptiver Forms oder Hinzufügen von Adaptive Forms zu AEM Sites-Seiten. Diese Komponenten stellen einen bedeutenden Fortschritt bei der Erstellung adaptiver Forms dar und sorgen für beeindruckende Benutzererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen von Adaptive Forms 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:

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.

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.

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.

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.

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.

Ultramarine

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

Gesundheitswesen

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

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.

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

Ressourcen für Business.Adobe.com