Wir verwenden Cookies und Analysesoftware, um unsere Website möglichst benutzerfreundlich zu gestalten. Indem Sie fortfahren, stimmen Sie deren Verwendung zu.

DE EN

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-Formulare 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-Beispiel:

Hier finden Sie das gleiche Formular in 3 unterschiedlichen Layouts

Layout "aforms2web" »

Layout "Styleguide Plus" »

Layout "Modern Blue" »

 

 

» Jetzt AFS Demo-Zugang erhalten «

Unverbindlich AFS-Zugangsdaten anfordern und selbst testen.

» Online Live-Demo «

Erfahren Sie mehr über AFS in einer Online-Kurzvorstellung.

 

Schritt für Schritt Anleitung:

Schritt 1: In AFS-Webadmin einloggen:

Falls Sie noch keine Zugangsdaten haben, können Sie diese unter folgendem Link anfordern.

Zugangsdaten anfordern »

Gerne präsentieren wir Ihnen die Funktionen unserer Formularlösung auch in einer persönlichen Online-Kurzvorstellung:

Online Live-Demo »

Abbildung 1: Loginfenster WebAdmin

Abbildung 1: Loginfenster WebAdmin

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 erste Lupen-Icon rechts um die Voransicht des Formulars zu öffnen.

Abbildung 2: Voransicht des fertigen Formulars ö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“

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

Schritt 3: Layout ändern:

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 „afs_Marketing“ z.B. auf "afs_Deepblue“ oder „afs_StyleguidePlus“.

Abbildung 4: Klicken Sie unter „Formularlayout“ um dieses zu wechseln

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

Schritt 4: Fertiges Formular & weitere Layouts:

Nachdem Sie auf „Speichern“ geklickt haben, befinden Sie sich wieder in der Formularübersicht Ihrer Formularsammlung. Hier klicken Sie noch auf den Button „Voll-Abgleich“ um die Änderungen mit dem Server zu synchronisieren. Klicken Sie anschließen wieder auf das Lupensymbol 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 6:

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

Abbildung 6: Voransicht des Formulars „Layout_Demo“ mit dem Layout „afs-Deep Blue“

Abbildung 6: Voransicht des Formulars „Layout_Demo“ mit dem Layout „afs-Deep Blue“

Abbildung 7: Voransicht des Formulars „Layout_Demo“ mit dem Layout „afs-StyleguidePlus“

Abbildung 7: Voransicht des Formulars „Layout_Demo“ mit dem Layout „afs-StyleguidePlus“