Calendar not showing

Hi, i just started using ChronoForms, when i use a Date Picker it does not show the calendar for ppl to click on it and choose the date, is this a bug or am i missing something?
Im using Version 3.1 RC4.11
I really need this working so i would appreciate if you guys reply fast🙂
Thanks a lot

Hi gnarus,

Please check in order:
[list=a]

That you have "Load Chronoforms CSS/JS Files?" set to Yes on the form General Tab.

That the input name and id are the same and match the entry on the datapicker line at the foot of the Autogenerated code tab.

Do you have a format in the "Date Format:" box on the General Tab? (default is d/m/Y)

If you add &tmpl=component to the URL does the datepicker then work? (If it does then there's probably a Javascript conflict with the theme or another extension).

[/list:o]
Bob

ok A, C are done, you kind lost me on the B can you explain please.
Now for some reason this is showing:

any ideas?

Hi gnarus,

Hmmm not sure why you are getting those. They are where the validation messages should show up.

For the moment, please turn off Validation in the Validation tab if it's on.

Is the datepicker now working?

Bob

i have done :

"- That you have "Load Chronoforms CSS/JS Files?" set to Yes on the form General Tab.
- Do you have a format in the "Date Format:" box on the General Tab? (default is d/m/Y)"

but still not working

what you mean by :

"That the input name and id are the same and match the entry on the datapicker line at the foot of the Autogenerated code tab."
and should i do, i did not understand that step sorry.

and the validation was already off on the validation tab, so what can i do for those not to show up?
Thanks again

and by the way that thingy that shows up in red in each field it stops when i turn off "Chronoforms CSS/JS Files"

Hi gnarus,

what are the problems you have right now exactly ?

Regards,
Max

well GreyHead been helping out, but let me put it like this:

1- i dont know what GreyHead means by: "input name and id are the same and match the entry on the datapicker line at the foot of the Autogenerated code tab."
what should i do?

2- when i activate "Load Chronoforms CSS/JS Files" it starts to show whats in the pic up there.

3- the Date Picker is not working, does not show the calendar for ppl to pick the date, because im missing something probably what GreyHead said in (1)

i guess thats all,
Thanks:)

Ok, open the for for editing in wizard and select the date field and find its name in the bottom right area! copy this name and go to the forms management page and open the form for editing without wizard, go to the "Auto generated" tab and add the date field name there! there is a field for this!

#2- this is your validation, did you choose to enable validation for these fields ?

Regards
Max

Please check in order:
1. That you have "Load Chronoforms CSS/JS Files?" set to Yes on the form General Tab.
2. That the input name and id are the same and match the entry on the datapicker line at the foot of the Autogenerated code tab.
3. Do you have a format in the "Date Format:" box on the General Tab? (default is d/m/Y)
4. If you add &tmpl=component to the URL does the datepicker then work? (If it does then there's probably a Javascript conflict with the theme or another extension).

Bob,
I have checked 1-3 and that is happening with #4. I add that to the URL and the datepicker works and submits the information. I don't know what type of Javascript conflict it could be...any thoughts on this?

Here is the link to the form I am working on: http://vostn.com/index.php?option=com_chronocontact&chronoformname=test-validation

Thanks in advance.

Hi hr_design,

The JavaScript snippet that loads the TooTips and the DatePicker code is being loaded on the page without the template but not on the page with the template. The vital piece is this

window.addEvent('domready', function() { 
    myCal_date_2 = new Calendar({ date_2: 'm/d/Y' }, { classes: ['dashboard'] }); 				
});

That said, I have no idea why it is not being added :-(

You could try putting this into the Form JavaScript box and see if that does the trick.

Bob

Hi, it works fine here!

Max

I figured it out, thanks!

Simple problem that I was overlooking--I didn't have "<jdoc:include type="head" />" in the header of my template.

To All,

If you follow GreyHead's 4 steps above and the 4th step is the problem, meaning the date picker works if you don't load the form with the template, try this if nothing above worked.

Move this code:

<jdoc:include type="head" />

from just under <head> to just before </head>.

I guess the template I'm using did something like wrote over the script that that line put out, so moving the statement to the end of the head section works!

Yay!

Old thread I know - but just to help others in the future I wanted to say that simply moving this <jdoc:include type="head" /> code worked for me as well. Thanks all!