Slide – Range Selector

With the Range-Selector you can select a range and thus e.g. query the budget from the customer.


Open the module settings for editing.

Tab – Allgemein (General)

In the tab „Allgemein” you edit/enable

  • The Slide-ID
  • The next Slide-ID (for a branched questionnaire)
  • Navigation settings (reverse navigation, scrollup)
  • Submission & Tracking Settings

Tab – Design

In the tab “Design” you can give the slide a background color and adjust the color setting for the bar.

Adjust the styling of the text and the tooltip text.

You can also adjust the spacing top, bottom, right and left, which will only apply to this slide.

Tab – Content

In the tab “Content” you edit the Range-Selector.


  • Adjust the headline
  • Assign a second heading
  • You can also embed an image on the left and right side of the Range-Selector

Range selector:

  • Define a range start
  • Define a range end
  • Assign an initial state
  • Define the step size
  • Assign a range unit
  • Select a separator if desired
  • Submission-Id (if nothing is entered, the Slide-Id is transmitted)

Range labels:

  • Set labels, select a numerical value within the defined range
  • Optionally, you can also specify “Number value=label” to display a text instead of a number value at this position

Tab – Buttons & Addons

In the tab “Buttons & Addons” button, progressbar and dynamic headline settings are edited.


Next button Text & Styling
Back button Text & Styling


Longest path of the progress bar (can differ in different question trees for branched questionnaires)
Index for the progress bar (to outwit the display)

Dynamic Headline:

Here you can set your headline individually for this question.

Note that there is also the addon Dynamic Headline, where you can globally set the headlines for questions (all at once), 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 addon Dynamic-Headline 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 on appearance of the slide (executed when the slide is entered)
  • Javascript when leaving the slide (always executed when the slide is left)
  • Javascript when leaving the slide – Validation correct (only executed if the slide may be left, i.e. the validations are correct)

War dieser Artikel hilfreich? 1 Star2 Stars3 Stars4 Stars5 Stars