vandenbroele
Top achievements
Rank 1
Rank 1
vandenbroele
asked on 21 Dec 2012, 09:41 AM
Hi,
I'm using the RadSplitter together with RadSlidingPanes in a rather big project.
Everything worked fine (with version 2012.1.215.35) until recently in IE 10. In IE10/Win 8 the panes would not move.
I've upgraded to version 2012.3.1205.35 and the panes are working again, but there's a rendering error (also in IE9). When I open and close a pane, the pane displays on the bottom of the screen.
I've tested this with the demo found here: http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx
The problem is our DocType. In our project we must use <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
I know everything works fine with Doctype 4.01, but I can't use this for now in this project.
Is there any workaround or a fix?
Thanks in advance!
I'm using the RadSplitter together with RadSlidingPanes in a rather big project.
Everything worked fine (with version 2012.1.215.35) until recently in IE 10. In IE10/Win 8 the panes would not move.
I've upgraded to version 2012.3.1205.35 and the panes are working again, but there's a rendering error (also in IE9). When I open and close a pane, the pane displays on the bottom of the screen.
I've tested this with the demo found here: http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx
The problem is our DocType. In our project we must use <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
I know everything works fine with Doctype 4.01, but I can't use this for now in this project.
Is there any workaround or a fix?
Thanks in advance!
6 Answers, 1 is accepted
0
Hi Tom,
RadControls for ASP.NET AJAX are built upon XHTML doctype and require such to function correctly. Nevertheless, could you please provide more detailed information (along with screenshosts/videos/sample page) regarding the experienced rendering issues so we can try to provide suitable workaround?
Greetings,
Dobromir
the Telerik team
RadControls for ASP.NET AJAX are built upon XHTML doctype and require such to function correctly. Nevertheless, could you please provide more detailed information (along with screenshosts/videos/sample page) regarding the experienced rendering issues so we can try to provide suitable workaround?
Greetings,
Dobromir
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
vandenbroele
Top achievements
Rank 1
Rank 1
answered on 04 Jan 2013, 09:24 AM
Dear Dobromir,
Thanks for your reply.
I have included two screenshots with the Telerik demo. The only difference is the use of Doctype 4.0.
In Firefox and Chrome everything looks ok, only IE gives a problem.
On the first screenshot you can see that the title-bar of Pane3 is visible on top of everything else.
On the second screenshot I have opened Pane3 and closed it again. After I did that Pane3 is completely visible below. No matter what you do Pane3 remains visible.
Kind regards.
Thanks for your reply.
I have included two screenshots with the Telerik demo. The only difference is the use of Doctype 4.0.
In Firefox and Chrome everything looks ok, only IE gives a problem.
On the first screenshot you can see that the title-bar of Pane3 is visible on top of everything else.
On the second screenshot I have opened Pane3 and closed it again. After I did that Pane3 is completely visible below. No matter what you do Pane3 remains visible.
Kind regards.
0
Hi Tom,
We managed to reproduce a similar problem only with "Quirks" document mode. Could you please, verify that you are not running the page under such a mode or whether there is no anything else which differs your page from the demo?
Basically, the controls should work fine even with Doctype 4.0 - it is not officially supported, but behaves well in most scenarios.For our convenience I am attaching my test page here - I used 2012.3.1205 version of the controls as mentioned and test it under IE8, IE9, IE10 along with the above provided Doctype. You could see the video from my test here.
Looking forward to hearing from you,
Vesi
the Telerik team
We managed to reproduce a similar problem only with "Quirks" document mode. Could you please, verify that you are not running the page under such a mode or whether there is no anything else which differs your page from the demo?
Basically, the controls should work fine even with Doctype 4.0 - it is not officially supported, but behaves well in most scenarios.For our convenience I am attaching my test page here - I used 2012.3.1205 version of the controls as mentioned and test it under IE8, IE9, IE10 along with the above provided Doctype. You could see the video from my test here.
Looking forward to hearing from you,
Vesi
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
vandenbroele
Top achievements
Rank 1
Rank 1
answered on 11 Jan 2013, 12:03 PM
Hi,
Thanks for your reply.
Our application is rather old and must use the "Quirks"-mode. With the previous versions of the Telerik-controls everything was running fine (except under IE 10). Only with the newer versions it's not working anymore.
I hope there's a workaround.
Kind regards.
Thanks for your reply.
Our application is rather old and must use the "Quirks"-mode. With the previous versions of the Telerik-controls everything was running fine (except under IE 10). Only with the newer versions it's not working anymore.
I hope there's a workaround.
Kind regards.
0
Hi Tom,
We managed to fix this issue internally and it would be available for the next upcoming release. For the time being you could use the following workaround:
Greetings,
Vesi
the Telerik team
We managed to fix this issue internally and it would be available for the next upcoming release. For the time being you could use the following workaround:
/* RadSlidingPane elements position *//* QuirksMode support for RadSlidingPanes */.RadSlidingPaneQuirksMode{ _position: absolute; _top: -9999px; _left: 0; _overflow: hidden;}Greetings,
Vesi
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
vandenbroele
Top achievements
Rank 1
Rank 1
answered on 21 Jan 2013, 10:00 AM
Great, this works indeed!
Thank you very much!
Thank you very much!