Hi Siva,

I assume you've added the stylename "test-DatePanel" to the datebox
widget. Unfortunately, the datepicker is not contained within the
datebox in the DOM (because it's a popup), so your styles will not
apply. Your style declarations should all look like this (styles are
case-sensitive):

.gwt-DatePicker {
}

.gwt-DatePicker .datePickerMonth {
}

.get-DatePicker .datePickerDay {
}

...etc.

A handy tool to inspect elements figure out where styles are applied
is the firefox extension firebug: http://getfirebug.com/.  I recommend
you get it, once you use it you'll wonder how you lived without it :).

On Nov 16, 1:40 pm, Siva <[email protected]> wrote:
> Dear All,
>
> I am using GWT 1.6. I want to add my styles to the DatePicker of
> DateBox popup.. I have a panel which has the DateBox and tried adding
> the styles as below in my module style sheet but no luck.
>
> .test-DatePanel .gwt-datePicker {
>
> }
>
> .test-DatePanel .gwt-datePicker {
>
> }
>
> .test-DatePanel .datePickerDays {
>   width: 100%;
>   background: #e7edea;
>
> }
>
> Please guide me applying custom styles to DateBox's DatePicker.
>
> Thanks,
> Siva

--

You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=.


Reply via email to