RestrictedZone Not Working in IE7

10 posts, 0 answers
  1. Vish
    Vish avatar
    9 posts
    Member since:
    Nov 2007

    Posted 05 Dec 2008 Link to this post

    I am trying to replicate the following example in VS2008. The windows are rendered perfectly but after that during tab changing the windows moves out of the div set as restricted zone. However this works perfectly in firefox.

    http://demos.telerik.com/aspnet-ajax/Window/Examples/RadWindowAndMDI/DefaultCS.aspx
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 05 Dec 2008 Link to this post

    Hi Vishwanath YR,

    Could you please open a new support ticket and send us your project so we could check it?



    Kind regards,
    Georgi Tunev
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mike Dennis
    Mike Dennis avatar
    51 posts
    Member since:
    Mar 2006

    Posted 09 Mar 2009 Link to this post

    I am having the same problem.  Is there a solution to this?

    I am using the 3.5 version.
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 10 Mar 2009 Link to this post

    Hello Mike,

    So far we are not able to reproduce the problem locally. If you have isolated this behavior, please open a support ticket and send us the project so we can check it.


    All the best,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  6. Mike Dennis
    Mike Dennis avatar
    51 posts
    Member since:
    Mar 2006

    Posted 16 Mar 2009 Link to this post

    It looks like my problem was specific to IE8, not IE7.  I thought that the person who originally noticed the problem was running IE7, but she had a beta of IE8.  I run IE8 RC on my development machine, but tried the control from when I posted and the new controls on another machine with IE7.  Both versions are working in IE7 for me, and neither in IE8.
  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 16 Mar 2009 Link to this post

    Hi Mike,

    Thank you for the clarification - I was able to reproduce this issue. In general we do not support browsers in Beta stage, but I logged this in our database and once IE8 is officially released we will make sure that this problem will not exist on our side.


    Greetings,
    Georgi Tunev
    the Telerik team


    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  8. Mike Dennis
    Mike Dennis avatar
    51 posts
    Member since:
    Mar 2006

    Posted 16 Mar 2009 Link to this post

    Ok, I'm not very concerned about the issue right now, since I found out that it only occurs in the IE8 pre-release versions.
  9. Bruce Chariot
    Bruce Chariot avatar
    1 posts
    Member since:
    Aug 2008

    Posted 17 Mar 2009 Link to this post

    I have a similar issue with the restricted zone when dealing with imbedded tabstrips and MDI in IE7.  For example, if I point one of the pages in a tab to a page containing tabs, when moving from one tab to the other in the embedded tabs and back again several times, the restriction zone goes for a walk.  Here are the pages for you to reproduce: (nothing in the code behinds)
    For the outside tabs:
    1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tabs1.aspx.cs" Inherits="tabs1" %> 
    2 <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
    4 <html xmlns="http://www.w3.org/1999/xhtml">  
    5 <head id="Head1" runat="server">  
    6     <title></title>  
    7 </head> 
    8 <body> 
    9     <form id="form1" runat="server">  
    10         <asp:ScriptManager ID="ScriptManager1" runat="server">  
    11         </asp:ScriptManager> 
    12         <div> 
    13             <script type="text/javascript">  
    14            function OnClientTabSelected(sender,args)  
    15             {   
    16                 var manager = $find("<%=RadWindowManager1.ClientID %>");   
    17                 var windows = manager.get_windows();  
    18                 var tabStrip = $find( "<%=RadTabStrip1.ClientID %>");  
    19                 var selIndex = tabStrip.get_selectedIndex();  
    20                                   
    21                  for (var i=0; i < windows.length; i++)  
    22                  {  
    23                     var win = windows[i];  
    24                     if (i == selIndex)  
    25                     {  
    26                         win.show();   
    27                     }  
    28                     else  
    29                     {   
    30                         win.hide();   
    31                     }  
    32                  }   
    33             }  
    34             </script> 
    35             <telerik:RadWindowManager ShowContentDuringLoad="false" VisibleStatusbar="false" VisibleTitlebar="false" RestrictionZoneID="RestrictionZone" Width="644px" Height="400px" Behaviors="None" 
    36                 ID="RadWindowManager1" runat="server">  
    37                 <Windows>   
    38                     <telerik:RadWindow ID="RadWindow1" VisibleOnPageLoad="true" Title="Outside Tab 1" NavigateUrl="tabs2.aspx" runat="server">  
    39                     </telerik:RadWindow> 
    40                     <telerik:RadWindow ID="RadWindow2" VisibleOnPageLoad="true" Title="Outside Tab 2" NavigateUrl="tabs2.aspx" runat="server">  
    41                     </telerik:RadWindow> 
    42                     <telerik:RadWindow ID="RadWindow3" VisibleOnPageLoad="true" Title="Outside Tab 3" NavigateUrl="tabs2.aspx" runat="server">  
    43                     </telerik:RadWindow> 
    44                 </Windows> 
    45             </telerik:RadWindowManager> 
    46             <telerik:RadTabStrip Width="644px" Align="Justify" OnClientTabSelected="OnClientTabSelected" ID="RadTabStrip1" runat="server">  
    47                 <Tabs>   
    48                     <telerik:RadTab runat="server" Selected="true" Text="Outside Tab 1">   
    49                     </telerik:RadTab> 
    50                     <telerik:RadTab runat="server" Selected="true" Text="Outside Tab 2">   
    51                     </telerik:RadTab> 
    52                     <telerik:RadTab runat="server" Selected="true" Text="Outside Tab 3">   
    53                     </telerik:RadTab> 
    54                 </Tabs> 
    55             </telerik:RadTabStrip> 
    56             <div id="RestrictionZone" style="width:644px; height:400px;"></div> 
    57             <br /> 
    58         </div> 
    59     </form> 
    60 </body> 
    61 </html> 
    62  
    and for the inside tabs:
    1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tabs2.aspx.cs" Inherits="tabs2" %> 
    2 <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
    4 <html xmlns="http://www.w3.org/1999/xhtml">  
    5 <head id="Head1" runat="server">  
    6     <title></title>  
    7 </head> 
    8 <body> 
    9     <form id="form1" runat="server">  
    10         <asp:ScriptManager ID="ScriptManager1" runat="server">  
    11         </asp:ScriptManager> 
    12         <div> 
    13             <script type="text/javascript">  
    14            function OnClientTabSelected(sender,args)  
    15             {   
    16                 var manager = $find("<%=RadWindowManager1.ClientID %>");   
    17                 var windows = manager.get_windows();  
    18                 var tabStrip = $find( "<%=RadTabStrip1.ClientID %>");  
    19                 var selIndex = tabStrip.get_selectedIndex();  
    20                                   
    21                  for (var i=0; i < windows.length; i++)  
    22                  {  
    23                     var win = windows[i];  
    24                     if (i == selIndex)  
    25                     {  
    26                         win.show();   
    27                     }  
    28                     else  
    29                     {   
    30                         win.hide();   
    31                     }  
    32                  }   
    33             }  
    34             </script> 
    35             <telerik:RadWindowManager ShowContentDuringLoad="false" VisibleStatusbar="false" VisibleTitlebar="false" RestrictionZoneID="RestrictionZone" Width="600px" Height="300px" Behaviors="None" 
    36                 ID="RadWindowManager1" runat="server">  
    37                 <Windows>   
    38                     <telerik:RadWindow ID="RadWindow1" Title="Inside Tab 1" NavigateUrl="http://www.sitefinity.com" runat="server">  
    39                     </telerik:RadWindow> 
    40                     <telerik:RadWindow ID="RadWindow2" VisibleOnPageLoad="true" Title="Inside Tab 2" NavigateUrl="http://www.telerik.com" runat="server">  
    41                     </telerik:RadWindow> 
    42                     <telerik:RadWindow ID="RadWindow3" Title="Inside Tab 3" NavigateUrl="http://www.telerik.com/support/documentation.aspx" runat="server">  
    43                     </telerik:RadWindow> 
    44                 </Windows> 
    45             </telerik:RadWindowManager> 
    46             <telerik:RadTabStrip Width="600px" Align="Justify" OnClientTabSelected="OnClientTabSelected" ID="RadTabStrip1" runat="server">  
    47                 <Tabs>   
    48                     <telerik:RadTab runat="server" Text="Inside Tab 1">   
    49                     </telerik:RadTab> 
    50                     <telerik:RadTab runat="server" Selected="true" Text="Inside Tab 2">  
    51                     </telerik:RadTab>   
    52                     <telerik:RadTab runat="server" Text="Inside Tab 3">  
    53                     </telerik:RadTab> 
    54                 </Tabs> 
    55             </telerik:RadTabStrip> 
    56             <div id="RestrictionZone" style="width:600px; height:300px;"></div> 
    57             <br /> 
    58         </div> 
    59     </form> 
    60 </body> 
    61 </html> 
    62  
    To replicate problem, select "Inside Tab 1", then "Inside Tab 2", and then back to "Inside Tab 1" again etc. It becomes very noticable after 5 or 6 times back and forth.  No issues with Firefox 3.0.7.  I also upgraded to RadControls_for_ASP.NET_AJAX_2009_1_311 (great product, btw!)

    Any thoughts, suggestions?
  10. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 18 Mar 2009 Link to this post

    Hi Bruce Chariot,

    It seems that for some reason when the restriction zone itself is in a RadWindow there is some problem with the logic, but at this point I cannot tell what is the exact reason.
    The good news however is that there is an easy workaround - just center the window when showing it - since it is in a restriction zone, it will position itself correctly:

    e.g. in your dialog page:
    function OnClientTabSelected(sender,args)   
    {    
        var manager = $find("<%=RadWindowManager1.ClientID %>");    
        var windows = manager.get_windows();   
        var tabStrip = $find( "<%=RadTabStrip1.ClientID %>");   
        var selIndex = tabStrip.get_selectedIndex();   
                           
         for (var i=0; i < windows.length; i++)   
         {   
            var win = windows[i];   
            if (i == selIndex)   
            {   
                win.show(); 
                win.center();    
            }   
            else   
            {    
                win.hide();    
            }   
         }    
    }   


    Greetings,
    Georgi Tunev
    the Telerik team


    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  11. Mike Dennis
    Mike Dennis avatar
    51 posts
    Member since:
    Mar 2006

    Posted 03 Apr 2009 Link to this post

    I just installed Q1 2009 SP1~2c and I still have that problem with the released version of IE8.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017