Forums

Hey guys,

I am having some issues making the date picker in the form work as expected. Here is the form:

http://tamuq-mesbc.com/registration

The form has been placed on the page as a component. Funnily, the date picker and JavaScript validation work once the form has been submitted, on the leading page - without making any changes to the scripts or the settings. I am doubting there is a JavaScript conflict on the page (with jQuery?) but do not know how to troubleshoot it. Could you please help me here? (if you wish, you could submit a couple of fake registration requests - to see the form that loads right upon submission. Don't worry, I shall delete them)

Immediate help would really be appreciated. Thanks!


Varun

Hi Varun,

It is a JQuery problem. If you view the form without the template it's OK.

Please see the note below

Bob

Your template (or some other component) is loading the jQuery JavaScript library. Out of the box jQuery isn't compatible with the MooTools library used by Joomla! and ChronoForms. You can use jQuery with MooTools in no-conflict mode. There are various ways of doing this. The simplest is to add a line of script in the ChronoForms Form JavaScript box:

jQuery.noConflict();

This will free the $ operator which is used by MooTools, so you may need to update your own javascripts to use the longer jQuery operator.

There is also a neat Joomla! system plugin named SC jQuery that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode.

Bob, you are a gem! Really appreciate it - that was a quick fix.

Will request my sponsor to buy a package from you🙂