I’m trying to make something that should be very common, but I can’t find a solution.
From the initial screen of my app, I would like to open a registration flow in 3 steps.
I would like to open the first screen from bottom to top and then letting the user go through the 3 steps, showing the 3 pages with a horizontal animation.
If I just use the
routerLink to open the first step of the registration, the page will enter from the right (bad), but then also the following step will do the same (good).
If I open the first step as a modal, it will enter from bottom to top (good), but if I use the routerLink to go to the second step, the modal will stay there, covering the page.
If I close the modal and open another one, it will disappear from top to bottom and open another one from bottom to top. Not want I want.
So, in order to solve it, I should find a way to:
- Have a multi-step modal
- Or: Set the first page transition in order to enter from the bottom, opening it with the
routerLinkand not as a modal