Using tab-link outside of toolbar

Hi all, only 21 days left till Christmas :slight_smile: !

I am using f7-Vue and have a question about using <f7-link tab-link="#view-id"> outside of <f7-toolbar>. My app has a number of tabs which work just fine when navigating by clicking on the toolbar links. Correct view shown, toolbar animation and styling applied fine too.

Now what I want to do is to show another another tab (Profile) once users click a link/button/whatever within different tab (Summary). The link is within Summary is in a f7-card element and looks as follows:

 <f7-link
    tab-link="#view-profile"
    text="Go to profile"
 />

So the issue Iā€™m facing is that once users click on the link then the Profile tab(view) is shown correctly but with no change to bottom toolbar. Toolbar still shows as if users are still on the Summary page.

Iā€™m not sure if what I want is possible or if f7-toolbar only responds to f7-link elements if they are nested within?

Thanks in advance for any help!

<f7-link
    @click="$f7.tab.show('#view-profile')"
    text="Go to profile"
 />
1 Like

Fantastic, thanks lot!