RadToolBar messed up on IE

[Syazwan Ahmad]

The customized ToolBar (with custom sprite and CssClass) works on FireFox, but doesnt work on IE (tested on 6 & 8).

Any suggestions how to fix this?

FireFox
InternetExplorer

Funny thing is, I have another ToolBar on another page that uses the exact same .css file, only different sprite.gif, and it works on IE. So I'm at loss.

[Yana]

Hi Syazwan,

I guess that some other styles on the page overwrite RadToolBar's styles. Could you please send us a live url where we could observe this issue?

Regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Syazwan Ahmad]

I was afraid you'd ask for that. Give me some time to set it up for outside access.

Thanks.

[Syazwan Ahmad]

Never mind, we solved the issue. Apparently it is due to IE incapability to support too many CSS files (30 I think, is the limit).

[Paul]

Hi Syazwan,

I guess you've hit a known limitation of Internet Explorer - it can load up to 32 CSS files and if there are more, they will be ingnored. This problem can occur in case you are using a theme with a lot of CSS (when you register the theme, automatically all the CSS is declared) or you have declared a lot of RadControls on the page. If you are using a theme you can test my assumption by removing it and test whether the controls' CSS will load correctly.

If this is the case I suggest to either use a RadStyleSheetManager which will combine all the CSS on the page or reduce the CSS.

Best wishes,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Syazwan Ahmad]

Yes, we are now using RadStyleSheetManager and only 1 CSS file requested, so everything works now.

Thanks!