Anleitung: Formularlayout ändern

AFS-Formulare werden mit Standardlayouts ausgeliefert, die den gängigen Styleguideregeln (Österreich & Schweiz) entsprechen. Sie können das Layout von einzelner Formulare ganz einfach ändern. Der Vorteil besteht darin, dass das Layout Ihrer kompletten Formularsammlung nur einmal erstellt werden muss. Bei AFS-Formularen passen sich Formularelemente, wie Blöcke oder Seiten automatisch an das gewählte Layout an.

Im folgenden Beispiel zeigen wir Ihnen, wie einfach Sie in wenigen Schritten das Layout eines Formulars wechseln.

Live Formular-Beispiel:

Hier finden Sie das gleiche Formular in 2 unterschiedlichen Layouts

Schritt für Schritt Anleitung:

Schritt 1: Im aforms designer einloggen:

Abbildung 1: Loginfenster WebAdmin

Abbildung 1: Loginfenster aforms designer

Schritt 2: Formular auswählen:

Im aktuellen Beispiel handelt es sich um das Formular „Layout_Demo“, in welchem Sie nun das Layout ändern.

Klicken Sie auf das Voransicht-Icon rechts um die Voransicht des Formulars zu öffnen.

Abbildung 2: Voransicht des fertigen Formulars öffnen

Abbildung 3: Voransicht des Formulars „Layout_Demo“ mit dem Layout „a2w_CI_Layout“

Abbildung 3: Voransicht des Formulars „Layout_Demo“ mit dem Layout „a2w_CI_Layout“

Schritt 3: Layout ändern:

Klicken Sie nun in der Spalte „Formularname“ auf das Formular „Layout_Demo“ um dieses zu bearbeiten.

Unter dem Punkt „Formulardetails“ finden Sie rechts eine Dropdown-Auswahl "Formularlayout" mit den verfügbaren Layouts. AFS wird mit mehreren Standardlayouts ausgeliefert und entspricht den gesetzlichen Vorgaben zur Barrierefreiheit. Wechseln Sie das Layout von „A2W_LR_Website_V2__0“ z.B. auf "Beispiel_Schweiz“.

Abbildung 4: Öffnen Sie das Dropdown-Menü „Formularlayout“ um das Layout zu wechseln

Abbildung 4: Öffnen Sie das Dropdown-Menü „Formularlayout“ um das Layout zu wechseln

Schritt 4: Fertiges Formular & weitere Layouts:

Nachdem Sie auf das Speicher-Icon geklickt haben, befinden Sie sich wieder in der Formularübersicht Ihrer Formularsammlung. Hier klicken Sie noch auf das Abgleich-Icon um die Änderungen mit dem Server zu synchronisieren. Klicken Sie anschließen wieder auf das Voransicht-Icon beim Formular „Layout_Demo“ um das Formular mit dem neuen Layout aufzurufen.

Abbildung 5: Gleichen Sie das Formular zuerst ab und rufen es dann über „Voransicht“ auf

Abbildung 5: Gleichen Sie das Formular zuerst ab und rufen es dann über „Voransicht“ auf

Jetzt AFS-Demozugang erhalten!

Unverbindlich AFS-Zugangsdaten anfordern und selbst testen.

Zugang anfordern