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

9 posts, 0 answers
  1. Ajay
    Ajay avatar
    66 posts
    Member since:
    May 2009

    Posted 23 Oct 2009 Link to this post

    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

  2. Schlurk
    Schlurk avatar
    812 posts
    Member since:
    May 2009

    Posted 23 Oct 2009 Link to this post

    I would recommend reading this forum thread. It should be quite helpful in getting those rounded corners.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ajay
    Ajay avatar
    66 posts
    Member since:
    May 2009

    Posted 24 Oct 2009 Link to this post

    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
  5. Dhamodharan
    Dhamodharan avatar
    300 posts
    Member since:
    Sep 2010

    Posted 10 May 2012 Link to this post

    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,
  6. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 14 May 2012 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  7. Dhamodharan
    Dhamodharan avatar
    300 posts
    Member since:
    Sep 2010

    Posted 14 May 2012 Link to this post

    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
  8. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 14 May 2012 Link to this post

    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.
  9. Dhamodharan
    Dhamodharan avatar
    300 posts
    Member since:
    Sep 2010

    Posted 14 May 2012 Link to this post

    Hi Shinu,

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

    Thanks,
    Dhamu
  10. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 25 Jul 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017