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

Strange looking transitions on iOS

4 Answers 11 Views
NativeScript Insiders
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
TJ
Top achievements
Rank 1
TJ asked on 08 Jan 2015, 02:59 PM
Hey all,

My transitions on iOS look weird. There's a weird transparent effect going on that I don't understand. Here's a video: https://www.dropbox.com/s/7a7fh5yjrfddkfc/transition-transparency.mov?dl=0.

Is this behavior expected?

Thanks,
TJ

4 Answers, 1 is accepted

Sort by
0
Accepted
Alex
Telerik team
answered on 09 Jan 2015, 09:29 AM
Hi TJ,

The reason for this behavior is that the pages have transparent background by default -  so you can still see the previous page while the animation is still in progress. You can try setting a background-color in CSS for the main layout container in you pages to fix that.


Regards,
Alex
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
TJ
Top achievements
Rank 1
answered on 09 Jan 2015, 03:40 PM
Hey Alex,

Yep, that did the trick. Thanks! Just fyi I tried to set CSS on the `<Page>` first, which didn't work. After rereading your comment I saw that I completely missed “main layout container”, and then I was good.

Are CSS declarations valid on the Page element? I had assumed that they were but that doesn't appear to be the case.

TJ
0
Alex
Telerik team
answered on 09 Jan 2015, 03:56 PM
Hi,

You are right. CSS is not applied to the Page in the 0.42 version. We have fixed that already, so in the next release you can apply the background directly to the page.

Regards,
Alex
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
TJ
Top achievements
Rank 1
answered on 09 Jan 2015, 03:58 PM
Awesome! Thanks again.
Tags
NativeScript Insiders
Asked by
TJ
Top achievements
Rank 1
Answers by
Alex
Telerik team
TJ
Top achievements
Rank 1
Share this question
or