[Solved] Adding a style to the date picker's calendar

[Brendan Vogt]

Hi,

I am using the date picker.  The calender that pops up seems to be in a table.  I need to style this table, I need to add the following style to it:  margin:0;

I would prefer to have my this style in my stylesheet that is referenced in my date picker.

How would I do this?

Thanks
Brendan

[Alex Gyoshev]

Hello Brendan,

You can style the datepicker table using the following CSS:

    div.t-datepicker-calendar .t-content
    {
        margin: 0;
    }

Best wishes,
Alex Gyoshev
the Telerik team

[Brendan Vogt]

Thanks it works.

I probably could have done it on my own, but when I viewed the source I could not see the styling of the date picker.  With the grid I could clearly see a table, so I applied my style to it.  How do I view the HTML source of the date picker?

Is there documentation on this styling?

[Alex Gyoshev]

Hello Brendan,

The popup calendar is dynamically generated through JavaScript. The easiest way to inspect its HTML is through a developer toolbar, preferably Firebug. Sadly, there is no other styling documentation - you might want to check the visual style builder, though.

Best wishes,
Alex Gyoshev
the Telerik team