Die Zusammenfassungsseite

Die Zusammenfassungsseite

Hinweis: Diese Feature sind Teil der Visforms Subscription und in der freien Visforms Version nicht enthalten.

F√ľr ein besseres Verst√§ndnis empfehlen wir die Dokumentation vollst√§ndig durchzulesen und mit dem Abschnitt Einleitung zu beginnen.
Zusammenh√§nge, die in fr√ľheren Abschnitten der Dokumentation erkl√§rt wurden, werden hier nicht wiederholt.

Zusammenfassung auch f√ľr einseitige Formulare

Mit dieser Erweiterung haben Sie auch die M√∂glichkeit einseitigen Formularen eine √úbersichtsseite hinzuzuf√ľgen. Die √úbersichtsseite wird dem Benutzer angezeigt, bevor er den Submit-Button klicken kann. Wenn Sie wollen, k√∂nnen Sie dann auch einen Fortschrittsbalken anzeigen lassen.

Das Layout der Zusammenfassungsseite wird √ľber Formularoptionen gesteuert

Optionen der Zusammenfassungsseite

Mithilfe der Optionen Button Text und Korrekturbutton Text k√∂nnen Sie individuellen Text f√ľr die beiden Buttons vergeben:

  • Der Button, der auf die Zusammenfassungsseite weiterleitet.
  • Der Button, mit dem Sie von der Zusammenfassungsseite zur√ľck ins Formular kommen, wenn Sie Eingaben korrigieren wollen.

Lassen Sie diese Optionen leer, wird der Text “Pr√ľfen” und “Eingaben √§ndern” verwendet. Mit den jeweiligen “CSS Klasse” Optionen, k√∂nnen Sie den Buttons eigene CSS Klassen f√ľr individuelles Styling hinzuf√ľgen.

Mithilfe der Optionen HTML Element und HTML Class Attribut können Sie das Layout der Zusammenfassung steuern. Sie haben die Auswahl zwischen

  • Tabellenlayout,
  • Darstellung als sogenannte Definitionsliste dl,
  • ungeordnete Liste ul,
  • geordnete Liste ol,
  • einfache Abs√§tze p.

Die Option Leere Felder ausblenden erm√∂glicht es Ihnen das Folgende. Felder, f√ľr die der Benutzer keine Eingabe gemacht hat, nicht in der Zusammenfassungsseite anzeigen. Leere Felder sind etwa bedingte Felder, die aufgrund der konkreten Auswahl des Benutzers versteckt bleiben.

Wenn diese Option aktiviert wurde, wird Ihnen zus√§tzlich noch folgende M√∂glichkeit angeboten. Sie k√∂nnen festlegen, dass Felder vom Typ Berechnung als “leer” angesehen werden, wenn sie den Wert 0 enthalten.

√úber die Option Eigener Text k√∂nnen Sie der Zusammenfassungsseite einen eigenen Text hinzuf√ľgen. Sie k√∂nnen dann festlegen, ob dieser Text oben oder unten auf der Seite angezeigt werden soll. Dies schafft Ihnen folgende M√∂glichkeit. Geben Sie dem Benutzer Ihrer Webseite zus√§tzliche Informationen dar√ľber, was der Benutzer mit der Zusammenfassungsseite anfangen sollen und wie es weiter geht.

Wenn die Zusammenfassungsseite nicht gut aussieht

Wenn Sie als HTML-Element f√ľr die Zusammenfassungsseite die Option “Tabelle” ausgew√§hlt haben und auf Ihrer Webseite ein Bootstrap Template verwenden, sollten Sie in die Option HTML Class Attribut auf jeden Fall den Wert “table” eingeben. Dies stellt sicher, dass alle Formatierungen, die Bootstrap automatisch f√ľr Tabellen vornimmt, auch tats√§chlich angewandt werden.

Auch bei Templates anderer UI-Frameworks k√∂nnen Sie das Design durch Hinzuf√ľgen eines passenden class Attributs unter Umst√§nden verfeinern. Und Sie k√∂nnen ein eigenes class Attribut verwenden, um spezifisches eigenes CSS f√ľr die Zusammenfassung zu schreiben. F√ľgen Sie dieses eigene CSS in Ihre eigene Visforms CSS Override Datei ein. Mehr dazu in: Layout mit CSS anpassen.

Ein Beispiel-Formular

In diesem Beispielformular haben wir zus√§tzlich Felder vom Typ “Feldtrenner” verwendet, um oben auf jeder Seite des Formulars ein wenig erl√§uternden Text einzuf√ľgen: Mehrseitiges Formular.