Slide – Date- & Timepicker

With this slide you can request a date and time window for events, appointments or similar.

Edit

Open the module settings for editing.

Tab – General

In the tab “General” you edit

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

So content with which the user does not have to interact.

Tab – Design

In the tab “Design” you can give the slide a background color and also set the styling of the datepicker.

Distances can be adjusted up, down, right and left.

Adjust the styling of the texts, the placeholder text and the frame.

Tab – Content

In the tab “Content” you can adjust the headings

Date-Picker:

• Assign a placeholder
• Submission-Id (if nothing is entered, the Slide-Id is transmitted)
• Select a “date format” from the suggestions, which meets your requirements
• allow only “days from today”
• create a note text that appears under the “Next” button

Input field Settings:

• Activate “Embed calendar” for a different view of the calendar

Validation Datepicker:

• Mandatory field yes or no?
• Change the mandatory field Message

Timeslot-Picker:

• Assign timeslots (one entry per line)
• You can also select multiple timeslots (multiple selection)
• Mandatory field yes or no?
• Assign a Submission-Id for the transmission to the backend

Tab – Buttons & Addons

The tab “Buttons & Addons” is used to edit button, progressbar and dynamic headline settings.

Buttons:

• Next button text & styling
• Back button text & styling

Progressbar:

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

Dynamic Headline:

• Here you can set your headline again individually for this question.

But 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, so the validations are correct)