Custom page transitions?


Is it possible to create custom page transitions and if so how? :slight_smile:

We would like to make a page transition that slide op and over the old page, rather than the built-in slideTop that pushes the previous page upwards.

Is that possible?


@triniwiz do you have a plugin that handles this? The Pager? ( Or would you recommend building a new plugin to handle this?


@jen.looper for custom transitions he can start here =>


Thank you @triniwiz I had missed that in the documentation. :blush:


How does one use custom transitions when using Angular? I can’t find anything on it.


Yes, you can.

You need to use the RouterExtension.

      this.routerext.navigate(['/path/to/new/page'], {
        transition: {
          instance: new CustomTransition()

I don’t think you can do it with the nsRouterLink-directive.


Thank you @m_abs! I’m sure it was in the docs somewhere, just not anyplace I was smart enough to look! :slight_smile:


It’s not well-documented on the website.

If you read:

NavigationOptions.transition is an NavigationTransition, which is documented here: