Need Help on RabTabStrip

[Jessie]

Hi Support Team,

According to the coding below (Error: 'tabStrip' is null or not an object),
how can I auto-select the tab depend on the user browser using Javascript and Telerik-RabTabStrip?

(E.g: When a user open the "Firefox" browser, the "Firefox" tab will be selected.)

Thanks.


    <telerik:RadTabStrip ID="RadTabStrip1" runat="server">
        <Tabs>
            <telerik:RadTab runat="server" Text="Explorer">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Firefox">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Opera">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Chrome">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Safari">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>


    <script language="JavaScript" type="text/JavaScript">   
             
            var n=navigator.appName;
            var ie=(n=="Microsoft Internet Explorer");
            var f=(n=="Firefox");

            var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
            var tab;
            
            if (ie)
            {
                tab = tabStrip.findTabByText("Explorer");
                alert("Explorer");           
            }
            
            else if (f)
            {
                tab = tabStrip.findTabByText("Firefox");
            }
            
            tab.set_selected(true);

    </script>

[Paul]

Hello Jessie,

Please find below your modified code snippet that works as expected.

    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>

        <script type="text/javascript">
            function pageLoad()
            {
                var tabStrip = $find("<%= RadTabStrip1.ClientID %>");
                var tab;

                if ($telerik.isIE)
                {
                    tab = tabStrip.findTabByText("Explorer");
                }
                else if ($telerik.isFirefox)
                {
                    tab = tabStrip.findTabByText("Firefox");
                }

                else if ($telerik.isOpera)
                {
                    tab = tabStrip.findTabByText("Opera");
                }

                else if ($telerik.isChrome)
                {
                    tab = tabStrip.findTabByText("Chrome");
                }

                else if ($telerik.isSafari)
                {
                    tab = tabStrip.findTabByText("Safari");
                }

                tab.set_selected(true);
            }
        </script>

        <telerik:RadTabStrip ID="RadTabStrip1" runat="server">
            <Tabs>
                <telerik:RadTab runat="server" Text="Explorer">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Firefox">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Opera">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Chrome">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Safari">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
    </form>

Kind regards,
Paul
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.

[Jessie]

Hi Paul,

Thanks for your help. It is worked but for the coding as below, it will not detect the Google Chrome browser, it will select the Safari.

else if ($telerik.isChrome)  
{  
        tab = tabStrip.findTabByText("Chrome");       
}

[Paul]

Hello Jessie,

I'm afraid we cannot reproduce the issue on our side. Coudl you please provide more details?

Thanks,
Paul
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.

[Jessie]

Hi Paul,

Sorry for provided unclear information to you.

I already solved the problem myself.

Thank you for your replied.