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,600 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12200 comments found.

Hi, I want to report a bug and solve. in fullcalendar / add new event , it saves start and end dates same (selected different) in calandar.js i changed if (!allDayEvent) { const startDate = moment(startFlatpickr.selectedDates0).format(‘YYYY-MM-DD’); const endDate = startDate;

to this

if (!allDayEvent) { const startDate = moment(startFlatpickr.selectedDates0).format(‘YYYY-MM-DD’); const endDate = moment(endFlatpickr.selectedDates0).format(‘YYYY-MM-DD’);

Hi :),

Thank you for reporting this issue and providing a solution. We will check it further and consider using it in the next update.

Please note that our primary support is now provided from devs.keenthemes.com. By creating a support ticket at https://devs.keenthemes.com/question/create you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean.

I would like to purchase this, before that I want to clarify one thing – I would like to use the template for Angular, React, Blazor and DotNet MVC app. Will I be allowed to use this template in multiple projects with above mentioned technologies?

Hi :),

Thank you for your interest in Metronic.

For each project(e.g: end product deployment) you will need a separate license. You can go with one license and as you launch more products you can purchase other licenses as you go.

If you need any further clarifications please reach our support via Support Forum.

Regards, Sean

Laravel starter pack is very poorly designed & looks like some naive guys built it from html template,

& and looks like company has probably outsourced that work to other cheap low quality agency.

People who had written this laravel code doesn’t have experience in working with big templates.

It’s full of bugs & errors, Support documention is poorly written without sample codes is very limited & outdated also,

In changelog They have marketed Laravel 10 Starter kit & you won’t find any reference in the code.

If you’re purchasing it to use it with Laravel better look for other alternative dedicated laravel template.

They’re trying to place all eggs in one basket.

Hi,

Thank you for your feedback.

The Metronic theme and it’s starterkit solutions are fully written and maintained by the Keenthemes team and outsourcing is never used for our products.

Our Laravel solution provides basic HTML/Assets integrating with some working CRUD modules to get started. You can reuse the views/assets integration in your own Laravel app platform if you like your own in-house solution.

We will keep improving our starter kits and docs in a future updates. We are some ongoing improvements that we will release soon.

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

Regards, Sean

How can I run select2 for selectboxes loaded content with jquery?

These were’nt worked for me // Boostrap & 3rd-party components initialization KTApp.init();

// In-house components initialization KTMenu.createInstances(); KTDrawer.createInstances(); KTScroll.createInstances(); KTScrolltop.createInstances(); KTSticky.createInstances(); KTDialer.createInstances(); KTImageInput.createInstances(); KTPasswordMeter.createInstances(); KTSwapper.createInstances(); KTToggle.createInstances();

Hi,

If you are using the latest Metronic 8.x you can call KTComponents.init() method to initialize all the newly populated components with the Ajax response as explained in this docs guide.

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

Regards, Sean

I have a few questions about this product.

As I want to use this product for the website which deploy within 3 environments

1. SIT

2. UAT

3. Production

Will this product support all of these environments, and if it does, which license should I buy in order to fulfill this requirement? Only a single license or multiple licenses?

Hi :),

Thank you for your interest in Metronic.

You can use a single license for your production and and all the dev invironmenta as well.

If you need any further clarifications please reach our support via Devs Support Forum.

Regards, Seab

So, it means that buying only a single license is enough to support all of these environments, right?

Then, which license type should I buy? The EXTENDED license or else? Please specify.

Hi :),

Sure. Let me clarify.

Yes, single license(extended or regular) will cover all the above instances for one project.

The license type is based on your site charging model. if it does not charge the end users you can go with the regular license. If you have paying users(monthly or yearly subscription as SaaS ete) then you will need the extended license.

Regards, Sean

there is any way to update from v7 to 8 ?

Hi,

Please note that v7 is based on Bootstrap 4 while v8 is based on Bootstrap 5 so you will need to fully migrate your code in order to use the latest Metronic v8 with the latest Bootstrap 5 version.

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

hi , i bought full package but i see one one demo available in larval. what about other demo for laravel

Hi,

Thanks for your interest in Metronic.

Please note that, as advertised under the Latabel tab in the Metronic preview Metronic Laravel at the moment comes with only Demo 1.

Other demos will be released in a future update. At the moment the ETA is unknown. We will release them as soon as possible.

However, you can use other demo’s layout builder, for example Demo 30 and export the layout’s HTML partials and integrate it with Laravel by reusing the Demo 1’s Laravel codebase. You just need to update the layout views and assets with the demo that you need.

For any further help please reach our support via devs.keenthemes.com

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, Keenthemes Support

I have a few queries, Awaiting your reply.

1) I want to buy angular version. How can I buy it? Does this download contains angular variants?

2) I see there are 7 demos in Live Preview for Angular and Typescript. Are all these demos available for Angular download?

3) What CSS library are u using? Is it Bootstrap 5?

4) Are you using Angular Material?

5) You are using SCSS or SASS? I prefer SCSS.

Hi,

I appreciate your interest in Metronic.

1) You can buy Metronic’s entire package from Themeforest and use it’s Angular Demos separately from the HTML version.

2) Angular Demo 1 – Demo 7 are available in Typescript in the download package.

3) We are using Bootstrap 5 with SCSS for the layout and core components.

4) We have basic Angular Material integration and you can check some guides here. You can use other Material components by simply including them in your app.

5) We use SCSS.

Please note that Metronic Angular demos come with limited features compared to the HTML demos as shown in the preview.

Regards, Sean

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

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