Hinweis: Diese Dokumentation ist eine Vorab-Version und nicht final.

Beispiel: Erstellen eines mehrseitige Bewerbungsformulars

Das folgende Beispiel veranschaulicht die Erstellung eines Formulars, das auf mehreren Seiten angezeigt wird. Dieses Beispiel verwendet dasselbe Formular wie Beispiel: Erstellen eines Bewerbungsformulars. Der Unterschied besteht nur darin, dass die Schritte auf verschiedenen Seiten angezeigt werden. Folgende Elemente werden verwendet: Formularschritt, Text, Auswahl, Textbereich, Verborgene Besucherprofilierung, Verborgener vordefinierter Wert, Datei-Upload und Schaltfläche „Senden“.

1. 3 neue Seiten erstellen: Seite A, Seite B und Seite C.
2. Wählen Sie Forms aus dem Asset-Bereich aus, um vorhandene Formularordner anzeigen zu lassen.
3. Wählen Sie im Kontextmenü eines Ordners Neues Formular aus und geben Sie ihm einen Namen, zum Beispiel Bewerbung 2.
4. Ziehen Sie Formularelemente in das neue Formular. Das folgende Bild zeigt bearbeitete Elemente für ein Bewerbungsformular.
   —Image: Beispiel bearbeitetes Bewerbungsformular—

   

   1. Formularschritt. Umbenennen in Schritt 1.
   2. Text. Umbenennen in Vollständiger Name mit Erforderlich.
   3. Text. Umbenennen in E-Mail mit QuickInfo.
   4. Auswahl.
      1. Bezeichnung. Legen Sie Ihre Auswahl für Ihre Bewerbung fest.
      2. Erforderlich. Aktiviert.
      3. Alternativen. Manuelle Eingabe verwenden.
      4. Element hinzufügen
         • Alternative: Entwicklung ; Wert Entwicklung .
         • Alternative: Engineering; Wert Engineering.
         • Alternative: Expert Services; Wert Expert Services.
         • Alternative: Support; Wert Support.
   5. Formularschritt.
      • Umbenennen in Schritt 2.
      • Auf der Registerkarte Einstellungen:
        —Image: Konfiguration der Registerkarte Einstellungen für Schritt 2—

        

        1. Schritt in anderem Inhalt anzeigen. Klicken Sie auf Durchsuchen und wählen Sie Seite B aus.
        2. Nur anzeigen bei Feld: Auf Durchsuchen klicken [...] und Jobtyp auswählen.
           —Image: Abhängiges Feld auswählen—

           

        3. Wert.... Entspricht auswählen.
        4. dem folgenden Wert. Support eingeben.
   6. Textbereich. Umbenennen in Begleitschreiben.
   7. Formularschritt.
      1. Umbenennen in Schritt 3.
      2. Die Registerkarte Einstellungen >Schritt in anderem Inhalt anzeigen aufrufen. Klicken Sie auf Durchsuchen und wählen Sie Seite C aus.
   8. Verborgene Besucherprofilierung. Geo auswählen: Code, Region, Provinz, Bundesland....
   9. Datei-Upload.
      • Feldtext. Umbenennen in Lebenslauf hochladen.
      • Max. Dateigröße. 4 (MB).
      • Zulässige Dateiformate: pdf, docx, txt
   10. Schaltfläche „Senden“. Umbenennen in Lebenslauf abschicken.
5. Alle Eigenschaften auswählen und Navigationsleiste anzeigen, wenn das Formular mehrstufig ist aktivieren.
6. Weisen Sie den Bewerbung 2-Block auf Seite A, Seite B und Seite C an und veröffentlichen Sie die Seite.

Testen Sie Ihr Formular

Um Ihre Formular zu testen, rufen Sie Seite A auf und fügen Sie das Formular Bewerbung 2 ein. Gehen Sie auf die Website (Auf der Website anzeigen) und geben Sie im Ansichtsmodus auf der Seite Daten ins Formular ein.

1. Geben Sie einen Namen und eine E-Mail-Adresse ein, wählen Sie eine Option aus und klicken Sie auf Nächster Schritt.

   

2. Wenn Sie Support auswählen, sehen Sie den nachfolgenden Schritt auf Seite B. Wenn Sie Support nicht auswählen, sehen Sie den nachfolgenden Schritt auf Seite C. Geben Sie den Text für ein Begleitschreiben ein und klicken Sie auf Nächster Schritt.

   

3. Klicken Sie auf Datei auswählen, laden Sie eine Datei hoch (nur pdf, docx oder txt) und klicken Sie anschließend auf Lebenslauf hochladen. Nach dem Übermitteln der Daten, werden diese im dynamischen Datenspeicher (DDSDynamic Data Store (dynamische Datenspeicherung); diese Komponente bietet eine API und Infrastruktur zum Speichern, Laden und Suchen der Datentypen Kompilierzeit (.NET-Objektinstanzen) und Laufzeit (Eigenschafts-Behälter). Diese Komponente wird als Teil des Episerver Framework-Pakets geliefert.) von Episerver gespeichert.

   

Formularübermittlungen anzeigen

Um die Testergebnisse anzusehen, gehen Sie zu Ihrem Formularblock Bewerbung 2 und wählen Sie Formularübermittlungen im Kontextmenü aus. Die Ansicht Formularübermittlungen wird mit den Daten angezeigt, die aus dem Formular übermittelt werden.

Sie können Formulardaten in die Formate XML, XLSX, CSV oder JSON exportieren.

Beispiel: Hinzufügen eines Rich-Text-Bestätigungsschritts

Das folgende Beispiel zeigt, wie im Beispiel: Erstellen eines mehrseitige Bewerbungsformulars das Rich-Text-Feld zum Hinzufügen eines Bestätigungsschritts verwendet werden kann.

1. Bearbeiten Sie das Bewerbungsformular und fügen Sie einen Formularschritt und ein Rich-Text-Element vor Schritt 2 hinzu.
   —Image: Einen Bestätigungsschritt zum Bewerbungsformular 2 hinzufügen—

   

2. Bearbeiten Sie einen Formularschritt und veröffentlichen Sie das Element.
   1. Umbenennen in Eingaben bestätigen und Beschreibung hinzufügen.
   2. Auf der Registerkarte Einstellungen >Schritt in anderem Inhalt anzeigen aufrufen. Klicken Sie auf Durchsuchen und wählen Sie Seite A aus.
3. Bearbeiten Sie Rich-Text wie in der folgenden Abbildung gezeigt und veröffentlichen Sie das Element. Verwenden Sie die Auswahlliste Platzhalter einfügen, um Platzhalter in den Inhalt einzufügen.
   —Image: Fenster Rich-Text-Inhalt—

   

4. Rufen Sie die Seite auf, auf der das mehrstufige Formular liegt und geben Sie Daten wie auf der folgenden Abbildung gezeigt ein.
   —Image: Daten in Schritt 1 die 2 des Bewerbungsformulars eingeben—

   

5. Auf Nächster Schritt klicken. Der Bestätigungsschritt wird mit den zuvor eingegebenen Daten angezeigt.
   —Image: Anzeige der eingegebenen Daten im Bewerbungsformular 2—