Bug: all of sudden controls have stopped rendering properly in all browsers

[JD.]

Need Urgent Help.  I am much tense.

As seen in attached image, all of sudden controls have stopped rendering properly on screen.
Aligment is off track.

Menus now shows extra row, menu items itself is not aligned properly.
numeric controls shows '0' outside of textbox.

To confirm i created another test project and inserted few controls.  there too, the issues are same.
eg. see how Radbutton is displayed in second image.

Please Advice. What's going wrong.

Regards

[Ivan Zhekov]

Hi, JD.

Just by the screenshot it will be impossible to guess what exactly is wrong. Yet it is quite possible you have encountered the 31 stylesheet limit of IE browsers.

If that is the case, it can be fixed by adding RadStyleSheetManager on the page. The stylesheet manager will try to combine the stylesheets in as little as possible files and server them to the browsers.

Greetings,
Ivan Zhekov
the Telerik team

[JD.]

Hi Ivan and (Others who see this post in future).

Issue seems to be resolved. but it was quite a painful effort to discover the cause of issue, definately there is a bug, that either lies in RadControls or VisualStudio , i am not sure.

Initially, when i went through some of answers, it appeared to be a bug so, I took effort to download new version and test the same and there was still issue of rendering a RadButton, same like seen in image,  by chance i happen to run demo application locally and there button would appear normally and other controls also.

After lots of R&D, i found that  "If ever you try to resize button by dragging button corners with your mouse",  in background it modifies StyleSheet file and it goes unnoticed as VisualStudio does not give any alert.  It appears to do that silentely.   The stylesheet file is a standard one that is created by VisualStudio when you create a new web application project.  I only have that one stylesheet file and contents of the file are same as what VisualStudio created. (expect few changes in margin and color codes).

My observation was that it changes following ...
1. hyperlink by adding top and left attributes.  at times top and left goes into negative.
a:link, a:visited
{
    color: #034af3;
    top: 0px;
    left: 0px;
}

2. It also changes below css class by modifying margin and at times padding attributes.
.main
{
    padding: 10px 10px 10px 10px;
    margin: 5px 1px 1px 1px;
    min-height: 400px;
}

When i reverted the stylesheet file from one of the old backups, things got restored back.
What I fail to understand why resizing of radcontrols would change my custom css class attributes and anchor attributes ?  is this the problem of Visual Studio or Radcontrols ?  

I have seen VisualStudio adding stylesheet at top of the .aspx page when i create a table or resize controls, but never seen that it changes stylesheet file directly.

if Telerik Team wants to reproduce this, just create a new Web Application Project, Drop the button and try to resize button. it will change the stylesheet.  I have tried this with your latest version too.

Let us know your feedback on this.

Regards

[Ivan Zhekov]

Hi, J.D.

Thank you for the extensive feedback. We'll definitely check this and see if things could be fixed, or at least write a help topic and add it to the troubleshooting.

Regards,
Ivan Zhekov
the Telerik team