Layout-Möglichkeiten für adaptive Forms basierend auf Kernkomponenten

Melden Sie sich bei Ihrer Experience Manager Forms-Instanz an.

Wählen Sie oben links Adobe Experience Manager > Forms > Forms und Dokumente.

Öffnen Sie ein vorhandenes adaptives Formular im Bearbeitungsmodus, wenn es bereits erstellt wurde.

Alternativ können Sie auch neues adaptives Formular erstellen.

Suchen Sie den Abschnitt im Formular-Editor, mit dem Sie ein Layout hinzufügen können.

Klicken Sie auf das Symbol Hinzufügen. Das Symbol ist ein Pluszeichen (+). Es steht für die Option zum Hinzufügen neuer Komponenten.

Wenn Sie auf das Symbol Hinzufügen klicken, wird das Dialogfeld Neue Komponente einfügen angezeigt, in dem verschiedene Komponenten zum Einfügen angezeigt werden.

Durchsuchen Sie die verfügbaren Komponenten im Dialogfeld und wählen Sie das gewünschte Layout in der Liste aus. In unserem Fall wählen wir die Komponente Horizontale Registerkarten aus, um das Layout Horizontale Registerkarten einzufügen.

Wenn Sie die Komponente „Horizontale Registerkarten“ zum Formular hinzufügen, besteht es standardmäßig aus zwei leeren Bereichen, einem Element1 und einem Element2. Sie müssen diesen Bedienfeldern manuell Formularkomponenten hinzufügen.

Öffnen Sie die Eigenschaften der Komponente Horizontale Registerkarten und geben Sie den Namen für die Komponente an.
In diesem Fall fügen wir beispielsweise den Namen der horizontalen Registerkarten-Komponente als IT-Anfrageformular hinzu.

Klicken Sie auf Fertig.

Öffnen Sie die Komponenteneigenschaften der horizontalen Registerkarten und klicken Sie auf die Registerkarte Elemente .

Klicken Sie auf Hinzufügen, um ein neues Bedienfeld hinzuzufügen.

Wenn Sie auf das Symbol Hinzufügen klicken, wird Dialogfeld „Neue Komponente einfügen angezeigt.

Wählen Sie die Bedienfeldkomponente aus.

Wenn Sie die Bedienfeldkomponente auswählen, wird das neue Bedienfeld im horizontalen Layout hinzugefügt.

Geben Sie einen Namen für das neue Bedienfeld ein. Andernfalls können Sie die Eigenschaften der horizontalen Registerkarten-Komponente nicht speichern.

Geben Sie die Namen der Bereiche an, wie in der folgenden Abbildung dargestellt:

Klicken Sie auf Fertig.

Wenn Sie auf Fertig klicken, werden die drei Bedienfelder nebeneinander in einer Zeile angezeigt. Die Bereichsnamen werden als Überschriften für jedes Bedienfeld angezeigt, und Sie können jedem Bedienfeld Formularkomponenten hinzufügen.

Sie können die Eigenschaften der Bedienfeldkomponente konfigurieren. Beispielsweise enthält das IT-Anfrageformular keine Bereichstitel. Im Folgenden finden Sie die Schritte zum Konfigurieren der Eigenschaften einer Bereichskomponente.

Öffnen Sie die Eigenschaften des ersten Bedienfelds.

Aktivieren Sie das Kontrollkästchen Titel ausblenden auf der Registerkarte Allgemein.

Klicken Sie auf Fertig.

Suchen Sie den Abschnitt innerhalb des Bedienfelds, in dem Sie Komponenten hinzufügen können.

Klicken Sie auf das Symbol Hinzufügen. Das Symbol ist ein Pluszeichen (+). Es steht für die Option zum Hinzufügen neuer Komponenten.

Wenn Sie auf das Symbol Hinzufügen klicken, wird das Dialogfeld Neue Komponente einfügen angezeigt, in dem verschiedene Komponenten zum Einfügen angezeigt werden.

Durchsuchen Sie die verfügbaren Komponenten im angezeigten Dialogfeld und wählen Sie die gewünschte Komponente aus. Wählen Sie in unserem Fall die Komponente Textfeld aus.

Öffnen Sie die Eigenschaften der hinzugefügten Komponente und geben Sie ihren Namen an. Bearbeiten Sie die Eigenschaften der hinzugefügten Textfeld-Komponente und geben Sie deren Namen an.

Fügen Sie auf ähnliche Weise zwei weitere Textfeld-Komponenten hinzu und benennen Sie die hinzugefügten Komponenten als E-Mail-ID und Abteilung.

Nachdem die Komponenten im ersten Bedienfeld hinzugefügt wurden, können Sie mit dem Hinzufügen der Komponenten zum zweiten Bedienfeld fortfahren.

Um das Bedienfeld zu wechseln, klicken Sie der Symbolleiste auf Bedienfeld auswählen“.

Wenn Sie auf Bedienfeld auswählen klicken, wird die Liste der hinzugefügten Bedienfelder in der Komponente „Horizontale Registerkarten“ angezeigt.

Wählen Sie 2 Panel aus der Bereichsliste aus, und die Ansicht ändert sich vom ersten Bedienfeld zum zweiten Bedienfeld.

Wiederholen Sie die Schritte von Schritt 2 bis Schritt 4, um die gewünschten Komponenten in Bedienfeld 2 hinzuzufügen, wie in der folgenden Abbildung dargestellt:

Wechseln Sie zum 3 Panel, indem Sie die in Schritt 6 und Schritt 7 beschriebenen Schritte ausführen.

Wiederholen Sie die Schritte von Schritt 2 bis Schritt 4, um die gewünschte Komponente in Bedienfeld 3 hinzuzufügen:

Klicken Sie Vorschau in der oberen rechten Ecke Ihrer Authoring-Umgebung.

Klicken Sie in der Symbolleiste der Layout-Komponente auf das Symbol „Ersetzen und das Dialogfeld „Komponente" wird angezeigt.

Wählen Sie das gewünschte Layout im Dialogfeld Komponente ersetzen aus.

Nach Auswahl des Layouts ändert sich entsprechend die Anordnung der Komponenten innerhalb des Layouts. Wählen Sie beispielsweise die Komponente Vertikale Registerkarten im Dialogfeld Komponente ersetzen aus. Die Anordnung des Bedienfelds ändert sich in Registerkarten auf der linken Seite:

Suchen Sie den Abschnitt, in dem Sie Komponenten hinzufügen können.

Navigieren Sie zum linken Bedienfeld in Ihrer Authoring-Umgebung und klicken Sie auf Komponenten.

Wenn Sie auf die Option Komponenten klicken, wird die Liste der verfügbaren Komponenten angezeigt.

Durchsuchen Sie die verfügbaren Komponenten und wählen Sie die gewünschte Komponente aus.

Ziehen Sie die Komponente, indem Sie die ausgewählte Komponente anklicken und gedrückt halten, und ziehen Sie sie dann in den Bereich des Bedienfelds, um sie zu platzieren.

Ziehen Sie die Komponente in das Bedienfeld, indem Sie die Maus loslassen.