meteoric / meteor-ionic

Ionic components for Meteor. No Angular!
http://meteoric.github.io
MIT License
1.51k stars 219 forks source link

Option to turn off transitions on navigation? #339

Open gbhatnag opened 8 years ago

gbhatnag commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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 commented 8 years ago

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...