Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Option to turn off transitions on navigation? #339

Open
gbhatnag opened this issue Oct 15, 2015 · 4 comments
Open

Option to turn off transitions on navigation? #339

gbhatnag opened this issue Oct 15, 2015 · 4 comments

Comments

@gbhatnag
Copy link

I currently have a tabbed interface. Each tab points to its own route. The default behavior is for the new route's header title to slide in from the right and the header icons to fade in (kind of tough to see with this GIF, but if you look closely at the header, you can see the movement from the transition: demo).

I'd like to turn this behavior off and have the content appear without transition effects -- just like a normal page. How would I go about turning the transitions off?

@nickw
Copy link

nickw commented Oct 15, 2015

Hmm yeah that shouldn't be happening. It's possible something isn't set up correctly. Is there any code you can post? Have you followed the basic structure of the example apps like Meteor Hunt?

@gbhatnag
Copy link
Author

Things are very basic right now. I haven't looked at Meteor Hunt, but have been following the Guide and code for the demo of all components.

Here are a few files that I'm working with -- https://gist.github.com/gbhatnag/15892feb6004ad6b6eeb

Hope there's something simple I'm missing that'll get the navigation transitions working as expected. I'll take a closer look at Meteor Hunt as well -- the tabs there are working as expected.

@gbhatnag
Copy link
Author

Any word on this? Can't seem to find any differences between Meteor Hunt code and what I've got that would relate to this. Could the @Router.onBeforeAction requireLogin in my routes cause the swiping on every single view? Can't see much else that's different...

Here's the list of packages my project uses -- maybe there's a conflict somewhere?
https://gist.github.com/gbhatnag/d8e81706fbeac8933f60

@gbhatnag
Copy link
Author

Looks like this has to do with the loading template I am using in-between routes. I define the loading template in the controller that handles all routes for this app:

...
this.AgentController = this.TicketableController.extend({
  loadingTemplate: 'ionicLoading',
  ...
});

I don't see any code that triggers the loading spinner when waiting for data to come through in the Meteor Hunt app (i.e. /trending, /recent). Could you point me to when & how you're loading that spinner? I think if I replace my current loadingTemplate with just a simple spinner instead of an entire layout, it should do the trick...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants