How to add a datapicker to your web form

It's pretty simple to add a datepicker (pop up calendar widget on your form) but because you need to go into the form code a little, it is considered "advanced".

In order for the datepicker to properly work, in the HTML of your date field box, you'll need to make sure you have id="field2" (assuming you're still using field2 as the date field).

So when you build the form in 1shop, make sure to include the date event. Copy the provided form code into a text editor like Notepad or Text Edit or even MS Word.

Next look for this in the code provided to you:

<div class="mc-webform-item">
<label class="mc-field-caption">Date of Event</label>
<div class="mc-field-item">
<input type="text" name="field2" />
</div>
</div>


You need to add id="field2" the "input type" line so it would look like this:


<div class="mc-webform-item">
<label class="mc-field-caption">Date of Event</label>
<div class="mc-field-item">
<input type="text" id="field2" name="field2" />
</div>
</div>

 

Once you've added id="field2" then you just need to apply the script to that page using "CSS & Javascript Toolbox". See this screenshot

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk