Sub menu with drop shadow

3 posts, 0 answers
  1. Clive Hoggar
    Clive Hoggar avatar
    349 posts
    Member since:
    Nov 2008

    Posted 05 Feb 2009 Link to this post

    I am thinking that the plain grey background for the drop down sub menu
    would be greatly enhanced by a shadow at right and bottom to give
    the effect of the submenu floating.

    I suppose with an item template it could be done with images but it seems there
    should be an code/ajax way to achieve the same result. Or just a property?

    Any ideas very welcome. If I solve it I'll come and post the method here.

    I am using the Black skin

    thanks!

    Clive
  2. Yana
    Admin
    Yana avatar
    5031 posts

    Posted 09 Feb 2009 Link to this post

    Hi Clive,

    Please add the following css styles to your page:

    <style type="text/css">  
      div.RadMenu_Black .rmGroup {  
        border-bottom:2px solid #CCCCCC;  
        border-right:2px solid #CCCCCC;  
        border-top:0 none;  
        }  
    </style> 

    Greetings,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. Clive Hoggar
    Clive Hoggar avatar
    349 posts
    Member since:
    Nov 2008

    Posted 19 Feb 2009 Link to this post

    Hi

    Thanks for this.

    In fact it doesn't look much like shadow, (kinda difficult over a black background)
    but after playing with the shades of gray for the borders, it does give a kind of
    depth to the sub menu.
     
    I added a light border to the left to complete the 3D feel.

    Clive
Back to Top