Navigation bar -Horizontal with tabs

Posted by Community Admin on 04-Aug-2018 07:49

Navigation bar -Horizontal with tabs

All Replies

Posted by Community Admin on 21-May-2011 00:00
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
Posted by Community Admin on 23-May-2011 00:00
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
This thread is closed