Date picker error message position

Hi,

Error message position for date picker is way off the layout.
I am using joomla 1.7.3 and Chronoforms_J1.6_V4_RC2.0.

I have read in one post that the fix is to check both checkboxes in the required(validation).
However the validation would not work and it would just submit the form directly.😟

Any Ideas? Thanks in advance

Hi elvinjoe ,

I can't see how the required validation would affect the layout. More likely there is a conflict with the CSS in your template. Use your browser Web Developer tools to check out exactly what is happening. There ae two or three threads here on problems like this.

Bob

hi bob,

thanks for the reply.
I checked the css and its working fine.
Other field error messages are looking good except for the date picker error messages.

There is a javascript error though. . "this.picker is null"(line 602 of datepicker.js).

I only checked 1 checkfield in the validation tab since it will submit the form directly if i checked both. .

Hi elvinjoe,

Sorry, I misread your first post - too early in the morning and the coffee hadn't worked its wonders. Please post a link to the form so I can take a quick look.

Bob

Hi elvinjoe,

This is the problem that the double 'required' boxes are intended to correct. The date-picker works by moving the original input off-screen and inserting a now one in it's place. If nothing is done to correct it then the error message is attached to the off-screen input. That's what is happening here.

I'm pretty certain that Max added a fix for this bug in RC2.0 but it doesn't seem to be working here and your date-picker looks 'different' from the usual layout. That may just be a CSS problem that is using some code from the template or it may be a sign that some files are out-of date.

I'd suggest that you check the ChronoForms Js and css files to make sure that you have the latest versions.

Bob

hi bob,

i enabled the 2 checkboxes now.

the javascript error appears like this upon submission.

Error: $(obj.target).getCoordinates is not a function
formcheck-max.js
Line: 13
var coord = obj.target ? $(obj.target).getCoordinates() : obj.getCoordinates();

I downloaded the Chronoforms_J1.6_V4_RC2.0.zip. so the files should be updated right? I wonder if it has something to do with Joomla 1.7

Hi elvinjoe,

It's now working OK if you view the form without the template

http://your.domain.com/index.php?option=com_chronoforms&chronoform=contact_us&tmpl=component

I suspect that the problem is a conflict with the JQuery loading in the template.

Bob

Hi Bob,

Thanks for pointing that out.
I just added the jquery no conflict line and it worked.😀