Forums

Hi there,

Im new to ChronoForms and just downloaded the package. Now i have created a new form with a date time picker and some tooltips, some validations etc... Somehow nothing seems to work, there is no date time picker, no tooltip text etc...

Am i missing something like some sort of plugin? or do i need to validate first? or something else?😛

can someone help me?

Hi blaatzor,

Please check that "Load Chronoforms CSS/JS Files?" is set to 'Yes' on the Form Editor | General Tab (click the Form Title link in the Forms Manager to open the Editor).

If that isn't the problem there may be a JavaScript conflict with your template. Please post a link to the form so we can take a quick look.

Bob

Hi Bob,

Thnx for the quick response. I've read somewhere that mootools might be the cause of js not working. Looking at my demo page: http://www.bruiloftbussen.nl/index.php?option=com_chronocontact&chronoformname=test I see that mootools is being loaded. So I guess that is the problem?

Btw i have turned on the Load Chronoforms CSS/JS files...

Hi blaatzor,

Mootools is fine - JQuery is the problem. See the form without the tempalte and the date picker is working.

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

My menu uses jquery so if i understand this right i have to use the SC jQuary plugin and reprogramm my menu javascript?

After some hours i finally got this to work...

First i repositioned the javascript files so that they would load in the right order and after that i used:

var $j = jQuery.noConflict();

And called jQuery with the $j.

Thnx for the help much appreciated

Hi blaatzor,

No, please check my post again.

Bob

Hi blaatzor,

No, please check my post again.

Bob

Im not sure what you mean... Ive read the post and added the jQuery.noConflict(); to the javascript box and ofcourse this helped for the ChronoForms but it broke my menu.
So that is why I edited my menu javascript file to use jQuery operator instead of the $ operator and it worked:P

Hi blaatzor,

No problem - our posts crossed. I hadn't seen your last one saying you'd solved it when I posted mine.

Bob