Tab routing with child routes

Moderator: Support

tbednarzyk
Posts: 9
Joined: Thu Dec 31, 2020 1:42 pm

Tab routing with child routes

Post by tbednarzyk »

Can someone please assist here! I have an app with Tabs, 5 linked tab routes and a few child routes. I've tried to follow this guide (https://docs.appery.io/docs/ionic-4-ui- ... hild-pages) but can not figure out how to implement what is described under the "Navigation from Tabs to Child Pages" section.

Basically, I have a tab button called EVENTS. It routes to a page called EVENTS. From the EVENTS page, I have a FAB button that redirects a user to another page called "ADDEVENT". On the ADDEVENT page I have a back button in the Header. I want the ADDEVENT page to navigate back to the EVENTS page when clicked but also render the tabs in my app. I can get it to navigate from ADDEVENT page to EVENT page but when I implement it, the Tabs don't render.

What am I doing wrong? I've attached a screenshot to assist with support.

Thanks!

Attachments
Screen Shot 2021-01-19 at 4.50.49 PM.png
Screen Shot 2021-01-19 at 4.50.49 PM.png (186.46 KiB) Viewed 931 times
Galyna Abramovych
Site Admin
Posts: 68
Joined: Tue Mar 22, 2016 6:03 pm

Re: Tab routing with child routes

Post by Galyna Abramovych »

Hello,

Could you please double-check your pages' names?
We have also added more details and screenshots to https://docs.appery.io/docs/ionic-4-ui- ... hild-pages documentation section so that you can easily troubleshoot your realization.

tbednarzyk
Posts: 9
Joined: Thu Dec 31, 2020 1:42 pm

Re: Tab routing with child routes

Post by tbednarzyk »

Thanks for the response. This clarifies the functionality and the documentation makes it much easier to understand. I think one last clarification you might want to add to the documentation is that when you have the routerLink attribute on the primary page, you don't have to add a click event to the same button in addition to the routerLink. Mine wasn't working because I had both a click event and the routerLink for the same button.

Post Reply