Slide – Contact-Form v2

Edit
Open the module settings to edit.

Tab – General
In the “General” tab you edit/edit
- the slide ID
- the follow-up slide ID (for branched questionnaire)
- navigation settings (backward navigation, scrollup)
- submission & tracking settings
So content the user does not have to interact with.

Tab – Design
Here you can make design settings that should be different from your “Global Design”. For example, you can set the slide background colour or edit the privacy text.
In addition, there is the possibility to set spacing to the top, bottom, right and left, which then only apply to this contact form.

tab – content
In this tab you determine which elements should appear in the form itself and be filled in by the user.
You can also enter the error messages that the user will see if a field is filled in incorrectly. We have already inserted standard texts for you that will be displayed by default.

To create / edit the form fields click on “edit”.

Tab – content – create new fields
You can create new fields via drag&drop, or simply by clicking on the type you want (then it will be inserted last and can be moved to the right position).

Very often you will use the type “Textfield”, because with this field you can choose whether it should be a text field, password field, email field, phone number field or number field.

Tab – content – edit existing fields
To open, click on “Edit” to adjust settings.


Click “Close” to edit another form element.
Finally click on “Save & Exit” to save the changes in the module.

Tab – Addons
In the “Buttons & Addons” tab, the Progressbar and Dynamic Headline settings are edited.
Progress bar
- Longest path of the progressbar (may differ for branched questionnaires in different question trees)
- Index for the progressbar (to trick the display)
Dynamic Headline
- Here you can set your headline again individually for this question.
Note, however, that there is also the Dynamic-Headline addon, in which you can globally set the headlines for questions (all at the same time), contact form, confirmation, loader and zip code.
Using this setting here only makes sense if you have questions in which different headlines should appear. Otherwise use the Dynamic-Headline addon for a better overview.
Tab – Custom Css/Js
In the tab “Custom Css/Js” you can add additional css and javascript to each slide.
Custom-Js
- Javascript when the slide appears (will be executed when the slide is entered)
- Javascript when the slide is exited (will always be executed when the slide is exited)
- Javascript when the slide is exited – validation correct (will only be executed if the slide may be exited, i.e. the validations are correct)
