12208 comments found.
Hi keenthemes,
Failed to compile demo6 here the output :
E:\Metronic8\metronic-8.0.18\tools>npm run build --demo6
> metronic@8.0.18 build
> webpack
[webpack-cli] Failed to load 'E:\Metronic8\metronic-8.0.18\tools\webpack.config.js' config
[webpack-cli] ReferenceError: require is not defined
at file:///E:/Metronic8/metronic-8.0.18/tools/webpack.config.js:1:17
at ModuleJob.run (internal/modules/esm/module_job.js:152:23)
at async Loader.import (internal/modules/esm/loader.js:177:24)
at async WebpackCLI.tryRequireThenImport (E:\Metronic8\metronic-8.0.18\tools\node_modules\webpack-cli\lib\webpack-cli.js:57:26)
at async loadConfig (E:\Metronic8\metronic-8.0.18\tools\node_modules\webpack-cli\lib\webpack-cli.js:1536:27)
at async WebpackCLI.resolveConfig (E:\Metronic8\metronic-8.0.18\tools\node_modules\webpack-cli\lib\webpack-cli.js:1639:38)
at async WebpackCLI.createCompiler (E:\Metronic8\metronic-8.0.18\tools\node_modules\webpack-cli\lib\webpack-cli.js:2045:22)
at async WebpackCLI.buildCommand (E:\Metronic8\metronic-8.0.18\tools\node_modules\webpack-cli\lib\webpack-cli.js:2173:20)
at async Command.<anonymous> (E:\Metronic8\metronic-8.0.18\tools\node_modules\webpack-cli\lib\webpack-cli.js:850:25)
at async Promise.all (index 1)
E:\Metronic8\metronic-8.0.18\tools>
any thoughts guys !!?
thank you.
Hi 
,
Regards, Sean
Indeed I followed the webpack Doc, but after “nom build …” the os said that didn’t found webpack, and I installed like this :
npm install -g webpack
and after that installing webpack the error came.
any thoughts ?
Hi,
In the doc step number 7, you have to modify tools/package.json and remove “type”: “module” for webpack build to work. The default settings are for gulp.
Thanks
Hi, I send request for github repository access yesterday. But didn’t find any repository yet. username: Evincible-Solutions
Hi ,
Thanks for your interest in Metronic.
We could not locate any username by “Evincible-Solutions” in Github. Could you please provide a valid github username and we will grant you access.
Regards, Sean
function getParameters() {
var possibleArgs = [
'js', 'css', 'scss',
'alldemos', 'rtl', 'prod', 'production', 'localhost', 'dark_skin',
];
for (var i = 0; i <= 13; i++) {
possibleArgs.push('demo' + i);
}
var args = [];
possibleArgs.forEach(function (key) {
if (process.env['npm_config_' + key]) {
args.push(key);
}
});
if ('production' === process.env['NODE_ENV']) {
args.push('production');
}
return args;
}
the three lines before ‘return args;’ were added.
disclaimer: i am not part of author team, nor a webpack expert , so use at own risk 
Thanks for sharing this and I hope it will be helpful for @hendrikwjy
it’s inlucde all demo and all language, all ver 7 8. tks!
Hi ,
Yes, in your purchased package you will get all demos, versions including v7 and v8
If you need any further clarifications please let us know.
Regards, Sean
Hello! Will you guys have for the next update on Metronic8 Laravel version permissions for the menu ? like in the config/demo1/menu.php (‘can’ => ‘users.create’) so if the user doesn’t have that permission the item is hidden? and was wondering how can I replace font awesome free version with my font aswesome pro version ? thank you
Hi ,
Thanks you for feedback on this. We will check it further and consider this in a future update. Can you check the webpack mix config and see how current free version is bundled and you just need to replace the necessary files in webpack mix and recompile it.
Regards, Sean
Thank you!
Dear Sir,
I am trying to integrate your Theme with my application and I am facing the following issuesI am using metronic 7 theme1. issue #1 : every time I access jquary selector such as $(‘.content’) a call to the following file is fired webpack:///./src/js/base/renderer.js . 1.1 what is this file? 1.2 why it is used? 1.3 how to disable it? 1.4 why webpack is included in my production code?
2. every time I debug an error in my code, I reach line 105824 of assets/plugins/global/plugins.bundle.js. it is catching the error 2.1 what is this library? 2.2 how to disable it?
Thank you in advance
Hi,
plugins.bundle.js is a bundle of 3rd party plugins. Could you please send the screenshot of the issue?
Thanks
Hello,
Is there any figma/invision version or something similar? I noticed you say you do have a figma version but I can’t find anything about it.
Thank you
Hi ,
Thanks for your interest in our theme – Metronic.
The Figma file is available for Metronic v7 and you can find it in the download package and for Metronic 8 we will release the Figma file soon.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hey ,
More to come!
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi,
I try ‘npm run build—prod—demo1’, but it doesn’t minimize js and css. But it does using ‘gulp—prod—demo1’.
Hi,
This is the correct command to build minified assets;
npm run build --prod --demo1
Could you please check css and js content? It should be minified
/html_bootstrap5/theme/demo1/dist/assets/css/style.bundle.css /html_bootstrap5/theme/demo1/dist/assets/js/scripts.bundle.js /html_bootstrap5/theme/demo1/dist/assets/plugins/global/plugins.bundle.js etc
Thanks
yes, i did that and jss + css not minified
Hi,
Could please try to remove the assets folder?
/metronic_v8.0.18/html_bootstrap5/theme/demo1/dist/assets
Then please retry with the build command. We will fix it if this is the issue.
Thanks
Hi,
Yes, i try with clean install but still no minification. Please watch my video. Did I miss something?
https://youtu.be/LixRJsZgSCYThanks
Can you prelease refer to https://themeforest.net/author_dashboard#comment_26983392 ?
Hi,
After add
if ('production' === process.env['NODE_ENV']) {
args.push('production');
}
Yes, it’s work. Thanks @merc2001. Hope it will be fixed in the next update.
Thanks
Hi,
Thank you for your sharing. We will check it. May I know your node.js version? and your OS. So we can take note of this.
Thanks
Nodejs v14.17.3 OS : Windows 10
Thank you. We have included the fix in the recent updates.
Hi keenthemes,
IT’s been now 3 days trying to download the latest Metronic8(since it has the so waited demo6) but without any luck !!!???
1 – The file is huge..
2 – The download cut always somewhere (10%, 80%, 50% ...) never finish
3 – It’s not really the Size, but if it was like a .torrent and has even 20GB it will be OK, but with Metronic8 if it cut, there’s no RESUME… 
I think that you have to downsize the size of Metronic8 by decoupling it from Metronic7.(Ship Metronic7 and Metronic8 separetly).
Is there another way to get Metronic (.torrent, ftp, ...)
Thank you guys.
Hi ,
We will separate v7 once v8 is complete and all v7 features are ported. You can get it from our Github repo. Please send your github username to our support via support@keenthemes.com
You can also try to use our Github registration form here https://keenthemes.com/metronic/?page=githubRegards, Sean
Is there no metronic_v8 laravel8 vue3 integration guide?
Hi ,
Thanks for your interest in Metronic.
We are working on this and it should be available soon. If you need some directions please contact our support via support@keenthemes.com and we will try to show some directions.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
metronic_v8 laravel and vue integration supported? metronic_v7 integrates well with laravel and vue, is there any guide on metronic_v8 laravel vue integration? Too many errors.
Hi ,
Thanks for your interest in Metronic.
Can you please contact our support and provide us more details? The steps you took and what error you got.
Regards, Sean
Hi,
congrats, I’m really happy about the release of the dark skin.
But unfortunately
gulp --dark-skin --demo5
and the other steps at https://preview.keenthemes.com/metronic8/demo1/dark/documentation/getting-started/dark-skin.html don’t work, it doesn’t generate a dark skin for “Demo5”, only for “Demo1”.
How to fix that?
Best regards, keep up the high update frequency please!
Hi ,
The dark skin for demo5 will be released in the next update. At the moment only Demo 1 supports the dark skin.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Can I use the template for Codeigniter software project?
Hi ,
Thanks for your interest in Metronic.
We have Laravel version of Metronic that you can preview here https://keenthemes.com/metronic/?page=metronic8
For Codeigniter we will add integration documentation soon. At the moment you may try to refer our Laravel version and integrate the same for Codeigniter. You can also refer to our webpack build docs: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/build/webpack.htmlRegards, Sean
There is an issue on https://preview.keenthemes.com/metronic/demo1/index.html
Demo 1 layout builder,
Its continuously spinning the page, I have refreshed & back the page, But still spinning
Hi,
This is the layout builder url page; https://preview.keenthemes.com/metronic/demo1/builder.htmlCould you please clarify the issue? Do you mean it spinning after you clicked “export”?
How long did wait after you clicked “export”? It should take some time before the zip starts to download.
Thanks
Hi, How to find ‘sample blank page’ for metronic8 ?
Hi,
We would suggest using the layout builder https://preview.keenthemes.com/metronic8/demo1/layout-builder.html for server-side integration. This video explains it https://www.youtube.com/watch?v=ptgwzvvAHy4&ab_channel=KeenThemes. The video is made for v7 but can be applied to v8 as well.
To create a blank page template you can get the index.html and cleanup the content part in the HTML.
if you need any further help please contact our support via support@keenthemes.com
Regards, Sean
Hi, I want to know the release date of the V8 Demo3 for Angular. or If I purchase metronic theme now will I be able to use the Demo3 for Angular beta or something?
Hi ,
Thanks for your interest in Metronic. We are working on it and we will do our best to release it in early August.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Are you sure you did include the dark mode in the 8.0.18 build? Running “gulp localhost—demo1” generates a demo that redirects to non-existing url: http://localhost:8080/demo1/dist/index.html :cry:
Hi ,
Please refer to https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/dark-skin.html to setup the dark skin for Demo 1.
Regards, Sean
Hi keenthemes,
Can you please add the Quick action as off canevas as showed you above (it like in a rush, LoL) ; https://ibb.co/QMHkv8d
Thank’s for the demo6 by the way. and the Dark theme is sick guys, it’s Amazing, I’ve never thought that it would be great looking, I even start to think of giving it as a option to our project, LoL
thank you.
Can you also add, setting, Logs, .. as a off canevas, it is a great way to have much setting and parameters in such a smal place, it has a great UX way of doing things.
this is taken from the Metronic7 page.
here the example : https://ibb.co/bXr81d8
We sure can make it, but we make sure that it has to be in the proper way, like the author (keenthemes) way… we wouldn’t miss something or have an inproper html js code
Thank you,
Thank you so much guys.
Hi ,
Sure, we will consider that as well. Thanks for your feedback on this.
Regards, Sean
Thank you Sean
Hello! when I use the HTML version and I try to work it with angular, everything works fine at the beginning, but then it loads the view with lazyload and the menus don’t work, just like any window that uses data-kt-menu-trigger is this why?
Hi ,
KTMenu.createInstances('[data-kt-menu="true"]');
To init other BS components(tooltip, popover, etc) and other wrappers you will need to call:
KTApp.init();
If you need any further clarifications please let us know.
Regards, Sean
Thank you! It helped me. For other features such as displaying the password or hiding the menu, what should I initialize?
Hi ,
Glad to hear that! You can use the same method:
KTPasswordMeter.createInstances('[data-kt-password-meter="true"]')
In the next update we will update our documentation with this info.
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
