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

2 posts, 0 answers
  1. Jomey
    Jomey avatar
    60 posts
    Member since:
    Jan 2008

    Posted 11 Jun 2008 Link to this post

    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.
  2. Dimo
    Admin
    Dimo avatar
    8472 posts

    Posted 12 Jun 2008 Link to this post

    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
Back to Top