Sub menu with drop shadow

[Clive Hoggar]

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

[Yana]

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.

[Clive Hoggar]

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