I have noticed that when a user zooms their browser in/out that the scheduler grid becomes misaligned with the dates. I have turned off/on various css properties i have defined in and around the scheduler and cannot seem to figure out why it is doing this. In some zoom sizes the scheduler loads fine. And other it looks terrible. Please advise!
I have attached some videos and images...
Currently my scheduler is sitting in a parent div with a height that is a css calculation against the vh (ie calc(100vh - 23px). It also is set to overflow:hidden;
http://screencast-o-matic.com/watch/cDXf2ojMIo
1 Answer, 1 is accepted
0
George,
I've created a simplified version of your page based on the description you provided, which you can see here -- http://dojo.telerik.com/@joneff/epIpo.
However, even with page zooming applied, the scheduler on my end does not break row alignment.
Perhaps there is more to the example. Could you modify the example I've sent so it always produces the behaviour you described?
Regards,
Ivan Zhekov
Telerik by Progress
I've created a simplified version of your page based on the description you provided, which you can see here -- http://dojo.telerik.com/@joneff/epIpo.
However, even with page zooming applied, the scheduler on my end does not break row alignment.
Perhaps there is more to the example. Could you modify the example I've sent so it always produces the behaviour you described?
Regards,
Ivan Zhekov
Telerik by Progress
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.