Einführung

[AEM Forms as a Cloud Service]{class="badge informative"}

Mit dem Stilsystem in Adobe Experience Manager (AEM) können Benutzende mehrere visuelle Varianten einer Komponente erstellen und dann auswählen, welcher Stil beim Erstellen eines Formulars verwendet werden soll. Dadurch werden Komponenten flexibler und wiederverwendbarer, ohne dass für jeden Stil benutzerdefinierte Komponenten erstellt werden müssen.

Dieser Artikel hilft Ihnen beim Erstellen von Varianten der Schaltflächenkomponente und beim Testen der Varianten in Ihrer lokalen Cloud-fähigen Umgebung, bevor Sie die Änderungen mithilfe von Cloud Manager in die Cloud-Instanz übertragen.

Der Screenshot zeigt die zwei Stilvarianten für die Schaltflächenkomponente, die der Erstellerin bzw. dem Ersteller des Formulars zur Verfügung stehen.

button-variations

Voraussetzungen

  • Cloud-fähige Instanz mit Kernkomponenten in AEM Forms

  • Klonen eines Designs: Sie müssen mit dem Klonen eines Designs vertraut sein. Für diese Anleitung haben wir das easel-Design geklont. Sie können alle verfügbaren Designs nach Ihren Bedürfnissen klonen.

  • Installieren Sie die neueste Version von Apache Maven. Apache Maven ist ein Tool zur Automatisierung von Builds, das häufig für Java™-Projekte verwendet wird. Durch die Installation der neuesten Version stellen Sie sicher, dass Sie über die erforderlichen Abhängigkeiten für die Design-Anpassung verfügen.

  • Installieren Sie einen Nur-Text-Editor. Beispielsweise Microsoft® Visual Studio Code. Die Verwendung eines Texteditors wie Microsoft® Visual Studio Code bietet eine benutzerfreundliche Umgebung zum Bearbeiten und Ändern von Design-Dateien.

Nächste Schritte

Erstellen einer Stilrichtlinie

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69