Need help with Menu Dropdown Implementation

2 posts, 0 answers
  1. Phill Hodgkinson
    Phill Hodgkinson avatar
    35 posts
    Member since:
    Nov 2004

    Posted 12 Dec 2010 Link to this post

    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!
  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 16 Dec 2010 Link to this post

    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.

    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.
Back to Top