Page 1 of 1

Tab routing with child routes

Posted: Tue Jan 19, 2021 9:51 pm
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!


Re: Tab routing with child routes

Posted: Sat Jan 23, 2021 11:16 pm
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.


Re: Tab routing with child routes

Posted: Sun Jan 24, 2021 3:56 am
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.