12202 comments found.
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
Hello! where do i find all the functions i need to initialize? I’m using the HTML version in an angular 12 project, and there are things that don’t work like the hidden menu. kt_aside_toggle
Hi Alejandro987,
Please write email to our support support@keenthemes.com with your licence number and full details/examples of your case.
Regards, Keenthemes support
Why has Demo 3 now become Demo 7?
Hi
,
Thanks for your feedback.
We have some fresh demos coming that we like show on top. However this is just a demo number and no changes in the code.
Regards, Sean
I understand but it is not fair to drop these changes onto end users without making them aware ahead of time.
Please in future, communicate clearly your proposed future changes as to not mislead your users.
Imaging my suprise when I saw demo 3 now had a dark theme, and then I noticed that demo 3 has been changed and is now in fact demo 7 and I now have to use the ‘demo7’ folder/build scripts. This is an unnecessary change. If you want to add a new demo, increment the exist demo numbers – do not replace an existing number.
There isn’t actually a dark mode for the original demo3 – which we have been building our project with – so I downloaded it for nothing.
Hi
,
You are absolutely right. We missed that information in the changelog. Next time we will take it into account. And for the demo 7 we will enable the dark mode in the next update for sure.
Have a nice weekend ahead!
Regards, Sean
Hello there,
There is a plugin that links to https://svgjs.com/ in html_bootstrap5/theme/demo1/dist/assets/plugins/global/plugins.bundle.js that you have used.
If you notice at https://preview.keenthemes.com/metronic8/demo1/index.html , it adds an svg at the bottom just before the body closes.
<svg id=”SvgjsSvg1001” width=”2” height=”0” xmlns=”http://www.w3.org/2000/svg” version=”1.1” xmlns:xlink=”http://www. w3.org/1999/xlink” xmlns:svgjs=”http://svgjs.com/svgjs” style=”overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0; ”><defs id=”SvgjsDefs1002”></defs><polyline id=”SvgjsPolyline1003” points=”0,0”></polyline><path id=”SvgjsPath1004” d=”M0 0 ”></path ></svg>
svgjs=”http://svgjs.com/svgjs”
what is this ?
Hi,
Thanks for your feedback on this
This namespace URL is generated by Apexchart library as discussed here https://github.com/apexcharts/apexcharts.js/issues/2435
We will be following the Apexchart and incude the official fix as soon as possible.
Regards, Sean
Hey 
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Version:
– Bootstrap 5.1.0 Update.– Duotune – 300+ In-house Icons.
– jsTree.
– Vis-Timeline.
2. HTML Demo 3:
– Dark Mode.– Layout.
– Pages.
– UI Elements.
– 3rd Party Plugins.
– In-house Components.
– Widgets.
– Layout Builder.
– Documentation.
3. Laravel Version:
– Demo 4.– Demo 2 Dark Mode.
– Webpack Mix Improvements.
– Docs Improvements.
4. Vue Version:
– Demo 2.– Demo 3.
– Docs Improvements.
5. React Version:
– Demo 2.– Docs Improvements.
Next Up:
1. Laravel Version:
– CRUD Solution.– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.
2. More:
– Demo 8 HTML.– Demo 9 HTML.
– Demo 10 HTML.
– Demo 4 Vue.
– Demo 3 React.
– Demo 1 Angular.
Stay tuned on endless updates to empower your projects.
All updates are free, always!
Regards, Sean
Hi keenthemes,
Is it possible to Increase the width timeline hour ?, here’s a image for more explanation : https://ibb.co/1XgHq5d
thank you
Hi,
Please change the timeline time element’s width in “metronic/theme/html/demo1/src/sass/components/_timeline-label.scss” sass file as shown below:
.timeline-label {
$label-width: 80px;
}
Then recompile the assets folder with your preferred build method(gulp or webpack).
If you need any further clarifications please let us know.
Regards, Aziko
Thank you Aziko,
Will make 2 : .timeline-label : 80px and dateline-lable : 150px
thank you.
Hi
,
I am glad to help you out!
If you need any further help please let me know.
Regards, Aziko
Hi!
The support center should be extended with a list of “own” tickets (which the user created), separated by a status (open, closed, waiting for user answer), a priority (high, normal, low) and an option to reply to open tickets.
HTML, Demo 5, dark mode
https://preview.keenthemes.com/metronic8/demo5/dark/apps/support-center/tickets/list.htmlBest regards!
Hi
,
Thanks for your interest in Metronic.
Noted, we will consider implementing these improvements.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean