Rad Window with content template not working in IE6 but working in IE8 in UI for ASP.NET AJAX Window

Tony Vuolo

1 posts

Member since:
Dec 2009

Posted 04 Dec 2009 Link to this post

This is using 2009Q3 Rad Ajax., .NET Framework 2 in Visual Studio 2005. I have a RadWindow, and it it's content template it has a Rad Progress Area. In the OnClientProgressStarted even of the Progress Manager it calls the following JavaScript. The Javascript writes a title into the Progress Bar's Top Panel, Disables some tabs in the Radtabstrip and then shows and centers the Rad Window. It works great in IE8, but in IE6 the screen gets disabled but the rad window never appears. Attached are two screen captures demonstrating this.

                      function progressStarted(radProgressManager) {            
                             
                            var container = document.getElementById('usrAddBatch_RadWindow1_C_RadProgressArea1_Panel');            
                            var new_element = document.createElement('h2');            
                            new_element.innerHTML = 'Creating Renewals';            
                            new_element.setAttribute("class", "clsLoadHeader");     //For Most Browsers            
                            new_element.setAttribute("className", "clsLoadHeader"); //For IE; harmless to other browsers.           
                            if (container)         
                            {          
                                     
                                         
                               container.insertBefore(new_element, container.firstChild);            
                                     
                            }         
                             
                             
                            //Disable the tabs while we are processing renewals         
                             var tabStrip = $find("Radtabstrip1");         
                                     
                              if (tabStrip)         
                              {         
                                           
                                    for (x = 0; x < tabStrip.get_tabs().get_count(); x++)         
                                    {         
                                            tabStrip.get_tabs().getTab(x).set_enabled(false);               
                                                                     
                                    }         
                                       
                              }         
                                       
                              // Show the rad window         
                              var radWindow = $find("usrAddBatch_RadWindow1");         
                                       
                              if (radWindow) {         
                                       
                                radWindow.show();         
                                radWindow.center();         
                                radWindow.set_behaviors(Telerik.Web.UI.WindowBehaviors.None);         
                                radWindow.set_visibleStatusbar(false);         
                                radWindow.set_visibleTitlebar(false);         
                                         
                                radWindow.set_modal(true);         
                                         
                              }         
                     
                     }          

                                <telerik:RadWindow ID="RadWindow1"           
                                                                      EnableEmbeddedSkins="false"          
                                                                      runat="server"          
                                                                      VisibleOnPageLoad="false"          
                                                                      Width="448"          
                                                                      Height="208">         
                                                      <ContentTemplate>         
                                                            <telerik:RadProgressArea style="margin-left:auto;margin-right:0px;"          
                                                                                     ID="RadProgressArea1"          
                                                                                     runat="server"          
                                                                                     Height="58px"           
                                                                                     ProgressIndicators="TotalProgressBar, TotalProgressPercent, TimeElapsed"          
                                                                                     Skin="Office2007" >         
                                                                <Localization Uploaded="Completed"  />          
                                                            </telerik:RadProgressArea>         
                                                        </ContentTemplate>         
                                                    </telerik:RadWindow>         
                                                    <telerik:RadProgressManager OnClientProgressStarted="progressStarted" ID="RadProgressManager1" runat="server" />         

Svetlina Anati

Admin

2795 posts

Posted 08 Dec 2009 Link to this post

Hi Tony,

I already answered your support thread and for your convanience I pasted my reply below:

I am not sure why your code is not working under IE6 - I prepared a sample demo based on it and tested it but unfortunately to no avail - the RadWindow shows as expected. I attached my test demo and a screenshot of the test for your reference. Please, examine them and let me know if I am doing something wrong. In case some modifcations are needed to reproduce the issue, please apply them and send the modified demo back to me along with detailed reproduction steps and explanations of the actual and the desired result and I iwll do my best.

On a side note, there was a problem with the set_contentElement method before. However, we believe that we have fixed it for the SP which is scheduled to be released today or tommorrow, I recdommend to test with this method which will save you code for manually inserting the child element to the content div.

Best wishes,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Christian Calderon

1 posts

Member since:
Nov 2009

Posted 09 Dec 2009 Link to this post

I'm having a similar issue - I'm using IE8 (and same for FireFox). The ContentTemplate is never showing - the window is always empty. When I look into the HTML Source the DIV that holds the elements within the contenttemplate have the following: style="display:none;"

I tried the example here as well, and the behavior is the same -- the window shows but the contents don't.

Any help is greately appreciated -

Regards,

Svetlina Anati

Admin

2795 posts

Posted 10 Dec 2009 Link to this post

Hi Christian,

I am not sure what is the problem on your side, the problem discussed here was resolved in a support thread and it turned out to be incorrectly closed HTML tag. Please review again your code and also see our online example below:

http://demos.telerik.com/aspnet-ajax/window/examples/internalcontent/defaultcs.aspx

and in case the problem persists, provide more details or best - isolate teh issue in sample, fully runnable code and post it here for our reference.

Kind regards,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

Eric

19 posts

Member since:
May 2009

Posted 30 Nov 2010 Link to this post

Hi, I don't think is because of an incorrect closing tag. I'm experiencing the same problem. Here is a sample of my code:
I open the window via radOpen.

<telerik:RadWindowManager ID="RadWindowManager1" runat="server"

ReloadOnShow="true"

DestroyOnClose="false"

PreserveClientState="false"

Modal="true">

<Windows>

<telerik:RadWindow runat="server" ID="id" ClientIDMode="Static" Width="750" Height="600">

<ContentTemplate>

Helloo!

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

Georgi Tunev

Admin

7207 posts

Posted 02 Dec 2010 Link to this post

Hi Christian,

The problem here is the ClientIDMode="Static" setting. This property was introduced in the latest ASP.NET framework version and basically it is intended to be used in scenarios where you have static controls / content only. When you have dynamic controls like RadControls, however, this property breaks their functionality because the controls expects dynamic ClientID for their children.
In this specific case, the ID of the ContentContainer element is supposed to be in this format: RadWindiow1_C, where RadWindow1 is the ClientID of the RadWindow control. When the ClientIDMode="Static" is used, the ContentContainer's ID looks like this: C, without the ID of the RadWindow and then the client-side methods of the RadWindow fail to find the Container.

Kind regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.