12221 comments found.
design not working after download. Support expired now i downloaded to use but not use even basic desgin not working. (dashboard.js script.bundlle.js) etc not found error in console. when there there default theme not working what more i can expact.
Hi,
As we explained the documentation in this is new version of Metronic you will need to use build tools in order to compile and launch the theme.
In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:
1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk 3. Your First Project: https://youtu.be/yu0O2Y2NXxc 4. Customization: https://youtu.be/7PG5Qbg0-gM
If you need any further help please let us know.
Regards, Sean
Hi can you tell me what date you guys gonna release big update?
Hi 
,
It’s going to be released within March. We are doing our best to release it as soon as possible. Stay tuned!
Regards, Sean
This will be our best update in terms of code and UI. We are so impressed with improvements we have done. Definitely everyone will love our branch new approach.
wow, it’s look great. Hope you guys have fix class name already. it pain in the ass if we have change the class so often. 
Hi ,
Yes, everything will be based on the bootstrap standard classes. To customize the theme you will mostly use the classes without sass compilation. We can’t wait to release this amazing update with both code and design improvements.
Regards, Sean
that really a great news, i really can’t wait the release
do you plan to add ag-grid table component?
Hi ,
Thanks for the suggestion. We will check it first and condeir.
Regards, Sean
Dear Support I am trying to use demo 7, i have done everything in the “Installation & Getting Started Tutorial #1 – Metronic Admin Theme” youtube video and still when i am trying to browse it the css are not working.
Hi,
Have you tried to run the gulp/webpack build tools in command line ? You could follow easy steps shown here: https://keenthemes.com/metronic/?page=docs If you had any error could you please contact our support at support@keenthemes.com and provide your screenshots ?
Regards, Sean
Hi,
Have you had any luck upgrading to Angular 9? I’m getting this error:
ERROR in Error: Internal Error: Unexpected interpolation at error (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:2721:15) at _AstToIrVisitor.interpolationFunction (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17810:179) at _AstToIrVisitor.visitInterpolation (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:8498:29) at Interpolation.visit (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:7572:28) at convertPropertyBinding (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:8274:52) at TemplateDefinitionBuilder.convertPropertyBinding (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17810:44) at Object.value (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17699:63) at C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17760:42 at Array.map (<anonymous>) at C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17759:38 at C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17037:83 at Array.map (<anonymous>) at TemplateDefinitionBuilder.buildTemplateFunction (C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17037:56) at C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17579:60 at C:\Users\mbi\source\repos\NemexFrontend\nemex\node_modules\@angular\compiler\bundles\compiler.umd.js:17013:81 at Array.forEach (<anonymous>)
Hi,
At the moment, we don’t support Angular 9 yet. We will update it soon. Are you updating Angular using “ng update” command? How do you get this errors?
Please try to use “ng update—all—force” to update Angular.
Thanks
Yes I’m using the CLI to update. I have followed the official guidelines: https://update.angular.io/#8.0:9.0
It looks like ng-bootstrap and ngrx is not ready for Angular 9 – but not sure if it’s related to the error.
I forgot to answer your question about when the error occurs. It’s when I run “ng build”.
I’ve found others have had a similar error and the problem seems to be when you use dynamic styles in your templates e.g. style=”{{}}” or [style.xx]=”xx”.
But even after removing those tags, I still get that error.
See https://github.com/angular/angular/issues/33575
I guess I could try and report it on Angulars Github.
Hi Pi-applications
We don’t recommend you update your applications to Angular 9 during this month. It will be ‘wasting time’ right now. Many libraries like ngBootstrap/NGRX and e.tc aren’t updated to Angular 9. We hope after their updates we will start support Angular 9 too.
Regards, Keenthemes support
Line 807
KTUtil.addResizeHandler(function() {
if (init) {
the.reload();
}
});
reload method contains call of build method
// build menu
Plugin.build();
build method contains call of method scrollInit, that call inside the utility method with the same name
// Init scrollable menu
if (the.options.scroll && the.options.scroll.height) {
Plugin.scrollInit();
}
if ( the.options.scroll && the.options.scroll.height ) {
KTUtil.scrollDestroy(element);
KTUtil.scrollInit(element, {mobileNativeScroll: true, windowScroll: false, resetHeightOnDestroy: true, handleWindowResize: true, height: the.options.scroll.height, rememberPosition: the.options.scroll.rememberPosition});
As we see
KTUtil.scrollInit contains code, that add resize event handler too!
// Handle window resize
if (options.handleWindowResize) {
KTUtil.addResizeHandler(function() {
init();
});
}
I have not yet found a workaround to get rid of the constant addition of a new extra handler when resizing
Tell me fix so as not to wait for the next release.
Thanks
Hi,
Thanks for your feedback on this.
Do you mean that the same resize handler function is added infinitely within KTMenu ? Could you please provide us some more info ? Did this cause any error or performance issue ? How did you reproduce this issue ?
We will also check it further and provide a fix. If possible can you please send an email to our support at support@keenthemes.com and we will keep in touch with you during our investigation.
Regards, Sean
addResizeHandler: function(callback) {
resizeHandlers.push(callback);
console.log('resizeHandlers', resizeHandlers);
},
2) resize browser and you will se that resizeHandlers will increase by 1 same handler each time without remove a previous one. This will cause multiple events of the same type and in the future this may lead to memory leak. I found this problem, because I’m looking for the reason why my processor starts to warm up when I test resize events. Thanks for any ideas how to fix that.
Hi ,
Good spot. Noted we will check it further and fix it in the next update asap. Appreciate your feedback on this issue.
Regards, Sean
before the release, if there is such an opportunity, give an example of a solution to this problem in response to this comment. Thanks)
Sure, we will update you via email. Stay tuned
...
Hi i have send my purchase code to your email support@keenthemes.com but no reply from your email, please reply it
Hi,
May I know your email address ? If you still haven’t received our reply please double check your spam folder for any case.
Regards, Sean
how to use the Metronic datatable with laravel ?
Hi,
Please import the datatable plugin from here /demo1/tools/webpack/vendors/custom/datatables.js
And your datatable init js.
Place it in laravel’s app.js file. /laravel/resources/js/app.js
Thanks
Hey, Html theme demos not working… It looks like some files are missing. How can I work with it?
Hi ,
In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:
1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk or Webpack: https://youtu.be/gMUbZMdDRCo 2. Your First Project: https://youtu.be/yu0O2Y2NXxc 3. Customization: https://youtu.be/7PG5Qbg0-gM
If you need any further clarifications please let us know.
Regards, Sean
Why your demo on official website https://prnt.sc/r155qj provide a lot of samples, but bought version of our react theme doesn’t include https://prnt.sc/r155v9 a lot necessary things for us
1. List datatable https://keenthemes.com/metronic/preview/demo1/custom/apps/user/list-datatable.html https://prnt.sc/r15b0b, 2. Menus, sections and their data https://prnt.sc/r155qj
HI,
Thanks for your feedback. Please note that our default version is based on jQuery and it has a lot of jQuery plugins based features while the React version is only based on the React plugins and jQuery features are not used there. We will keep adding more features into the React version in a future releases.
However all static(css/html) based components in the default version can be reused in the React version.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
Clear, I have written to you:
How can we implement 1. List datatable https://keenthemes.com/metronic/preview/demo1/custom/apps/user/list-datatable.html https://prnt.sc/r15b0b, We need this view and functionality, this search by data of table Please provide clear instructions
2. Provide easy guide to implement functionality from full demo to cutted react demo.
Hi aacryptopass,
React version doesn’t have KTDatatable functionality and will not have in the future. KTDatatable based on jQuery plugins, but jQuery isn’t allowed in React.
Right now we are going to release eCommerce module in React version with Datatables/CRUD functionalities, but this module will be based on React-bootstrap-datatable: https://github.com/react-bootstrap-table/react-bootstrap-table2/blob/master/docs/development.md Storybook: https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html Docs: https://github.com/react-bootstrap-table/react-bootstrap-table2/tree/master/docs
Regards, Keenthemes support
Trying to startup a default project, but yarn keeps throwing errors and stops.
error Package ”” refers to a non-existing file ’”\\theme\\default\\demo7\\store-default”’
error Package ”” refers to a non-existing file ”\\theme\\default\\demo7\\utils”’
What am I doing wrong?
Hi,
Can you please try to remove node_moduels folder and retry with “npm install” instead of “yarn”.
Thanks
Thanks for replying quickly! No luck, receiving:
Could not install from “node_modules\@uppy\store-default” as it does not contain a package.json file.
Hi,
We have tested it but we could not reproduce the issue.
Could you please try to download the latest code from our github? https://github.com/KeenthemesHub/MetronicThanks
I managed to fix it by removing the @uppy package. After this all worked fine.
Hi,
Glad you managed to solved it. We will check on that package.
Let us know if you need any help.
Thanks
How to prevent BODY from scrolling when a modal is open?
tried a number of CSS solutions I found online, none of which worked with the theme.
Hi,
We overridden the Bootstrap’s original modal’s behavior using below code in “theme\default\demo1\src\assets\sass\global\integration\frameworks\bootstrap\_modal.scss”
.modal-open {
overflow: auto !important;
padding: 0 !important;
}
In terms of design hidden scrollbars changes the look and feel of the page so we did this change to keep the page design consistent when modal is opened. You can cancel this house be removing the abovo code and recompile the theme. To do this change you should use buildable version(gulp or webpack).
If you need any further help please provide us more info(theme version, buildable package, demo number).
Just a friendly reminder. In order to request a theme support you will need to have an active support subscription. To check your subscriptuon status or renew it you can go to the Metronic page and refer to the support info below the theme price panel. https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469Regards, Sean
Any hope to see vuejs edition this week ?
Hi,
We are preparing it for release.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
Hi, i’m getting this error: An unhandled exception occurred: Job name ”..getProjectMetadata” does not exist.
When i try to run “ng serve”. I have downloaded the newest version of Metronics and Node.js and Angular & CLI is up to date with newest versions.
Can you pls. tell me what i’m doing wrong?
Hi,
May I know which Angular CLI version do you have? You can run the command “ng version”
Thanks
Hi, here you have my result of “ng version”
% ng version
_ _ __ _ _
/ \ _ _ _ _ _ | | _ _ _ _ / __| | |_ _|
/ △ \ | '_ \ / ` | | | | |/ _` | '_| | | | | | |
/ _ \| | | | (| | || | | (| | | | || |_ | |
// \\| ||\, |\,|_|\,|| \_|__||
|_/Angular CLI: 8.3.25 Node: 12.13.1 OS: darwin x64 Angular: 8.2.14 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... platform-server, router
Package Version
@angular-devkit/architect 0.900.1 @angular-devkit/build-angular 0.900.1 @angular-devkit/build-optimizer 0.900.1 @angular-devkit/build-webpack 0.900.1 @angular-devkit/core 9.0.1 @angular-devkit/schematics 8.3.25 @angular/cdk 8.2.3 @angular/cli 8.3.25 @angular/material 8.2.3 @angular/material-moment-adapter 8.2.3 @ngtools/webpack 9.0.1 @schematics/angular 8.3.25 @schematics/update 0.803.25 rxjs 6.5.4 typescript 3.4.5 webpack 4.41.2
Hi,
Could you please try to update the angular cli, remove node_modules folder and retry?
1) npm install -g @angular/cli
2) npm install
3) ng serve
Thanks
Hi, it shows the same error:
% ng serve Your global Angular CLI version (9.0.1) is greater than your local version (8.3.25). The local Angular CLI version is used.
To disable this warning use “ng config -g cli.warnings.versionMismatch false”. An unhandled exception occurred: Job name ”..getProjectMetadata” does not exist.
Hi carlhansen2018,
I’ve just checked all steps of installation. Try this: 1) remove all node_modules and *.lock files (from recycle bin too). 2) run ‘npm uninstall—global @angular/cli’ (as Administrator) 3) restart your computer 4) run ‘npm install—global @angular/cli@latest’ (as Administrator) 5) run ‘yarn’ 6) run ‘ng serve’ 7) open your browser: http://localhost:4200
Regards, Keenthemes support
React build doesn’t work, I’ve tried yarn, yarn build, yarn serve, than I’ve got this result https://prnt.sc/r0ru03.
All in accordance with your documentation https://prnt.sc/r0rvi8, so your documentation wrong or react version wrong?
Hi aacryptopass,
In you screen you are trying to run prod mode. For preparing deployment version follow the link https://keenthemes.com/metronic/?page=docs§ion=react-deployment
For running dev, just run: 1) yarn 2) yarn start 3) open link in browser http://localhost:3000
Regards, Keenthemes support
Could you please provide missing piece so i can add in my class. Thanks.
Hi,
This is an expected behavior. In demo12 all circle/rounded corners are turned to square. If you need to enable circle mode for those buttons you will need to do a little customization in pager.sass and compile the theme. If you need any further help please contact our support at support@keenthemes.com and provide your Metronic version and package(gulp/webpack or classic)
Regards, Sean
how to manually init sticky portlet? if i use spa, i need to reload the page to make sticky work
Hi,
Please try to use KTLayout.initPageStickyPortlet() API method to initialize it on demand. For more info please check layout.js script.
Regards. Sean
I want to integrate this in my existing application is there any solutions for this
Hi,
Very sorry for the late reply. Could you please provide us more info ? Which package you using ? Default jQuery with Gulp or Classic ?
Have you check our getting started documentation for Gulp https://keenthemes.com/metronic/?page=docs and server side integration manual with PHP/Laravel example: https://keenthemes.com/metronic/?page=docs§ion=laravel-integrationFor any further help please contact to our support@keenthemes.com to have more efficiently conversion regarding your case.
Regards, Sean
maybe this is a stupid question. Can I build a Hotel website using this theme?
Hi ,
Absolutely. You can build any type of web application using Metronic. With Metronic you can start your project quite fast as it provides limitless features. If you need any further clarifications please let us know.
Regards, Sean
currently I’m using wordpress on my VM on GCP, do you have any tutorial how to install metronic on VM?
Hi,
Please check this documentation to get started. https://keenthemes.com/metronic/?page=docs§ion=quick-startYou have to install node.js in your VM because our build tools are based from node.js
Thanks
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
