12201 comments found.
Hey
,
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Version:
– Bootstrap 5.2.2– New Demo 23
- New Demo 24
– Horizontal Overlay Scroll
– Datatables Loading Indicator
– File Structure Docs
– Javascript Docs
2. Ruby On Rails Starterkit:
– Complete Starterkit- Demo 1 Support
– Layout Integration
– Auth Pages
– System Pages
– Theme API
– Assets Management
– Dark Mode
– RTL Support
3. Spring Boot Starterkit:
– Complete Starterkit- Demo 1 Support
– Layout Integration
– Auth Pages
– System Pages
– Theme API
– Assets Management
– Dark Mode
– RTL Support
4. Django Starterkit:
– Assets Sync– View Update
– Dovs Improvements
5. Asp.Net Core 6 Starterkit:
– Assets Sync– View Update
– Docs Improvements
6. Laravel Version:
– Yajra Datatables Buttons– Yajra Datatables Oracle
– Docs Improvements
7. Blazor Starterkit:
– Assets Sync– View Update
– Dovs Improvements
8. React Version:
- Skeleton Creation- CKEditor Integration
- Docs Improvements
9. Vue Version:
- Vue Apexchart Update- Docs Improvements
10. Angular Version:
- Skeleton Creation- CKEditor Integration
- Docs Improvements
Next Up:
– Laravel Starterkit– Codeigniter Starterkit
– YII Starterkit
– Symfony Starterkit
– Express Starterkit
Stay tuned for endless updates to empower your projects.
All updates are free, always!
Regards, Sean
Is there any plan for svelte?
Hi
,
Thanks for your feedback. We will check further and consider this.
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Customize—kt-input-readonly-bg
Hi, I cannot find the place to customize this variable which should be in _variables.scss files. Actually, I hope to make it has the same value with—kt-input-disabled-bg to make the layout consistent.
Could you show me the place?
Thanks
Hi,
”$input-readonly-bg” is not available in Bootstrap variables. It seems Bootstrap does not style the read-only state of the inputs.
Please note that the read-only state allows users to select and copy and text while the disabled state does not allow this so we will follow the Bootstrap standard https://getbootstrap.com/docs/5.2/forms/form-control/#readonly and release a fix in the next update.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards.
The shortly coming release includes 2 new demos, Ruby on Rails and Spring versions.
Hi , i’m wondring about Shopping cart page
it was exists in version 7 but with version 8 i can not find it
can you guide me , thanks
Hi
,
Thank you for your feedback.
The shopping cart templates are available in the Metronic v7 https://preview.keenthemes.com/metronic/demo1/custom/apps/ecommerce/product-3.html You still can get Metronic v7 by contacting our support at devs.keenthemes.com with a private ticket and purchase code. So you will get a download of of v7.
However in Metronic 8 we do not have shopping cart pages at the moment but we will be adding them soon. At the moment we have eCommerce Admin templates for Products, Customers, Catalog management templates: https://preview.keenthemes.com/metronic8/demo1/apps/ecommerce/catalog/products.htmlIf you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
RTL styles can be loaded when we switch to specific language ? if yes can you tell us because nothing is mentioned on the react js documentation
Hi,
Thank you for your interest in Metronic.
Could you please post your question at Metronic Support Center to get the theme support from the core team and community?
Regards, Sean
I was told by UltraSMSScript that they use an older version of this theme. Is it possible to pay your team to install the new version of this theme on our platform which is running UltraSMSScript? I would love to know how much that would cost.
Hi,
Metronic is not a installable theme like Wordpress. It requires further coding and customization in order to integration it for a web app. Better you should get involved the devs who did the original version since the Metronic 8 requires full code refactoring.
Regards. Sean
Stepper – kt.stepper.submit
There are 3 buttons: “previous”, “next”, “submit” but there are only 2 events “kt.stepper.previous”, “kt.stepper.next”.
How can we catch the event on submit button? At the moment, I do it through js/jquery event, not stepper event. However, I think there should be an official way to do it. Please show me if there is already one.
Thanks
Hi,
You can handle form submit as shown below:
const formSubmitButton = stepper.querySelector('[data-kt-stepper-action="submit"]');
formSubmitButton.addEventListener('click', function (e) {
// handle form submit here
});
For more info please refer to:
https://preview.keenthemes.com/html/metronic/docs/general/stepper
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hi. I purchased this theme and in downloaded folder i got only demo 1. Where are the other demos and all files are not included
Hi,
Thanks for your interest in Metronic.
Due to popular requests, we understand that packaging 5 frameworks with 21 demos into a single 4GB download file can be quite daunting. Therefore, as an alternative download option, we’ve decided to split our demos into individual packages for your convenience.
Simply sign up to our official developer portal and head over to the Metronic demo downloads page to pick your demo. You’ll need to enter your purchase code for us to validate your purchase.
Regards, Sean
Hello, are there any roadmap for Metronic 8 Laravel version ?
Hi,
We are currently working on the new Laravel starter kit for Metronic 8 with Vite integration and it should be released in a few weeks.
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
This theme is awesome!
Hi
,
Thanks for your feedback. Really glad to hear that!
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hello, I have a web service. It’s Saas. I sell storage to users. I want to use your templates. We do not sell designs or templates. Our service is a storage service only. Do we need a regular license or an extended license?
Hi,
Thank you for your interest in Metronic.
In your case you will need the extended license for your SaaS site. The extended license allows you to use Metronic in a SaaS site with unlimited paying users. They can access to your SaaS site via their sub domain or custom domains as well.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards. Sean
I want to implement datatables.net drag and drop column functionality on Angular Metronic theme. But I am not able to get any workaround how to implement it here. Do you have any help for me. Thanks https://datatables.net/extensions/responsive/examples/column-control/colreorder.html
Hi,
Since datatable.net i a jQuery based plugin it’s not available in our Angular version. This extension is not available in the HTML version as well. We will consider integrating it into the HTML version in a future update.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards. Sean
Scroll – Why aren’t there hover-scroll-overlay-x
https://preview.keenthemes.com/html/metronic/docs/general/scroll#hover-overlayhover-scroll-overlay-y is quite useful but I wonder why you don’t support hover-scroll-overlay-x
The reason is that I want to apply it to scrollable tabs https://preview.keenthemes.com/html/metronic/docs/base/tabs#scrollable-tabsThanks
Scrollable tabs are using <string>hover-scroll-x which includes a bottom border to show a scrollbar when being hovering. Frankly, I want to remove that space in my website, hope you can help.
Thanks
Hi,
Thanks for your feedback. We will consider adding this in the next update soon.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards. Sean
I am using demo1 laravel version and the ecommerce and other apps as they are shown in HTML are not there.Apps->ecommerce->catalog->projects does not exist in laravel. How can I integrate it? I am using metroni v8.1.2
Hi,
You can reuse any features from the HTML version in your laravel app since all html templates and js scripts are available in the laravel assets bundle. So just copy paste the html and include required js scripts and use it with your laravel backend.
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hi, I want to download demo22 from your website but I get this error : The field g-recaptcha-token is not valid
Hi,
Could you please try to refresh the page? and please retry to download
Please make sure the download URL is:
https://devs.keenthemes.com/metronicThanks
Hello. Do I have a chance to get a documentation design?
Hi,
Thanks for your feedback.
We will consider adding the docs layout+pages as a separate demo to download from https://devs.keenthemes.com/metronic
If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Hello Team! did you guys removed the unused configs from laravel version under /config/demo1/general.php ? remembering that in 8.1.2 none of them was working, Thank you
All reported bugs are still there, none of the configs under configs/demo1/general.php are working.. not even one, also when you click on the search button in the header the message in console is still there: plugins.bundle.js:11824 Popper: CSS “margin” styles cannot be used to apply padding between the popper and its reference element or boundary. To replicate margin, use the `offset` modifier, as well as the `padding` option in the `preventOverflow` and `flip` modifiers.
when you switch to dark mode the logo doesnt change, its still the same logo as the light mode (click on customize then click on light sidebar, then switch to dark mode)
the only thing i can see fix is the problem with the setting() while migrating/seeding

