Problem in visual transitioning during navigate() on iOS7

8 posts, 0 answers
  1. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 17 Mar 2014 Link to this post

    Please take a look at the video: https://www.youtube.com/watch?v=M_qL1djVWWs 

    Any idea on how to fix this? 

    I have no such problems with iPad iOS6. Maybe it's the version difference or screen size difference.
  2. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 18 Mar 2014 in reply to Sergei Link to this post

    I've been playing more with it and it seems that the slide transition works differently on the iOS7 iPhone. It looks like it squishes the leaving view (on the left side if navigating forward) instead of sliding it out. Is it real or I am dreaming?
  3. Kendo UI is VS 2017 Ready
  4. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 19 Mar 2014 Link to this post

    Hi Sergei,

    You are not dreaming at all. The effect you describe is actually our take on imitating the new push transitions introduced in iOS 7 native UI. Unlike iOS 6, the next view indeed overlaps the previous one. In our upcoming release (Q1), we put some more effort in the details - the previous view gets dark, and the header contents are animated differently. 

    Now, the interesting thing is that in your video I can see the previous view elements overlapping the next one. We have not observed such issue so far. My suggestion is to upgrade to Q1 and see if it changes anything. If the previous view contents still pop over the next view, we will look into this problem further. 

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 19 Mar 2014 Link to this post

    how do I disable that special you transition? I'm fine the way to hold on works for now.
  6. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 19 Mar 2014 Link to this post

    In case somebody else needs it, you need to comment out one line to disable that new transition for now.

    if (ios7 && effects == "tile:left") {
        //options.previousDivisor = 3;
    }


  7. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 20 Mar 2014 Link to this post

    Hi Sergei,

    Thanks for sharing this. It is worth noticing that in Q1 the mobile transitions are described via CSS declarations, so such thing may be achieved by overriding some transition classes offsets. 

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 24 Mar 2014 in reply to Petyo Link to this post

    So I have downloaded the 03928telerik.kendoui.mobile.2014.1.321.commercial update and applied it to the project.
    The tearing issue is gone but the transition effect looks like ios6 effect, there's no overlap, like it was trying to, it simply slides the view out. Does it mean you gave up on the new transition effect?
  9. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 26 Mar 2014 Link to this post

    Hello Sergei,

    I am not sure I understand you correctly. The overlap is still present on our mobile demos when tested on iOS7 iPhone.

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready