RadScheduler looks bad on IE7

[Yaniv]

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.

[Kate]

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

[Yaniv]

Hi Kate,

Please change Document Mode  to IE-7
and not Browser Mode, then you will see what happens.

[Boyan Dimitrov]

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