Instructions: Change form layout

AFS forms are delivered with standard layouts that comply with the current style guide rules (Austria & Switzerland). You can easily change the layout of individual forms. The advantage is that the layout of your entire form collection only needs to be created once. With AFS forms, form elements such as blocks or pages automatically adapt to the selected layout.

In the following example, we will show you how easy it is to change the layout of a form in just a few steps.

Live form example:

Here you will find the same form in 2 different layouts

Step-by-step instructions:

Step 1: Log in to the aforms designer:

Abbildung 1: Loginfenster WebAdmin

Figure 1: Login window aforms designer

Step 2: Select form:

In the current example, this is the "Layout_Demo" form, in which you can now change the layout.

Click on the preview icon on the right to open the preview of the form.

Figure 2: Opening a preview of the finished form

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

Figure 3: Preview of the "Layout_Demo" form with the "a2w_CI_Layout"

layout

Step 3: Change layout:

Now click on the "Layout_Demo" form in the "Form name" column to edit it.

Under the "Form details" item, you will find a drop-down selection "Form layout" with the available layouts. AFS is delivered with several standard layouts and complies with the legal requirements for accessibility. Change the layout from "A2W_LR_Website_V2__0" to "Example_Switzerland", for example.

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

Figure 4: Open the drop-down menu  "Form layout" to change the layout

Step 4: Finished form & further layouts:

After you have clicked on the save icon you are back in the form overview of your form collection. Click on the synchronization icon to synchronize the changes with the server. Then click again on the preview icon for the "Layout_Demo" form to call up the form with the new layout.

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

Figure 5: Match the form first and then call it up via "Preview"

Get AFS demo access now!

Request AFS access data without obligation and test it yourself.

Request access