Keep submenu open? in UI for ASP.NET AJAX Menu

Digital Man

126 posts

Member since:
Nov 2003

Posted 18 Jan 2010 Link to this post

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?

Yana

Admin

5013 posts

Posted 19 Jan 2010 Link to this post

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.

Charles

75 posts

Member since:
Aug 2008

Posted 21 Jan 2010 Link to this post

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.

capture.PNG

Charles

75 posts

Member since:
Aug 2008

Posted 22 Jan 2010 Link to this post

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...

capture.PNG

Digital Man

126 posts

Member since:
Nov 2003

Posted 25 Jan 2010 Link to this post

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.

1-25-2010-4-15-47-pm.png

Digital Man

126 posts

Member since:
Nov 2003

Posted 25 Jan 2010 Link to this post

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.

Peter

Admin

6637 posts

Posted 27 Jan 2010 Link to this post

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.

Andrew Cao

12 posts

Member since:
May 2010

Posted 28 May 2010 Link to this post

how did you keep your both levels tabstrip open at all times? thank you

Yana

Admin

5013 posts

Posted 02 Jun 2010 Link to this post

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.