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,849 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12208 comments found.

It says under https://keenthemes.com/metronic/?page=docs&section=update that best practice is to separate the metronic source into an isolated directory, but it is never shown in practice how to do this.

Do you provide any working examples on how to do this? The demo projects currently leave you with highly coupled dependencies between your app logic and the metronic layout, making updating even the minor version of the metronic theme a real hassle.

Hi,

Sorry for the late reply. We will publish a video tutorials and add more details soon.

In the meantime if you like to customize the base SASS you can use “src\sass\components\_variables.custom.scss” file to globally override the scss variables.

You can also refer to https://www.youtube.com/watch?v=qAlX83Tb8fg&ab_channel=KeenThemes for theme customization.

If you have any further clarification please contact our support via support@keenthemes.com

Regards, Sean

Hello Team,

We have purchased Metronic theme and wants to use for the app that we have build using ReactJS. I am not that much technically sound, so can you pls. help me if we can use Metronic with ReactJS?

Thanks,

Hi :),

Could you please provide your Metronic version and which demo are you going to use ? Please note that Metronic has 2 versions Metronic v7 and Metronic v8 and at the moment React support version is available only for Metronic v7: https://preview.keenthemes.com/metronic/demo1/index.html

Regards, Sean

Hello Sean,

Thanks for your prompt reply.

Our Metronic version is 7.2.7 and regarding using Metronic demo, am not sure which one should we use. Because as I told that I am not technically sound and that’s the reason I am confused if React & ReactJS both are same and Metronic only supports React or it will also support ReactJS.

Kindly suggest.

Thanks,

Hi rizenindia

React and ReactjS are the same library.

Regards, Keenthemes support

HI Keenthemes , https://keenthemes.com/metronic/?page=docs&section=crud-tables about Angular. Is this document not the latest document anymore? If I want to see the latest document, where can I see it?

Hi, KYOKYOKK .

https://keenthemes.com/metronic/?page=docs&section=crud-tables it’s the latest documentation about Angular Metronic CRUDs. All documents we have, are published on our website https://keenthemes.com/metronic/?page=docs&section=angular-overview

Regards, Keenthemes support

Any plan for Metronic v8 Laravel Version release? Your theme is great.

Thanks !

Hi :),

Thanks for the appreciation.

Yes, sure. We are working on it and doing our best to release it as soon as possible.

Stay tuned for updates via https://twitter.com/keenthemes

Regards, Sean

metronic_v8.0.3 error

web hosting ftp 1. cd theme/html/tools 2. npm install—global npm@latest 3. npm install—global yarn 4. yarn 5. npm run build—demo1 error…

ExperimentalWarning: The ESM module loader is experimental. [webpack-cli] Failed to load ’/home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/webpack.config.js’ config [webpack-cli] ReferenceError: require is not defined at file:///home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/webpack.config.js:1:17 at ModuleJob.run (internal/modules/esm/module_job.js:137:37) at async Loader.import (internal/modules/esm/loader.js:179:24) at async loadConfig (/home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/node_modules/webpack-cli/lib/webpack-cli.js:1346:35) at async WebpackCLI.resolveConfig (/home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/node_modules/webpack-cli/lib/webpack-cli.js:1454:38) at async WebpackCLI.createCompiler (/home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/node_modules/webpack-cli/lib/webpack-cli.js:1839:22) at async WebpackCLI.buildCommand (/home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/node_modules/webpack-cli/lib/webpack-cli.js:1954:20) at async Command.<anonymous> (/home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/node_modules/webpack-cli/lib/webpack-cli.js:735:25) at async Promise.all (index 1) at async Command.<anonymous> (/home/www/php/laravel/test/metronic_v8.0.3/html_bootstrap5/theme/tools/node_modules/webpack-cli/lib/webpack-cli.js:1284:13)

Hi,

Can you try to run the build on your development machine and deploy the assets to your hosting/sever ? Basically the build tools installation and assets compilation should be done only in your development environment and the actual site should use only the compiled assets in your server.

Regards, Sean

Good morning. Dear seller. Please contact us for purchase.

Currently, the theme is for administrators. Can I use it by customizing it on the user page (front end)? Finally, what license should I purchase in order to resell the theme after customizing it after purchasing it?

Will it be a legal issue if I buy a regular license and sell it commercially?

