Show Menu
THEMEN×

Verwenden des Layoutmodus zum Ändern der Größe von Komponenten

Die Authoring-Benutzeroberfläche für adaptive Formulare und interaktive Kommunikation im Web Kanal ermöglicht es Ihnen, die Größe von Komponenten mithilfe des Layoutmodus zu ändern. Ziehen Sie blaue Punkte in Spalten, um den Beginn und den Endpunkt für die Positionierung der Komponenten zu definieren. Die blauen Punkte werden angezeigt, nachdem auf die Komponente im interaktiven Raster getippt wurde. Das reaktionsfähige Raster besteht aus 12 gleichen Spalten. Die weiße und blaue Farbschattierung in alternativen Spalten unterscheidet eine Spalte von der anderen.
Sie können den Layoutmodus verwenden, um die Größe von Komponenten für alle Gerätetypen wie Desktop, Tablet, Smartphone und andere kleinere Geräte zu ändern. Das Tablet leitet die Layoutkonfiguration automatisch von der Desktop-Version ab und die kleineren Geräte leiten die Layoutkonfiguration vom Smartphone ab. Sie können die automatisch abgeleiteten Konfigurationen jedoch überschreiben, um für jeden Gerätetyp eine andere Konfiguration zu definieren.
Wenn Sie den Web-Kanal mit Print Kanal als Master für eine interaktive Kommunikation erstellen, umfassen die für die Größenanpassung verfügbaren Komponenten auch die Teilformulare und Felder, die in Web Kanal mithilfe von Print Kanal automatisch generiert werden. Der Web-Kanal behält das Layout für die Kanal "Drucken"im Layoutmodus bei.

Layout-Modus aufrufen

Wählen Sie Layout aus der Dropdown-Liste, die oben auf der Authoring-Oberfläche für adaptive Formulare und interaktive Kommunikation neben der Option " Vorschau "angezeigt wird. Das Formular wird im Layoutmodus angezeigt.
  1. Melden Sie sich bei Ihrer AEM-Autoreninstanz an und navigieren Sie zu Adobe Experience Manager  >  Formulare  >  Formulare und Dokumente .
  2. Erstellen Sie ein neues oder öffnen Sie ein vorhandenes adaptives Formular oder eine interaktive Kommunikation.
  3. Wählen Sie Layout aus der Dropdown-Liste, die oben neben der Option " Vorschau "angezeigt wird. Das Formular wird im Layoutmodus angezeigt.

Größe von Komponenten ändern

  1. Tippen Sie im Layoutmodus auf die zu ändernde Komponente. Die blauen Punkte werden am Beginn und am Ende des reaktionsfähigen Rasters angezeigt.
  2. Ziehen Sie die blauen Punkte per Drag & Drop, um die Position der Komponente im interaktiven Raster zu definieren.
    Die Symbolleiste, die nach dem Tippen auf Komponenten angezeigt wird, besteht aus den folgenden Optionen:
    • Übergeordnet: Wählen Sie das übergeordnete Element einer Komponente aus.
    • In neue Zeile schwenken: Versetzen Sie die Komponente in die nächste Zeile, wenn sich mehrere Komponenten in derselben Zeile befinden.
    Mit der Option "Haltepunkt zurücksetzen"können Sie alle Änderungen an der Größe rückgängig machen und Standardlayout auf das Bedienfeld anwenden, das die Größe der Komponenten enthält, indem Sie die Option "Haltepunkt zurücksetzen" zurücksetzen") verwenden. Tippen Sie auf das übergeordnete Element der Größenanpassung, um die Option Ansicht.
    Die Größe von Tabellenspalten, Symbolleisten-, Symbolleisten- und Zielgruppen-Bereichskomponenten kann im Layoutmodus nicht geändert werden. Verwenden Sie den Stilmodus, um die Größe dieser Komponenten zu ändern.

Beispiel

Zielsetzung: Sie möchten eine Tabellenkomponente und eine Bildkomponente einfügen und sie in einer interaktiven Kommunikation parallel zueinander positionieren.
  1. Fügen Sie die Tabellen- und Bildkomponenten im Bearbeitungsmodus im Web-Kanal ein. Die Image-Komponente wird nach der Tabellenkomponente angezeigt.
  2. Wechseln Sie zum Layoutmodus und tippen Sie auf die Komponente "Tabelle". Die blauen Punkte zur Größenanpassung der Komponente werden in den Spalten 1 und 12 angezeigt.
  3. Ziehen Sie den blauen Punkt in Spalte 12 in Spalte 6 des interaktiven Rasters.
  4. Wählen Sie auf ähnliche Weise die Image-Komponente aus und ziehen Sie den blauen Punkt in Spalte 1 in Spalte 7 des interaktiven Rasters. Die Tabellen- und Bildkomponenten werden parallel zueinander angezeigt.
    Sie können die Bildkomponente auswählen und auf die Option " Auf neue Zeile verschieben"tippen, die in der Symbolleiste verfügbar ist, um die Bildkomponente zur nächsten Zeile zu verschieben.

