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.