FAB button per tab

1

Hi,

I’m using vue with framework7 (framework 7 cli).

I’ve got a page with tabs and tabbar.

I would like to add FAB button only on first tab.

I’m unable to get it working.
If I put markup inside the tab FAB button doesn’t appear. Outside it works but obviously it appears on whole tabs and overlap the tabbar.

If I remove the attribute slot=“fixed” when I copy the code inside the tab it works but the button is not keep in the correct place if the tab has scrollable content.

Any ideas or suggest ?

Regards

2

Maybe you can add an event handler to tab:show event and just show/hide the FAB on the correct tab?

1 Like
3

Hi,

Good idea! I’m going to try.
I need to solve the issue that button overlap tabbar too… Might be some CSS tweak save this

Thank you
Regards

4

It works like a charm thank you

1 Like