Discover additional options for autoscroll form face

The autoscroll form face has some additional settings and specific styling options and translatable messages. These extra settings help you to push the finishing touch to the next level.

Customizations of autoscroll form face

To see the additional options for the autoscroll form face, go to the top menu bar of the form builder and click CustomizeStyles.

Appearance

Example of the autoscroll appearance.

The following appearance settings are available for the autoscroll form face:

  • Scroll direction - Determine if the form should scroll in a vertical (top to bottom) or a horizontal (left to right) direction;
  • Vertical alignment - Determine how the question blocks should be vertically aligned within the available height of the form: top, middle, or bottom;
  • Visibility - Determine if the form shows the previous and upcoming question while filling out the active question.

Demo of a horizontal scroll direction.

Options

Example of the autoscroll options.

The following options are available for the autoscroll form face:

  • Display/hide navigation bar - Determine if a navigation bar is shown at the bottom of the form;
  • Display/hide progressbar - Determine if the navigation bar (if it's shown) shows a progressbar indicating the progress of the respondent while filling out the form;
  • Display/hide enumerators - Determine if the form shows numbers with the questions;
  • Automatically gain focus - Determine if the first question should be focussed when opening the form. This only applies when you're embedding the form;
  • Display separate submit button - Determine if the form shows a separate submit button at the end (an extra step for your respondents), or the form recognizes the end automatically and shows the submit button immediately at the last question;
  • Display/hide back button - Determine if the form shows a back button at top of each question;
  • Display/hide scrollbar - Determine if the form shows a scrollbar so respondents can scroll through the form.

Styling

Example of the navigation bar styling.

All common styling options can be found in the help article on styling your forms.

The following additional styling options are available for the autoscroll form face:

  • Navigation bar - Style the navigation bar at the bottom of the form (if the navigation bar is shown). You can style the progressbar (if enabled) separately.


Translations of autoscroll form face

If you have enabled translations of form labels and messages, you should check the labels, as the autoscroll form face has some additional messages that you'd have to translate.

To see the additional labels for the autoscroll form face, go to the top menu bar of the form builder and click CustomizeTranslations.

More information on translations can be found in the help article on editing/translating your forms.

Use these helplines if you have any questions, problems or requests