Black Friday Super Sale!
Limited Time 50% OFF for All-Access Plans
Save 50% Now
Metronic (1682)
HTML (1462)
Laravel (941)
React (892)
Bootstrap 5 (891)
Vue (715)
Angular (696)
PHP (506)
Tailwind 4 (381)
Datatables (283)
Blazor (236)
Asp.Net Core (191)
Bootstrap (183)
Webpack (153)
Design (127)
Django (125)
SASS (118)
License (105)
Gulp (88)
RTL (88)
Figma (77)
Next.js (67)
Next.js (38)
Rails (36)
Node.js (26)
Flask (20)
Spring (18)
KeenIcons (14)
DatePicker (11)
FullCalendar (9)
Icons (6)
Express.js (5)
NestJS (3)
Font Awesome (2)
Next.js (0)
Nextjs (0)
Hi, if I buy a Metronic template, will I always get the latest template updates? Until when will I continue to get the latest updates?
Hey Metronic Community,
Our team is currently on the lookout for a developer proficient in software development using Metronic to collaborate on exciting customization projects for our clients.
Who We're Looking For:
The ideal candidate should have experie...
I am trying to use Metronic datatable however i am getting my data inside response['data']['data']. How do i set my table's data to this key and also i am getting nextPage, lastPage links from backend only through the api. Need to set those too.
i am using kt datatable if i get data in response['da...
I'm currently working on the Metronic dropdown component and having issues with it. What it does is when I click on the Main Dropdown button, it shows the Main Dropdown content. But after the Main Dropdown is shown and I click on Inner Dropdown button, it dismisses the Main Dropdown content.
I wa...
Uncaught TypeError: KTUtil is undefined
_construct http://127.0.0.1:8000/assets/js/scripts.bundle.js:2312
KTMenu http://127.0.0.1:8000/assets/js/scripts.bundle.js:3077
createInstances http://127.0.0.1:8000/assets/js/scripts.bundle.js:3402
init http://127.0.0.1:8000/assets/js/scri...
Hi, I'm developing an app with metronic and I chose the tailwind + react demo10. Considering that my project runs on laravel 12, I would like to understand how, what and where to load the chosen demo and the metronic dependencies.
Finally, I would like to understand if I can modify the layout of t...
Hi,
On my page, HTML textarea elements are configured to be transformed into CKEditor instances using the following code:
const textareaElements = document.querySelectorAll('[data-ckeditor="true"]');
textareaElements.forEach(el => {
ClassicEditor.create(el);
});
I want to...
Does it support keyboard up and down selection of results
Similar to GitHub's search function, press the keyboard up or down to select search results
Hi
I'm using Metronic 9 on a Laravel 11 project through Herd.
Update to node 22.12.0 introduced this error
file:///Users/xxx/Desktop/xxx/Echo/tailwind.config.js:1
const defaultTheme = require('tailwindcss/defaultTheme');
^
ReferenceError: require is not defined...
i use metronic theme for laravel by deafult the user module is present i use that but i have a issue while edit modal is called it opens fine but when i try to update anything the other inputs gets nulled
below is the example here i only edited name that's coming others null
in console
{
"...
Good afternoon, I couldn't find the base angular project in Metronic 9, where is it?
I saw that in Metronic 8 there is the base project for Angular.
Hi,
I've got a Metronic 9 modal and inside it there is a header I'd like to make sticky within the modal, when I scroll inside it, but it's not working.
This is the code I'm using inside the modal:
onUpdated(() => {
if(modalHeader.value && !KTSticky.getInstance(modalHeader.va...
Hi,
I just want to alert user when user input some data in input field, for example
https://preview.keenthemes.com/metronic8/demo35/apps/ecommerce/catalog/edit-category.html
in input field Category name. So I added simple script at the bottom of the page, like this,
I want table data into the left side of columns, so initially its showing correct but when i am reordering the table data, the numeric data is go from left to right side
This is my code:
ngOnInit(): void {
this.datatableConfig = {
serverSide: true,
ajax: (dataTablesParameters...
Hit the below error at plugins.bundle.js file under demo 13.
Previously the app was running well but get this error after upgrading VS (version 17.12.5).
the error is hit on metronic v8.2.3, i have also updated metronic to v8.2.9, still getting the same error.
pls advise how to proceed furthe...
When I check the documentation for Metronic Next.js, I've seen features like .env.example, auth routes, i18n files. Project structure differs my downloaded files. Where can I get the boilerplate like the documentation refers.
https://docs.keenthemes.com/metronic-nextjs/getting-started/installatio...
Good morning,
I found an error with my Cropper.js configuration and was trying to find a solution when I discovered that the current version had been updated from Cropper.js v1.6.2 to Cropper.js v2.0.0, but without any reports in the ChangeLog.
The new version behaves differently, especially becau...
Hi team,
We wanted to check the producer’s approach to AJAX error handling for the formvalidation.io plugin and discovered that the link in the documentation (https://preview.keenthemes.com/html/metronic/docs/forms/formvalidation/overview) to the producer’s site is no longer functional. The websi...
Video Link : https://telemarketing.sgp1.cdn.digitaloceanspaces.com/280_1750515877.mp4
Datatable will jump to top when we scroll to bottom. I think is due to the sticky header part.
Does anyone have a guide for using Metronic 9 with React within a Laravel project created with the React starter kit? Together with Inertia.js
Hi,
Is there a recommended path to updating in between version releases?
Like if I'm using Metronic 9.3.8 via a NextJs app, what is the best way to update to version 9.4.0?
I'm looking for a process to make sure I cover all of the core files that are changed/added/removed with each incre...
Hey,
I'm using Metronic with Laravel, and I've always run into issues when trying to make Livewire work properly — especially when using wire:navigate. The main problem seems to be that the Metronic components stop working after navigation. Dropdowns, modals, tooltips… everything jus...
