Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,367 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12192 comments found.

I already buy metronic and trying vue demo8. When I try to inspect element there always interrupted by Paused in debugger, if I continue the debugger it appear again, never ending Paused in debugger. The message in console is Paused in exception, SyntaxError: Unexpected token ‘a’, “auto” is not valid JSON. The browser I use is chrome. How to fix that?

Hi,

Could you please clarify what debugger you are using?

Do you have the same issue on our preview page? You can check it here: http://preview.keenthemes.com/metronic8/vue/demo1/#/

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Questions before buying. Can it be used on spring boot kotlin?

Hi,

Please note that our existing Spring Boot Starterkit is built with Java, and we haven’t yet attempted to convert it to Kotlin.

In the Spring Boot Starterkit, we are using the Thymeleaf template engine. You can reuse our Thymeleaf partials in your Kotlin application, but you’ll need to adapt all our Java classes to Kotlin syntax.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

now spring boot is version 3.0. is it possible to use this theme?

Hi,

Currently, we are using Spring Boot v2.7.3, we will check the latest Spring Boot version and include an update in the next Metronic release.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hello, is the version of Laravel 10 with vite js already available?

Hi,

Our Laravel comes with webpack mix. Vite does not support most of the jquery and javascript plugins such as Select2, Datatables, Tagify, etc so we do not use Vite for the Metronic HTML version at the moment.

Regards, Sean

Hello! Just purchased this theme and uploaded all files to figma, however I don’t see the landing page (https://preview.keenthemes.com/metronic8/demo1/landing.html) or designs for any of the pre-built apps that are supposed to come with this theme.

Where are those located in the Figma files?

Hello,

Indeed, it’s not there. It is in the older version of Figma file. Could you please reach us via Devs Forum? I will share the page.

Best regards, Bob

Hi Bob, I did. Just waiting for a reply to one of the 2 questions I submitted so I thought I’d message here to bring attention to it. Thank you!

Hello,

Thank you. I will send the file now.

Best regards, Bob

Guys why is the size 9GB?

Hi,

Metronic comes with 55 demos(theme variants with unique demos) and starter kits(Django, Laravel, Asp.Net, Symfony, Node.js, React, Angular, Vue, etc), Figma files, Illustrations and more.

You can download the entire package and use any demo you need for your project.

If you face any issue with the download please reach our support vide support@keenthemes.com or devs.keenthemes.com and we will provide you alternative download link via Google Drive.

Regards, Sean.

i have purchsed one theme. but it doesnt contains some items that i have seen before purchasing

Hi,

Thank you for your purchase.

If you are referring to Metronic’s older Version 7 you can download it by contacting our support via support@keenthemes.com

If you refer to something else please let us know and we will assist to clarify it further.

Regards, Sean

How to disable tagging in SELECT2? When many items are selected – page breakage occurs. Screen: https://disk.yandex.ru/i/wa1dJ0OLgMTctg I was referring to the documentation. It says that it is necessary to set the “tags: false” parameter. I did that, but it didn’t change anything.

In the old metoric used also select2, but there the tagging goes through comma and everything fits nicely. Screen: https://disk.yandex.ru/i/BObkcuTW8DbsNQ

Hi,

Select2 itself does not have such an option. In the next Metronic v8.2.1 update will consider implementing it as a new option by customizing Select2’s default layout for the multiselection.

To stay updated please reach us via devs.keenthemes.com and we will provide you with the enhancement once it’s available.

Regards, Sean, Keenthemes

Hi. I need to set the “Light Sidebar” of the default menu for the system. How can I configure this?

https://i.imgur.com/Cdiouvj.png

Hi,

In the HTML template of your pages, you will need to add the attribute as shown below:

<body data-kt-app-layout="light-sidebar">
...

Regards, Sean

Hi friend, thanks for your help, but your answer didn’t work for me. Can you please explain me more details:

In the index.html file of the template I am adding what is indicated in the body tag, but it still does not change, it defaults to the system theme when it should default to the light theme. I would like to parameterize this and leave the light theme both for the sidebar and for the system in general.

Hi,

Have you removed current data-kt-app-layout=”dark-sidebar” ?

Regards, Sean

What happened to Rich Content Editor Components? For example:

- SUMMERNOTE EDITOR - WYSIHTML5 EDITORS

Hi,

These plugins are not compatible with Bootstrap 5 and it seems they are no longer maintained by the authors.

You can check up to date editor plugins such as Quil whick works well with Bootstrap 5.

Regards, Sean

Hi, i’d like to see some CRUD layout samples in metronic 8 – Angular, in Metronic 7 we have good samples with Products and Customers, can you plan to create in next releases?

Can someone look into this issue when I try to build the .Net core and get this error

Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. – configuration0.entry[‘js/widgets.bundle’] should be a non-empty array. -> All modules are loaded upon startup. The last one is exported.

I did remove this line “type”: “module” in package.json and apply npm run build—demo1. Thank you!

Also is there any step by step guide how to use Metronic in a newly created aspnet core or blazor project instead of using a demo one? For example create that folders, copy these files from there to there in order to add the metronic into a new clean and empty solution.

Hi,

Unfortunately, we were not able to reproduce this error in the latest Metronic version.

I suggest you try to download a new version from the Metronic Downloads page and then execute this command again. If you still encounter the same error, you can also try to build assets using our gulp script with the command gulp—demo1.

Usage depends on your project requirements. Metronic Asp.Net-Core and Blazor versions are Starterkit, and the project structure isn’t complex. You can find the file structure overview here.

Make sure to include the mandatory theme CSS and js files.

JS:

"plugins/global/plugins.bundle.js",
"js/scripts.bundle.js" 

CSS:

"plugins/global/plugins.bundle.css",
"css/style.bundle.css" 

Then you can copy most of our theme partials and reuse them in your project.

Regards,
Lauris

This happened on the latest version. I download it today, tried, and send the problem

We have sent the reply to your email. If you have any further questions or need assistance, please don’t hesitate to reach out to us via devs.keenthemes.com

Thank you for your understanding.

Hi

Why webpack has been used instead of vite in laravel 10? And How can I change to theme 28?

Hi,

Please note that most of Metronic’s javascript and jquery based core plugins such as datatables, select2, tagify, etc do not work in Vite environment.

At the moment Demo 28 is not available in the Laravel Starter Kit yet. You can use Demo 28’s Layout Builder and export that layout partials and integrate it into Laravel by referring to the Demo 1 Laravel views. However this may require some time but it’s doable if you study the current Laravel Demo1 views.

Just in case Metronic Laravel does not fulfill your project requirements you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

Regards, Sean

I am currently exploring the Metronic React template for a project, and I was wondering if there is a Right-to-Left (RTL) version available. Given the nature of my project, the availability of RTL support is crucial for us to ensure seamless user experience for our audience.

Could you kindly confirm whether such a version exists or if there are plans to release an RTL version in the near future?

I appreciate your prompt response on this matter.

Hi,

Thank you for considering Metronic React template for your project! As of now, we don’t have a dynamic direction switch for the template, but you can manually set up Right-to-Left (RTL) support using the guidelines provided in this documentation: RTL Setup for Metronic React.

This should help you enable RTL for your project. We understand the importance of RTL support, and our team is continuously working on improving the template, so we’ll definitely keep your feedback in mind for future updates.

If you have any more questions or need further assistance, feel free to reach out. We’re here to help!

I am using React demo 1. I want to ask you which backend language are you using for that currently in the demo?

Hi,

Our Metronic React demo authentication and users-management app APIs are based on Laravel with PHP language.

You can find users-management api swagger doc here.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Does this purchase include all backed and front end technologies that were mentioned along with all admin templates combined?

Hi :),

