This is a migrated thread and some comments may be shown as answers.

cell misalignment on browser zoom in/out

1 Answer 37 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Tony
Top achievements
Rank 1
Tony asked on 04 Nov 2016, 07:34 PM

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

Sort by
0
Ivan Zhekov
Telerik team
answered on 08 Nov 2016, 08:29 AM
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
 
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.
 
Tags
Scheduler
Asked by
Tony
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Share this question
or