Community & Support
Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > rollover tabs instead of click
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered rollover tabs instead of click

Feed from this thread
  • Rich Dettmer avatar

    Posted on Apr 20, 2007 (permalink)

    How do I change the behavior of the tabstrip to show the contents of the RadMultiPage pages on rollover instead of on click?

    TIA

  • Kevin Master avatar

    Posted on Apr 20, 2007 (permalink)

    You can take advantage of the OnClientMouseOver client-side event of rad TabStrip and select the Tab on mouse-over using the client-side API of the tabstrip. This, in turn, will select the associated PageView for the Tab.

    Example:

    <script language="javascript">
                
                function ChangePageView(sender, args)
                {
                    args.Tab.Select();              
                }
                
                </script>
            
                <radTS:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Outlook"
                    SelectedIndex="0" MultiPageID="RadMultiPage1" OnClientMouseOver="ChangePageView">
                    <Tabs>
                        <radTS:Tab ID="Tab1" Text="MSN" runat="server"
                            PageViewID="PageView1">
                        </radTS:Tab>
                        <radTS:Tab ID="Tab2" Text="Yahoo"
                            runat="server" PageViewID="PageView2">
                        </radTS:Tab>
                        <radTS:Tab ID="Tab3" Text="Google"
                            runat="server" PageViewID="PageView3">
                        </radTS:Tab>
                    </Tabs>
                </radTS:RadTabStrip>
                
                <radTS:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
                    <radTS:PageView ID="PageView1" runat="server">                    
                        0
                    </radTS:PageView>
                    <radTS:PageView ID="PageView2" runat="server">
                        1
                    </radTS:PageView>
                    <radTS:PageView ID="PageView3" runat="server">
                        2
                    </radTS:PageView>
                </radTS:RadMultiPage>

  • Rich Dettmer avatar

    Posted on Apr 20, 2007 (permalink)

    Thank you, that's exactly what I was looking for.

  • Jabeer avatar

    Posted on Apr 23, 2007 (permalink)

    Hi

     I Got an error saying "Select command is not available ". Please advice me on the above problem.
    Regards,
    A Jabeer Ali.


  • Paul Paul admin's avatar

    Posted on Apr 23, 2007 (permalink)

    Hi Jabeer,

    Could you please check if you're using the latest version of the control (3.4.2)? If so, please provide additional info on your exact problem and some code snippet of your ASPX code.

    Sincerely yours,
    Paul
    the telerik team

    Instantly find answers to your questions at the new Telerik Support Center

  • Jabeer avatar

    Posted on Apr 23, 2007 (permalink)


    Hi
    <html xmlns="http://www.w3.org/1999/xhtml">


    <script language="javascript">
    function  ChangePageView(sender,args)
    {
    args.Tab.Select();
    }

    </script>

                
    <head runat="server">
        <title>Untitled Page</title>
        
    </head>

    <body>
        <form id="form1" runat="server">
            <atlas:ScriptManager ID="ScriptManager1" runat="server" />
            <atlas:UpdatePanel ID="panel1" runat=server>
            <ContentTemplate>
            <radTS:RadTabStrip SelectedIndex=0 ID="RadTabStrip1" runat="server"  MultiPageID="RadMultiPage1" OnClientMouseOver="ChangePageView" OnTabClick="RadTabStrip1_TabClick" AutoPostBack=true>
                <Tabs>
                    <radTS:Tab ID="ctl00" runat="server" Text="Acris">
                    </radTS:Tab>
                    <radTS:Tab ID="ctl01" runat="server" Text="Jabeer">
                    </radTS:Tab>
                </Tabs>
            </radTS:RadTabStrip>
            <div>
                &nbsp;</div>
            <div>
                <radTS:RadMultiPage ID="RadMultiPage1" runat="server" Height="100px" Width="100px" SelectedIndex=0>
                <radTS:PageView ID="pageview1" runat="server">
                Pageview1
                </radTS:PageView>
                <radTS:PageView ID="pageview2" runat="server">
                Pageview2
                
                </radTS:PageView>
                <radTS:PageView ID="pageview3" runat="server">
                Pageview3
                
                </radTS:PageView>
                </radTS:RadMultiPage>
            </div>
            </ContentTemplate>
            </atlas:UpdatePanel>
        </form>
    </body>
    </html>



    S i m using the Latest Version Only. But its not even Working for me.

    Regards,
    A Jabeer Ali

  • Johan Master avatar

    Posted on Apr 23, 2007 (permalink)

    Looking at your code, I see that you are using the beta or CTP version of Microsoft ASP.NET AJAX (code-named Atlas).

    You need to upgrade to the latest official version of MS ASP.NET Extensions (you can get them from) http://ajax.asp.net/. Beta and CTP versions of MS Atlas are not supported by the latest Q4 2006 SP2 release (only the official version)

    Alternatively (and I recommend that), you can use rad Ajax Panel instead of UpdatePanel for the same ajaxification purpose.

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > rollover tabs instead of click