rounded corners with images

5 posts, 0 answers
  1. Naupad
    Naupad avatar
    23 posts
    Member since:
    Dec 2011

    Posted 30 Jan 2012 Link to this post

    I am using Rad Menu with default theme. I enabled rounded corners which works fine for sub-menu items. But I want the whole wrapper of all the menus also to be rounded. How can I do this using images because border-radius property doesn't work in IE 8 and earlier.
  2.
  3. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 31 Jan 2012 Link to this post

    Hello,

    One suggestion is you can create custom skin as expalined in this documentation.

    Thanks,
    Princy.
  5. Naupad
    Naupad avatar
    23 posts
    Member since:
    Dec 2011

    Posted 31 Jan 2012 Link to this post

    Still no hope. I am unable to find the css class of the outside wrapper.
  7. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 01 Feb 2012 Link to this post

    Hello,

    Take a look into the following demo.
    Menu / Show Path And BreadCrumb

    Hope this helps.
    Thanks,
    Princy.
  8.
  9. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 02 Feb 2012 Link to this post

    Hello Naupad,

    You can use the following css class to remove the background image and border of the root menu items. Then you can apply your custom sprite image by setting the background-image in the same class selector:
    div.RadMenu_Default .rmRootGroup {
        background-color: #E0E5F5; /*you can alter it as needed*/
        background-position: 0 -457px;
        background-repeat: repeat-x; /*you can alter it as needed*/
        border: 0px solid #B7BDCD;
    }

    Greetings,
    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
Back to Top