1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / Bugs & Issues / Navigation bar -Horizontal with tabs

Navigation bar -Horizontal with tabs

2 posts, 0 answered
  1. Anu
    Anu avatar
    72 posts
    Registered:
    17 Jun 2010
    21 May 2011
    Link to this post
    Hi,
    I am using horizontal navigation bar with tabs.
    The node shows its children on mouser over.
    there are four nodes
    - Home
    - About Us
    - Prouct
    -Contact us

    If user is on about us  -  its child nodes are getting displyed on mouse over.
    these sub-nodes are visible till the time user is moving his mouse on another parent node.
    we need the functionlity like - on move over the children should get visible and if i remove the mouse from the parent then the children node should not be visible.

    Is it possible...
    Please reply
    Thanks
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    12 Sep 2017
    23 May 2011
    Link to this post
    Hello Anu,

    Here is a sample code that shows how to do this.

    <script type="text/javascript">
     
        function SelectMyTab(sender, eventArgs) {
        var tab = eventArgs.get_tab();
        sender.set_multiPageID(null);
        tab.select();
    }
     
    </script>
    <telerik:RadTabStrip
      ID="RadTabStrip1" runat="server"  OnClientMouseOver="SelectMyTab" >
    <Tabs>
      <telerik:RadTab runat="server" Text="Item 1" >
      <Tabs>
      <telerik:RadTab runat="server" Text="Item 2" />
      <telerik:RadTab runat="server" Text="Item 3" />
      </Tabs>
      </telerik:RadTab>
      <telerik:RadTab runat="server" Text="Item 2"  />
      <telerik:RadTab runat="server" Text="Item 3" />
    </Tabs>
    </telerik:RadTabStrip>

    You can add a custom template to the Navigation control where you have the js code and the RadTabStrip declaration. The RadTabStrip will be automatically bound to the SiteMap. In the sample above the tabs remain open even if you remove the cursor of the mouse from them.

    Greetings,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
2 posts, 0 answered