Ribbon style in IE

[Andre]

Hello,

I have a problem in Internet Explorer when I add a ribbonbar in RadSlidingZone as you can see on the attached file. With Firefox or Chrome, it works well.

I used the same ribbonbar like in your website
http://demos.telerik.com/aspnet-ajax/ribbonbar/examples/default/defaultcs.aspx

There are three tabs defined in the ribbonbar.

Have you any idea about this?

Thank you,

André

[Princy]

Hello Andre,

I suppose you are trying from latest versions of IE. As far as I know currently, IE6 and IE7 are fully supported, and only Quirksmode still isn't .

Thanks,
Princy.

[Andre]

Hello,

I use IE7. I don't see what the problem could be, but it does'nt work.

Thank you for your answer,

André

[Andre]

Hello,

I have already my problem. Is there somebody who could help me?

Thank you!

André

[Simon]

Hello Andre,

I just tested this with the latest version of Telerik.Web.UI by putting the RibbonBar from the demo you referred to in the middle sliding pane in this demo - http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx - and it worked fine. 

Can you please test with the latest version as well on your side?

Greetings,
Simon
the Telerik team

[Andre]

Hello Simon,

I tried what you suggested me, but I have already the same bug. Here it is the most simple example I tested

<

 

form id="Form1" method="post" runat="server">

 

 

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

 

 

</telerik:RadScriptManager>

 

 

 

<telerik:RadSplitter ID="Radsplitter2" runat="server" Orientation="Horizontal" VisibleDuringInit="false" Width="100%">

 

 

 

<telerik:RadPane ID="Radpane1" runat="server" Scrolling="None" >

 

 

<telerik:RadSlidingZone ID="Radslidingzone2" runat="server" >

 

 

<telerik:RadSlidingPane ID="Radslidingpane4" Title="Pane1" runat="server" Height="160px" >

 

 

 

 

<telerik:RadRibbonBar ID="RadRibbonBar1" runat="server" >

 

 

<telerik:RibbonBarTab Text="Tools_1">

 

 

</telerik:RibbonBarTab>

 

 

<telerik:RibbonBarTab Text="Tools-2">

 

 

</telerik:RibbonBarTab>

 

 

</telerik:RadRibbonBar>

 

 

 

 

</telerik:RadSlidingPane>

 

 

</telerik:RadSlidingZone>

 

 

</telerik:RadPane>

 

 

 

 

 

 

</telerik:RadSplitter>

 

 

</form>

 

 

 

And it does'nt work with IE7, IE8 and IE9.

I use the latest version Telerik.Web.UI

Greetings,

André

[Andre]

Hello,

I have found the problem, but I don't know how to fix it: the bug appears when I set the property Width of the Ribbonbar in Percent.

Until somebody has a solution, I will put a value in pixel, but If someone know how to do....

Thank you again,

Best regards,

André

[Simon]

Hello Andre,

Thank you for additional info.

I finally managed to reproduce the problem. The tab strip of RadRibbonBar is a RadTabStrip and most probably there is a interference of the skins of the RTS and the RadSplitter when the RTS is in the latter.

This problem, however, does not exist with the latest Q2 2011 version of RadRibbonBar because we removed the RTS and implemented another lightweight tab strip. I strongly suggest you upgrade to the latest version of Web.UI as RRB has a lot of fixes and improvements in it.

If you have additional questions, please let me know.

Greetings,
Simon
the Telerik team