This is a migrated thread and some comments may be shown as answers.

Safari Issue: RadTab dynamically loaded onto Multipage

1 Answer 62 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

Danny asked on 03 Feb 2009, 04:15 PM

I've seen a couple of threads regarding problems that Safari has when rendering a radTab and radMultiPages when the controls are not initially visible on a page, but rather are added dynamically on an AJAX postback. In IE and FF everything renders and functions correctly, however in Safari, the browser must be completely refreshed before the tab operates correctly.

From the previous posts it looks like I can 'pre-cache' the scripts and styles needed using the ASPScriptManager. I've already tried a couple of combinations, but nothing seems to help out... perhaps I am missing a reference or have paths not setup correctly. See snippet below.

Thanks.

    
            <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                <Scripts> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Common.Core.js" Assembly="Telerik.Web.UI" /> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Upload.RadUpload.js" Assembly="Telerik.Web.UI"/> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.TabStrip.MultiPage.RadMultiPageScripts.js" Assembly="Telerik.Web.UI"/> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Common.Scrolling.ScrollingScripts.js" Assembly="Telerik.Web.UI" /> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.Common.Navigation.NavigationScripts.js" Assembly="Telerik.Web.UI" /> 
        
                    <asp:ScriptReference Name="Telerik.Web.UI.TabStrip.RadTabStripScripts.js" Assembly="Telerik.Web.UI" />       
        
                </Scripts> 
        
            </asp:ScriptManager>

1 Answer, 1 is accepted

answered on 10 Feb 2009, 03:38 PM

Hello Danny,

We tried to reproduce the reported issue using the latest version of the control, but to no avail.

    
            <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
            </asp:ScriptManager> 
        
            <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
        
                <ContentTemplate> 
        
                    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Visible="false"> 
        
                        <Tabs> 
        
                            <telerik:RadTab runat="server" Text="Root RadTab1" NavigateUrl="Default.aspx"> 
        
                            </telerik:RadTab> 
        
                            <telerik:RadTab runat="server" Text="Root RadTab2" NavigateUrl="Default2.aspx"> 
        
                            </telerik:RadTab> 
        
                            <telerik:RadTab runat="server" Text="Root RadTab3" NavigateUrl="Default3.aspx"> 
        
                            </telerik:RadTab> 
        
                        </Tabs> 
        
                    </telerik:RadTabStrip> 
        
                    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" /> 
        
                </ContentTemplate> 
        
            </asp:UpdatePanel>

    
            protected void Button1_Click(object sender, EventArgs e) 
        
                { 
        
                    RadTabStrip1.Visible = true; 
        
                }

Let us know what's different in your case.

Sincerely yours,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.