12208 comments found.
I am planning to use ASP.NET core (ASP.NET Core & Angular) it provides Metronic v6.x . I am interested to know Q1. if I can use V8.x as I have the license purchased separately. if yes how do I use it? Q2 any ETA on Demo 1 Angular version ?
Hi 
,
Thanks for your interest in Metronic.
Yes, you can get all future updates of Metronic for free for the same project or client. So when a new update of Metronic arrives you can simply download it from your Themeforest downloads page. Metronic v8 Angular version will be out in several weeks.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
I’m looking in Metronic 8 demo and I miss the “Forms” pages with examples for multiple input types.
This is a backend template and should have more example of forms and upload inputs.
I like that you have created some more “realistic” pages, but it’s also useful more generic pages likes this in metronic 7 https://preview.keenthemes.com/metronic/demo1/crud/forms/controls/base.html
Hi ,
We are currently working on this for Metronic v8 and more extended form features(input groups, select2 country list with flags, select2 user list with avatars, tagify with country flags and user avatars, etc) will be released in the following updates.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Uncaught (in promise) TypeError: Object(...) is not a function
at eval (Widget9.vue?d769:7)
at Module../node_modules/vue-loader-v16/dist/templateLoader.js?./node_modules/vue-loader-v16/dist/index.js?!./src/components/widgets/tables/Widget9.vue?vue&type=template&id=076baeca (13.js:23)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (Widget9.vue?df6a:1)
at Module../src/components/widgets/tables/Widget9.vue?vue&type=template&id=076baeca (13.js:59)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (Widget9.vue?da11:1)
at Module../src/components/widgets/tables/Widget9.vue (13.js:35)
vue-router.esm-bundler.js?6c02:72 [Vue Router warn]: uncaught error during route navigation:
warn @ vue-router.esm-bundler.js?6c02:72
vue-router.esm-bundler.js?6c02:3264 TypeError: Object(...) is not a function
at eval (Menu.vue?d418:91)
at Module../node_modules/vue-loader-v16/dist/templateLoader.js?
./node_modules/vue-loader-v16/dist/index.js?!./src/layout/aside/Menu.vue?vue&type=template&id=2573401c (14.js:320)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (Menu.vue?5bb3:1)
at Module../src/layout/aside/Menu.vue?vue&type=template&id=2573401c (14.js:797)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (Menu.vue?7a81:1)
at Module../src/layout/aside/Menu.vue (14.js:761)
triggerError @ vue-router.esm-bundler.js?6c02:3264
vue-router.esm-bundler.js?6c02:72 [Vue Router warn]: Unexpected error when starting the router: TypeError: Object(...) is not a function
at eval (Menu.vue?d418:91)
at Module../node_modules/vue-loader-v16/dist/templateLoader.js?
./node_modules/vue-loader-v16/dist/index.js?!./src/layout/aside/Menu.vue?vue&type=template&id=2573401c (14.js:320)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (Menu.vue?5bb3:1)
at Module../src/layout/aside/Menu.vue?vue&type=template&id=2573401c (14.js:797)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (Menu.vue?7a81:1)
at Module../src/layout/aside/Menu.vue (14.js:761)
warn @ vue-router.esm-bundler.js?6c02:72
Hi,
Thanks for your interest in Metronic.
Metronic’s Vue version is well tested and works fine. Probably the issue is related to your Node and NPM versions. Can you please try to update your node and npm version and follow the installation steps as explained here ?
If you need any further help please let us know.
Regards, Sean
I have updated but same issue is going
Please refund the amount
Sure, your refund is approved. Thanks for your interest in Metronic.
Hi, I’m trying to npm install but i’m getting this error.
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: demo1@8.0.22 npm ERR! Found: vue@3.0.7 npm ERR! node_modules/vue npm ERR! vue@”3.0.7” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@”3.1.x” from element-plus@1.0.2-beta.70 npm ERR! node_modules/element-plus npm ERR! element-plus@”^1.0.2-beta.52” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See /Users/sathvi/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in: npm ERR! /Users/sathvi/.npm/_logs/2021-08-11T08_42_49_053Z-debug.log
I resolved thanks
Now I got other issue. 98% after emitting CopyPlugin
ERROR Failed to compile with 1 error 14:24:02Syntax Error: Error: No ESLint configuration found in /Users/sathvi/Documents/Project/Lexis/vue/src.
You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. Issues checking in progress… No issues found.
cript&lang=ts @ ./src/layout/Layout.vue?vue&type=script&lang=ts @ ./src/layout/Layout.vue @ ./src/router/index.ts @ ./src/main.ts @ multi (webpack)-dev-server/client?http://192.168.29.204:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts
ERROR in ../demo2/src/core/helpers/config.ts:1:26 TS2307: Cannot find module ‘vue’ or its corresponding type declarations. > 1 | import { computed } from “vue”; | ^^^ 2 | import store from ”@/store/index”; 3 | 4 | /**
Hi,
Could you please try to use “npm install” instead of “yarn” to install the plugins. If it works, you can proceed with “yarn serve” command.
Thanks
Hello, we are using the vuejs version. Everything was working fine until yesterday it suddenly breaks.
May we know what we should do to rectify this.
TS2305: Module ’”../node_modules/vue/dist/vue”’ has no exported member ‘onMounted’.
import { defineComponent, onMounted, ref } from “vue”;
TS2614: Module ’”../node_modules/vuex/types”’ has no exported member ‘useStore’. Did you mean to use ‘import useStore from ”../node_modules/vuex/types”’ instead?
import { useStore } from “vuex”;
TS2724: Module ’”../../../node_modules/vue/dist/vue”’ has no exported member ‘ref’. Did you mean ’$ref’?
import { defineComponent, onMounted, ref } from “vue”;
Hoping for a prompt response. Thank you in advance.
Hi,
Can you please try to do the following steps?
1)Verify that you have file vue/demo1/src/shims-vue.d.tsvue/demo1/src/shims-vue.d.ts.
2)Delete node_modules folder and then add it again with yarn command.
3)Make sure that all dependencies there installed correctly.
Then try to run the app again with yarn serve.
Regards,
Lauris
Hi, Thank you. Will try this one. Update you again. Thank you for your response.
Hello, Do you plan to add Laravel + Vue version? if yes; any vague ETA?
Hi ,
Thanks for your interest in Vue. Yes, we will be working on this direction and release it soon. At the moment we can not confirm ETA but we will do our best to deliver it as soon as possible.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Do you have somethink similare to this: https://prnt.sc/1mhwy4h made by https://github.com/mengxiong10/vue2-datepicker If no, Is it possible to add it, espicially I think it is a verry usefule addon. Thank you
Hi ,
Thanks for the suggestion. We will consider adding this in a future update. If you have any other suggestions please let us know.
Regards, Sean
How do I disable the auth module completely from the latest vie version of Medtronic 7 demo3.
Documentation only tells you to remove it from layout.vue but main.js has a beforeeach router function that verifies auth on every route.
How could I disable it completely so I can use my own
Hi,
Yes, look like in the doc some things are not described.
In Layout.vue you should remove v-if=”isAuthenticated” from the root element.
In main.js you need to remove MockService.init(); since in your app you will use a real api to make http requests, and inside beforeEach event need to remove this line of code.
Promise.all([store.dispatch(VERIFY_AUTH)]).then(next);
Regards,
Lauris
Hi @keenthemes, I have been using laravel8 version one of my project too. But problem is, for dynamic route your config/demo1/pages.php parameters not working. as like I have a route with (/admin/account/{id}). This id is dynamic thats why pages config didn’t work. what can we do?
Hi,
We will consider to add support menu/page config for this type of route in future updates soon. Currently only static menu is supported.
Thanks
Hi I’m using Metronic 8 HTML in a laravel 8 project with livewire. I have a modal, loaded in livewire. In this modal I have a form, and inside this form, a “Select2” input. Each time i change anything in my form (select an option of this select2 or type anything in a text field on this form), livewire refresh all the component, then the “select2” is lost and become a standard select. I don’t know how to “listen” the refresh of the component to reload the “KTApp.init();” Js function. Can you help on this point ?
Hi,
Please check on this doc about the event in the livewire. You could try to execute “KTApp.init();” inside the event.
https://laravel-livewire.com/docs/2.x/events#in-jsThanks
Hello I fixed this issue adding this listener script :
<script> window.addEventListener(‘contentChanged’, event => { KTApp.init(); }); </script>
and in the render() method of the livewirecomponent, I added this line :
public function render() { $this->dispatchBrowserEvent(‘contentChanged’); //.... }
it works very well. Thank you. Hope it can be usefull for other people
Hi,
You are great! Glad you have solved it. It can be useful for others. Feel free to let us know if you need help.
Thanks
You used this js ( http://bp.yahooapis.com/2.4.21/browserplus-min.js ) in metronic admin theme and yahooapis server is down from last week and lots of buttons stop works because of this what is other solution you offer because no one know when yahooapis server will be back and all our clients websites button stopped and giving js error
Hi,
Thanks for your interest in Metronic.
This plugin was used in older Metronic version buy pluupload plugin. You can get the plugin from and include in your assets folder: https://www.cdnpkg.com/plupload/file/plupload.browserplus.min.js/Regards, Sean
Download this code and upload as per you said and its not works at all
Can you please contact our support via support@keenthemes.com and provide more info ? Which Metronic version you are using and your test site’s URL ?
Email sent but no solution provided by you still
Hi,
We have sent the email. Could you please check it.
Thanks
Solution provided by you is not working at all
Hi,
We did find browserplus v2.4.21, but it seems it is not compatible.
The one we used for Metronic v4 was browserplus v2.4.22. We will check further if we could find the backup file for browserplus v2.4.22.
Thanks
Hello @keenthemes,
in your vuejs demo 1 the forgotten password form is not triggering any event. any idea what’s wrong there? can’t figure it out.
Hi ,
Thanks for your feedback on this. We will check it further and get back to you shortly.
Regards, Sean
Hi,
Can you please specify which theme version are you using?
Regards,
Lauris
metronic_v7.2.7, demo 1, vue
Hi,
In Vue Metronic 7 there is no any controller for forgot password form, you can add new controllers by referring to the signup and login forms in file demo1/src/view/pages/auth/login_pages/Login-1.vue.
Regards,
Lauris
could not get demo7 working from latest metronic version. Had a lot of issues installing, I had to downgrade my npm to 6.14.4 as someone else recommended here in the comments, this goot it to compile but when I ran it, the browser showed errors TypeError: Object(...) is not a function for all widgets and components of the page so it did not display anything and not even removing all components got the errors to dissapear because the same error kept reappearing.
Also why is demo7 calling a config file from demo2? the src/layout/header/header.vue file is calling headerFixed and headerFixedOnMobile from the demo2 config file.
I had to copy those 2 functions into the demo7 config file to get rid of the error. but i was unable to solve the TypeError: Object(...) is not a function error.
Is there any version recommendations for node and npm? any other thing i gotta install to get it working?
Hi ,
Thanks for your feedback. We will check this issue and get back to you shortly.
Regards, Sean
Hi,
We are using the latest stable version.
node: v14.17.4
npm: 6.14.14
Can you please specify which version you had a problem with?
It was the idea file auto-detected import, it should be replaced with the file import from the demo7, we will fix it in upcoming update.
Regards,
Lauris
Hi @keenthemes, I have been using laravel8 version one of my project. But problem is, for dynamic route your config/demo1/pages.php parameters not working. as like I have a route with (/admin/account/{id}). This id is dynamic thats why pages config didn’t work. what can I do now?
Hi,
We will consider adding a support menu/page config for this type of route. Hopefully can include it in the next updates soon. At the moment, only the static menu is supported.
Thanks
Hi keenthemes. Your Metronic theme is so good but the reactjs version is typescript only. The description did not write any warn about it. Since I only know javascript, I can not do anything with your theme. I want to refund.
Hi ,
Thanks for your interest in Metronic.
Typescript is now recommended officially for long run by React, Angular and Vue authors and it’s future language of all popular SPA frameworks. You can invest some time and check this useful post about migration to Typescript: https://www.typescriptlang.org/docs/handbook/migrating-from-javascript.htmlYou can get a full refund anytime however you can give it a try as first
For any further assistance please contact our support via support@keenthemes.com
Regards, Sean
Thank you for the informations. I tried to learn typescript before. Typescript is really confusing. It makes my brain hurt. I think I will get the refund. Message me as soon as you have a javascript version. I will be the first one to buy it. Best regards.
Sure thing. All the best with your projects
How do I get my refund? Do you have any tutorial?
Your refund is approved, thanks for your interest in Metronic!
..
Hi ,
Thanks for your interest in Metronic.
To get started with Metronic please check the documentation or please contact our support@keenthemes.com for any further assistance.
Have a great day and all the best with your project!
Regards, Sean
Are there some Form input groups working on Metronic 8 at the moment? I tried those from Metronic 7 https://preview.keenthemes.com/metronic/demo1/crud/forms/controls/input-group.html but it seems that layout is broken on Metronic 8.
Hi ,
Thanks for your interest in Metronic.
For Bootstrap 5 form groups you can refer to the official documentation: https://getbootstrap.com/docs/5.1/forms/input-group/In a future update we will add extended form group examples for Metronic v8.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi keenthemes,
I tried to put tooltip to a select2, but without luck, LoL
Although, it works on all aother components (Buttons, Images, Symbol, ....etc) any snippet that I could use ?
thank you,
Hi,
Putting tooltip on Select2 can be tricky since it can cause conflict on the Select2 functionally. You may try to wrap select2 with a container and attach a hoverable tooltip to it.
Regards, Sean
Gotcha.
thank you.
Any plans for this?
1. Laravel Version: – CRUD Solution. – 2 Steps Authentication. – Application Settings. – Integrated Charts.
Hi ,
Thanks for your interest in our Metronic Laravel solution.
Yes, we are working on these features and we will be releasing them in a future update.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
I just noticed dark mode has finally landed on Metronic but to my surprise is only available in the HTML version.
Are there any plans to bring it to Vue?
Also, and this is a major one, I would like to see the same features from the HTML version, there are a lot more page samples and App demos in there than in the Vue and React counterparts. Some controls doesn’t even look the same as in the HTML version.
Please consider those points and you may have a returning customer.
Hi ,
The dark mode can be easiliy setup following the Vue Dark Mode documentation here for Demo 1: https://preview.keenthemes.com/metronic8/vue/docs/#/dark-mode
For others Vue demos we will enable dark mode support soon/
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