After purchasing a regular license, how can the seller know if the user is selling commercially, using only one domain or multiple domains?

The reason for asking this question is that after purchasing this template When selling commercially, is it okay to sell in-source cryptography?

How do I pay the amount 1 year after purchasing the 12-month extended license?

Hi,

Please note that the extended license is limited for one project/site that can have unlimited paying users. For example you have an online service/site that provides certain service for users and you charge the end users for using your service. This kind of usage is considered as an Site with Paying User and requires the extended license.

In your case, if you like to make a product using Metronic and sell it you user end users so they purchase and install and use it on premise then for each copy of your end product you will need to purchase a separate regular license.

For each license you pay once and it has has no expiry date.

The support subscription should be extended after it expiry if you like to continue using our theme support.

If you need any further clarification please do let us know.

Regards, Sean

Hi,

Regarding your commercial usage, could you please email our support via support@keenthemes.com and fully explain it ? We will try to advice the best license solution.

Regards, Sean

Nice with a Bootstrap5 update.. But seeing that Bootstrap5 finally ended their marriage with jQuery it makes me sad to see you guys continue polluting your theme with jQuery still?? bummer :-(

Hi,

Thanks for your feedback.

Please note that jQuery is optional(you can remove it and core Metronic works fine without jquery) for Metronic HTML version but there are a number of important plugins such as Select2, Datatables, etc needed by most of the users.

If you need any further clarifications please let us know.

Regards, Sean

Date time pickers looks wonderfull guys, it is UX friendly.

thank you

Thanks! Yes, we do deep customization for each 3rd-party in order to make sure that they look like a native component within the Metronic design system. Expect more native looking 3-rd party plugins in the following updates.

Metronic8 Landing page looks insanlly great and simple :)

Hope it’s gonna share the same “dist assets” folder as Metronic8, so we can have One app serving “Our Landing page” and “Our App” Using the same Django Backend instance.

I think Metronic 8 is just amazing, looks neat.

Hope to see other Demos, like : Demo2 and Demo6 and please guys increase the Colors palete numbers (secondary, Success, info,..), besides of Bootstrap default color, try to have more than that, like Purple, Olive, ... Imagine that Bootstrap has 5 main, it will be great to have like 15 colors in Metronic 8., I know you can customize that, but Hey I’m just saying, but I think if I need it that way , a lots will. because the more default thing is in the Metronic 8, the less the update from Metronic version to version will be smooth and easy.

Also other very and highly importants pages like : Forms, ... wich it is power and is a backbone for every page in the planete.

I know that you are giving yourself 120% of efforts, Thank you guys for the great work

Thanks for the suggestions. We will take them into account and consider it the future updates. Expect regular updates with limitless features from our todo list :)

Hey, for angular i18n – it is enough to write in html template just: translate="HOME.HELLO" instead of [translate]="'HOME.HELLO'"

Static strings don’t have to be interpolated ;)

Hi :),

Sorry for the late reply. Our Angular expert will check your request as soon as possible and get back to you with an further update.

Regards, Sean

Hello! when can we expect Metronic 8 Laravel version?

We are working on it and we will do our best move all pending feature to Metronic 8 as soon as possible.

Stay tuned for updates via https://twitter.com/keenthemes

hi, when will demo versions 14 to 30 be released. Is there a plan to release them incrementally ?

Hi,

Thanks for your feedback. We do plan to release the pending demos for Metronic v8 with Bootstrap 5 support as soon as possible. Starting next week will start to release those demos.

If you need any further clarifications please let us know.

Regards, Sean

Interested in purchasing this theme! Is a NextJS version on your new bootstrap 5 getting released any time within the next 3 months? Thank you.

Hi :),

Thanks for your interest in Metronic!

We will need to check it further and then can consider this.

Stay tuned for updates via https://twitter.com/keenthemes

Regards, Sean

Greetings.

I was looking the lock screen page but I couldn’t find it in the new version. Was it discontinued?

Hi,

May I know which version are you referring to ? For Metronic v8 we will add it in a future update soon.

Regards, Sean

Hi Sean. I hope you’re doing well.

Right now I’m using version 7.2.2 but I noticed that it was removed from previous version as well. The last time I think it was available was in version 4.7.5.

Thanks for the clarification. We will check it further and add it soon.

Hey :)

