activate datepicker with image vs form-input

[ecoevolver]

Hi there,

It looks great! One question, clicking on an empty input box to open the calendar isn't the most intuitive solution. Is it possible to replace the input box with an image of a calendar?

Cheers,

[relu]

Hello

The jquery-ui datepicker supports this feature, it won't be hard to implement. I'll label this as feature. If you have any more ideas, please do share :)

[ecoevolver]

Where do you code the stylesheet info for the form-input box that you attach the datepicker functions? I'm sure we can use CSS with a background image...

[relu]

Not sure what you're actually referring to, can you be more precise? Also, specify for which version of the plugin you're asking, the old one (0.7.x) or the new one (jqueryui branch)?

[ecoevolver]

Version 0.7.2 from WordPress

I mean, is it possible to edit the stylesheet for the < input type='text' style="background: url(images/calendar.png); border:0px;" > so that it contains a background image of a calendar? Where do I edit the actual html that specifies the form control?

Cheers,

[relu]

So you want to style the input box? I can't cover you on this, but here's some guidance on how you can achieve this.

Suppose you have a date field in your form, let's say [date somedate], now 'somedate' is the id and name of the input field, so you can just add a new rule to your stylesheet like so:

#somedate {
    background: url('img/calendar.png') no-repeat right center;
}

Of course, you can also specify a class using the class: attribute in the shortcode for all of your date fields and add a CSS rule for that class.

[victormontesdeoca]

Hi! Thanks for the awesome plugin! This feaure is now working? onclick calendar? Thanks!