Framework7: Can't create panel; app already has a right panel!"

Questions
1

This is my code:

<template>
  <f7-page @page:beforein="onPageInit">

    <!-- Right Panel -->
    <f7-panel right cover theme-dark>
    <f7-view url="/panel-right/"></f7-view>
  </f7-panel>

  <f7-navbar >
    <f7-nav-left>
      <img src="../asset/img/logo-se.png" width="50px" style="margin-left:15px"/>

Where is right put the code for right panel ? In which file ?

3

You need to update F7 to latest. Such panel limitations was in old versions

4

Thanks You :slight_smile:

5

I have a this package:
cordova-template-framework7-vue-webpack

my part of package.json:

"framework7": "^4.5.2",
"framework7-icons": "^2.3.1",
"framework7-vue": "^4.5.2",
"html-webpack-plugin": "^3.2.0",
"md5": "^2.2.1",
"mini-css-extract-plugin": "^0.8.2",
"ora": "^3.4.0",
"uniqid": "^5.2.0",
"url-loader": "^2.3.0",
"uuid": "^3.4.0",
"vue": "^2.6.11",
"vue-loader": "^15.8.3",
"vue-style-loader": "^4.1.2",
"vue-template-compiler": "^2.6.11",
"vuex": "^3.1.2",
"webpack": "^4.41.5",
"webpack-bundle-analyzer": "^3.6.0",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.10.2"

How i can update my package ?
Thanks in advantage

6

Uninstall al f7 related packages. Install v5 packages, read f7 docs. And read the migration guide.

1 Like
7

Thanks. i try :slight_smile: