12201 comments found.
Hi,
How can I add Vue Browser Detect Plugin to the application?
I followed the instructions of the plugin but without success
######### https://github.com/ICJIA/vue-browser-detect-plugininstallation npm install vue-browser-detect-plugin
main.js:
import browserDetect from “vue-browser-detect-plugin”; Vue.use(browserDetect); #########
Any help?
Hi,
We have got your request at our support center: https://devs.keenthemes.com/question/how-to-add-vue-browser-detect-pluginOur team will attend to your case shortly.
Regards, Sean
Pre-Purchase Query: I am developing a SaaS platform for a client, and I think this theme will be suitable for the front-end. Just wanted to know whether I can purchase the license and use it for my client’s project, or it must be purchased by the client?
Hi
,
Thanks for your interest in Metronic.
You can purchase it for your client or ask your client to purchase it. Please note that for SaaS product that charges its users for using the service the extended license is required.
If you enquire further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
The theme will be used on admin panel for configuration of a service which is accessible via a separate API. The service is chargeable, but the use of panel is not. So, which license should apply?
Hi,
If your end users uses the panel that is based on Metronic to interact with the API in any way then the extended license is required. If Metronic is not used in any interaction that leads fully or partially charging the users then the regular license will be fine.
Regards, Sean
Hello Guys , I have some issues with assets compilation with demo 6 , check the screenshot https://gyazo.com/85f154eaadc219f233ac2442cd2c857c
Hi,
Could you please try to remove package-lock.json file and node_modules folder? Then please retry with the “npm install” and “npm run dev—demo6”
Thanks
When new upadate for POS coming?
Hi
,
It’s coming in the next update early May.
https://material.angular.io/components/table/examples#table-expandable-rowsRegards.
so this month, there no updates?
Hi
,
We are working on a big update so we need some more time.
If you enquire further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards.
Thankyou for your great and amazing work!
any updates? when it will be relese?
Hi,
We are currently preparing the next big update v8.1 and it will be release soon.
Regards. Sean
well noted. thx
when it will be?
At the moment can’t confirm the date but it should be released in a few weeks.
In this month?
Yes, we will try to release it within this month. 
It has to. I cant wait anymore. I need that POS system. Please make that perfect!
We will do our best 
well thx. Hope it’ll fullfiling our expectation for this vers update 8.1..!
when it’ll be?
Hi,
We are still working on it and will release it soon once it’s ready.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards. Sean
Please asap
So, the update will come in eary June?
Hi,
We are still working on it and once its released you will get notified at devs.keenthemes.com
Regards, Sean
thats so sad
Where i can download Metronic v7 ?i have purchased Metronic at themeforest
Hi,
Metronic’s current version is v8 and v7 is not included in the download package. To get it, please create a private ticket at devs.keenthemes.com, provide your purchase code and we will provide you the Metronic v7 download link.
Regards, Sean
I have downloaded but inside the zip file only Demo 1 and all other demos missing and before the actual file size was up to Gb and no only is under 1Gb. may I know if there is any issue with my download or its happening with all of .
Hi,
Thanks for your interest in Metronic.
Due to popular requests, we understand that packaging 5 frameworks with 21 demos into a single 4GB download file can be quite daunting. Therefore, as an alternative download option, we’ve decided to split our demos into individual packages for your convenience.
Simply sign up to our official developer portal and head over to the Metronic demo downloads page to pick your demo. You’ll need to enter your purchase code for us to validate your purchase.
Regards, Sean
Thanks now its works 
let elements = document.getElementsByClassName("edit-record");
for (let i = 0; i < elements.length; i++) {
elements[i].addEventListener('click', function (e){
e.preventDefault()
console.log("edit triggered");
})
});
}
and like this:
const deleteButtons = document.querySelectorAll('[data-kt-docs-table-filter="delete_row"]');
deleteButtons.forEach(d => {
// Delete button on click
d.addEventListener('click', function (e) {
e.preventDefault();
console.log("edit triggered");
});
})
});
Both don’t work. I try to use support on your site, but it always gives an error so I can’t post it. Maybe because my support is expired. sorry, I’ll get another license later.
Hello,
Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.
We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum.
Best regards, Sean
I did and it give me an error: https://ibb.co/xGxJmdd
Can you guys maybe consider maybe we can buy support per ticket rather than monthly or yearly? I rarely use my support since I usually buy a template first and save it for a later project. but the support is expired before I use it.
Hi,
Please try to use this code. datatable is an instance of data table.
datatable.on('click', '[data-kt-docs-table-filter="delete_row"]', function() {
// get your row data here for row reference. eg. id
var row = $(this).closest('tr').data('obj');
console.log(row);
});
Thanks
it doesn’t work. still can’t be triggered.
more information my datatables data is generated by using ajax, server side.
Never mind, I know what caused it. All i got to do is just add my function inside dt.on(‘draw’, function () {}. Thanks for great support although my theme support is expired. Will buy new licenses later once the project is finished. Thanks.
Hi
,
You are always welcome. No problem at all.
If you enquire further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hello! how to hide drawers on small screens? https://preview.keenthemes.com/metronic8/demo1/documentation/general/drawer.html
Hello,
Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there and provide more details. Drawers are usually hidden by default and shown on toggle button click.
We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum.
Best regards, Sean
metronic not found with angular in “npm install and ng server” Error: ./src/styles.scss Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can’t find stylesheet to import. ╷ 20 │ @import ”./assets/sass/style.angular.scss”;
Please help!!!
Hello,
Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.
We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum.
Best regards, Sean
I am trying to integrate vue templates with nuxtjs3. But do I need to change initInlineSvg or i18n multilingual plugin to nuxtjs only? Please give me a guide on this.
Hello,
Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.
We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum.
Best regards, Sean
Hello. I already read the comments about the new Download system, but I would like to know if there is still a way to download all demos at once. Considering download links for old versions are not available, I would still prefer to download everything (or at least all demos for one specific framework) at once. Are these available somewhere? Thanks.
Hi,
We are working on it. We will create separate Github repositories for HTML, Angular, Vue, React, ect and push all demos per update.
If you enquire further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hello author, well done for the great job and frequent updates. I noticed that metronic8/vue/demo1 and metronic8/react/demo1 do not have templates/examples as metronic8/demo1/ . The other samples have very few pages/templates when compared to the html version. Is there any specific reason for that? How can we implement/integrate such samples into react/vue demo. I am more interested in demo 1 only. Thanks
Hi,
Thanks for your feedback. The SPA version development takes more time and afford comparing to the HTML version which is mostly based on jQuery based features.
However all CSS/HTML features are available for the SPA versions since style.bundle.css is globally available for all versions.
We will release new features for the SPA versions in upcoming updates.
Please note that our primary support is now provided from devs.keenthemes.com. By creating a support ticket at https://devs.keenthemes.com/question/create you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Just a suggestion, why not put all the components such: as cards, forms, tables, and others on the same page rather than separates pages? it’s really a pain in the ass since sometimes the code that we copy from doesn’t match with the current theme. For example, I copy the code of Datatables and put it inside the card. and it doesn’t match the size. https://ibb.co/thHktXq
It makes me really miss the old format where you put all that component in the App menu, it’s really easy and saves our time.
Hi,
If you copy the customers listing datatable card from https://preview.keenthemes.com/metronic8/demo1/apps/customers/list.html it will work as it is in every demo and page.
Probably you missing something. Please double check your card’s markup.
Please note that our primary support is now provided from devs.keenthemes.com. By creating a support ticket at https://devs.keenthemes.com/question/create you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Yeah, I make some mistakes and have already fixed them. it is just a suggestion since it really saves our time if you do that. I’m not sure what the reason you guys remove is. But I do hope you guys consider putting all that component back into the App menu just like before. it really helps and saves our time.Thanks
Hi
,
Sure, thanks for the suggestion. We are going to release server side integration for popular frameworks. Stay tuned!
Regards, Sean
hi, i have purchased the theme .. The React version of DEMO 3 is having very very less options as compared to HTML version of DEMO 3.. this is bad… please add all options present in the html version of demo3 for the react version also… this is injustice for react users
Hi,
Thank you for your interest in Metronic. The HTML version mostly uses jQuery plugins so not all features can be used in the React version. However, all static HTML/CSS/Native JS features can be reused in the React version as they are available in the global style.bundle.css and scripts.bundle.js assets.
We will release more features in future updates.
Regards, Sean
Demo 3 on react.js is giving error …...... Following is the error …................... On starting your project with (npm-start) theme is showing multiple error’s, some components are not working as a JSX component like CopyToClipBoard , Prisam-React-Render
ALSO some other errors ==== SVG cannot be used as a jsx element, it’s instances type ‘inlineSvg’ is not valid jsx element. The types returned by ‘render()’ are incompitable between these types. It’s not assigned to the ReactNode.
react-topbar-progress-indicator (same for this package)
Hi,
Try to follow the thread: https://devs.keenthemes.com/question/cant-run-the-react-app-of-the-theme It should help you with these errors.
Please note that our primary support is now provided from devs.keenthemes.com. By creating a support ticket at https://devs.keenthemes.com/question/create you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Keenthemes support
I am trying to integrate Tiny mce in the metronic theme,
I am trying to implement the same in my page:: reference link below
https://preview.keenthemes.com/metronic8/demo1/documentation/editors/tinymce/basic.htmlbut getting the output like this link below ::
https://prnt.sc/FD3ahAWyX8BP..The problem was with the path of the css and JS .. fixed it .. its working .. thanks a lot ..
Hi
,
Glad to hear that
,
Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.
We’ve been long wishing to build a bridge between us and the Metronic community. As the email is not the best room to support, we kindly invite you to collaborate with Metronic developers from everywhere on Devs Forum.
Best regards, Sean
Thanks for the update, I will open a ticket there,
Regards,
Vijey
I just bought your template and after unzipping it I noticed that it has only demo1 folder. After going to https://devs.keenthemes.com/metronic I found only 5 demo with React.
How can I get demo 14 with React ?
Hi,
Thanks for your interest in Metronic.
React Demo 14 will be release in a future update and you can get it for free once it’s available.
If you enquire further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
dear support,
i build web aplication with metronic V7. sadly my V7 html file is missing.
how can i download metronic V7?
need your help
Hi
,
Please create a private ticket at devs.keenthemes.com and send us your purchase code and we will provide you the Metronic v7 download link.
Regards, Sean
Is there an integration guide with nuxtjs?
Hi,
Thanks for your interest in Metronic.
We will consider implementing Nuxtjs support in the near future.
If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.
Click Here to Get Metronic Support
Regards, Sean
documentation :datatables ajax Server Side,
I see there is html js php but i don’t see customers.json file, when i create this file database.php file error occurs! file_get_contents(customers.json): failed to open stream: No such file or directory in ** on line 168. what is the correct json file can you help me
Hello,
Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.
We’ve been long wishing to build a bridge between us and the Metronic community. As the email is not the best room to support, we kindly invite you to collaborate with Metronic developers from everywhere on Devs Forum.
Best regards, Sean
Fatal error: Uncaught TypeError: Return value of DataTableApi::getJsonDecode() must be an instance of mixed, array returned in C:\soft-pro\phpstudy_pro\WWW\22.cn\page\data.php:168
Stack trace:
#0 C:\soft-pro\phpstudy_pro\WWW\22.cn\page\data.php(47): DataTableApi->getJsonDecode()
#1 C:\soft-pro\phpstudy_pro\WWW\22.cn\page\data.php(201): DataTableApi->init()
#2 {main}
thrown in C:\soft-pro\phpstudy_pro\WWW\22.cn\page\data.php on line 168
Hi,
Please note that https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/server-side.html shows an AJAX server side example with php script as data source. If you like to use JSON format you should check the Datatables documentation and adjust the datatable initialization script as per your project requirements. For more info please check: https://datatables.net/examples/server_side/jsonp.html https://datatables.net/examples/server_side/object_data.htmlRegards.
can you send me a json file, i refer to this file to produce json, i copied that php file now, that php file sends error warning
Hi,
We will consider adding JSON demos into our documentation soon. In the meantime you can check this official example of JSON data source usage: https://datatables.net/examples/data_sources/ajax#:~:text=DataTables%20has%20the%20ability%20to,of%20the%20JSON%20data%20source.Regards, Sean
I have tried various formats of json, and the corresponding php files will return a warning error,how to solve
Uncaught TypeError: Return value of DataTableApi::getJsonDecode() must be an instance of mixed, array returned in
json: [ [ 1, “49349-387”, “Dugald Beastall”, “dbeastall0@ezinearticles.com”, “88 Scott Crossing”, “Daze”, ......... ] ]
or
{ “data”: [ [ 1, “49349-387”, “Dugald Beastall”, “dbeastall0@ezinearticles.com”, “88 Scott Crossing”, “Daze”, ......... ] ] }
Hi,
Please note that the PHP code that we provided in the documentation is put for reference only and it can not be used for your real projects. Instead you should implement the server side code by yourself according to your project requirements.
If you like to get your datatable to work exactly as our preview demo you should put both PHP code in your server side code.
include 'class-list-util.php';The above code includes the “List_Util” class as shown in the https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/server-side.html
However we would suggest you to learn the Datatable server side documentation from https://datatables.net/manual/server-side
Metronic theme only provides the styling for the datatable plugin and it does not provide solution for the server side.
Regards, Sean
I want to achieve the same effect as the support document now. I have introduced the corresponding class file. The line where php has an error, I really don’t know what format this json file is. error, there is no such file in docs and files, I really don’t know what to do now
public function getJsonDecode(): mixed
{
return json_decode(file_get_contents('customers.json'), true);
}
Hi,
Please try to use this https://keenthemes.ams3.digitaloceanspaces.com/downloads/customers.json by putting in the same directory with class-list-util.php
Regards, Sean
There is a problem with the sample code in the documentation, please check if this problem exists
line 166,
public function getJsonDecode(): mixed
should be
public function getJsonDecode(): array
The fatal error of php went away after i modified it, i was looking for the correct json format before
Hi,
Glad to know that its now working for you. Please note that the mixed type were added in PHP 8. More info https://php.watch/versions/8.0/mixed-type
If you enquire further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Question about what you call Quick Search, the form at the top of the template. I am using Theme 19 and I understand your Quick Search is just a front end, but since I am not great at javascript or jquery can you advise where I can put the call to a php script for results. I have a simple search a XML file, but I cant figure out where to inject that call and how to inject the results. Your Template is great by the way.
Hi,
Please have a look at this post: https://devs.keenthemes.com/question/quick-search-server-side-integrationIf you enquire further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean