Trennzeichenkomponenten in adaptiven Formularen separator-component-in-adaptive-forms

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.

Sie können die Trennzeichenkomponente verwenden, um Bereiche eines Formulars visuell zu trennen. Sie können die Gesamtdarstellung und den Stil einer Trennzeichenkomponente definieren, indem Sie die folgenden Eigenschaften der Trennzeichenkomponente angeben:

  • Elementname: Gibt den Namen der Komponente an. Die SOM-Ausdrücke richten sich an die Komponente mit dem im Feld Elementname angegebenen Wert.
  • Stärke: Gibt die Stärke der Trennzeichenkomponente in Pixel an.
  • Colspan: Gibt die Anzahl der Spalten an, die eine Trennzeichenkomponente umfasst.
  • CSS-Klasse: Gibt die benutzerdefinierte CSS-Klasse für die Trennzeichenkomponente an.
  • Inline-Stile: Mit AEM Forms können Sie jetzt CSS-Inline-Stile auf individuelle adaptive Formularkomponenten anwenden und eine Vorschau der Änderungen in Echtzeit anzeigen.

Angeben der Eigenschaften einer Trennzeichenkomponente:

  1. Wählen Sie eine Trennzeichenkomponente aus und tippen Sie auf cmppr . Die Eigenschaften werden in der Seitenleiste geöffnet.
  2. Klicken Sie auf eine Registerkarte im Abschnitt Inline-CSS-Eigenschaften , um CSS-Eigenschaften anzugeben. Beispiel: a. Klicken Sie auf der Registerkarte Feld auf Element hinzufügen. Eine Zeile mit zwei Feldern wird hinzugefügt.
  3. Geben Sie im ersten Feld von links eine CSS3-Eigenschaft an, die Sie anwenden möchten. Beispiel: border. Sie können auch eine Eigenschaft auswählen, indem Sie auf die Nach-unten-Taste klicken. Die Dropdown-Liste ist nicht vollständig und Sie können einen beliebigen unterstützten CSS3-Eigenschaftennamen in dieses Feld eingeben.
  4. Geben Sie im angrenzenden Feld einen gültigen Wert für die angegebene CSS3-Eigenschaft an. Beispiel: 3px solid black.
  5. Klicken Sie auf Element hinzufügen, um eine andere Eigenschaft und deren Wert anzugeben.
  6. Klicken Sie auf Vorschau, um eine Vorschau der Änderungen im Formular anzuzeigen.
  7. Klicken OK , um die Änderungen zu bestätigen, oder Abbrechen, um das Dialogfeld ohne Änderungen zu beenden.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da