How to get ROUNDED CORNER RAD MENU without using any image in CSS

[Ajay]

Hi Telerik Guys !

Im using RAD MENU in one of my project.

I want RAD MENU to have ROUNDED CORNERS.

Presently, Im using the following mentioned RAD MENU (without ROUNDED CORNERS) as shown in pic-1.jpg.

I want to have a ROUNDED CORNERS for the RAD MENU but without using any image (.gif,.png,.jpeg) & only using CSS.

What I want in my RAD MENU is something like I  will show in attached file with name as RoundedCornerMenu.png

Please help how to proceed !


Ajay

[Schlurk]

I would recommend reading this forum thread. It should be quite helpful in getting those rounded corners.

[Ajay]

Hi Schlurk !

 I have checked the forum thread & found that Iam not able to find the IMAGE , where that IMAGE(menu-corners.gif) exists .

I can use the CSS , but where the IMAGE(menu-corners.gif) EXISTS ?

Could you please provide the gif image ???


It would be great if you please !!!!!!!

Ajay Jamwal

[Dhamodharan]

Hi,

did u find that image -  menu-corners.gif. i have also same problem. Please let me know any one where is located that image.


Thanks in Advance,
Dhamu,

[Kate]

Hi Dhamu,

The forum post that Carl recommended is related to our classic asp.net controls and not to the current asp.net ajax controls. Please keep in mind that we no longer provide support for the classic controls as explained in or Support Lifecycle Policy. However, below you can find some useful help articles descibing different ways how you can alter the appearance of the current RadMenu control:

• http://www.telerik.com/help/aspnet-ajax/menu-appearance-creating-custom-skins-sprite.html
• http://www.telerik.com/help/aspnet-ajax/menu-appearance-css-selectors.html
• http://www.telerik.com/help/aspnet-ajax/menu-appearance-creating-custom-skins.html

All the best,
Kate
the Telerik team

[Dhamodharan]

Hi,

Currently i am using rad ajax control only. i want rounded corner for radmenu. please let know if you have any solutions..



Thanks,
Dhamu

[Shinu]

Hello Dhamu,

Try setting EnableRoundedCorners as true for the RadMenu. Another suggestion is you can set a CSS style which is applied to the DIV container as explained in this demo. Hope this helps.

Thanks,
Shinu.

[Dhamodharan]

Hi Shinu,

I applied that property. but rounded corner has not displayed.

Thanks,
Dhamu

[Princy]

Hi Dhamodharan,

Please have a look at this forum thread with an attached sample code which deals with a similar scenario. You can refer this thread to give rounded corners to the whole wrapper of the RadMenu.

Thanks,
Princy.