Forums

Hi everybody,
I know there are already lots of posts about the datepicker, but after hours of reading and testing I couldn't find a solution.
I just installed latest Chronoforms (4RC 3.5.2) on a Joomla 2.5.8 site.
I created form (with the wizard) containing only datepicker and submit button.
Like that the datepicker appears but the fonts are too big (i found a way to make the title smaller via Load CSS but the layout is still weird and the weekdays seem covered by other elements (see pic).
[attachment=0]datepicker_dashboard.png[/attachment]
Anyway, I tried to switch to the "Vista" style (that also fits better to my site design) by changing DatePicker Type from Default to Mootools, and by selecting Vista as Moo DatePicker Style (in the form's settings, General tab). In that case the picker just does not show.
Same behavior in Chrome, Firefox and Safari. No errors in Chrome's JS console, no change by explicitly setting jQuery to noconflict mode via Load JS (actually jQuery seems not to be loaded at all).
My knowledge of JS and CSS is really limited, so I have no clue.
Any ideas?

Thank you very much
Alex

Hi Malatesta,

This is a CSS problem - most likely with a .title class. Please post a link to the form so I can take a quick look.

Bob

Hi Bob,
thanks for the quick answer.
Unfortunately the site is still on a local copy (we are changing host right now)
Can I provide you some information that can help you to identify the problem?
A.

HI Maletesta,

Not really, let me know when it is accessible and I'll take a look for you. You can try experimenting with the CSS in your browser web developer tools to see what styles are being applied.

Bob

Thanks anyway.
I'll make a new post as soon as I manage to put the site online.
A.

Excuse me, but has this issue been resolved to a known cause? I'm having the identical problem, and I haven't yet found the answer in the forums.

Thanks.

Hi Daver,

I haven't seen it as a regular problem. Please post a link to the form so I can take a quick look.

Bob

Thanks, Bob, but I'm running it on a local pc. Anyway, I was able to resolve it with the following override in the custom css file for my template:

.datepicker_dashboard .title {
font-size: 12px;
line-height: 10px;
}

FYI, I'm using the Alerion template from RocketTheme, if that is useful knowledge.

My only problem now is that the datepicker is using 3-letter days of the week, causing them to run together (i.e., MONTUEWED...) due to lack of overall space. I see that others here are able to use just the first 2 letters of each day, thus allowing for some separation between days. Can you tell me where I can set that?

And, BTW, thank you for that lightning-quick reply.

Hi Daver,

The MooTools datepicker uses three letter days 'MON TUE . . .' which display clearly. You probably have another CSS problem with that element of the picker.

Bob