Panel links to open on all views?

Here is my code.

<f7-panel left cover>
    <f7-view>
      <f7-page>
        <f7-list>
          <f7-list-item link="/categories/" title="Categories"  class="panel-close" view="#view-home">
            <template #media>
              <fa icon="folder" />
            </template>
          </f7-list-item>
        </f7-list>
      </f7-page>
    </f7-view>
  </f7-panel>

It works fine and open Categories list above the home view but if i go to different view tab then panel menu becomes useless. The Categories list still open behind the scene on home view while user see nothing happening.

Is there anyway to open Panel menu link above all views? or what is the best way to proceed with this?

Use custom click handler and open such links as:

f7.views.current.router.navigate('/categories/')
1 Like