Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,640 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

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-plugin

installation 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-plugin

Our 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?

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

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 :-)

Hi, how do i get click triggered on datatables? I try like this:
  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.

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,

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

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.html

but 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

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-integration

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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey