Konfigurieren von Komponenten im Design-Modus configuring-components-in-design-mode

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.

Wenn AEM Instanz vorkonfiguriert installiert ist, ist eine Auswahl von Komponenten sofort im Komponenten-Browser verfügbar.

Darüber hinaus sind auch verschiedene weitere Komponenten verfügbar. Mithilfe des Design-Modus können Sie diese Komponenten aktivieren bzw. deaktivieren. Wenn Sie den Design-Modus aktivieren und sich auf der Seite befinden, können Sie damit Aspekte des Komponenten-Designs konfigurieren, indem Sie die Attributparameter bearbeiten.

NOTE
Bei der Bearbeitung dieser Komponenten ist Vorsicht geboten. Die Designeinstellungen sind häufig ein wesentlicher Bestandteil des Designs der gesamten Website. Daher sollten sie nur von einer Person mit den entsprechenden Berechtigungen (und der erforderlichen Erfahrung) geändert werden (meist ein Administrator oder Entwickler). Weitere Informationen finden Sie unter Entwicklung von Komponenten.
NOTE
Der Design-Modus steht nur für statische Vorlagen zur Verfügung. Vorlagen, die mit bearbeitbaren Vorlagen erstellt werden, sollten mit dem Vorlageneditor.
NOTE
Der Design-Modus ist nur für Design-Konfigurationen verfügbar, die als Inhalt unter ( /etc) gespeichert sind.
Ab AEM 6.4 wird empfohlen, Designs als Konfigurationsdaten unter /apps zu speichern, um kontinuierliche Bereitstellungsszenarien zu unterstützen. Unter /apps gespeicherte Designs können nicht zur Laufzeit bearbeitet werden. Außerdem steht der Design-Modus in Bezug auf diese Vorlagen ausschließlich Admins zur Verfügung.

Dazu müssen die zulässigen Komponenten im Absatzsystem für die Seite hinzugefügt oder entfernt werden. Das Absatzsystem (parsys) ist eine zusammengesetzte Komponente, die alle anderen Absatzkomponenten enthält. Das Absatzsystem ermöglicht es Autoren, einer Seite Komponenten unterschiedlicher Typen hinzuzufügen, da sie alle anderen Absatzkomponenten enthält. Jeder Absatztyp wird als eine Komponente dargestellt.

Beispielsweise kann der Inhalt einer Produktseite ein Absatzsystem enthalten, das Folgendes enthält:

  • Ein Bild des Produkts (in Form eines Bild- oder Textimage-Absatzes)
  • Die Produktbeschreibung (als Textabsatz)
  • Eine Tabelle mit technischen Daten (als Tabellenabsatz)
  • Formularbenutzer füllen das Formular aus (als Formularbeginn, Formularelement und Formularende-Absatz)
NOTE
Unter Entwicklung von Komponenten und Richtlinien für die Verwendung von Vorlagen und Komponenten finden Sie weitere Informationen zu parsys.
CAUTION
Bearbeiten des Designs im Design-Modus wie in diesem Artikel beschrieben ist die empfohlene Vorgehensweise zum Definieren von Designs statischer Vorlagen
Das Ändern von Designs in CRX DE ist beispielsweise nicht ratsam und die Anwendung derartiger Designs kann von erwarteten Verhaltensweisen abweichen. Weitere Informationen finden Sie im Entwicklerdokument Seitenvorlagen – statisch.

Komponenten aktivieren/deaktivieren enable-disable-components

So aktivieren oder deaktivieren Sie eine Komponente:

  1. Wechseln Sie in den Design-Modus.

    screen_shot_2018-03-22at103113

  2. Tippen oder klicken Sie auf eine Komponente. Die Komponente hat bei Auswahl einen blauen Rahmen.

    screen_shot_2018-03-22at103204

  3. Klicken oder tippen Sie auf das Symbol Übergeordnetes Element.

    Dadurch wird das Absatzsystem mit der aktuellen Komponente ausgewählt.

  4. Das Symbol Konfigurieren für das Absatzsystem wird in der Aktionsleiste für das übergeordnete Element angezeigt.

    Wählen Sie dieses Symbol, um das Dialogfeld anzuzeigen.

  5. Legen Sie in diesem Dialogfeld fest, welche Komponenten im Komponenten-Browser verfügbar sein sollen, wenn die aktuelle Seite bearbeitet wird.

    screen_shot_2018-03-22at103329

    Das Dialogfeld enthält zwei Registerkarten:

    • Zugelassene Komponenten
    • Einstellungen

    Zugelassene Komponenten

    Auf der Registerkarte  Zugelassene Komponenten legen Sie fest, welche Komponenten für das ParSys verfügbar sein sollen.

    • Die Komponenten werden nach Komponentengruppen gruppiert, die sich erweitern und reduzieren lassen.
    • Es kann eine ganze Gruppe ausgewählt werden, indem der Gruppenname überprüft wird. Die Auswahl aller Gruppen kann durch Deaktivieren der Option aufgehoben werden.
    • Ein Minuszeichen steht für mindestens ein Element, es werden jedoch nicht alle Elemente einer Gruppe ausgewählt.
    • Es ist eine Suche verfügbar, um nach einer Komponente nach Namen zu filtern.
    • Die rechts neben dem Komponentengruppen-Namen aufgelisteten Zahlen geben die Gesamtanzahl der ausgewählten Komponenten in diesen Gruppen an, unabhängig vom Filter.

    Sie definieren die Konfiguration pro Seitenkomponente. Wenn untergeordnete Seiten dieselbe Vorlage und/oder Seitenkomponente verwenden (normalerweise ausgerichtet), wird dieselbe Konfiguration auf das entsprechende Absatzsystem angewendet.

    note note
    NOTE
    Adaptive Formularkomponenten sind für die Verwendung im Container für adaptive Formulare konzipiert, um das Forms-Ökosystem zu nutzen. Daher dürfen diese Komponenten nur im adaptiven Formular-Editor verwendet werden und funktionieren nicht im Sites-Seiten-Editor.

    Einstellungen

    Im Einstellungen -Tab können Sie zusätzliche Optionen definieren, z. B. zum Zeichnen eines Ankers für jede Komponente und zum Definieren des Zellenabstands jedes Containers.

  6. Wählen Sie Fertig aus, um die Konfiguration zu speichern.

Konfigurieren des Entwurfs einer Komponente configuring-the-design-of-a-component

  1. Wechseln Sie in den Design-Modus.

    screen_shot_2018-03-22at103113-1

  2. Tippen oder klicken Sie auf eine Komponente mit einem blauen Rahmen In diesem Beispiel wird eine Hero-Bild-Komponente ausgewählt.

    screen_shot_2018-03-22at103434

  3. Öffnen Sie das Dialogfeld, indem Sie das Symbol Konfigurieren verwenden.

    Im Dialogfeld für den Entwurf können Sie die Komponente entsprechend den verfügbaren Designparametern konfigurieren.

    screen_shot_2018-03-22at103530

    Das Dialogfeld enthält drei Registerkarten:

    • Allgemein
    • Funktionen
    • Stile

    Eigenschaften

    Die Eigenschaften -Tab können Sie die wichtigen Designparameter der Komponente konfigurieren. Beispielsweise können Sie für eine Bildkomponente die maximal zulässige und minimale Bildgröße definieren.

    Funktionen

    Die Funktionen -Tab können Sie zusätzliche Funktionen der Komponente aktivieren oder deaktivieren. Beispielsweise können Sie für eine Bildkomponente die Ausrichtung des Bildes, die verfügbaren Zuschneideoptionen und festlegen, ob ein Bild hochgeladen werden kann.

    Stile

    Die Stile -Tab können Sie die CSS-Klassen und -Stile definieren, die mit der Komponente verwendet werden sollen.

    screen_shot_2018-03-22at103741

    Mit der Schaltfläche Hinzufügen können Sie zusätzliche Einträge zu einer Dialogfeldliste mit mehreren Einträgen hinzufügen.

    chlimage_1-94

    Verwenden Sie das Symbol Löschen, um einen Eintrag aus einer Dialogfeldliste mit mehreren Einträgen zu entfernen.

    Verwenden Sie die Verschieben -Symbol, um die Reihenfolge der Einträge in einer Dialogfeldliste mit mehreren Einträgen neu anzuordnen.

  4. Klicken oder tippen Sie auf Fertig zum Speichern und Schließen des Dialogfelds.

recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c