We are using Telerik RadControls 2012 Q3.
In our project we are also using JQuery-UI tabs and we have the following html structure:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
</ul>
<div id="tabs-1">
Tab1 Content
</div>
<div id="tabs-2">
<iframe width="100%" height="700px" src="Editor.aspx" scrolling="no" frameBorder="0" id="IframeArticleEditor" />
</div>
</div>
RadEditor is included in Editor.aspx.
Obviously, when the page is loaded, tab2 with RadEditor is hidden.
After page is loaded, when we enable Tab2, toolbar layout in RadEditor is crashed.
Also, RadEditor layout is crashed if you try to change its size by moving right bottom corner.
This issue occurs in IE9 only, Chrome and Firefox works well.
Attached hereto please find a test project.
In our project we are also using JQuery-UI tabs and we have the following html structure:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
</ul>
<div id="tabs-1">
Tab1 Content
</div>
<div id="tabs-2">
<iframe width="100%" height="700px" src="Editor.aspx" scrolling="no" frameBorder="0" id="IframeArticleEditor" />
</div>
</div>
RadEditor is included in Editor.aspx.
Obviously, when the page is loaded, tab2 with RadEditor is hidden.
After page is loaded, when we enable Tab2, toolbar layout in RadEditor is crashed.
Also, RadEditor layout is crashed if you try to change its size by moving right bottom corner.
This issue occurs in IE9 only, Chrome and Firefox works well.
Attached hereto please find a test project.