Definieren des Stils in der Richtlinie für die Komponente

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

  • Melden Sie sich bei Ihrer lokalen Cloud-fähigen AEM-Instanz an und navigieren Sie zu Tools | Allgemein | Vorlagen | Ihr Projektname.

  • Wählen Sie die Vorlage Leer mit Kernkomponenten aus und öffnen Sie sie im Bearbeitungsmodus.

  • Klicken Sie auf das Richtliniensymbol der Schaltflächenkomponente, um den Richtlinieneditor zu öffnen.

  • button-policy

Definieren Sie die Richtlinie wie unten dargestellt.

button-policy-details

Wir haben zwei Stile/Varianten mit den Bezeichnungen „Marketing“ und „Unternehmen“ definiert. Diese Varianten sind mit entsprechenden CSS-Klassen verknüpft.Stellen Sie sicher, dass vor und nach den CSS-Klassennamen kein Leerzeichen vorhanden ist.
Speichern Sie Ihre Änderungen.

Stil
CSS-Klasse
Marketing
cmp-adaptiveform-button–marketing
Unternehmen
cmp-adaptiveform-button–corporate

Diese CSS-Klassen werden in der SCSS-Datei der Komponente (_button.scss) definiert.

Nächste Schritte

Definieren von CSS-Klassen

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