cell misalignment on browser zoom in/out

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

    Posted 04 Nov 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;

     

    http://screencast-o-matic.com/watch/cDXf2ojMIo

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 08 Nov Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
Back to Top