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,368 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.

Installation errors. The author is not responsible for support. Where to return?(

Hi,

Appreciate your patience. Please note that our support reply time is 24-48 hours. However, we do our best to settle as soon as possible.

Those warnings are not critical and it does not affect the build. Sometimes 3rd-party plugins have minor dependency warnings which we can not control as It depends on those plugin authors.

However, we will try to check and let you know if we can remove some of the warnings.

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

Regards, Sean

Hey, how to insert quill editor into a drawer?

Hi,

You should be able to use inside the Drawer it by referring to the Quil integration docs here.

If you faced any issue you can reach our support via devs.keenthemes.com

Regards, Sean

It has a complex structure, installation is very difficult, tens of thousands of files, demo installation and integration can take hours or even days. You should use nodejs gulp yarn, these upload thousands of files to your computer and are complete garbage.

Hi,

Metronic comes with Quick Setup which includes Gulp and Webpack build tasks.

After the compilation you can remove unused media files and keep your assets folder minimal. Those media files are used for demo purposes only. Also you can exclude unused plugins from your build by referring to this guide.

For any further help please reach our core dev team via devs.keenthemes.com

Regards, Sean

✘ [ERROR] Failed to resolve entry for package ”@intlify/shared”. The package may have incorrect main/module/exports specified in its package.json: No known conditions for ”.” specifier in ”@intlify/shared” package [plugin vite:dep-pre-bundle]

node_modules/esbuild/lib/main.js:1373:21:
  1373 │         let result = await callback({

VueJS demo 1

Hi,

Thank you for your feedback.

We have reproduced this error, and it seems to be an issue in the vue-i18n source code. We are working on an update to fix this problem, and it will be released as soon as possible.

In the meantime, as a temporary solution, you can manually update the vue-i18n dependency to version 9.2.2 in your package.json file:

"vue-i18n": "9.2.2",

For more details and updates regarding this error, please refer to the GitHub issue here.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi, I am on the way to order. But I do have two questions before I start: I have today an admin panel that uses jquery to quite an extend, and hired a developer to parse data from an API into Chart.js (Chart.js v2.9.3). How easy is it to render in your version? Is it even Chart.js you are using? In that case it should be quite easy?

And; dark / light selector – is this possible from a menu element without the config at bottom right (I am especially interested in Demo53).

(I mostly mess around in PHP and are not good in JS or Jquery at all – even not PHP)

Best regards John

Hi :),

Thank you for your interest in Metronic.

Metronic has multiple plugins for charts including Apexchart, Chart.js and you can use any method to render the chart data. There is no restriction by Metronic.

Sure, you can use the user dropdown menu to change the theme mode:

\\

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

Regards, Sean

Thank you so much! Will buy it in the coming days.

Great! Thank you for choosing Metronic :)

Hello, I have a question regarding direct use of HTML DEMOS to start a new project.

I’m like to use a ready made demo (from demo1/dist folder) where I just removing from ready pages what i don’t need.

Although the correct process is to generate the HTML from layout builder and use node.js, yarn, gulp, rename files from html to php and after you must be configure a lot of includes, for my case, I’m finding simpler use a ready-made template.

Is there any recommendation for using this process? Maybe update and overwrite the assets folder or any other suggestions or recommendations I should consider?

Thanks all

Hi,

You can use the original HTML templates without using the layout build and you can manage the HTML template code as per your requirements.

The layout builder method is for quickly creating the theme’s repeating partials for reuse in other pages within the central layout.

To recompile your assets folder with Gulp or Webpack.

Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.

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

Regards, Sean

Hello! I try to download the DEMO 51 of the HTML and it doesn’t appear. Is it for some reason?

Hi,

Have you tried to download Themeforest package ? Demo 51 is provided in the Themeforest package.

If you need any further help please contact our support via devs.keenthemes.com and we will provide you an alternative download link.

Regards, Sean

hello, I see that in the laravel version they use this datatables package //yajrabox.com/docs/laravel-datatables/10.0 Do you recommend this package for big data? even large reports?

because I suppose that for something they implement it in metronic

Hello! Yes, we do recommend this package for handling large datasets and generating reports within Metronic. It’s a powerful tool that can enhance the performance and user experience when dealing with substantial amounts of data. We have implemented it in Metronic to provide you with efficient data management capabilities. Feel free to explore its features and documentation to see how it can meet your needs for big data and large reports. If you have any further questions or need assistance, don’t hesitate to ask!

Hi there. Is it possible to import this theme inside a Bubble.io app? Thanks for your answer.

Hi! Yeah, it seems possible to insert custom HTML in Bubble Elements, and I think it is possible to add libraries inside a plugin, I think. If I go with it, do will have some libraries to add for the custom HTML to work properly? Thanks for your help.

Hi,

Metronic is an HTML template and it works on a browser with HTML, css,js scripts. There is no need to install any library.

Please note that the build tools are required only in the development environment just to compile the assets when the source folder files are modified. In the hosting/server deployment, you will only need the compile assets, no need to install the build tools dependencies there.

To recompile your assets folder with Gulp or Webpack.

Regards. Sean

Hi Sean,

Thanks a lot for the clarifications. :)

Best regards.

Am I able to purchase the Regular License for developing an app, then purchase the Extended License when ready to sell to end users?

Hi :),

Thank you for your interest in Metronic!

Yes, sure. You can go with regular license and get the extended license once you have paying users.

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

Regards, Sean

Will it support livewire3?

Hi,

Metronic does not support Livewire3 at the moment. We will consider it for 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

Hello, Can we get a jsx(JavaScript) version of this theme for React? Currently it is available in tsx(TypeScript) only. Thank you.

Hi,

Thank you for your interest in Metronic.

The Metronic React version does not have Javascript version. As Typescript is an officially recommended language by the React team we used Typescript. You can refer to this guide and see how easy would be migrating from Javascript to Typescript.

Just in case you are not satisfied with Metronic React you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

If you like to move on with Metronic and need further direction please ask our support team here. We are always glad to help you out.

Regards, Sean

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

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