Wrong rendering with Doctype 4.0

7 posts, 0 answers
  1. vandenbroele
    vandenbroele avatar
    17 posts
    Member since:
    Sep 2007

    Posted 21 Dec 2012 Link to this post

    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!
  2.
  3. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 24 Dec 2012 Link to this post

    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
    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.
  5. vandenbroele
    vandenbroele avatar
    17 posts
    Member since:
    Sep 2007

    Posted 04 Jan 2013 Link to this post

    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.
  7. Vessy
    Admin
    Vessy avatar
    1811 posts

    Posted 08 Jan 2013 Link to this post

    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
    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.
  9. vandenbroele
    vandenbroele avatar
    17 posts
    Member since:
    Sep 2007

    Posted 11 Jan 2013 Link to this post

    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.
  11. Vessy
    Admin
    Vessy avatar
    1811 posts

    Posted 15 Jan 2013 Link to this post

    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:
    /* 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.
  13. vandenbroele
    vandenbroele avatar
    17 posts
    Member since:
    Sep 2007

    Posted 21 Jan 2013 Link to this post

    Great, this works indeed!
    Thank you very much!
  14.
Back to Top