Hi,
Thank you for your feedback.
1) We will remove the unused configs because most of the configs are not being used in the application.
2) “plugins.bundle.js:11824..” warning. This is a warning message and not a critical bug. We will check it.
3) We will fix the dark mode logo
Thank you
Where can I edit the scroll bar? where is the css
Hi,
You can customize the scrollbars globally in by adding the below config src/sass/components/_variables.custom.scss
// Keenthemes scrollbar component $scrollbar-space: 0.5rem; $scrollbar-width: 0.4rem; $scrollbar-height: 0.4rem; $scrollbar-color: $gray-200; $scrollbar-color-dark: $gray-200-dark; $scrollbar-hover-color: darken($gray-200, 2%); $scrollbar-hover-color-dark: darken($gray-200-dark, 2%);
We invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards. Sean
Hi,
I have purchased the theme https://preview.keenthemes.com/metronic8/demo1/account/referrals.html
but i didn’t get all the pages that i can see in demo URL.
How i will get all the pages ?
Thanks.
Hi,
Thanks for your interest in Metronic.
Due to popular requests, we understand that packaging 5 frameworks with 21 demos into a single 4GB download file can be quite daunting. Therefore, as an alternative download option, we’ve decided to split our demos into individual packages for your convenience.
Simply sign up to our official developer portal and head over to the Metronic demo downloads page to pick your demo. You’ll need to enter your purchase code for us to validate your purchase.
Regards, Sean