Discussion on Metronic | Bootstrap HTML, VueJS, React, Angular, Asp.Net, Django & Laravel Admin Dashboard Theme

Discussion on Metronic | Bootstrap HTML, VueJS, React, Angular, Asp.Net, Django & Laravel Admin Dashboard Theme

Cart 110,786 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

11692 comments found.

Dear Community,
Metronic Evolution is on the way! Redesigned UI, dark mode, MUI Version with Next.js, Vite, Typescript, and a rich component library, plus Tailwind Version with Webpack support and versatile components.

1. Complete Redesign Revolutionary redesign with new UI, dark mode, user onboarding, profiles, and more.

  • UI Kit: Complete revamp.
  • Profiles: 10+ diverse options.
  • User Onboarding: Multiple options.
  • Account Settings: 30+ pages.
  • Profile Pages: Over 10 layouts.
  • User Management: Fully reimagined.
  • Community Section: Enhanced interaction.
  • System Pages: Innovative approach.
  • All new Dark mode

MUI Version

  • Next.js support
  • Vite support
  • Typescript version
  • Javascript version
  • Back-end API
  • JWT, Auth0 & Firebase
  • Feature-rich CRUD
  • 500+ components
  • Multi-demo concept
  • Dark & RTL versions

Tailwind version

  • Webpack support
  • 40+ in-house plugins
  • 500+ components
  • Frameworks Compatibility
  • Multi-demo concept
  • Dark & RTL versions

Stay tuned. ;)

Hi! I am impressed with the template and looking for buy it. I have one question before I purchase. I want radio checkbox as well normal checkbox in image,something like this https://i.stack.imgur.com/d0yEE.png. Its possible with this theme? any example for the same ? Thank You.

Hi :),

Thank you for your interest in Metronic!

Please check Checks and Radios and Advanced Form elements documentation pages.

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, I’m trying to see how datatables work with subtables with the code at this url: https://preview.keenthemes.com/html/metronic/docs/general/datatables/subtable Copying the HTML and javascript does not work but if I copy the minified js of this url it works https://preview.keenthemes.com/html/metronic/docs/assets/js/custom/documentation/general/datatables/subtable.js Could you show me the unminified code so I can see how it works. I am testing the Metronic HTML 8.1.2 version

Hi,

Sorry for the delayed reply and appreciate your feedback on this.

Sure, you can get the code here.

We will fix this in the docs shortly.

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,

When we purchase, can we get the Figma file as well, please? This will help us layout our screens prior to building them with the components.

If so, can we contact you post-purchase to obtain the Figma file(s)?

Hi :),

Thank you for your interest in Metronic.

Yes, sure. You will get Metronic Figma FIle upon your purchase in “design” if the purchased package.

If you need any further clarifications please do let us know.

Regards, Sean, KeenThemes Support

amr_mor1

amr_mor1 Purchased

How do I disable/enable input text by Switcher?

Hi,

You can use the following code on your page inside the SCRIPT tag after all the core JS files include:

// On document ready
KTUtil.onDOMContentLoaded(function() {
let input = document.querySelector("input");
let switcher = document.querySelector("#switcher");
switcher.addEventListener("click", function() {
  if (input.disabled) {
    input.disabled = false;
  } else {
    input.disabled = true;
  }
});
});

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

Regards, Sean

amr_mor1

amr_mor1 Purchased

Thank you for your quick response

So how can we make it be reversed? mean by default the input will be disabled and enabled on switch it

Hi,

You can change the logic a little bit:

switcher.addEventListener("click", function() {
  if (switcher. checked) {
    input.disabled = false;
  } else {
    input.disabled = true;
  }
});

Also set “disabled” attribute for your input field.

Regards, Sean, KeenThemes Support

gulp—demo2 triggers following error

SyntaxError: Unexpected token ‘(‘ at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18)

I want to install 8.2.1, How to solve this issue?

PixelDots Author Team

Hi,

Ensure that you are using the latest version of Node.js. It’s recommended to use Node.js version 18.x or later.

Try running Gulp without the—demo2 flag to see if the issue persists. For example: gulp

Make sure your package.json file includes the “type”: “module” field, like this:
{
  "type": "module",
  "dependencies": {
    // dependencies here
  }
}
Ensure that Gulp is installed globally with the latest version. You can update Gulp globally using: npm install -g gulp-cli

After making these changes, try running your Gulp task again.

How are you hope you good
Excuse me I need to change my theme and it RTL
Are “plugins.bundle.rtl.css” and “style.bundle.rtl.css”
same for all themes?

Hi,

The RTL css files are generated for each demo by referring to RTL Assets guide.

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

g_rendon

g_rendon Purchased

Hi,

Can you provide documentation of donut chart located in demo38/dashboards/call-center ??

Thank you very much!

Hi,

It does not use any plugin. Its based on native JS canvas library and you can check it’s code in src/js/widgets/cards/widget-19.js.

Regards, Seam

g_rendon

g_rendon Purchased

Thank you!

Por favor solucionar los formulario de sesión en la versión Laravel. He reconstruido los archivos con npm install y npm run dev, pero el problema persiste.

PixelDots Author Team

