cell misalignment on browser zoom in/out

2 posts, 0 answers
  1. George
    George avatar
    53 posts
    Member since:
    Apr 2014

    Posted 04 Nov 2016 Link to this post

    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;



  2. Ivan Zhekov
    Ivan Zhekov avatar
    604 posts

    Posted 08 Nov 2016 Link to this post


    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?

    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.
Back to Top