ASP.NET

Calendar Externder does not display properly RSS

3 replies

Last post Nov 12, 2012 05:35 PM by privera

‹ Previous Thread|Next Thread ›

privera

Member

3 Points

3 Posts

Calendar Externder does not display properly

Nov 10, 2012 08:58 PM|LINK

I have an issue with a Calendar Extender. It doesn't show all days because calendar is not big enough.

Calendar does not display all days with default styles

This is the calendar's code:

<asp:TextBox ID="txtStartDate" runat="server" MaxLength="10" />
<ajaxToolkit:CalendarExtender ID="txtStartDate_CalendarExtender" runat="server"
    PopupPosition="BottomRight" TargetControlID="txtStartDate">
</ajaxToolkit:CalendarExtender>

I tried to override calendar styles using CssClass property and adding a calendar css file on the application Theme, but WebResource is overriding all my changes.

I have this default skin:

<ajaxToolkit:CalendarExtender runat="server" CssClass="ajax__calendar" />

On client WebResource is always after theme styles:

<head>
    <title>...</title>
...
    <link href="../App_Themes/Default/calendar.css" type="text/css" rel="stylesheet">
...
    <link href="/WebResource.axd?d=MCcdpl5IuwR6TANo95btJ6rXTHTnD-9oDJImhyXbzBmXZDMRe8JCPSohAosETiO8k0T7NiWj1iH3lVZwqTO7CHvq72AIseG4zJprbc72FFNI72fCq2HaLWSa2XakZk_5hi8ZltSfUK9q3d_R0stXvA2&amp;t=634831691382171466" type="text/css" rel="stylesheet">
    ...
</head>

Do you have any idea of what is missing or wrong?

- Reply
anil.india

Contributor

2613 Points

453 Posts
Re: Calendar Externder does not display properly

Nov 11, 2012 04:26 PM|LINK
I think you are having a css style for table which is applying cellpadding, cellspacing to tds of table. This table css is default and apply to all td no matter it is ajax calender or your simple table's td.

So first look into that css whether you are giving it !important tag or not?

Secondly, add this style to solve your issue
```
.ajax__calendar_container td { padding:0 !important; margin:0 !important; }
```
Mark it as Answer, if you feel so. Thanks

codepattern.net/blog ||@AnilAwadh
- Marked as answer by privera on Nov 12, 2012 05:35 PM
- Reply
chetan.sarod...

All-Star

65839 Points

11163 Posts

Re: Calendar Externder does not display properly

Nov 12, 2012 04:54 AM|LINK

For more ajax calendar information, please refer: http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Calendar/Calendar.aspx

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Calendar/Calendar.aspx

Chetan Sarode
Senior Software Engineer,
Approva Systems Pvt Ltd, Pune, India.
- Reply
privera

Member

3 Points

3 Posts

Re: Calendar Externder does not display properly

Nov 12, 2012 05:35 PM|LINK

You're right!

All calendars are in tables with the "form" css class. The "table.form td" has a padding which affects all the cells including those in the calendar.

Thanks!