Could you please try to download from http://devs.keenthemes.com/metronic/laravel

Buenas, ya lo descargue e igual el problema es con los formularios. Muestra error, pero en la base de datos, el logueo si existe. El resto de la plantilla funciona con normalidad. Por favor revisar, que en la versión de prueba: https://preview.keenthemes.com/starterkit/metronic/laravel/login el problema también existe.

PixelDots Author Team

Hi,

The demo link, https://preview.keenthemes.com/starterkit/metronic/laravel/login, is functioning correctly on my end.

If you are using Windows, we will investigate the issue on that platform.

As a temporary solution, unzip again from Laravel folder. You do not need to run npm run dev. Simply install with composer install and run php artisan serve without rebuilding the assets. This should work because the precompiled assets is already included.

Thanks

Hello dear Keenthemes.

I intend to start a new project soon, however, I’m not sure whether to start with version 8.x or wait for a 9.x version that could be coming. Do you have an estimate of whether a version like this will be released soon, or would it just be updates for 8? Could a version like this come out in 2023?

Hi,

We will be working on Metronic v8.x for the time being. In the early 2024 we plan to release redesigned pages, apps and widgets for all the demos. You may proceed with the current version and in the near future you can consider a quick update.

Regards, Sean

Can you please check the link for Quick Installation Guide for Vue

https://preview.keenthemes.com/metronic8/vue/docs/getting-started/build/gulp

I see, Page not found: getting-started/build/gulp

Hi,

The correct link for the getting started documentation is: https://preview.keenthemes.com/metronic8/vue/docs/getting-started/build

For instructions on generating styles with Gulp script in our HTML version, please refer to the Gulp Build documentation: https://preview.keenthemes.com/html/metronic/docs/getting-started/build/gulp

Regards,
Lauris Stepanovs,
Keenthemes Support Team

We installed the Laravel version of this theme. It loads perfectly. But Signin / Signup form processing not working. It didn’t get logged in. just reloading the page. Please solve this issue.

PixelDots Author Team

May I know which zip did you download? From the themeforest or from Metronic Devs download page? http://devs.keenthemes.com/metronic/laravel

I downloaded from themeforest.

PixelDots Author Team

Hi,

If you are using Windows, we will investigate the issue on that platform.

As a temporary solution, unzip again from the Laravel folder. You do not need to run npm run dev. Simply install with composer install and run php artisan serve without rebuilding the assets. This should work because the precompiled assets is already included.

Thanks

does your laravel has landing page?

Hi,

Thank you for your interest in Metronic.

Metronic Laravel implements only Demo1 main layout and auth pages. You can use the landing page HTML code with your Laravel app by simply coming the HTML code and required JS.

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

which livewire version you are using?

Hi,

Thank you for your interest in Metronic.

Currently we are using livewire version 2 for our Metronic Laravel Starter Kit. If you have any further questions please do let us know.

Regards, Sean

when we can expect the livewire 3 update?

Hi,

We will try to include it in the next Metronic v8.2.2 update as soon as possible.

Regards, Sean

What is the used laravel version in this,,

Hi,

Metronic’s Laravel Starter Kit uses Latavel v10 version. For any further help please refer to the Starter Kit docs here.

Regards, Sean

Hi, any ETA about Angular 17?

Hi,

The ETA is unknown at the moment. We will try to release in the next Metronic v8.2.2 update if Angular 17 is compatible with all core Angular plugins that Metronic uses.

Regards, Sean

Hello sir just a little question before buying. First of all it is amazing really love your dashboard. It is a full one or only a template ? like create user account work, billing system, referal, ... or is only template and need to hard code behind ?

Regards, Damian

Hi,

Thank you for your interest in Metronic.

Upon purchase of Metronic you will get all the features shown in the product review page: https://keenthemes.com/metronic

However the backend functionality is not covered. Metronic is an HTML template that requires further backend code integration according to a project requirements.

If you need any further clarifications please do let us know.

Regards, Sean, KeenThemes

Hello, will you be launching any discounts soon?

Hi,

Appreciate your interest. I’d like to emphasize that our roadmap is not geared towards discounts. Our primary commitment is to enrich your experience by delivering added value. This includes:
  • A complete redesign
  • The introduction of numerous new and useful pages
  • MUI and Tailwind versions
  • The introduction of dozens of new demos
And much more.

Stay tuned

i cant find pages in demo https://preview.keenthemes.com/metronic8/demo7/index.html#kt_aside_nav_tab_menu when i download and run vuejs demo 7 !!!!!

Hi,

Thank you for the heads-up

Please note that VueJS Demo 7 includes limited features comparing to the HTML Demo 7 version. Not all HTML version features are available in the VueJS version. You can check VueJS demo 7 preview here to see all available VueJS features.

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

Regards, Sean

poseso

poseso Purchased

It seems the laravel starter kit package from themeforest is not updated but the one in https://devs.keenthemes.com/metronic/laravel it’s updated

Hi,

Thank you for the heads-up.

Themeforest package has been updated with this quick fix. Please try to redownload Metronic v8.2.1 from Themeforest.

Regards, Sean

by
by
by
by
by
by