We have been quite busy working on some amazing stuff and shortly we will be releasing:

1. Complete Chat App:
- Fully functional chat app.
- Private chat option with contact search and add modal.
- Group chat option with group members view modal.
- Globally available Quick Chat box launched from the topbar’s chat button.

2. Advanced Invoice Management App
- Fully functional invoice builder.
- 2 invoice view templates.

3. Documentation improvements and other improvements.

Next up:

1. Enterprise Ready User Management App:
– Complete users CRUD.
– User creation/update forms with Modal.
– User login history.
– User activity logs.
– User security settings(password change, 2-steps authentication).
– Assign user roles and permissions.
– User roles CRUD.
– User permissions CRUD.

2. The Most Anticipated Metronic Landing Page
– One page layout with sticky header.
– Product hero block.
– Pricing table.
– Fatures highlight block.
– Extended footer.

3. Other Multi-purpose Pages
– About Us page.
– Careers listing page.
– Careers apply Page.
– FAQ Page.
– And many more.

Stay tuned on endless updates to empower your projects!

Hi,

I’m using the KTDatatable for a simple HTML data table, that has for each row some buttons, each button with a class like “lnk_edit”, “lnk_disable”, etc.

In my JS file I have the KTDatatable initialization and the $(”.lnk_edit”).click(... But as expected it’s not binding the click event to the buttons.

I guess I have to do it with a KTDatatable event after the table is fully rendered. Can you help me in figure this out?

Best Regards, João Clérigo

Hi,

I think that it’s not the problem. I’ve set this test: var $element = $("i.lnk_edit"); if ($element.hasClass("lnk_edit")){ $element.addClass("myClass"); console.log("Found", $element); }

The $element is found, and in the console, prints the element object with the added class “myClass”.

But in the DOM inspection the element is not modified, the class is not there. It looks like that jQuery did not updated the DOM element.

I guess I’m missing something. Can you help?

Best Regards, João Clérigo

Hello,

I’ve had to change my code to outside the $(function () { ... }); Now it works, but I’ve had to make it like this: $(document).on(“click”, $elementEdit, function (e) { ...

Best Regards, João Clérigo

Hi :)

Glad you solved it.Feel free to let us know if you need more help.

Thanks

First of all, congratulations on your excellent work. I am looking forward to version 8 for Laravel! In the meantime I tried with the latest HTML release (Metronic 8), updating npm, gulp, yarn but I always have this problem with the command gulp—demo1

I’m going to renew my support!

Error: Not supported at eval (eval at <anonymous> (/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/lib/shared/require-or-import.js:10:15), <anonymous>:1:1) at requireOrImport (/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/lib/shared/require-or-import.js:24:7) at execute (/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js:37:3) at Liftoff.handleArguments (/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/index.js:211:24) at Liftoff.execute (/usr/local/lib/node_modules/gulp/node_modules/liftoff/index.js:201:12) at module.exports (/usr/local/lib/node_modules/gulp/node_modules/flagged-respawn/index.js:51:3) at Liftoff.<anonymous> (/usr/local/lib/node_modules/gulp/node_modules/liftoff/index.js:191:5) at /usr/local/lib/node_modules/gulp/node_modules/liftoff/index.js:149:9 at /usr/local/lib/node_modules/gulp/node_modules/v8flags/index.js:162:14 at /usr/local/lib/node_modules/gulp/node_modules/v8flags/index.js:41:14

Hi, after repeating all the steps (clean e reinstall), gulp process is working!

Glad to hear that :) If you need any further help please let us know. All the best with your projects!

Error Fixed Columns Datatable

Hi,

Could you please clarify the issue? Which Metronic version are you using?

Thanks

Hello, i requested the github access but didn’t receipt the invitation. Can you check it pls

Hello, my github username: jetstudio-io

Hi,

Your username already have access to github. https://ibb.co/FxMzD2z
Please check this link https://github.com/KeenthemesHub/Metronic

Thanks

Great, thanks

Hi Guys,

When Angular v8 release?

Hi :),

We are working on it with a high priority and we will do our best to release it as soon as possible with lots of enhancement, such as, performance improvements, typescript support, layout optimizations, ready to use AUTH flow implementation with real REST API, native core plugins, etc.

Please follow us at http://twitter.com/keenthemes to stay updated.

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