Slide – Range Selector

24. November 20195. Februar 2021 I Slide

Mit dem Range-Selector kannst du einen Bereich auswählen und so z.B. das vom Kunden verfügbare Budget abfragen.

Bearbeiten

Zum Bearbeiten die Modul-Einstellungen öffnen.

Tab – Allgemein

Im Tab „Allgemein“ editierst/vergibst du

die Slide-ID
die Folge-Slide-ID (bei verzweigtem Fragebogen)
Navigations-Einstellungen (Rückwärts-Navigation, Scrollup)
Submission- & Tracking-Einstellungen

Also Inhalte mit denen der User nicht interagieren muss.

Tab – Design

Im Tab „Design“ kannst du dem Slide eine Hintergrundfarbe geben und die Farbeinstellung für die Bar anpassen.

Passe das Styling der Texte und des Tooltip-Textes an.

Zudem besteht die Möglichkeit Abstände nach oben, unten, rechts und links einzustellen, die dann nur für diesen Slide zutreffen.

Tab – Inhalt

Im Tab „Inhalt“ editierst du den Range-Selector.

Inhalt

Passe die Überschrift an
Vergib eine 2. Überschrift
Du kannst auch links und rechts ein Bild in den Range-Seletor einbinden

Range-Selector

Definiere einen Bereichs-Start
Definiere ein Bereichs-Ende
Vergib einen Initialzustand
Definiere die Schrittgröße
Vergib einen Bereichs-Einheit
Wähle wenn gewünscht einen Tausender-Seperator
Submission-Id (wenn nichts eingetragen wird, wird die Slide-Id übertragen)

Range-Labels

Vergib Labels. Wähle hierfür einen Zahlwert innerhalb des definierten Bereiches
Optional kannst duch auch „Zahlwert=Label“ angeben um an dieser Position anstelle eines Zahlwertes einen Text darzustellen

Tab – Buttons & Addons

Im Tab „Buttons & Addons“ werden Button-, Progressbar- und Dynamic-Headline-Einstellungen editiert.

Buttons

Weiter-Button Text & Styling
Zurück-Button Text & Styling

Progressbar

Längster Pfad der Progressbar (kann sich bei verzweigtem Fragebogen in verschiedenen Fragebäumen unterscheiden)
Index für die Progressbar (zum Überlisten der Anzeige)

Dynamic Headline

Hier kannst du deine Headline noch einmal individuell für diese Frage einstellen.

Beachte jedoch, dass es auch noch das Addon Dynamic-Headline gibt, in dem du global die Headlines für Fragen (alle gleichzeitig), Kontaktformular, Confirmation, Loader und Zip-Code einstellen kannst.

Diese Einstellung hier zu nutzen macht erst Sinn, wenn du Fragen hast in denen unterschiedliche Headlines erscheinen sollen. Ansonsten nutze das Addon Dynamic-Headline für eine bessere Übersicht.

Tab – Custom Css/Js

Im Tab „Custom Css/Js“ kannst du jedem Slide noch zusätzliches Css und Javascript mitgeben.

Custom-Js

Javascript bei Erscheinen des Slides (wird ausgeführt, wenn der Slide betreten wird)
Javascript bei Verlassen des Slides (wird immer ausgeführt wenn der Slide verlassen wird)
Javascript bei Verlassen des Slides – Validierung korrekt (wird nur ausgeführt, wenn der Slide verlassen werden darf, also die Validierungen korrekt sind)