Change navigation animation direction


#1

Hello, my application is in Hebrew, that mean Right-to-Left application.
I already have done all the RTL fixes, but one thing I didn’t made - changing navigation side.

Video for example:

As you can see, the navigation animation is from right to left, and it’s should be left-to-right in RTL applications.

This 2 pages have this css properties:
Previous page (hidden):

-webkit-transform: translate3d(-100%, 0px, 0px);
display: none;

Current page:

-webkit-transform: translate3d(0%, 0px, 0px);

I need to find the code in Ionic javascript files that will change it.


#2

Go to this page: http://www.gajotres.net/ionic-framework-tutorial-8-page-navigation/

Look for the chapter: Animate page transitions

Read about nav-direction


#3

I don’t think it’s the best solution. It means i should put in every link nav direction directive (for android devices only)
It’s not so good idea


#4

That’s the only option you have now, everything else is just digging through Ionic JS/CSS file and manually changing everything.

Though, you can even do it programatically:

$ionicViewSwitcher.nextDirection('back ');
$state.go('app.second');

Then again don’t be lazy, if you had time to add this buttons you will find time to add this additional parameter. I’ll bet you’ll spend more time looking for an alternative solution then it would take you to add everything manually as it should be.

PS. There’s one thing you can do. Post a request at the official Ionic GitHub to include this configuration on a app level, like these: http://ionicframework.com/docs/api/provider/$ionicConfigProvider/


#5

Hi Gajotres, I am also trying to make a RTL app, and i managed to do everything, except reversing the back animation, and i was wandering where to put the code you posted? is it under the config.provider? or in another place in app?

Thanks…