Rad Window with content template not working in IE6 but working in IE8

6 posts, 0 answers
  1. Tony Vuolo
    Tony Vuolo avatar
    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" /> 
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    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.
  3. Christian Calderon
    Christian Calderon avatar
    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,
  4. Svetlina Anati
    Admin
    Svetlina Anati avatar
    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.
  5. Eric
    Eric avatar
    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>
  6. Georgi Tunev
    Admin
    Georgi Tunev avatar
    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.
Back to Top