Zurück zur Übersicht

« Zurück

NEU Tutorial: Formularlayout ändern

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

Hier finden Sie das gleiche Formular in 2 unterschiedlichen Layouts

Layout "aforms2web" »

Layout "Bunt" »

 

 

Produkte testen

» Jetzt AFS Demo-Zugang erhalten «

Unverbindlich AFS-Zugangsdaten anfordern und selbst testen.

NEU Anleitung Layout

Schritt für Schritt Anleitung:

Schritt 1: In AFS-Webadmin einloggen:

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 Voransicht-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“

 

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 "Schulung_V1_0“ oder „styleguide_3_V1_0“.

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 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 „Schulung_V1_0“

 

Abbildung 7: Voransicht des Formulars „Layout_Demo“ mit dem Layout „styleguide_3_V1_0“

Downloads Produktbeschreibung Dienstleistungsbeschreibung - AT/DE

Downloads