How can I navigate to another set of tabs?

@AlGantori wrote:

I would like the ability to load a different set of tabs. I see nothing in the following tab specification, on how to tell that the second tab “Reports” could be another set of tabs and that perhaps the coder wants the second set of tabs to be “pushed” rather than just a tab with a page activated.

TabsSet1.html looks like this:

<ion-tabs  #Tabs [selectedIndex]="0" preloadTabs="true">

  <ion-tab [root]="RequestsRoot" tabTitle="Requests" tabIcon="apps"></ion-tab>
  <ion-tab [root]="ReportsRoot" tabTitle="Reports" tabIcon="stats"></ion-tab>
  <ion-tab [root]="UserOptionsRoot" tabTitle="Settings" tabIcon="settings"></ion-tab>

</ion-tabs>

TabsSet2.html looks like this:

<ion-tabs  #Tabs [selectedIndex]="0" preloadTabs="true">

  <ion-tab [root]="Report1Root" tabTitle="Report 1" tabIcon="people"></ion-tab>
  <ion-tab [root]="Report2Root" tabTitle="Report 2" tabIcon="document"></ion-tab>
  <ion-tab [root]="Report3Root" tabTitle="Report 3" tabIcon="pie"></ion-tab>

</ion-tabs>

in TabsSet2.ts constructor I set the following:

this.Report1Root = Report1Page;
this.Report2Root = Report2Page;
this.Report3Root = Report3Page;

in TabsSet1.ts I set this.ReportsRoot = TabsSet2 and
I do get the default tab of TabsSet2 thus the page Report1Page activated and displayed but the tabs and icons remain the same, that is the 1st set of tabs specified in TabsSet1.html remain in view except for tab2, tab1 and tab3 still point and activate “Requests” and “Settings” respectively.

I have also tried having ReportsRoot be a temporary ordinary page which then via setTimeout 10ms, attempts to do setRoot( TabsSet2 ) but without success, the first tabs (icons/labels) defined in TabsSet1 remain in view.

To summarize, the desired effect would be, for example, select the second tab and a new set of tabs/icons appears. The coder should have the ability to specify statically or control programmatically if they are being pushed and thus a “back arrow” would appear on the top left in the navigation bar (much like pushing a page) This will give a cue to the users that they can back out of the “Reports” tabs.

Thanks for any help.

Posts: 1

Participants: 1

Read full topic