RadScheduler looks bad on IE7

4 posts, 0 answers
  1. Yaniv
    Yaniv avatar
    2 posts
    Member since:
    Sep 2013

    Posted 13 Jan 2014 Link to this post

    Attached - looks how your example looks, after setting the Document Mode to IE7.
    you can try it yourself here: http://demos.telerik.com/aspnet-ajax/scheduler/examples/templates/defaultcs.aspx

    As you can see the first row on every column (the days row) doesn't fit the whole scheduler.
    only setting hard-coded column width solve this but I don't want to do this since I want my scheduler to be responsive.

    Any Idea how to solve this issue?

    Thanks.
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 14 Jan 2014 Link to this post

    Hello Yaniv,

    I tested the demo of the RadScheduler control that you are referring to but I could not get the issue that you describe. Here is a short video demonstrating how it works from my side. Let me know if I am missing something. You can also check the attached image for the Week view.

    Regards,
    Kate
    Telerik
    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 the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yaniv
    Yaniv avatar
    2 posts
    Member since:
    Sep 2013

    Posted 14 Jan 2014 Link to this post

    Hi Kate,

    Please change Document Mode  to IE-7
    and not Browser Mode, then you will see what happens.
  5. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 17 Jan 2014 Link to this post

    Hello,

    Thank you for reply.

    Indeed there is a misalignment issue in both RadScheduler week view and timeline view  when the document mode is changed to IE-7.

    In order to avoid this problem please the following css workaround:
    //css
    <style type="text/css">
        div.RadScheduler .rsHorizontalHeaderTable, div.RadScheduler .rsContentTable, div.RadScheduler .rsAllDayTable {
            width: /*\**/ 100%\9 !important;
        }
     
        * + html div.RadScheduler .rsHorizontalHeaderTable, * + html div.RadScheduler .rsContentTable, * + html div.RadScheduler .rsAllDayTable {
            width: auto !important;
        }
     
        .RadScheduler .rsTopWrap tr.rsHidden {
            display: block;
        }
     
        * + html .RadScheduler .rsVerticalHeaderTable tr.rsMainHeader div.rsMainHeader {
            width: auto;
        }
    </style>

    Please do not hesitate to contact us if you have any questions regarding our controls.


    Regards,
    Boyan Dimitrov
    Telerik
    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 the blog feed now.
Back to Top