Navigation bar -Horizontal with tabs
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
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
>