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 wir nun das Layout ändern.

Klicken Sie auf „Voransicht“ (Lupensymbol) neben dem Formular um dieses aufzurufen.

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 auf in der Spalte „Formularname“ auf das Formular „Layout_Demo“ um dieses zu bearbeiten.

Schritt 3: Layout ändern:

Unter dem Punkt „Formulardetails“ finden Sie nun die Dropdown-Auswahl mit den verfügbaren Layout. AFS wird mit mehreren Standardlayouts ausgeliefert und entspricht den gesetzlichen Vorgaben zur Barrierefreiheit. Wechseln Sie nun unter „Formularlayout“, dieses von „afs_Marketing“ z.B. auf "afs_Deepblue“ oder „afs_StyleguidePlus“.

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

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

Schritt 4: Fertiges Formular & weitere Layouts:

Nachdem Sie auf „Speichern“ geklickt haben, befinden Sie sich wieder in der Formularübersicht. 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 neben dem 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“