Hi,

Please check SweetAlert plugin for popup modal and confirm box usage.

Regards, Sean

Hi,

Sure, you can use Metronic for any web app or site. However if you have paying users who you charge for accessing or using your service you will need to purchase the Extended license. If you are doing an eCommerce site then you can go with regular license. For resellable product you will need a separate license for each copy you sell.

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

Regards, Sean

Hi,

Thank you for reaching out to us.

To use most of our React components you need to include the following style files.

Main style file:

import './_metronic/assets/sass/style.scss'

Keenicon set styles:

import './_metronic/assets/keenicons/duotone/style.css'
import './_metronic/assets/keenicons/outline/style.css'
import './_metronic/assets/keenicons/solid/style.css'

To use our TypeScript components, wrap your app with the initialization component src/_metronic/layout/MasterInit.tsx.

For layout components, wrap your app with src/_metronic/layout/core/_LayoutProvider.tsx.

Additionally, ensure that you are using the same TypeScript configuration.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Thank you very much for your reply! I tried implementing the suggested steps, however, understandably, because there are a lot of dependencies in the project, there were too many errors to deal with. for my project I need about 10%-20% of Metronic’s functionality, but separating that functionality from the Metronic is troublesome. On the other hand, if it is not separated, there will be a big chunk of unused functionality which disregards clean code principles, and might overload the servers hosting the project. as the creator of this template, would you recommend trying to separate that 10%-20% of functionality, because it will be beneficial in the long run, or using the whole template, because it’s supposed to work alright and not overload any servers just because of it’s size?

Hi,

Sorry for the late reply.

Please note that Metronic’s features are meant to use within Metronic based app and making any feature as a standalone component is not in the scope.

However there should be a way to remove unused features as much as possible so please reach our support via devs.keenthemes.com and we will try to guide you further.

Regards, Sean

Hi,

Yes, sure. You can get Metronic v7 by downlaoding it from an external link upon purchasing Metronic. Metronic v8 uses Angular v16 while older Metronic v7 comes with an older version of Angular.

Regards, Sean

Hi,

Could you please check this as workaround. We will fix it soon.

https://devs.keenthemes.com/question/configuration0entryjswidgetsbundle-should-be-a-non-empty-array-1

Thanks

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

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

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

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

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

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.

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

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

Thank you!

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.

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

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

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

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.

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

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

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

Hi,

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

Regards, Sean