Das Accordion Layout

Das Accordion Layout

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.

Accordion-Gruppen entstehen, wenn Sie dem Formular Felder vom Typ “Neue Seite” hinzuf├╝gen

Sie k├Ânnen jedem Formular beliebig viele Accordion-Gruppen hinzuf├╝gen. Dies geschieht einfach durch das Einf├╝gen eines Feldes vom Typ “Neue Seite” im Formular. Positionieren Sie das Feld in der Reihenfolge der Felder an der Stelle, an der Accordion-Gruppe beginnen soll. Die Option “Bezeichnung” des Feldes vom Typ “Neue Seite” wird als ├ťberschrift der Accordion-Gruppe verwendet.

Feldtyp Seitenumbruch

Standardm├Ą├čig interpretiert Visforms ein Feld vom Typ “Neue Seite” als einen Seitenumbruch und erzeugt ein mehrseitiges Formular. Damit die Felder “Neue Seite” als Accordion-Gruppen gerendert werden, m├╝ssen Sie zus├Ątzlich im Formular die Option “Anzeige als” auf “Accordion” umstellen. Dies geschieht in der Formularkonfiguration unter dem Reiter “Erweitert”. Sehen Sie hierzu auch die Abbildung unten.

Formular Optionen f├╝r mehrseitige Formulare

Standardm├Ą├čig wird das 1. Panel eines Accordions ge├Âffnet angezeigt. Mit der Option “1. Panel geschlossen” k├Ânnen Sie das Accordion aber auch so einstellen, dass beim Laden der Seite das 1. Accordion Panel geschlossen bleibt.

Das f├╝gt Visforms automatisch hinzu

Visforms f├╝gt an der Stelle, an der ein Feld “Neue Seite” in der Feldreihenfolge platziert ist, automatisch den Code ein, der n├Âtig ist, um ein Bootstrap Accordion Element anzulegen. Alle folgenden Felder befinden sich dann in diesem Accordion-Abschnitt.

Ein Accordion-Abschnitt wird automatisch geschlossen, wenn ein weiteres Feld “Neue Seite” kommt. Nach dem folgenden weiteren Feld “Neue Seite” wird das aktuelle Accordion Element beendet und ein neues Accordion Element begonnen.

Hinter dem letzten Formularfeld schlie├čt Visforms automatisch das letzte Accordion und zeigt alle ├╝bergeordneten Formularinformationen und Steuerelemente darunter an. Hierzu geh├Âren Dinge wie ein Captcha, der Text “Pflichtfeld”, wenn dieser im Formularfu├č platziert wurde, Buttons und anderes.

Wenn Sie die Option “Zusammenfassungsseite” auf “ja” gesetzt haben, f├╝gt Visforms dem Formular eine Zusammenfassungsseite hinzu. Zus├Ątzlich f├╝gt Visforms dann automatisch unterhalb des letzten Accordions einen “Pr├╝fen-Button” ein, der auf die Zusammenfassungsseite f├╝hrt. Visforms bietet Ihnen zahlreiche M├Âglichkeiten die Zusammenfassungsseite individuell zu konfigurieren. Dies geschieht in der Formularkonfiguration unter dem Reiter “Erweitert” und wird in folgendem Abschnitt erl├Ąutert: Die Zusammenfassungsseite.

Ein Beispiel-Formular

Ein Beispiel f├╝r ein Formular mit Accordion Layout finden Sie hier: Accordion Layout.