Digital Man
Top achievements
Rank 2
Rank 2
Digital Man
asked on 18 Jan 2010, 08:32 PM
A client wants to be able to have the sub menu stay open once a user hovers over a main item and clicks on a sub menu item. If the user hovers over another main nav element, it should then close and open up the new sub menu. But if the user does not click anything in the new sub nav it should revert to having the original sub nav open. Is this even possible? Thanks.
Also, we have a horizontal menu with the submenu items displaying horizontal as well. When you hover over top nav items towards to right end of the menu, the child menu starts rendering near the beginning of the menu and not under the parent item. Any way to fix this?
Also, we have a horizontal menu with the submenu items displaying horizontal as well. When you hover over top nav items towards to right end of the menu, the child menu starts rendering near the beginning of the menu and not under the parent item. Any way to fix this?
8 Answers, 1 is accepted
0
Hi Dan,
You can achieve the needed functionality with RadTabStrip, please check this online example. RadMenu is not supposed to keep its subitems always visible.
Regarding the second question, please set EnableScreenBoundaryDetection property of the menu to false and let us know how it goes.
Regards,
Yana
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
You can achieve the needed functionality with RadTabStrip, please check this online example. RadMenu is not supposed to keep its subitems always visible.
Regarding the second question, please set EnableScreenBoundaryDetection property of the menu to false and let us know how it goes.
Regards,
Yana
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Charles
Top achievements
Rank 2
Rank 2
answered on 21 Jan 2010, 10:08 PM
I am facing a similar issue.
I tried implementing with the TabStrip control as you have suggested in several postings in the past, but it doesn't have the same characteristics that I need.
I need the parent menu items to stretch across the page. Once a parent menu item is chosen, I need the submenu under it to strech across the page and stay there until a new parent menu item is chosen.
I can strectch the parent menu items across the page by setting the menu width to 100%. I can't seem to get that behavior with the tabstrip. Also, the tabstrip - although it allows you to keep the submenus displayed, takes up additional space below the "parent" set of tabls and pushes the display down. The menu control doesn't do this.
In short, the tabstrip solution seems like a bit of a kludge. Do you have a more complete sample of using the tabstrip to emulate menus? I've included a screen shot of the menu as I've currently implemented it, but, because of the sub menu "non-stickiness" I doubt that my user will accept it. Thanks in advance.
I tried implementing with the TabStrip control as you have suggested in several postings in the past, but it doesn't have the same characteristics that I need.
I need the parent menu items to stretch across the page. Once a parent menu item is chosen, I need the submenu under it to strech across the page and stay there until a new parent menu item is chosen.
I can strectch the parent menu items across the page by setting the menu width to 100%. I can't seem to get that behavior with the tabstrip. Also, the tabstrip - although it allows you to keep the submenus displayed, takes up additional space below the "parent" set of tabls and pushes the display down. The menu control doesn't do this.
In short, the tabstrip solution seems like a bit of a kludge. Do you have a more complete sample of using the tabstrip to emulate menus? I've included a screen shot of the menu as I've currently implemented it, but, because of the sub menu "non-stickiness" I doubt that my user will accept it. Thanks in advance.
0
Charles
Top achievements
Rank 2
Rank 2
answered on 22 Jan 2010, 01:24 PM
Sorry for replying to my own post, but...
The tab strip solution did end up working for me. I tried applying a different skin (Office 2007) and I am now getting the effect I need. I've attached a screenshot...
The tab strip solution did end up working for me. I tried applying a different skin (Office 2007) and I am now getting the effect I need. I've attached a screenshot...
0
Digital Man
Top achievements
Rank 2
Rank 2
answered on 25 Jan 2010, 09:16 PM
Ok, this is pretty close but is there a way to have the sub group open up underneath the parent tab (like a menu) instead of every sub group starting at the far left? The attached screen grab shows how it functions currently. I put a red arrow where the sub group should start.
0
Digital Man
Top achievements
Rank 2
Rank 2
answered on 25 Jan 2010, 09:32 PM
Also, unlike the example, not sure what we're doing wrong. When we hover over another tab the new sub group shows but then if we move the mouse off, the new subgroup stays, doesn't go back to the initial sub group that was open. We are using this in a DNN skin. Not sure if the "SelectMyTab" javascript work inside a DNN skin file or not.
0
Hi Dan,
Do you have a live url demonstrating this problem?
Cheers,
Peter
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Do you have a live url demonstrating this problem?
Cheers,
Peter
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Andrew Cao
Top achievements
Rank 1
Rank 1
answered on 28 May 2010, 09:10 PM
how did you keep your both levels tabstrip open at all times? thank you
0
Hi Andrew Cao,
You just need to set Selected property of the first-level tab to "true".
Regards,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
You just need to set Selected property of the first-level tab to "true".
Regards,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.