Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

All Questions (6023)

How do i change the node version of metronic 7 to either 16 or 18?when i try to change the node version either 16 or 18 and try to run npm install it throws multiple errors and the main error i am getting is for node-sass.
Hi everyone,I'm having trouble displaying a Select2 dropdown inside a modal in my project. The dropdown is always misaligned and appears outside its intended position.I've taken a screenshot: https://ibb.co/qdTDRzqUsing Metronic 8Any ideas on how...
The Link component from react-router-dom is behaving like an anchor element. It refreshes the page and navigates me to that page. How can I fix this
Hello everyone,I'm currently playing with the new version of Metronic Tailwind and trying to integrate Filament Datatables and Filament Forms as per the documentation:https://filamentphp.com/docs/3.x/forms/installationHowever, I'm encountering issues with the dark mode. It doesn't seem to...
I'm working on a web application using the Metronic admin template, and I want to optimize the dashboard for better user engagement and usability. What customization techniques or best practices have you found effective in enhancing the user experience within Metronic? I'm particularly interested in...
Hi, I followed your integration guide for Laravel, but I got errors in the browser. There are no steps to copy vendors, js and css folder into public/assests folder, only media is here, so they are missing. What I'm doing wrong?GEThttps://localhost:7890/assets/js/core.bundle.js[HTTP/1.1 40...
Hello, I have a problem using metronic 8.2.X laravel starter kit (didn't test previous versions) with "wire:navigate" Livewire v3.4.When page fully hard reloaded, all javascript works fine (menus, steppers, dropdowns, ...), but after clicking on link with "wire:navigate" this functions stop work...
Hi! I'm ușing Metronic (Angular version) and i installed PrimeNg. All good until i found ouț that primeng styles are override by bootstrap reboot css within metronic styles. How can i make PrimeNg on top of that? I tried with layers, but not working. Can you help me?Thanks în advance!
I have bought Craft Theme on https://themes.getbootstrap.com/product/craft-bootstrap-5-admin-dashboard-theme/I am looking for adding button group dropdown in craft . Can you please give me example how to make it as I have not found any example on https://preview.keenthemes.com/html/craft/docs/ba...
On the demo page, the icon to minimize/bring back the sidemenu changes when you toogle, but when I downloaded the ASP.net demo, it doesn't seem to work as expected and can't figure out how to fix.
Please help,suddenly the form in my project that uses tinymce errored. GET https://preview.keenthemes.com/html/metronic/docs/assets/plugins/custom/tinymce/models/dom/model.js net::ERR_ABORTED 404 (Not Found)Failed to load model: dom from url models/dom/model.jsI also checked the document...
Hi,After watching the "Your First project - Metronic 8 Admin Template" video I learned how to use the generated files from the Layout Builder in Keen 3. Whereby I'm using Angular and not PHP. Some of my components has not been well aligned though and their hover effect didn't work properly. This...
I bought it and I am working on it.Even after reading the docs, it's not really clear how to integrate the search.I would have expected something like when the user types "enough" characters as specified in the *data-kt-search-min-length* there would be a callback or something so that I could le...
I bought a metronic license.I am trying to use metronic tailwind css, but i am having problems with the colors.I want to use all the colors of tailwind, how can i do that?I also want to use other tailwind utilities.For example the hover group feature like the link below, how can i do that...
Whatever link I click in sidebar, pages content are not updating, I have only the dashboard page visible http://localhost:5193/?page=apps/projects/listhttp://localhost:5193/?page=dashboards/ecommercehttp://localhost:5193/?page=pages/faq/classicall the above pages and other all links have...
Would it possible to include a tailwind "Demo" template similar to the one you use on your documentation pages as the docs look very neat and would be very usefulhttps://keenthemes.com/metronic/tailwind/docs
Do you have any plans to add a Landing Page template to the new Tailwind version? If so, do you have a rough time scale?
Hi,I see the aside menu has 2 themes, dark and light, but it's not applied:/** * Set the aside theme * @returns {string} */export const asideTheme = computed(() => { return useConfigStore().getLayoutConfig("aside.theme");});How and where can I use this?
Hello,I am using the Metronic library. I have a small screen that opens with Modal, the scrollbar is enabled on this screen and I can navigate the content with the scrollbar.When I scroll down with the mouse scroll, sometimes I go out of the Modal.I can explain this more clearly with the...
Hello!Do you have any suggestion/examples on how to connect FormValidation with the examples in Metronic9?Metronic8 use FormValidation.io, but Metronic9 dont mention anything about it.It doesn't need to be FormValidation plugin itself, but ant other that can be added to Metronic9 Forms....
If I use the files found in the downloaded demos, everything works as expected.However, if I try using the code form the layout builder, then the layout is broken.The demo code has classes in the body tag, but the layout builder uses data attributes.Is there something that needs to be do...
Hello,You see I have assembled the base project of vue from the official vue repository of metronic and when I implement any html code such as the dashboard of the demo 1, looking at the demo preview of the official website I notice that my dashboard is less wide and I do not understand why....