ASP.NET AJAX Control Toolkit

Re: CalendarExtender - Layout is messed up in an updatePanel

bebandit — Tue, 10 Feb 2009 18:27:57 GMT

Adding the css worked for me!

Re: CalendarExtender - Layout is messed up in an updatePanel

bekker — Fri, 16 Jan 2009 15:51:05 GMT

This is the code for VB:

Dim strURLStyleSheet As String strURLStyleSheet = Page.ClientScript.GetWebResourceUrl(GetType(AjaxControlToolkit.ClientCssResourceAttribute), "AjaxControlToolkit.Calendar.Calendar.css")
Dim objHTMLLink = New HtmlLink objHTMLLink.Href = strURLStyleSheet objHTMLLink.Attributes.Add("rel", "stylesheet") objHTMLLink.Attributes.Add("type", "text/css")
Page.Header.Controls.Add(objHTMLLink)

The code worked for me, as in it generated a css reference. But the calendar control still did not work. I may have had another problem too: the control did not work at all and it seemed like all controls in the View did not fire any events. What worked for me was adding an invisible div outside the MultiView which contains a dummy CalendarExtender.

Re: CalendarExtender - Layout is messed up in an updatePanel

rbrink — Thu, 30 Oct 2008 10:16:14 GMT

Actually there is an easier way of fixing the problem with loosing the style of a CalendarExtender in an UpdatePanel or a MultiView control. You can also execute the following method from during PageLoad ().

private void RegisterCalendarExtenderStyleFix()
{
string url = Page.ClientScript.GetWebResourceUrl(typeof(ClientCssResourceAttribute), "AjaxControlToolkit.Calendar.Calendar.css");
HtmlLink myHtmlLink = new HtmlLink {Href = url};
myHtmlLink.Attributes.Add("rel", "stylesheet");
myHtmlLink.Attributes.Add("type", "text/css");
Page.Header.Controls.Add(myHtmlLink);
}

This method will register the stylesheet that belongs to the CalendarExtender control, that was not registered because the CalendarExtender was places inside an UpdatePanel of a MultiView control.

Thanks goes to Rush: http://dotnetrush.blogspot.com/2008/02/ajax-calendarextender-bug-fixes.html

Re: CalendarExtender - Layout is messed up in an updatePanel

evz — Thu, 23 Oct 2008 18:50:02 GMT

I know this is an old thread, but I just ran into this problem. Adding the Ajax calendar style sheet fixed my problem, while the hidden text box/calendar extender didn't. I also ran into the problem of the missing arrows in the calendar.

So, I just went to a page with a working calendar, right clicked and saved the arrow images and added them to my image directory, and updated the style sheet:

.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(images/calendar_left_arrow.gif);}

.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(images/calendar_right_arrow.gif);}

I thought this was easier than figuring out how the webResource.axd works.

Re: CalendarExtender - Layout is messed up in an updatePanel

NileshThakkar — Sat, 06 Sep 2008 11:31:48 GMT

Copyrigh2003:

Solve my own problem by re-reading prior submits. Placing an Visible="false" textbox/calendarextender outside of all the updatePanel, lets the arrows show.

This helped me a lot. Thanks for the nice idea.

Nilesh Thakkar

Re: CalendarExtender - Layout is messed up in an updatePanel

NileshThakkar — Sat, 06 Sep 2008 11:26:45 GMT

Hi, I had the same problem for Arrows.

You need to place an extra textbox as well as calendar extender point to that textbox and keep the textbox property Visible="false". Do remember to place this textbox and calendar extender out side of your update panel.

It will solve your problem of Arrow (previous and next) .

Thanks to all for help

Nilesh Thakkar

Re: CalendarExtender - Layout is messed up in an updatePanel

NileshThakkar — Sat, 06 Sep 2008 11:23:34 GMT

Thanks a lot, It helped me a lot

Keep it up

Re: CalendarExtender - Layout is messed up in an updatePanel

rbadis — Mon, 25 Aug 2008 02:13:32 GMT

Hi Denis,

where to add this code to!? is it to Calendar.css in \\Ajax Controls\AjaxControlToolkit\Calendar.css folder? So, I will need to compile the Toolkit project and reload the resulted DLL? pls advise I'm new in ASP

Thanks.

Re: CalendarExtender - Layout is messed up in an updatePanel

kiddoo_81 — Mon, 09 Jun 2008 03:31:04 GMT

Hi, i also face the same problem, the arrow for (previos and next) is gone.

what do you meant by re-reading prior submits? and placing visible="false" to all textbox/calendarextender outside the update panel? But

my textbox and calenderextender both inside the update panel? so what is the solution for this?

Re: CalendarExtender - Layout is messed up in an updatePanel

jonasfrid — Sun, 30 Mar 2008 13:44:28 GMT

I'm having the same problem, but none of these solutions seem to fix it...

What versions are you using? Anything else I should think of?

My CalendarExtension works fine outside updatepanels, but as soon as I move it inside an updatepanel, the styling gets all funked up. And I cant seem to target it using your css-fix, nor fix it by adding an invisible calendarextension with textbox on top of the page. Or, where exactly do you mean by on top of the page?

It has to be inside a form, doesn't it?

/Jonas

Re: CalendarExtender - Layout is messed up in an updatePanel

tlsterling — Tue, 12 Feb 2008 22:30:38 GMT

Thanks for the hack, that fixed all the cryptic-disappeared style elements. Something else I noticed going wrong on a behavior level is that hitting the <esc> key will no longer hide the calendar. The user must pick a date in order to exit the calendar gui unlike extenders that are not nested within multiple UpdatePanels/Panels. I was hoping your suggestion would fix this behavior mishap, too, but unfortunately not.

Thanks again!!

Re: CalendarExtender - Layout is messed up in an updatePanel

Jay Khanpara — Wed, 24 Oct 2007 12:29:31 GMT

Hi Denis,

Great job man!!!!!!

You made my life easy....I am breaking my head since last few week about this extender inside Uploader.

Thanks once again.

Jay

Re: CalendarExtender - Layout is messed up in an updatePanel

davidanderson — Thu, 06 Sep 2007 12:38:11 GMT

Copyrigh2003:

Solve my own problem by re-reading prior submits. Placing an Visible="false" textbox/calendarextender outside of all the updatePanel, lets the arrows show.

This suggestion fixed a multitude of styling problems I was having. Anytime you place a calendar extender inside an update panel, expect styling problems. This simple fix helped me bunches. THANKS.

Re: CalendarExtender - Layout is messed up in an updatePanel

Copyrigh2003 — Thu, 06 Sep 2007 04:32:56 GMT

Solve my own problem by re-reading prior submits. Placing an Visible="false" textbox/calendarextender outside of all the updatePanel, lets the arrows show.

Re: CalendarExtender - Layout is messed up in an updatePanel

Copyrigh2003 — Wed, 05 Sep 2007 15:21:50 GMT

Thanks for the CSS, it helped a lot. I had also to add border:1px solid #646464; background-color: White; width:170px;color: Black; to .ajax__calendar_container to get it to look right mostly right, but I have one problem. Those little arrows in the top corner < > don't appear although if I'm lucky enough to click the right area, they work.

I suspect and don't fully understand the WebResource.axd in ajax__calendar_prev . I'm using VS2005 Express, do I need to update Web.config? Is WebResource.axd supported for VS2005 Express?

Help! and thanks again