12201 comments found.
Hey 
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Demo 18:
– Minimalistic Layout.– Offcanvas Aside.
– Quick Search.
– Multilevel Menu.
– Sticky Header.
– Extended Toolbar.
– Interactive Dashboard.
– Dark Mode.
2. HTML Demo 19:
– Unique Concept.– Tabbed Header.
– Sticky Header.
– Quick Search.
– Optional Aside.
– Extended Toolbar.
– Multilevel Menu.
– Interactive Dashboard.
– Dark Mode.
3. HTML Demo 20:
– Advanced Layout.– Tabbed Header.
– Sticky Header.
– Quick Search.
– Optional Aside.
– Dropdown Menu.
– Accordion Menu.
– Extended Toolbar.
– Interactive Dashboard.
– Dark Mode.
4. HTML eCommerce App:
– Catalog Module.– Categories CRUD.
– Products CRUD.
– Add/Edit Category.
– Add/Edit Product.
– Product Info.
– Product Meta.
– Product Statistics.
– Product Reviews.
– Product Options.
– Product Tags.
5. HTML Version:
– Subdatatable.– Campaign Modal.
– Floating Labels.
– Select2 Group Options.
– Documentation Improvements.
– Inbox App Improvements.
– Vis-timeline Improvements.
– Tagify Update.
6. Vue Version:
– Illustration Switch.– Password Meter.
– Element UI Update.
– Layout Improvements.
– Docs Improvements.
7. React Version:
– Password Meter.– Docs Improvements.
8. Angular Version:
– Angular DevTools Update.– Smooth Page Transition.
– Layout Improvements.
– Docs Improvements.
9. Laravel Version:
– Core Assets Update.– Webpack Mix Improvements.
– Select2 RTL Support.
– Layout Improvements.
– Docs Improvements.
Next Up:
– Demo 21 HTML.– Demo 22 HTML.
– Demo 23 HTML.
– Demo 24 HTML.
– Demo 25 HTML.
– Demo 3 Vue.
– Demo 4 Vue.
– Demo 5 Vue.
– Demo 3 React.
– Demo 4 React.
– Demo 5 React.
– Demo 2 Angular.
– Demo 3 Angular.
– Demo 4 Angular.
– Demo 5 Angular.
– Demo 11 Laravel.
– Demo 12 Laravel.
– Demo 13 Laravel.
– Demo 14 Laravel.
– Demo 15 Laravel.
– React CRUD Solution.
– Angular CRUD Solution.
Stay tuned for endless updates to empower your projects.
All updates are free, always!
Regards, Sean
I know the current one is Metronic 8, but can I download 7 instead?
I sent an email requesting github access, thank you
Hi ,
Sure, we will grant you access to the Metronic Github repo.
Regards, Sean
Hi keen team, fantastic designs.. i would like to use for my client. but there is no crud solution for ReactJS. let me know is that ready to publish?
hi is there any reply for my question @keenthemes ?
Hi ,
We are working on the React CRUD solution(complete searchable, sortable datatable with pagination support and modal forms and extended inline forms with view switch) and it will be out soon. After purchasing Metronic you will get all future updates for free.
Regards, Sean
Hi Sean, tks for the reply, any timeline for this reactjs+crud? 1 week? if i buy today, can i use that in 1-2 weeks?
Hi,
Sorry, we can’t confirm the timeline. We will release it once it’s ready. We are working hard on it.
Regards, Sean
Hi, I have a question: What is the best method update your files when your updates come? I mean I changed some styles and codes, but I want to use your new styles at your updates. what I can I do for this? Should I change manuel?
Hi,
Sorry for the late reply.
You can update the Metronic updates by replacing the “src” folder and also required HTML files by using code diff tools for required html files. Also please refer to the general update guidelines here: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/updates.html If you need any further clarifications please do let us know.Regards, Sean
Good Day!
Our team purchased the metronic_v8.0.31 theme. Under react, it only have the typescript version of the code.
Do you have a version for ReactJS(not TS)?
Thanks in advance.
Hi ,
Thanks for your interest in Metronic.
The non TS version is not supported. As suggested by the React authors the Typescript is now becoming mainstream for SPA frameworks: https://serokell.io/blog/why-typescript
if you need any further clarifications please do let us know.
Regards, Sean
Thanks Sean!
It seems you have JS version of React in Metronic version 7?
We still have learning curve in the TS version.
So, could we get that version 7 instead?
Hi ,
Sure, please email our support via support@keenthemes.com and provide your purchase code and GitHub username and we will grant you access to our Metronic private repo so you can download previous versions.
Regards, Sean
Hii
I just bought the theme and in the Laravel version all the template files are missing I only find sign in and some other Audit and system log file.
From where I can get all the view/blade files ?
Thanks
Hi,
Thank you for your interest in Metronic.
Some pages from the HTML version do not exist in Laravel. But the CSS styles from the HTML version have already been integrated into Laravel. All the components from the HTML version are static and non-working components. You can just copy the component HTML from the HTML version, and paste it into the Laravel component to get the same style. The actual functionality and implementation need to be done by the customer because every customer has its own business requirements.
Let us know if you need further clarifications.
Thanks
Your download file is way to BIG!!! 5GB!!! 3GB compressed!!! 2 hours to unzip the files… Guys, you have one of the most perfect admin theme but you have to split your versions into separate download files like: angular.zip, html.zip, react.zip etc…
but great work after all
Hi ,
Thanks for your interest in Metronic. Please use https://www.7-zip.org/ and u can unzip in less than 30 sec. That’s is the Windows’ default unpacker software issue.
If you need any further clarifications please let us know.
Regards, Sean
It still takes up to 15 minutes to download
Hi,
We will be launching the Metronic Download page within the next week so you can enter your purchase key and download selected demo separately.
Regards
Morning,
I am looking at Demo 8 and would pretty much like to duplicate a lot of that for my internal site.
My questions are ;
a) if I buy this latest version, does it come with fully working demo’s so I can simply copy the files I want across and just update field and table names names ? In other words is there full demo data, demo database, etc etc.
b) if we have an previous version of Metronic, can this just be copied in over that, or are there a lot of changes needed to an existing site using a previous version of Metronic.
I should mention we use ASP and Windows, so we would not be using Laravel etc.
Thanks
No reply ?
Hi ,
Thanks for your interest in Metronic.
The Laravel version of Metronic comes with some fully working pages and modules as you can check in the preview site: https://keenthemes.com/metronic At the moment Demo 8 does not have the Laravel version. You can use the HTML version of Demo 8 but it comes as a static HTML theme that you will need to integrate with your server side code in order to make your site fully functional.The previous versions of Metronic(v5, v6, v7) are not compatible with the current v8 since they use different versions of Bootstrap and the KT core framework.
If you need any further clarifications please do let us know.
Regards, Sean
Thank you Sean,
Is there an upgrade path? By that I mean, we bought a business site (not just a template but a full business) from another company which I think uses Metronic v4 (not 100% sure) and want to upgrade to the last v8 The site uses Microsoft Classic ASP
Is there a way we can do this ?
Thank you
Hi,
Sorry for the late reply. Upgrading v4 to v8 requires full code rewrite. Metronic v8 uses the latest Bootstrap 5 and other plugins that are not compatible with Metronic v4.
If you need any further clarifications please contact our support via support@keenthemes.com
Regards, Sean
Good evening! I have just integrated on angluar 12 the theme demo11 like this https://preview.keenthemes.com/metronic8/demo11/landing.html the button “kt_landing_menu_toggle” does not work. and I have the following errors on my src \ assets \ js \ scripts.bundle.js console: 1 Uncaught TypeError: Cannot read properties of undefined (reading ‘on’) at Function.KTDrawer.handleShow (src \ assets \ js \ scripts.bundle.js: 1)
and Uncaught TypeError: Cannot read properties of undefined (reading ‘throttle’) at src \ assets \ js \ scripts.bundle.js: 1 (anonymous) @ src \ assets \ js \ scripts.bundle.js: 1
Please how to make this button work on different devices.
Hi,
Have you imported this file as well? src/js/components/util.js KTUtil is required for this plugin.
Thanks
Good evening team, Thank you for your answer. But it still doesn’t work … I’m using angular 12 in my angular.json “scripts” file: [ “src / assets / js / components / util.js”, “src / assets / js / components / drawer.js”, “src / assets / plugins / global / plugins.bundle.js”, “src / assets / js / scripts.bundle.js”, “src / assets / plugins / custom / fslightbox / fslightbox.bundle.js”, “src / assets / plugins / custom / typedjs / typedjs.bundle.js”, “src / assets / js / custom / landing.js”, “src / assets / js / custom / pages / general / pricing.js” ]
I don’t know if I forgot to import another file. Please help me the scripts do not work.
Hi,
By right, util.js and drawer.js files are already bundled in the scripts.bundle.js file. So, you do not need to import util.js and drawer.js again.
Thanks
hello team, thanks again for your answer..but i really need this page https://preview.keenthemes.com/metronic8/demo11/landing.html can you create a project on your own and tell me why after adding this in the angular.json “scripts” file: [“src / assets / plugins / global / plugins.bundle.js”, “src / assets / js / scripts.bundle. js ”,“ src / assets / plugins / custom / fslightbox / fslightbox.bundle.js ”,“ src / assets / plugins / custom / typedjs / typedjs.bundle.js ”,“ src / assets / js / custom / landing. js ”,” src / assets / js / custom / pages / general / pricing.js “] I still receive errors in my console Uncaught TypeError: Cannot read properties of undefined (reading ‘data’) at new KTDrawer at src \ assets \ js \ scripts.bundle.js: 1 (anonymous) @ src \ assets \ js \ scripts.bundle.js: 1
and Uncaught TypeError: Cannot read properties of undefined (reading ‘throttle’) at src \ assets \ js \ scripts.bundle.js: 1 (anonymous) @ src \ assets \ js \ scripts.bundle.js: 1
Hi,
You can try to remove and exclude the js files from angular.json. The demo landing page does not require js file. The style should be already included. You have to copy the HTML structure similar to HTML version.
Thanks
<select class=”form-select field” data-control=”select2” name=”search_field_1” data-dropdown-parent=”#modal_search_condition”> <option value=”login_name”>Login Name</option> <option value=”acc_name”>Full Name</option> <option value=”acc_email”>Email Address</option> </select>
after ajax return and i use $(”#testing”).append(); select2 is not functioning at all.
how can i reinit the select2 ?
Hi ,
Regards, Sean
style.bundle.css is missing for col-xs-* and col-sm-* (only available for col-md col-lg col-xs) , how i can use the col-xs-6 ?
Hi,
May I know which Metronic version are you referring to ?
In Metronic 8 we used the default breakpoint settings:
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px
) !default;
Regards, Sean
metronic_v8.0.30 so what is the actual code for col-sm-* ?
Hi,
You can refer to the original Bootstrap docs: https://getbootstrap.com/docs/5.1/layout/grid/Regards, Sean
i know is using col-sm-6 (1-12 numeric), but in your style.bundle.css dont have this css
Hi,
Maybe you have an issue with your build? Our original theme has all the Bootstrap classes and we have no such issue reported by other users. You can double check the original style.bundle.css from our preview site; https://preview.keenthemes.com/metronic8/demo1/assets/css/style.bundle.css All grid classes are in there.
Could you please contact our support via support@keenthemes.com and provide us with your generated style.bundle.css ? Which build tool do you use? Gulp or Webpack ?
Regards, Sean
in your preview site style.bundle.css u search col-md-6 have this css. but u search col-xs-6 is dont have this css. please recheck again from your preview site style.bundle.css https://preview.keenthemes.com/metronic8/demo1/assets/css/style.bundle.css
your style.bundle.css have col-sm col-md- col-lg col-xl col-xxl , but missing the col-xs
To use the smallest breakpoint you can just use “col-6, col-8, col-3”.
“xs” breakpoint value is by default ‘0px’ so it does not have utility classes. If you need to use “xs” breakpoint you can set a value and recompile the assets and the Bootstrap SASS will generate “xs” util classes. For more info please check: https://getbootstrap.com/docs/5.1/layout/grid/
Hello, I can’t find the dark directory to integrate dark mode on my application
Hi ,
Regards, Sean
Hi dear i need for your support i try to install laravel in integration metronic i flow this document but i can’t success i try more different way but here have a problem
https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/integration/laravel.htmlPreparing Mix Config
i got it this error ERROR in /assets/js/scripts.bundle Module not found: Error: Can’t resolve ’/Users/hanifeoglu/Code/b2b/api/resources/src/webpack/scripts.js’ in ’/Users/hanifeoglu/Code/b2b/api’
ERROR in /assets/plugins/global/plugins.bundle Module not found: Error: Can’t resolve ’/Users/hanifeoglu/Code/b2b/api/resources/src/webpack/plugins/plugins.js’ in ’/Users/hanifeoglu/Code/b2b/api’
ERROR in /assets/plugins/global/plugins.bundle Module not found: Error: Can’t resolve ’/Users/hanifeoglu/Code/b2b/api/resources/src/webpack/plugins/plugins.scss’ in ’/Users/hanifeoglu/Code/b2b/api’ if you want check my config file look at pls attachment files
// webpack.mix.js same this your link same code 100% same
Hi,
Which Metronic version are you using?
Could you please check this location in your laravel? Please make sure if these files exist. The error says some files are missing in that location. Eg. resources/src/webpack/scripts.js resources/src/webpack/plugins/plugins.js
Thanks
Hi i m used metronic_v8.0-2.31
Hi,
Could you please check if the file here exist?
resources/src/webpack/plugins/plugins.scss
Thanks
Hello! I want to convert the HTML version to Angular, is there something I should be aware of? how to start some main functionality.
Hi ,
Regards, Sean
Yes, but it is from demo 1 and I would like to convert demo 9 into angular, can it be done?
It would require some major work, but you can try to refer to demo1 and freate demo 9 app. We will do our best to release those pending demos as soon as possible.
When installing to laravel gives me ReferenceError: plugins is not defined error after running npm run dev
Hi,
Have you run “npm install” first, before “npm run dev”?
Thanks
I can’t unzip the downloaded theme. I’ve tried it on both windows10 and linux (“unzip” command), but both fail to unzip. Please give me an immediate solution.
Hi,
Thanks for your interest in Metronic.
Metronic is a large theme with over 1GB zip file, Can you please retry it with https://www.7-zip.org/
If you need any further clarifications please contact our support via support@keenthemes.com
Regards, Sean
Hi keenthemes,
I know that select2 is a pain in the but to work with and I messed up somewhere, but do you know why my select2 is not rendering in the right side when in RTL mode ??? although it works great in LTR mode.
here’s a screenshot : https://ibb.co/4fBWxt8
I did everything that an RTL env require (html dir=, even dir=’RTL’ for select2) everything, but without luck.
All my RTL layout works just fine, except select2.
I know I didn’t gave you some code, it’s complicated select2 rendring,, Server Side Actually.
NB : Used your method that you did in Select2 in Metronic7 (Supply the template in html, and catchup it in js as Metronic 8 ) but I don’t thing that it does matter much..
thank you guys.
Hi,
Can you please double check the original Metronic documentation with the Select2 demos: https://preview.keenthemes.com/metronic8/demo1/rtl/documentation/forms/select2.htmlIn the original theme the Select2 RTL mode works fine.
Have you fully followed the RTL setup as per the documentation: https://preview.keenthemes.com/metronic8/demo1/rtl/documentation/getting-started/rtl.htmlIf you need any further help please contact our support via support@keenthemes.com and provide us a test link to your page.
Regards, Sean
I followed everything.
But I discovered that even if I put a raw input select2 like below will not render in RTL layout :
<select class="form-select form-select-solid" data-control="select2" data-placeholder="Select an option">
<option></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
here’s my .html head RTL layout :
<html dir="rtl" direction="rtl" style="direction:rtl;" lang="en">
IT’s weired.
any idea. ?
thank you
Hi,
Can you check your webpack or gulp build config if select2 is included in the rtl conversion ?
Regards, Sean
rtl: {
enabled: false,
skip: [
"select2",
"line-awesome",
"fontawesome5",
"nouislider",
"tinymce",
"sweetalert2",
],
},
Hi,
The thing is it works in the original theme and the issue seems to be in your page. If you can send us the test link(via support@keenthemes.com) to your page we can take a look. Otherwise you will need to double check the origin theme and compare your code to find out what is missing.
Regards, Sean
Hello, in my client’s script I am trying to use Firebase cloud messaging and it returns an error
the same thing happens to me with OneSignal This is the error ¨The script has an unsupported MIME type (‘text / html’). ¨
Any solution?
Forget to mention that this problem is caused in React demo 01
Hi,
Thank you for getting in touch with us.
Firstly check out the StackOverflow page regarding this error: https://stackoverflow.com/questions/49566059/service-worker-registration-error-unsupported-mime-type-text-htm
Then can you please verify that error is related to our codebase? Try to reproduce it in the latest Metronic v8.0.31 react demo1.
You can get the latest version from our GitHub repository.
Regards,
Lauris
hi, actually the problem was with the Metronic React DEMO 01 template, since I did the integration of firebase -FCM in a new project (TS) and it worked perfectly.
on the other hand doing tests, determine that the problem is in the “homepage”: “metronic8 / react / demo1 /” in package.json file
what it determines is that app.tsx uses the basename of the index.tsx USA : const {PUBLIC_URL} = process.env
so my firabse serive worker didn’t see the file: firebase-messaging-sw.js
therefore my final solution was to place Homepage” in the package.json file and now my application can read my Service Worker.
Now, having said all this, was it a correct solution? I will not have problems in production or development to rename the homepage?
I hope I have been clear and also collaborate with some suggestions ..
Yes this is a correct solution since in our case we are hosting theme on metronic8/react/demo1, but you should specify the path of your host.
You can read more about the “homepage” property in the official doc: https://create-react-app.dev/docs/deployment/#building-for-relative-paths
Regards,
Lauris
Hi I’m getting the following message when login ‘The login detail is incorrect’ I’m using react demo1 and also I use Mobx with react is there any way to remove redux easily from the demo1?
and one thing more there is no starter kitt avilable
thanks
Hi,
To login successfully use account “admin@demo.com” and password “demo”.
To remove redux you need to delete redux initialization from file react/demo1/src/index.tsx and then you will need to rewrite auth redux module in folder react/demo1/src/app/modules/auth/redux.
Sorry at the moment we do not have react starter kit, we will consider to add it in upcoming future.
Regards,
Lauris
Hi keenthemes,
You can’t edit or write numbebers in the Time Flatpickr on boostrap modal even date/month selects for Date flatpickr version in Modal.
The flatpickr is useless in Bootstrap Modal. Lots of people complaining in the github about it, the bug itself is from years ago…
Even with the removing of the tabindex=”-1” it doesn’t work…
Can you guys suggest or implement another solution.
NB : Our App is massively based on Bootstrap modals, and a lots of date and time inputs. (it feels weired to not be able to write numbers in Time pickrs in bootstrap modals and use instead the arrows.)
thank you guys.
here’s a woring jsfiddle link for the issue : https://jsfiddle.net/9n83t10o/
And here one of the related topic about it : https://www.higithub.com/flatpickr/issue/flatpickr/2502
any good JSPicker that you know it works in Bootstrap Modals ?
Thank you.
Hi,
Thanks for your feedback.
We will check and try to find a workaround. If you know any better JS Datetimepicker plugin please let us know. So far we could not find other solutions. Will check further.
Regards, Sean
Same thing here Sean 
, I’ve been digging the net for a better DateTime Picker, but almost all of them had something anoing (Some use modal to show up, some bugs, ...)
I’ll let you know if I find an interesting one;
Please keep me postge if you do find a work around.
thank you Sean.
Hi ,
As there is no known fix on the net we are digging the Flatpicker source code to find out the issue and apply some workarounds without changing the source code. This may take some time and if we are lucky we will provide the fix in the next update along with other improvements and fixes that we have already done since the last update.
Regards, Sean
That would be great since I based all picker on flatpickr already, include it deeply in our app, hook it with the languge system, and so on, it is deeply integrated to our app,
It would be so hard to change to another solution. but if we are face too, we don’t have a choice..
thank you Sean, Thank you so much.
Sure thing, thanks for the feedback appreciate your contribution!
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
