Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 230819

[V4] How to open a page from bottom to top, without being a modal

$
0
0

1. Have a multi-step modal
2. Or: Set the first page transition in order to enter from the bottom, opening it with the routerLink and not as a modal

I updated my example to show how you can do custom animations on a per ion-nav basis. It’s quite a lot of code to digest in a codepen (no typescript either :frowning: ), but it’s basically copied and modified from the material design transition docs: https://github.com/ionic-team/ionic/blob/03c1d19e0740365ed109298c013441138b28353f/core/src/utils/transition/md.transition.ts
To modify the animation you just need to pass the ion-nav a property of animation with an AnimationBuilder function: https://ionicframework.com/docs/api/nav

This example now has a modal that includes multi-step navigation (ion nav within a modal) and has cusom animatinos to slide right-to-left with each page (default is slide up on md).

https://codepen.io/corysmc/pen/vMoywo?editors=1010


Viewing all articles
Browse latest Browse all 230819

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>