12192 comments found.
Greetings,
I like your solution, but i noticed the Angular version does not include all screens/components i expected to see, for starter i’m trying to find the ticket support screen but it is not included in the Angular version, should i take them from somewhere and manually add them to Angular??
Hi
,
Regards, Sean
I saw this question and answer before i post my comment, it is not recommended to use JavaScript in Angular, and the process of coping files and redoing functions and forms validation etc will be inconvenient.
Do you recommend a certain process of integrating the pages i want that doesn’t feel like doing major refactoring ?
Hi,
Our Angular solution uses the default HTML version with core ts components. However the features presented in the content are not fully integrated with Angular so those missing features you can integrate by your own according to your project requirements. You can fully reuse the pages HTML code in your angular pages and rewrite the JS code with TS in angular way.
Regards, Sean
Hi i purchased this back in 2020/2016 with older version like Metronic 7.0 I am in urgent need of that version download. I just paid support close to 40$ just now. Can you please help ?
I tried to enter my details with purchase code and my github username is pkdcryptos Please help to access my old version downloads. Thanks alot
Hi,
Could you please contact our support via suppor@keenthemes.com or devs.keenthemes.com and we will provide with the Metronic v7 download link right away.
Regards Sean
Thanks Sean, sent email with all details (purchase code etc) to support@keenthemes.com
can i know when i will be able to get response ? Thanks
Hi
,
We have already replied to your request! Please let us know if you need anything else.
Regards, Sean
Perfect. Yo are awsome. Thanks for the support
it’s our pleasure. Please let us know if you need any further help 
hola he comprado la licencia, y dentro de l carpeta no tengo el html solo aparece codigo binario, hay algun problema? como se soluciona? pense que venia con toda la información del sistema
Hi,
Can you please provide more info and clarify your issue ?
If you have downloaded Metronic from here on Themeforest, all the HTML and other source codes should. have been included. Which framework are you reffering to ? HTML, react or angular ?
Regards, Sean
Is Metronic deployable on Firebase? I tried and it’s giving me errors when deploying. Even the local build isn’t working.
I made the necessary changes in code for deployment then ran this command. But doesn’t seem to work, are there any changes to be done for firebase deployment?
Hi,
By right Metronic as an HTML templates should work in any web server environment. Could you please reach our support via devs.keenthemes.com and provide with more information for your issue ? Which Metronic version and demo are you using ? Can you also provide a screenshot of your issue using https://imgur.com/ ?
Regards, Sean
Hi! Any updates on the Nextjs + tailwind version?
Hi
,
We are working on it and it’s going well. We will announce the ETA as soon as possible.
Regards, Sean
Hi Sean, great to hear 
However, any potential release date please ?
Hi
,
Hard to confirm, hopefully within several month.
Regards, Sean
Hi, for Angular, do you have template for demo 9?
Hi,
At the moment Metronic Demo 9 is not available for Angular. Please consider using available Demo 1 – Demo 7 Angular demos.
Regards, Sean
Will you add Demo 9 for Angular in the future?
Hi,
We can consider it but at the moment we are not able to confirm it. We would suggest you to consider using already available Demo 1 – Demo 7 of Angular implementation.
Regards, Sean
Hello, in the Drawer plugin the advanced settings for responsive display have not been working for a long time. For example: i is setting data-kt-drawer-width=”{default:’300px’, ‘md’: ‘500px’}” the “md” value is completely ignored. It doesn’t work on the demo on your page either. The template library for Laravel is a huge disaster. It would be nice to rewrite it with at least PHP 8.0 standards in mind.
Hi,
Sorry for the late reply.
We have tested KTDrawer with the latest Metronic v8.2.3 and data-kt-drawer-width="{default:'300px', 'md': '500px'}" option worked well for default and md breakpoints.
May I know your Metronic version, framework and demo ? Could you please double check your code and make sure its valid as per docs examples. Could you please reach our support via devs.keenthemes.com and provide more details ?
Regards, Sean
Hello Sean, projektI have a project locally. The original version was version 8.1.8 and I updated some JS libraries to v8.2.3.
The issue can also be replicated on this page https://preview.keenthemes.com/html/metronic/docs/general/drawer#kt_drawer_example_advanced_button
After clicking “Toggle drawer with dismiss button” in responsive mode, Chrome v. 121.0.6167.86 opens a window with a width of 300px.
I could google and find out why Drawer doesn’t properly parse the data-kt-drawer-width parameter when it’s Json, I just haven’t had the time to do it.
The template is nice though, it has a lot of usable elements. I know it’s hard to maintain so many different versions and I believe the quality will improve over time.
Hi,
Sorry for the delated reply.
Can you please try to update your Chrome version to the latest one ? I am testing it as you explained and could not reproduce the issue.
The width is calculated properly for devices above “md” as “500px” and below “md” its always “300px”.
Regards, Sean
Hello,
The problem is that scss allows you to define your own prefix, e.g. $variable-prefix: kt-;
However, this setting is not reflected in KTUtil.getBreakpoint: function(breakpoint), line: var value = this.getCssVariableValue(‘-bs’ + breakpoint); where the prefix ‘-bs’ is fixed.
Sorry for my comments, but I hope I helped.
Hi,
In Metronic v8.1.8 we used “kt” prefix for CSS variables. However since v8.2.x we are using Bootstrap’s standard prefix for sass and js. If you changed the prefix for sass then you will need to change it for js in your v8.1.x version. I hope this will help.
Regards.
Hi there, where put images like logos that need to change? Now gulp overwrite them!
Hi,
Please put them in the source folder src/media and use gulp to move them to assets folder during sass/js compilation.
Regards, Sean
Hi team.
I’ve purchased the Metronic template from the themeforest to use the fullcalendar example. - https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469
However, I could not find the fullcalendar example for ReactJs but only can see the html version.
Can I get an example for the ReactJs fullcalendar code? If it’s not provided then AngularJS version or theme for Metronic V7 will also be okay.
Thanks.
Hi,
Thank you for reaching out to us.
Unfortunately, at the moment, fullcalendar plugin is not available in our React version.
You can check out Fullcalendar example from our HTML version and try to adopt it for your React application. Styles required for Fullcalendar are included in the initial Metronic React package.
You can find Fullcalendar style file in
/src/_metronic/assets/sass/core/vendors/plugins/_fullcalendar.scss
Also, as an alternative, you can reuse React examples from the official Fullcalendar docs. https://fullcalendar.io/docs/react
The Metronic 7 can be downloaded from our GitHub repository, from branch Metronic-v7.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
Hi. Lauris.
Thank you for the reply.
However, the link you’ve provided for v7 github repository is unavailable now. Could you please check the link again?
Hi,
To download Metronic v7 please email our support via devs.keenthemes.com and we will send you v7 download link.
Regards, Sean
Hello!
I’m trying to understand what this toolkit is for if you could help me to understand. If I understand what you’re selling, is a framework which I could integrate with my existing html logistics website and this toolkit could be used as the backend / admin side of what happens on the front correct?
I have right now a website on let’s say domain.com and I would like to have a custom backend system to manage it instead of using WordPress, are you saying this is what metronic does?
Hi,
Metronic is a custom HTML template that you can use it as an UI solution for your app by implementing the backend part by your own. Please note Metronic itself does not manage your website, you will write your backend code and use Metronic design and UI templates.
If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean,
In Angular documentation There is a page about the RTL Version and how to work on it But in the React documentation there is no information about RTL Version How can it be activated in React, knowing that there is English and Arabic? Therefore, I want the transition between the two languages to be effective in terms of the direction of writing.
Hi,
Thank you for reaching out. Regarding your inquiry about RTL support in React, we will get back to you soon with a solution.
Thank you for your patience and understanding.
Thanks
Hi,
Unfortunately, dynamic direction switching is currently not supported by Metronic React version.
The only way to change the direction dynamically in our React version is by updating the link href of the main style file. To achieve this, follow the steps below:
- Generate RTL and LTR CSS style files using our HTML version. To generate styles, refer to our gulp build and rtl version setup docs.
- Copy the generated style.bundle.css and style.bundle.rtl.css files to public folder in your React app.
- In the index.html file, add link tag with default direction styles as shown in this gist file.
- Remove the style import line below from src/main.tsx:
import './_metronic/assets/sass/style.scss'
- To switch the direction, you just need to change the link href from style.bundle.css to style.bundle.rtl.css. You can reuse switch functions from this gist.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
thank you very much
but in src/main.tsx file there is a comment /* * TIP: Replace this style import with rtl styles to enable rtl mode * * import ’./_metronic/assets/css/style.rtl.css’ */ and this file is not exists
it work…. There is a simple modification in the “theme-switch-funcions” file. In “setLtrMode” function The replacement should be like this
replace(“style.bundle.rtl.css”, “style.bundle.css”));
Hi
,
Great Glad to hear that this solution works. We will repost it in devs.keenthemes.com and hopefully it will be useful for other users as well. Your contribution is much appreciated!
Regards, Sean
Do you support Laravel vue inertia
Hi,
Metronic has separate Laravel and Vue versions that you can check in the preview here all available Metronic features.
Regards, Sean
Maybe an error abour webpack.mix.js
This code:path.normalize('resources/mix/vendors/')
will return:
resources\mix\vendors\but the “file” will return:
resources/mix/vendors/vis-timeline/vis-timeline.bundle.js
So this code doesn’t work and no plugin is built:
mix.scripts(require('./' + file), `public/assets/${file.replace(path.normalize('resources/mix/vendors/'), 'plugins/custom/')}`);
The difference here is: ”/” and ”\”
I am developing my project in Localhost.
Hi,
Thank you for letting us know. We will check it further and fix it. May I know which OS are you using? Is it Windows, MacOS, or others?
Thanks
I’m thinking about buying the kit, to create a Laravel project, with several pages.
My question would be the following, would you suggest that I install the laravel template and then take it from the HTML project and place it in the project, or does the Laravel project that I am installing already have the screens?
This way I can install the laravel template that has the logins, but then create several other pages using html and just importing the js and css of each one?
Hi,
Laravel starter kits offer a basic set of pages, eg. authentication features. However, if you need additional pages, you can create them using an HTML version template. You can start with the Laravel starter kit and then customize your project by integrating more pages using HTML template.
Thanks
Hello and thanks for the great designs.
1- I noticed not all pages are in the design folder, figma files. Is there a specific reason why did you not included all designs?
2- Do you guy have plan to add Tailwind? or Vanilla.js? Is there an ETA?
Thank you.
Hi,
1. Yes, at the moment pages are partially included in the Figma. 2. We are currently working on the Tailwind version with new design. Complete Figma will be provided for the new Tailwind version asap. 3. Please check our 2024 roadmap.
You will get all the new features for free when the updates are releases.
Regards, Sean
Why don’t you send another print of what the next version of Metrônic will be? I want to buy another license to start a new project, but first I wanted to get an idea of what’s coming in terms of visuals. Detail a little more 
The attach file is in Metronic 7, why isn’t it in Metronic 8?
Hi,
Do you need a File Input or File Upload feature in Metronic 8 ?
If yes, please refer to KTImageInput or Dropzone.
if you need any further help please reach our support via devs.keenthemes.com
Regards, Sean
Your laravel template has a landing page already?
Hi
,
Thank you for your interest in Metronic.
Metronic Laravel Starter Kit comes with general page and crud module implimentation. However its fully compatible with the Metronic HTML template so basically you can use the landing page in your laravel app.
After purchasing Metronic you can reach our support via devs.keenthemes.com for any further asistance.
Regards, Sean
Hi Sean,
You only have 1 landing page right?
Hi
,
Yes, at the moment only one landing page. More to come soon. After purchasing Metronic all future updates and new features will be available for free.
Regards, Sean
Does your Laravel template has a Landing page already?
Pre buy question – if i buy this theme is there any restriction to where and how i host it? If i run the build command in react will it create a build or dist folder so i can host it on the server?
Hi
,
Sure, you can host it anywhere, there is no restriction. However single license is limited for single use. For each new project and installation, you will need a separate license.
If you need any further clarifications please do let us know.
Regards, Sean