Größe von Bedienfeldern ändern

Führen Sie die folgenden Schritte aus, wenn Sie die Größe des gesamten Bedienfelds anstelle einzelner Komponenten ändern möchten:
  1. Tippen Sie auf eine der Komponenten im Bedienfeld, deren Größe Sie ändern möchten, wählen Sie "Übergeordnet "und wählen Sie die erste Option in der Dropdown-Liste aus, wenn das Bedienfeld direkt über der Komponente liegt.
    Die blauen Punkte werden am Beginn und am Ende des reaktionsfähigen Rasters angezeigt.
  2. Ziehen Sie die blauen Punkte per Drag & Drop, um die Position des Bereichs im interaktiven Raster zu definieren. Sie können die Schritte 1 und 2 wiederholen und "Übergeordnetes Element "auswählen, um den Bereich mit der Größenanpassung zur nächsten Zeile zu verschieben.

Definieren des Layouts für mehrere Spalten für ein Bedienfeld

Führen Sie die folgenden Schritte aus, um die Anzahl der Spalten für ein Bedienfeld zu definieren:
  1. Tippen Sie im Bearbeitungsmodus auf das Bedienfeld, wählen Sie " "und wählen Sie " Interaktiv - alles auf der Seite ohne Navigationsoption "aus der Dropdown-Liste " Bedienfeldlayout ".
  2. Tippen Sie auf , um die Eigenschaften zu speichern.
  3. Tippen Sie im Layoutmodus auf eine der Komponenten im Bedienfeld, wählen Sie "Übergeordnetes Element "und dann den Bereich aus.
  4. Tippen Sie auf und wählen Sie die Spaltenanzahl aus der Dropdown-Liste aus. Die Anzahl der Spalten kann zwischen 1 und 12 liegen. Das Bedienfeld wird in ein mehrspaltiges Layout unterteilt.

Aktivieren des neuen interaktiven Rasters für alte reaktionsfähige Layouts

Aktivieren Sie das neue interaktive Raster für Formulare, die Sie mit AEM Forms 6.4 oder einer niedrigeren Version erstellen, um die Größe von Komponenten zu ändern.
Beim Wechsel zum neuen interaktiven Raster werden die Layouteigenschaften verworfen, die bereits für im Formular verwendete Komponenten definiert wurden.
Führen Sie die folgenden Schritte aus, um das neue interaktive Raster zu aktivieren:
  1. Wählen Sie Layout aus der Dropdown-Liste, die oben neben der Option " Vorschau "angezeigt wird. Eine Bestätigung zur Aktivierung des Layoutmodus wird angezeigt.
  2. Tippen Sie auf Ja , um den Layoutmodus für das Formular zu aktivieren.

Einbetten eines alten Fragments in ein adaptives Formular mit einem neuen reaktionsfähigen Layout

Mit dem neuen reaktionsfähigen Layout für adaptive Formulare können Sie ein adaptives Formularfragment mit dem alten reaktionsfähigen Layout zum Formular hinzufügen. Das neue Layout verwirft jedoch die Layouteigenschaften, die bereits für im Fragment verwendete Komponenten definiert wurden. Sie können zum Modus "Layout"wechseln, um die Layouteigenschaften für die im Fragment verwendeten Komponenten zu definieren.

Einbetten eines Fragments mit einem neuen reaktionsfähigen Layout in ein altes adaptives Formular

Wenn Sie ein Fragment mit dem neuen reaktionsfähigen Layout in ein adaptives Formular mit einem alten reaktionsfähigen Layout einbetten, fordert Sie das System auf, den Layoutmodus für das Formular zu aktivieren und das Fragment erneut einzubetten.
Um den Layoutmodus zu aktivieren, wählen Sie in der Dropdown-Liste, die oben neben der Option " Vorschau "angezeigt wird, die Option " Layout "aus und tippen Sie zur Bestätigung auf Ja . Wählen Sie Bearbeitungsmodus , um das Fragment erneut einzubetten.

Layout-Modus für Formulare mit altem reaktionsfähigem Layout deaktivieren

Sie können den Layoutmodus für Formulare mit einem alten reaktionsfähigen Layout deaktivieren, indem Sie die Eigenschaften der im Formular verwendeten Vorlage bearbeiten.
Führen Sie die folgenden Schritte aus, um den Layoutmodus zu deaktivieren:
  1. Wählen Sie Werkzeuge > Allgemein > Vorlagen und öffnen Sie die Vorlage, die im Formular im Bearbeitungsmodus verwendet wird.
  2. Wählen Sie im linken Bereich den Container Dokument aus und tippen Sie auf Richtlinie.
  3. Tippen Sie auf die Registerkarte Layouteinstellungen und wählen Sie Layout-Modus deaktivieren .
  4. Tap to save the template properties.