This is a migrated thread and some comments may be shown as answers.

Need help with Menu Dropdown Implementation

1 Answer 52 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Phill Hodgkinson
Top achievements
Rank 1
Phill Hodgkinson asked on 12 Dec 2010, 07:20 PM
Hi There,

I'm trying to implement a RadMenu (horizontal menu with level1 group that expands down), this menu is populated by a SitemapDataSource. I've tried two approaches, one using just CSS and the other I looked into was to Add a Template at run time for the Level 1 items. I've had no success with either. In the case of adding a template at run time, I attempted both options recommended here but neither work. I assume this is because of when the data is bound to the menu using SiteMapDatasource. When the foreach runs, the RadMenu1.GetAllItems() has a count of 0.  In attempting to use the CSS only approach, I enabled rounded corners as my design requirement has a very similar look/feel to rounded corners, but I'm not able to make it to work as the implementaiton doesn't quite work and I'm unable to figure out how to change things like the height of the corer. 

So I'm looking for some help if anyone has been able to successfully implement a dropdown similar to the following:
I've attached a rough mockup that has the various graphics required numbered. They are as follows:
1. Top left corner
2. Top horizontal tiling piece (right now my menu is a set width but I may want this to be flexible)
3. Top right corner
4. Vertical tiling piece (this will always need to be flexible since menu items are dynamic and I'll never have control over how many)
5. Bottom left corner
6. Bottom horizontal tiling piece
7. Bottom right corner

As always any help would be greatly appreciated. I've probably spent way more time on this than necessary but I'm just not seeing the light at the end of the tunnel for the proper way to implement this type of drop down menu. It seems all examples that do any kind of templates or different looks with the menu have static and declarative menu data and not dynamic. If it's of any help, this menu is part of a Sitefinity implementation.

Thanks again!
Phill

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 16 Dec 2010, 10:47 AM
Hello Phill,

RadMenu's rounded corners implementation is based on a big group piece which includes the top left rounded corner and small bottom and right pieces which also have rounded corners. Only two sprites are used for these pieces - one for the left and one for the right edge. The central background is made from the items background and the top and bottom borders are separate elements which reuse the normal menu background but offset with several pixels. What you require could be possible but that depends on the complexity of the skin you want to create. Can you send a design mockup of you menu and I can try to help you more with it (send a support ticket if you prefer the privacy, but include a link to this forum post in it. Thank you in advance.

Regards,
Kamen Bundev
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Tags
Menu
Asked by
Phill Hodgkinson
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or