Thank you for your interest in Metronic.

Upon your purchase of Metronic from Themeforest you will get all the advertised features in Metronic Preview.

You can also download from Metronic Downloads by providing your purchase code from Themeforest Downloads.

Please note that a single license allows using Metronic for a single deployment and all subsequent usage requires a separate license.

If you need any further clarifications please let us know.

Have a great day!

Regards, Sean

Hi, do you plan a tailwind version?

Best Regards

Hi,

Thank you for the heads-up.

We will consider Tailwind version in the near future.

Regards, Sean

Hi, i’m about to buy your template to creat a SaaS website django based . And i would love use your demo 1 to creat my Django project. Can you please confirme that you template provides a operational Django démo 1 ?

Hi :),

Thank you for your interest in Metronic. I believe Metronic will be perfect fit for your SaaS product as it’s been used by over three thousands SaaS products by far.

The Django Starter Kit coves as a starter solution with integrated layout, assets and basic pages(auth, dashboard and error). No database connection or server side business logic is included at the moment. Basically our starter kit solutions created to save the integration time up to 10 times.

You can use the Starter Kit and create your pages and copy and paste any feature from the Metronic core by referring to the HTML version.

If you need any further help please reach our support team via devs.keenthemes.com

Regards, Sean

Thank you for your reply. Is the HTML version providing all plugins i saw in the démo 1 and database connection or server side business logic ?

Hi,

You will get all the features shown in the preview of the HTML version. However the server side business logic and database connections are not included for the HTML version.

Regards, Sean, Keenthemes Support

I am getting the sample problem in Blazor app using Gulp or npm the system complain the same error message Webpack has been initialized using a configuration object that does not match the API schema. and Gulp has different error message. Please look into this issue. Thank you!

Hi,

Could you please specify which Metronic version are you using?

We rechecked the latest version downloaded from Metronic Downloads page and assets build command passes without any errors.

For assets build instruction you can refer to our Getting Started docs.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

can someone look into this issue when I try to build the .Net core and get this error said Invalid Configuration object. Webpack has been initialized using a configuration object that does not match the API schema. I did remove this line “type”: “module” in package.json and apply npm run build—demo1. Thank you!

Hi,

Thank you for your feedback.

We will check your and update you shortly.

Regards, Sean

Hello

Is there no way to download just the aspect one needs when an update is released instead of downloading gigabytes of unwanted files? For example, I might only need HTML versions and not react, angular, vue,etc.

Thanks.

Hi,

Sure, you can download the version you need via Google Drive link by contacting our support via support@keenthemes.com Also you can use Metronic Downloads page.

Regards, Sean

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey