Skip Navigation

[Resolved] Datepicker within CRED form does not work anymore

This thread is resolved. Here is a description of the problem and solution.

Problem: A datepicker input field in my CRED form does not trigger a datepicker display.

Solution: Check the HTML markup used in your form and be sure you have no errant closing div tags.

This support ticket is created 7 years, 1 month ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 2 replies, has 2 voices.

Last updated by Bruno Simon 7 years, 1 month ago.

Assisted by: Christian Cox.

Author
Posts
#588940

I am trying to: Input a date within a CRED form

Link to a page where the issue can be seen: hidden link (needs to be logged in)

I expected to see: a datepicker poping up

Instead, I got: a bland line

I am using Enfold but the problem still occurs with Twenty Seventeen and all non Toolset/wpml plugins disabled.
A similar CRED form is used for editing existing post via a popup window and there the datepicker works flawlessly.

#588979
datepicker.png

Hi, I believe you have an HTML problem in your CRED form contents. Please see the attached screenshot, showing the DOM used to display your CRED form. The CRED form tag doesn't include the datepicker input field - the datepicker occurs after the form tag closes. It may be related to this code I see in the contents of your form:

 [credform class='cred-form cred-keep-original']
      [cred_field field='form_messages' value='' class='alert alert-warning']
	[cred_field field='form_submit' value='Submit' urlparam='']<br/>
     <label class="cred-label"><h3>[wpml-string context='cred-form-New Auction listing ML-1279' name='Référence CDC']Référence CDC[/wpml-string]</h3></label>
		[cred_field field='reference-cdc' post='auction-listing' value='' urlparam='' class='form-control' output='bootstrap']
	</div>

See that last closing div tag? It doesn't have a matching opening div tag inside the CRED form. I think it's the real problem here, because it's closing out some div from before the CRED form, before the form tag should end. Try removing it and let me know the results.

#589714

Hello Christian,
Indeed! How could I have missed this :/
Thank you very much for your efficient help.