Slide – Date- & Timepicker

Use this slide to request a date and time slot for events, appointments or similar.
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
In the tab “Design” you can give the slide a background colour as well as set the styling of the datepicker.
Paragraphs can be set to the top, bottom, right and left.
Customise the styling of the texts, placeholder text and border.

Tab – Content
In the “Content” tab, you can customise the headings.
Date-picker
- Give a placeholder
- Submission id (if nothing is entered, the slide id will be transmitted)
- Choose a “date format” from the suggestions that suits your needs
- Allow only “days from today”
- Create a hint text that appears below the “next button”.
Input field settings
- Activate “Embed calendar” for a different view of the calendar.
Validation Datepicker
- Mandatory field yes or no?
- Change mandatory field message
Timeslot picker
- Give timeslots (one entry per line)
- You can also select multiple timeslots (multiple selection)
- Mandatory field yes or no?
- Give a submission id for transmission to the backend.

Tab – Buttons & Addons
In the “Buttons & Addons” tab, button, progressbar and dynamic headline settings are edited.
Buttons
- Next button text & styling
- Back button text & styling.
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)
