Office 2007 Ribbon - CSS Issue

[Doug]

I'm using your implementation of the Office 2007 Ribbon Bar in a web application.  All was great and dandy in the 2008 Telerik release, but once I upgraded to the 2009 Q1 release the main menu is now hosed.  Your demo http://demos.telerik.com/aspnet-ajax/toolbar/examples/applicationscenarios/ribbonbar/defaultcs.aspx?product=toolbar is affected if you need an example.

Do you know what in the CSS needs to be adjusted to solve this issue as the CSS was fine under the 2008 release, but the Q1 2009 control doesn't work as expected.  Since the CSS didn't change I assume there is sometype of rendering difference between the 2008 and 2009 version of the toolbar.

Thanks,

Doug

[Kamen Bundev]

Hello Doug,

The skins and their rendering changed a great deal between those releases. Regardless, there was a problem with the Internet explorer .rmText padding. It is already fixed, but the examples page will be updated when Q1 SP2 rolls out. As a workaround replace this rule in ApplicationStyles.css:
div.RadMenu_Office2007Big .rmText
{
    padding: 0 !important;
}

with these two:
div.RadMenu_Office2007Big .rmText
{
    padding: 0 0 0 50px !important;
}

div.RadMenu_Office2007Big .rmLevel2 .rmFirst .rmText
{
    padding: 0 0 0 10px !important;
}

This should fix the issue in IE.

Kind regards,
Kamen Bundev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.