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

Problem in visual transitioning during navigate() on iOS7

7 Answers 62 Views
Application
This is a migrated thread and some comments may be shown as answers.
Sergei
Top achievements
Rank 1
Sergei asked on 18 Mar 2014, 03:29 AM
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.

7 Answers, 1 is accepted

Sort by
0
Sergei
Top achievements
Rank 1
answered on 18 Mar 2014, 01:55 PM
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?
0
Petyo
Telerik team
answered on 19 Mar 2014, 10:04 AM
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!
 
0
Sergei
Top achievements
Rank 1
answered on 19 Mar 2014, 10:19 AM
how do I disable that special you transition? I'm fine the way to hold on works for now.
0
Sergei
Top achievements
Rank 1
answered on 19 Mar 2014, 02:44 PM
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;
}


0
Petyo
Telerik team
answered on 20 Mar 2014, 09:06 AM
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!
 
0
Sergei
Top achievements
Rank 1
answered on 24 Mar 2014, 04:06 PM
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?
0
Petyo
Telerik team
answered on 26 Mar 2014, 07:40 AM
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!
 
Tags
Application
Asked by
Sergei
Top achievements
Rank 1
Answers by
Sergei
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or