I added the datepicker widget to a form I'm making. I was trying to use on the preset colors that comes with the widget.
I have my input call set up like this:
<label for="startdate">When can you start work?</label>
<input name="startdate" type="text" id="datepicker" size="10" class="ui-80TopTo0Bottom-gradient-content ui-80TopTo0Bottom-gradient-header" />
While the calendar does come up fine when I click in the field, the colors are not the presets I chose. I got the setting for the class attribute from
the DIV statement created when I added the widget. I looked on the JQuery website but I could not find a demo of using the colors on an input field.
I'm sure this is easy and just my lack of understanding of the widget. If anyone can help I would appreciate it. BTW: If I just use the DIV that the widget
put in my code, the calendar does display with the correct colors, so I suspect the CSS is correct.
Your form <label> and <input> IDs should match otherwise they can't relate to each other.
<label for="this-value">When can you start?</label>
<input id="this-value" ....
For better answers, we would need to see your live page.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
The label does not appear to the the problem or probably matter in solving the problem. As far as I can tell, the ID must be set to "DATEPICKER" for the widget to work. I don't have a place where you can look at this code so I will wait and see if anyone has ever successfully used the datepicker widget on an input field with a color setup other than default. I surely can't be the first person to do this.