Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Menu > rounded corners with images

• Naupad

  Posted on Jan 30, 2012 (permalink)

  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.

  Reply

• Princy MVP

  Posted on Jan 31, 2012 (permalink)

  Hello,
  
  One suggestion is you can create custom skin as expalined in this documentation.
  
  Thanks,
  Princy.

  Reply


• Naupad

  Posted on Jan 31, 2012 (permalink)

  Still no hope. I am unable to find the css class of the outside wrapper.

  Reply

• Princy MVP

  Posted on Feb 1, 2012 (permalink)

  Hello,
  
  Take a look into the following demo.
  Menu / Show Path And BreadCrumb
  
  Hope this helps.
  Thanks,
  Princy.

  Reply

• Kate Kate

  Posted on Feb 2, 2012 (permalink)

  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

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Menu > rounded corners with images