12202 comments found.
When do you plan to share Metronic 8 Demo 3 Laravel version? It’s a little bit important for me 
Hi ,
Thanks for your interest in Metronic. We will try to release it in the following update within 1-2 weeks.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
so glad to hear that. metronic is the revolution on admin interfaces. actually, you are a biggest library for web development thanks for that.
You are most welcome and Thanks too! We are doing our best and more amazing updates are in the work.
Hello . Will I be able to get html js and css without using the builder
Hi ,
Thanks for your interest in Metronic.
Yes, Metronic package contains precompiled js/css files that include all core features of the theme and you can launch the templates without package installation and running the build tools. However to customize the theme further you will need to use the build tools for sass compilation and css/js code minification.
If you need any further clarifications please do let us know.
Regards, Sean
So there won’t be any update this week (today 14th of August, last update 6th of August) as before?
Hi ,
Our next planned update will be within the next week.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi keenthemes,
I’m using tiny jQuery third pary script to do stuff in forms
I got this error in custom page
Uncaught ReferenceError: jQuery is not defined
<anonymous> jQuery
My question is since jQuery is already bundled with Metronic, how to initialize it again or call it in my page ?
sorry and thank you guys
Hi,
jQuery is actually included with the bundle but it seems you can calling it somewhere else when it’s not initialized and present.
Regards, Sean
Hi Sean,
Thank’s for the reply, appreciate it, (been on it now 11 hours, no sleep)
didn’t understand much you saying, sorry, In english Please, LoL ???? :
but how can get rid of that error, how can I call jQuery again as you said (you can calling it somewhere else when it’s not initialized and present.) ?
here’s my js inline js declaration :
<from>
....
....
</form>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<script src="{% static 'custom/js/formset/jquery.formset-1.5.js' %}"></script>
<script type="text/javascript">
$('.formset_row').formset({
addText: 'add family member',
deleteText: 'Reemove',
prefix: 'prescriptiondetail'
});
</script>
if I comment the first line, it abviously doesn’t find jquery and cause the error, but how to call it intead link it from the net as I did in the first line. ???
The form lib repeater for django is named “jquery.formset-1.5.js”
thank you
You will need to check what causes this error and when that code or plugin initialize jquery seems not fully loaded yet. It’s similar situation when you called some JS custom code before all the js bundle initialization.
You Rock Sean !
Thank you, I found it, you used the word magic word of ‘before’ and it hits me hard.
here : ” It’s similar situation when you called some JS custom code before all the js bundle initialization.”
Thank you soooooooo much.
Sorry for bugging you guys.
Great! Glad to help you out If you need any further help please do let us know.
Hi keenthemes,
I tried to reuse your code for form/field repeater on Create Invoice https://preview.keenthemes.com/metronic8/demo1/apps/invoices/create.html but without luck, LoL
And then searched and landed on Metronic 7 form repeater https://preview.keenthemes.com/metronic/demo1/crud/forms/widgets/form-repeater.html
It will be an amazing feature that should be integrated in Metronic 8 as soon as posible, specially if it will be no jQuery dependency. Vanilla Javascript.
thank you.
Hi ,
We will consider adding it. Unfortunately it’s a jquery plugin https://github.com/DubFriend/jquery.repeater. The one we implemented for the invoice is a custom solution and you can try to reuse it.
Regards, Sean
Hello, i have a question, i am using angular version, there is any way to use rtl and ltr in the same time, one click to switch to rtl and another click to switch to ltr
Hi, ibrahimalsurkhi.
We don’t have an example of runtime switcher between ltr/rtl versions.
Regards, Keenthemes support
When approx. is the next update for the Laravel version planned? Waiting for the CRUD, 2nd factor etc. features before starting my project. Also can we expect the Laravel + Vue version in the next update?
Hi ,
Thanks for your interest in Metronic!
At the moment we can’t give ETA yet, We are working on these features and try to deliver them as soon as possible in upcoming updates.
Regards, Sean
hi keenthemes,
I’ve been doing some ajax request, to populate a inside drawer, the content of that drawer has a sub menu, that you are using in list and all card toolbar.
But they are not displaying, since it is an ajax, I tried “KTApp.init();” but didn’t work (worked for Tooltips sure, but not Menu).
Anyway to Re-init those https://ibb.co/gysPGpx Menu. ?
thank you.
Hi ,
If you are using the latest version of Metronic you can re-init all in-house components using their API:
KTMenu.createInstances();
For previous versions:
KTMenu.createInstances('[data-kt-menu="true"]');
Other “data-kt-*” components can be re-inited the same way. For more info please check the docs:
https://preview.keenthemes.com/metronic8/demo1/documentation/general/menu.html#methods https://preview.keenthemes.com/metronic8/demo1/documentation/general/drawer.html#methodsRegards, Sean
KTMenu.createInstances(); worked well , thank you,
I didn’t know about that page of Doc. LoL
I usualy select the doc subject from the left menu (aside), and go from there. but as I see, in my 8.0.18 there’s no Menu entry in doc left menu for KT-Menu (but in live Metronic it is).
SORRY GUYS MY BAD.
We plan to upgrade to the latest Metronic, once the “Vertical Tabs” are released, because it big huge improvement for us, since we use them a lot.
Amazing, we hoocked the Toastr witht the app, (thank you guys it’s working)
thank you
Wating for Toastr animations,
thank you
Hi ,
Great! You can check the online docs since it’s for the most up to date version. Sure, we will check it further on the Toastr animation.
Regards, Sean
Please, add the Inbox template
Hi ,
Thanks for your interest in Metronic.
Yes, we are working on improved version of Inbox app and it will be added soon.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Like others have commented, I also get Object(...) is not a function error. I am trying to build demo1 of the vue3 version. It builds without any fatal errors (just a lot of deprecated warnings!). But then on load, the page is blank with the above error.
I’m using: npm v6.14.14 node v14.17.5
There is also conflicting advice between the docs and readme files: docs suggest using npm, readmes suggest yarn. Given it’s vue3 – I’m trying to get npm to work?
Please advise.
Sorry just to add, this is for Metronic 8
Hi,
Vue app should work with both npm and yarn managers.
Currently, we have an issue with vue then you run the app using npm, we will fix it in the upcoming release.
Now to get started with Metronic 8 Vue app use yarn package manager.
yarn yarn serve
Regards,
Lauris
Hello. Hope you good and healthy Excuse me RTL assets not include in demo1 “metronic_v8.0.22” Is it same In other demo “RTL assets” ?
Hi ,
Thanks for your interest in Metronic.
The RTL version assets are generated using the build tools as explained here https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/rtl.htmlIf you need any further clarifications please do let us know.
Regards, Sean
Thank you for your answer
my project build with “codeigniter php framework”
files “plugins.bundle.rtl.css & style.bundle.rtl.css” or “RTL Dark CSS” aren’t in assets folder or can generate It was in before “8.0.22” update
Hi,
We will include those missing precompiled rtl/dark mode css in the next update in 1-2 days.
In the meantime, you can generate them by referring to https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/rtl.html https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/dark-mode.htmlRegards, Sean
Hi!
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
+1 from here
Best regards!
Hi FreelancerCGN,
Thanks for your interest in Metronic.
At the moment we are working on Angular version but can not confirm the ETA yet. We will do our best to release it ASAP.
Please follow us on https://twitter.com/keenthemes to get the latest news.
Hello, anything new on Metronic 8 for Angular? I really need it
Hi LiveDigi,
Thanks for your interest in Metronic.
At the moment we are working on Angular version but can not confirm the ETA yet. We will do our best to release it ASAP.
Please follow us on https://twitter.com/keenthemes to get the latest news.
Hi keenthemes
Is there any chance to have “bootstrap vertical tabs” in the next update ?
Thank you.
Hi ,
Yes, sure. We will try to include it in the next update within the next week.
Regards, Sean
Hi Sean thank you,
Froget about the Toastr also.
Thank you so much.
Hi ,
Regards, Sean
Waiting for a real example in Metronic pages, not documentation,
The last time I checked documentation, i was little confuse how to implement it as the page shows (on page load) and since Javascript is not my strength point and fair of not doing it the proper way, well …
Sorry.
Played little with it, and noticed even if there’s hide and show animation initialized, but the Toastr doesn’t animate when showing and hidding (fadein, fadeout) !!..
Thank you
Hi,
We will add more examples in the apps and pages. You can check out some examples here https://preview.keenthemes.com/metronic8/demo1/layout-builder.html
We will check the animation issue. Thanks for your feedback on this.
Regards, Sean
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
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
