Framework7 - Split view shows under tab bar


Completely new to Framework7. I have setup the Tab bar in cordova

Now this has multiple tabs and has a left panel which opens the menu, inside of it there are links.

If you look at the other example for split-view, where if the link is clicked in the panel, a popup kind of window is opened in the main view.

When I tried to merge it in the tab bar setup I have, the link opens inside only the first tab. Even if I switch tabs, open the menu and click a link, it will still open it in the first tab.

I am trying to open the left panel link over the main view, above all the tabs, something like a preferences page.

Demo link -

  1. If you open the left panel and click About, the view opens in the first tab, Home Page

I want to know how to open that view over all the tabs like in the split-view demo link above.

  1. Also, if you navigate to any other tab, open the left panel and click About, the view still opens in the first tab. This is an issue.

I just want to open any links in the panel over all the tabs.


Hi DEV, do you want to open the panel links on the tabs?
The example uses a normal link

  • MENU


            <a class="link" href="/YOUR-ROUTER/"> menu 1 </a>

  • #3

    No. If you see the split-view example link, clicking the panel link opens the pages above the view-main.

    But in tab view, it is opening inside the tab-view.

    I want to open the panel link, exactly like in the split-view example - over the view-main, masking those tabs. Not inside any tabs-view.