12192 comments found.
Hello friends, I have a question: are you planning to make an update with Laravel and Vue integrated?
Hi,
Our current Metronic Vue comes with Laravel based backend auth API with some crud examples as well. Could you please have a look at it ? For any further help please reach our support via devs.keenthemes.com
Regards, Sean
Hello. Do you have a release date for new UI version?
Thanks!
Hello,
We are making great progress and are currently 85% through the initial release milestone of the Metronic Tailwind version. The release will be coming very soon.
Stay up-to-date with the latest news, updates, and exclusive offers by following our Twitter.
Best regards, Sean
Hy Dev,
We are an Education Institue and is in the proccess of developing an Academic Portal, during our research for a template we came by Mertonic. We would like to ask we will be collecting the admission fees from our portal. So in that case actually we are not selling our portal for any use. And we are a non-profit institution comes under a Charitable Trust. And the managemnt won’t allow us to invest too much for the development. In this case I would like to clarify if we can get a regular license but can collect fees using Payment Gateway provided by our local bank? Because we are not selling any Software here to the end users. I belive in this case our requirements are unique and hope KeenThemes will support us.
Thankyou & Best regards, Mohammed
Hi,
Thank you for your interest in Metronic.
Yes, if you collect a payment for a service that is not offered directly by a web app that utilizes Metronic then you can go with the regular licernse. The extended license is required for SaaS use cases only.
For more info please check our Licenses and FAQs post here.
Regards, Sean
Thankyou for confirming
What is the best way to learn Metronic for non-PHP sites?
I can only find tutorials or help videos for PHP based. We are upgrading from a different admin dashboard using bootstrap 4 / asp.net to BS 5. Asp.net core 8, standard JS etc…..
Thank you!
We are specifically using the HTML 5 version. just wondering if there are any specific tutorials or video for that.
Hi,
You can refer to the video tutorial that we show how to use it for PHP and apply the steps for your Asp.Net Core app. Also you can check our Asp.net Core 8 starter kit that uses Demo 1 HTML layout and includes its assets and provides basic layout integration.
You can check our Asp.net Core starter kit docs here: https://preview.keenthemes.com/asp.net-core/metronic/docs/indexThe starter kit package you can get from the Metronic zip package, under “asp.net core” folder.
For any further help please reach our support via devs.keenthemes.com
Regards, Sean
Facing Problem in npm install and `npm install—legacy-peer-deps` with last download.
Cannot find module ’@nx/nx-win32-ia32-msvc’
Hi pratik_godha
May I know which app are you using? html, angular, or others?
Could you please try with “npm install—force”
Thanks
I am using Angular Demo 1
Hi pratik_godha
Could you please try with “npm install—force”. Does it work?
Thanks
Cannot find module ’@nx/nx-win32-ia32-msvc’
same error using the “npm install—force” also
I am having a path like – D:\SourceCodeDownload\Evento Market\themeforest-vreVu60p-metronic-responsive-admin-dashboard-template\metronic_v8.2.4\angular\metronic_angular_v8.2.4_demo1
is this kind of path is long ?
You can try a few things to resolve this:
Shorten the path: Try moving your project to a directory with a shorter path, like C:\Projects\.
Remove node_modules and lock files: Delete the node_modules directory, yarn.lock, and package-lock.json files, then run npm install again.
Use npm cache clean: Sometimes, clearing the npm cache can resolve installation issues. You can do this with npm cache clean—force and then try installing again.
Upgrade npm: Ensure you’re using the latest version of npm by running npm install -g npm@latest.
Now I am sing short path and getting below message -—-
PS D:\SourceCodeDownload\Angular> npm install—force
npm WARN using—force Recommended protections disabled.
[..................] \ idealTree:@angular-devkit/build-angular: sill placeDep ROOT webpack@5.91.0 OK for: mini-css-extract-plugin@2.8.1 want: ^5.0.0
<—Last few GCs -->
[24556:05065858] 28041 ms: Mark-Compact (reduce) 1011.4 (1046.9) -> 1011.3 (1047.9) MB, 447.30 / 0.04 ms (+ 321.8 ms in 209 steps since start of marking, biggest step 36.1 ms, walltime since start of marking 943 ms) (average mu = 0.565, current mu = 0[24556:05065858] 28800 ms: Mark-Compact (reduce) 1012.3 (1047.9) -> 1012.3 (1048.9) MB, 756.15 / 0.00 ms (average mu = 0.342, current mu = 0.003) allocation failure; scavenge might not succeed
<—JS stacktrace -->
FATAL ERROR: Reached heap limit Allocation failed – JavaScript heap out of memory
—- Native stack trace —-
Hi Team, Its not at all working and building a project, could you please help facing below errors using npm install -
PS D:\SourceCodeDownload\Angular> npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: demo1@8.2.3
npm ERR! Found: @angular/common@17.3.1
npm ERR! node_modules/@angular/common
npm ERR! angular/common“17.0.8” from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer angular/common“16.0.0” from angular-in-memory-web-api@0.16.0
npm ERR! node_modules/angular-in-memory-web-api
npm ERR! angular-in-memory-web-api@”^0.16.0” from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with—force or—legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
Usually, following those steps should resolve the issues. Can you let me know which version of Node.js you’re using? Make sure it’s at least version 20 and above. You can verify this by running the command `node -v`.
Additionally, please try running the installation command from a regular Command Prompt (cmd) window instead of using PowerShell.
I am using – 10.5.0
Please consider updating your Node.js to at least version 20. Angular has specific version requirements for Node.js, which you can find at https://angular.io/guide/versions.
I have downloaded the latest version of Node js and now current version is – v20.11.1
but still I am getting below error
PS D:\SourceCodeDownload\Angular> npm install—legacy-peer-deps
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: demo1@8.2.3
npm ERR! Found: @angular/common@17.3.1
npm ERR! node_modules/@angular/common
npm ERR! angular/common“17.0.8” from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer angular/common“16.0.0” from angular-in-memory-web-api@0.16.0
npm ERR! node_modules/angular-in-memory-web-api
npm ERR! angular-in-memory-web-api@”^0.16.0” from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with—force or—legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
Please contact me on pratik_godha@hotmail.com
In the command, you are still using PS (PowerShell). Please try running the installation command from a regular Command Prompt (cmd) window instead.
We invite you to join our products community at https://devs.keenthemes.com/. You can get help and guidance from KeenThemes’ core developers and community members
blazor template cannot switch page
Hi,
Sorry for the late reply. Could you please reach our support via devs.keenthemes.com and provide more info ? Are you using Metronic’s Blazor Starter Kit ? Do you have any frontend/backend errors ?
Regards, Sean
Hello, we have tried to include in the template the Char that shows the location on the world map that you include in the template, unfortunately we have noticed that the included CDNs are not correctly directed, since in many attempts we have configured the connection script with all the documentation parameters without having display results, that is why we want to know if there is any update to the template code or if you would help us with more specific documentation of how to use it, thank you
Hi,
May I know which plugin are you using ? Could you please reach our support via devs.keenthemes.com and provide more info for your issue ?
Regards, Sean
Is there a way to get only core styles of Metronic Library and its components?
We use HTML version. Yet all HTML demos are somewhat customized and differ between each other.
We would like to create our on layout but cannot find a way to extract core styles and components without any customization whatsoever.
Hi,
Each demo differs from other demos with the main layout sass and global theme variables override in SASS.
You can refer to the demo1 sass demo1/src/sass/layout/_layout.scss and learn the demo sass structure. This sass file src/sass/_init.scss includes all the core dependacy sass files.
Additionally, you’re welcome to explore our support center at https://devs.keenthemes.com/ for product assistance and engaging community discussions.
Regards, Sean
It Breaks When Using Vue Js in tns
It Breaks When Using Vue Js
Hi,
Thank you for reaching out to us.
To add tiny-slider to Metronic Vue version you can refer to the guide below. https://devs.keenthemes.com/question/using-tiny-slider-in-metronic-vue
Regards,
Lauris Stepanovs,
Keenthemes Support Team
How do I download only the boostrap version – html or laravel? At the time of downloading, it downloads 11GB of files but I would only like to download these versions
Hi,
You can download the entire package and use the html and laravel versions from the “html” and “laravel” folders. Plaase note that the laravel started kit uses the html version as base and provides some complete modules with db connections. You can use more features from html version and copy paste into laravel started kit since the laravel started kit includes all assets and styles from the html verison.
Other versions are not mandatory, you can use any package you need according to your project requirements.
Regards, Sean
How can I add Tiny Slider to html project
Hi,
At the moment we do not have Tiny Slider integration with Vue version. However we will check this further and get back to you ASAP.
Regards, Sean
How to remove the external login providers, without messing the layout? I´ve created a video to show what i mean. In my cenario, i need to remove that div element that contains those login providers. Here is the link for the video:
https://www.youtube.com/watch?v=8i0V7rYothUHi,
You can simply remove the buttons and their parent container DIV from the HTML code. Those buttons are used as static elements and there is no JS logic behind them.
Stay up-to-date with the latest news, updates, and exclusive offers by following our Twitter: https://twitter.com/keenthemesAdditionally, you’re welcome to explore our support center at https://devs.keenthemes.com/ for product assistance and engaging community discussions.
Regards, Sean
Hi Sean I’ve tried, but didn’t work.
Look this video below: https://www.youtube.com/watch?v=bSM4nb4pChkWhen removing the buttons and their DIVS, the components size has changed and i would like to keep the same size and be responsive when changing the display size.
Hi,
Can you change the wrapper divs class to
class="w-100 w-sm-500px"and retry?
For any further help please reach our support via devs.keenthemes.com and provide a test URL to your site in a private reply ?
Regards, Sean
Thanks so much Sean!! Works perfectly!!
Hi 
,
Great! All the best with your project
Regards, Sean
Any chance for a Vue port of Demo 60 (I think it’s the orange CRM Dashboard)? That would be a PERFECT template for a project we’re working on with a very short timeline.
Hi,
At the moment we do not have Demo 60 vue version.
However you can refer to existing Vue demos and reuse the base code and integrate it with Demo 60 layout. If you need any further guidance you can reach our support via devs.keenthemes.com
Regards, Sean
Getting Error on npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @sweetalert2/ngx-sweetalert2@12.2.0
npm ERR! Found: @angular/common@17.0.8
npm ERR! node_modules/@angular/common
npm ERR! angular/common“17.0.8” from the root project
npm ERR! peer angular/common“17.0.0 || 18.0.0” from @angular/cdk@17.0.4
npm ERR! node_modules/@angular/cdk
npm ERR! peer angular/cdk“17.0.4” from @angular/material@17.0.4
npm ERR! node_modules/@angular/material
npm ERR! angular/material“17.0.4” from the root project
npm ERR! 12 more (@angular/forms, @angular/material, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer angular/common“14.0.0 || ^15.0.0 || ^16.0.0” from @sweetalert2/ngx-sweetalert2@12.2.0
npm ERR! node_modules/@sweetalert2/ngx-sweetalert2
npm ERR! sweetalert2/ngx-sweetalert2“12.2.0” from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/common@16.2.12
npm ERR! node_modules/@angular/common
npm ERR! peer angular/common“14.0.0 || ^15.0.0 || ^16.0.0” from @sweetalert2/ngx-sweetalert2@12.2.0
npm ERR! node_modules/@sweetalert2/ngx-sweetalert2
npm ERR! sweetalert2/ngx-sweetalert2“12.2.0” from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with—force or—legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\Dell\AppData\Local\npm-cache\_logs\2024-03-15T10_54_43_542Z-eresolve-report.txt
Please help ASAP
Hi,
Sure, we are checking this and we will get back to you ASAP.
Regards, Sean
Hi pratik,
In the meantime, could you please try to run “npm install—force”.
We will fix the version upgrades.
Thanks
After running this – npm install—force below error is coming
Why Python or related modules is required to just build the project ?
npm ERR! code 1 npm ERR! path G:\Project Record\My Working Folder\Evento Market\AngularApp\node_modules\@parcel\watcher npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp-build npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using node-gyp@9.4.1 npm ERR! gyp info using node@20.11.1 | win32 | ia32 npm ERR! gyp ERR! find Python npm ERR! gyp ERR! find Python Python is not set from command line or npm configuration npm ERR! gyp ERR! find Python Python is not set from environment variable PYTHON npm ERR! gyp ERR! find Python checking if “python3” can be used npm ERR! gyp ERR! find Python – “python3” is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if “python” can be used npm ERR! gyp ERR! find Python – “python” is not in PATH or produced an error npm ERR! gyp ERR! find Python checking if Python is C:\Users\Dell\AppData\Local\Programs\Python\Python39\python.exe npm ERR! gyp ERR! find Python – “C:\Users\Dell\AppData\Local\Programs\Python\Python39\python.exe” could not be run npm ERR! gyp ERR! find Python checking if Python is C:\Program Files\Python39\python.exe
Hi
In that case, please try the command `npm install—legacy-peer-deps` or install using yarn. Please note that we do not use any Python-related modules in our Metronic Angular demos. You can verify this by checking the package.json file for any Python dependencies.
Additionally, may I know which version of Node.js you are currently using? Knowing the version will help us understand if there are any compatibility issues that might be causing the problem.
Thank you
Hi, i have added these classes in my menu for a page menu-link active menu-item here show when ever i change the page it does not change according to the page (active) sticks to the same link. what i am doing wrong? i am using in php. rest everything is working smooth.
Hi,
You will need to detect which menu is active during the page generation and set the active, here, open classes for the active menu link only.
For any further help please reach our support via https://devs.keenthemes.com/Regards, Sean
Hi, when purchase the template does the purchased including the ecommerce dashboard and all other ecommerce related pages already pre-build for me?
for example below:
> ecommerce dashboard https://preview.keenthemes.com/metronic8/demo1/dashboards/ecommerce.html > product list https://preview.keenthemes.com/metronic8/demo1/apps/ecommerce/catalog/products.htmlLet me know.
Thanks. Shamim.
Hi,
Yes, absolutely. Upon your purchase of Metronic from Themeforest you will get all the advertised features in https://keenthemes.com/metronic including HTMl, Angular, Vue, React and other versions from Themeforest Downloads after your purchase.
You will get lifetime free updates for your purchased license. There are 2 license types: regular and extended. The regular license can be used for an end product that does not charge its end users. If the end product is a SaaS that may have paying users then the extended license is required.
Please note that one license allows using Metronic for a single deployment and all subsequent usage requires a separate license.
Regards, Sean
Does your demo has json samples for database?
Hi,
You can check this docs page to see how the server side code generates response JSON: https://preview.keenthemes.com/html/metronic/docs/general/datatables/server-sideRegards, Sean
Yesterday’s UI Triumph! Team Chat UI is set! Next up: Search
Hi, when I purchase the template do I get all the bootstrap, react, django, vuejs etc. with the single purchase? or just have to choose a single demo like “react js” or any one of demo?
Hi,
Upon your purchase of Metronic from Themeforest you will get all the advertised features in https://keenthemes.com/metronic including HTMl, Angular, Vue, React and other versions from Themeforest Downloads after your purchase.
You will get lifetime free updates for your purchased license. There are 2 license types: regular and extended. The regular license can be used for an end product that does not charge its end users. If the end product is a SaaS that may have paying users then the extended license is required.
Please note that one license allows using Metronic for a single deployment and all subsequent usage requires a separate license.
Regards, Sean
Can you please reply to my support question at https://devs.keenthemes.com/question/?
Hi,
Sure, we will reply pending cases asap.
Regards, Sean
Hi Sean,
Still waiting for the answer to the question
Hi,
The link you past does not lead to a support case. Can you please resend a proper link ?
Regards, Sean
Updated
Can you pls paste the URL here ?
Noted, we will check it and reply you shortly.
Thanks!
Hello! Can I please get a proper answer? The issue is not solved..
Hi,
Sure, we will check provide you further guidance.
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
