Calendar Extender Style RRS feed

  • Question

  • User-1466065877 posted

    I would like to enlarge the Calendar Extender to 2 times. However, when I use the style like following:

        .ajax__calendar_container, .ajax__calendar_body, .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
            width: 280px !important;

    .ajax__calendar_container td { font-size: 22px !important; width: 34px; height: 34px; }

    It only enlarges the width, the height cannot be enlarged. And when I click the Month, the month selection box cannot be enlarged 2 times.

    Is there any methods to enlarge the whole control style 2 times directly?

    Friday, May 30, 2014 5:10 AM


  • User1918509225 posted

    Hi Phc,

    If you want to enlarge the text in the calendar,you can try to set the css below:

    .MyPopupCalendar .ajax__calendar_day { font-size:20px;}
    .MyPopupCalendar .ajax__calendar_month { font-size:20px;}
    .MyPopupCalendar .ajax__calendar_year {font-size:20px;}

    <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" CssClass="MyPopupCalendar"></ajaxToolkit:CalendarExtender>

    Hope it  can help you.

    Best Regards,

    Kevin Shen.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, June 4, 2014 4:55 AM

All replies