Forums

Date picker, no way to make the _vista work - CF4 RC3.5.2

Malatesta 15 Jan, 2013
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
GreyHead 15 Jan, 2013
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
Malatesta 15 Jan, 2013
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.
GreyHead 15 Jan, 2013
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
Malatesta 16 Jan, 2013
Thanks anyway.
I'll make a new post as soon as I manage to put the site online.
A.
daver 10 Jul, 2013
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.
GreyHead 10 Jul, 2013
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
daver 10 Jul, 2013
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.
GreyHead 11 Jul, 2013
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
This topic is locked and no more replies can be posted.