How to make web20 calendar same size as default skin calendar?

[Jomey]

How do I make web20 calendar same size as default skin calendar?  I'm using raddatepicker and the web20 calendar size is too big.  I want to make it the exact same size as the Default skin.

[Dimo]

Hi Jomey,

You can make a custom skin, based on the Web20 skin, following these guidelines:

http://www.telerik.com/help/aspnet-ajax/calendar_appearancecustomskin.html

In order to make the calendar smaller, you will need to modify/remove the following Web20 style:

/* all links in the calendar */

.TableLayout_Web20 td a

{

	width: 32px;

line-height: 32px;

text-decoration: none;

display: block;

}

There are a couple of more styles like these to be removed, for example for the .DaysOfWeek_Web20 CSS class

In addition, you may want to decrease all font-sizes.

Let us know if you need further assistance.


Regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center