12191 comments found.
Hi which of the demo have real crud?
any diff between using tailwind and bootstrap? which is better? i will use vuejs
Hi,
We recommend the Tailwind version of Metronic as Tailwind is gaining popularity and becoming a defacto UI CSS framework.
Regards, Sean
Please can we have a detailed Video on how to set up the Tailwind Template with Laravel. is always good to have two option
Hi,
We have in-depth detailed steps to get started with Metronic 9 Tailwind & Laravel: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/laravel You can also check starterkit for Laravel Demo 1 HTMl Tailwind: https://github.com/keenthemes/metronic-tailwind-html-integrationRegards, Sean
After following all the duc, i still have missing demo1 CSS
Make a video Explaining it because i don’t know what I’m doing wrong
Hi
Can you please send screenshot which css for was missing? If you use sample Laravel from our GitHub, you have to copy assets folder from Metronic zip downloaded from themeforest.
Thanks
Screenshot of the errors
https://ibb.co/8MrCsRVHi
You can remove the CSS file reference as it’s specific to the HTML version demo. In Laravel, styles are injected using Vite with the following directive:
@vite('resources/css/app.scss')
You can check out an example of the Laravel implementation here:
https://github.com/keenthemes/metronic-tailwind-html-integration/blob/main/metronic-tailwind-laravel/resources/views/layouts/base.blade.phpThanks
the laravel pack includes login? i mean if i got my laravel installation plus a database with users, the login will works with this template?
Hi
,
Yes, we have a fully working Laravel app with authentication, database connection, and crud operations for Metronic 8 Bootstrap Demo 1: https://preview.keenthemes.com/starterkit/metronic/laravel/login
After purchase, you will get all the features including the Laravel app as well.
Regards, Sean,
And for vuejs too?
Hi,
Yes, you can check 8 Vue demo it authentication and crud modules: https://keenthemes.com/metronic/bootstrapRefer to the “Vue” tab to view all Vue demos.
Regards, Sean
Is the NEXT JS version sold separately?
Hi
,
Thanks for the heads-up.
Next.js version for Metronic will be available soon. We are working on this.
Regards, Saen
when unlock closed pages in tailwind
Hi
,
Thanks for the heads-up. We are currently working on those features and we will release them asap.
Regards, Sean
Hello !
Thanks for your awesome project, its really useful for us.
Let me know if you plan to add toast notification support and some tailwind component ?
Thanks !
Hi
,
Thanks for the feedback.
Sure, for Metronic 9 Tailwind several new components will be released such as Datepicker, Advanced Select, Calendar, Toasts, Alerts, and more.
Regards, Sean
Hello, I want to load data as I type into the input in select2. Do you have an example for this?
Hi,
You can refer to https://select2.org/ official select2 documentation and implement it. Select2 has a built-in search feature that you can consider using for your requirements.
Regards, Sean
Can I use this theme’s regular version, in my personal codecanyon project as an backend admin portal ?
Hi,
No, this is not allowed since every single use of Metronic requires a separate license.
Regards, Sean
Hello, I made the purchase but I would like to know, is version 9 not available for html bootstrap?
Hi,
Metronic v9 is available for Tailwind only. You can switch from Bootstrap to Tailwind easily. If you need any further assistance, please reach our support via devs.keenthemes.com
Regards, Sean
Is there a snackbar or toast on react version as shared component that can be used to show a global message allover the app ?
Hi,
Sure, we have it. We use https://notistack.com/ as our global snack bar provider with a Metronic style. Working demo. Please log in and try to select rows in the DataGrid example in the bottom part of the page.
Please check the usage example: “src/pages/dashboards/demo1/light-sidebar/blocks/teams/Teams.tsx”
enqueueSnackbar('An error occurred while fetching data. Please try again later', {
variant: 'solid',
state: 'danger'
});
The online Metronic 9 Tailwind React Docs are in progress and soon we will in-depth guide for all components and app structure.
Regards, Sean, Keenthemes Support
what about react bootstrap verision , as I use it ?
Hi,
It’s available for v9 Tailwind React only. You can refer to v9 code and reuse it for v8 as well. Very easy to integrate. If you need further help please reach our support via devs.keenthemes.com.
Regards, Sean
Hello, actions in Metronic themes do not work (data-kt-menu-trigger)
For example, on this page (https://preview.keenthemes.com/metronic8/demo1/apps/subscriptions/list.html#) actions do not work. When I first bought it, the theme I used was demo1 and there was no problem, I downloaded demo1 again but there is a problem. Can you help me ?
Hi,
Thank you for your feedback on this. We will check this issue and fix it asap.
Regards, Sean
I cannot continue my transactions. Can you reply to my message here with details of the error once it is fixed?
Hi
We have just submitted a new update. Can you please redownload it ?
Regards, Sean
I have reached a point in my project. If I download the theme, I will have to start over again. Can you tell me where I need to update?
Hi,
Sure, our support team will get back to you shortly and let us know how you can fix this issue without updating your entire code.
Regards, Sean
Hi
In the file /src/js/components/menu.js, locate the var _click function. Update the code as shown below:
element.getAttribute("href") === "#"
Updated Code:
element.getAttribute("href") !== "#"
Full Example:
var _click = function(element, e) {
if (element.hasAttribute('href') && element.getAttribute("href") !== "#") {
return;
}
}
After making this change, please rebuild the assets using your preferred build tool, such as Gulp or Webpack, to ensure the updates are applied properly.
Thanks!
Hello, I have used assets and applications using html all my life. I did not work on other files, I looked at your original project, in the asset directory, in the src sections, in the programs that have control over these, I put the src folder in the asset folder directory, it still does not work. It is not connected to a place in the menu.js folder in the src cells, can you help me with how to proceed?
Previously, I was returning the trs by taking foreach directly, now I switched to the dataTable structure and this is how the problem occurred.
Hi,
Could you please reach our support team via devs.keenthemes.com and provide further info ? Which Metronic version you are using, etc.
Regards, Sean
I couldn’t share, the site returns an error
I did not use the src folder in my project. To fix the error, I put the src folder in the assets folder directory, but the trigger still does not occur.
When I add it as html, the action works, when I add it with dataTable, it doesn’t work
Hi
Could you please share the specific error you encountered on the site?
After making changes in the src folder, you have to rebuild the assets using your preferred build tool, Gulp or Webpack, so that the changes take effect and are generated properly into the assets folder.
Have you tried rebuilding the assets after the changes?
Regards
Hello, the issue is that after loading the data with the dataTable structure, the actions do not work, but when I write html manually, it works.
bu şekilde actionlar çalışmıyor
| # | Personel | Firma Kodu | Firma VKN | Firma Adı | Bayi Adı | İşlem |
|---|
dataTable = $(’#kt_table_users’).DataTable({ data: response.responseData.PERSONELLER, pageLength: 10, lengthChange: 1, searchDelay: 500, processing: true, serverSide: false, responsive: true, select: false, colReorder: true, language: { url: “assets/js/tr.json” }, createdRow: function(row, data, dataIndex) { $(‘td’, row).eq(6).addClass(‘text-end’); }, columns: [ { data: ‘PERSONEL_NO’ }, { data: ‘ADISOYADI’, render: function(data, type, row) { return ` ${data} ` || ‘N/A’; } }, { data: ‘FIRMA_KODU’ }, { data: ‘FIRMA_VKN’ }, { data: ‘FIRMA_ADI’, render: function(data) { return ${data} || ‘N/A’; } }, { data: ‘BAYI_ADI’, render: function(data) { return ${data} || ‘N/A’; } }, { data: null, render: function(data, type, row) { return `Detay Düzenle Işlem `; } } ], });
bu da sitedeki hata
Sorry, looks like there are some errors detected, please try again.
It’s been a very long process for me. Can you please help me?
Hi
Sorry for the inconvenience.
From your DataTable code, it seems you are using the DataTables plugin in Metronic 8.
The issue you’re facing may result from syntax errors in your JavaScript code or elements in the DOM not being correctly rendered.
When using template literals with `${data}`, ensure the syntax is correct. Misplacing or omitting characters ` ` could result in errors.
Could you please share your code on this GitHub Gist site? This will help us see the code clearly.
https://gist.github.comThe data is coming, there is no problem actually, but I don’t know if I missed it.
Hi
Let’s break down the code and identify potential issues:
Open your browser’s developer console and look for any JavaScript errors that might be preventing the DataTable from working correctly.
You’re using response.responseData.PERSONELLER as your data source. Make sure that response.responseData.PERSONELLER is an array of objects, where each object represents a row in your table. Double-check the structure of your response object in the browser’s developer console (Network tab).
JavaScript is case-sensitive. Make sure the property names in your response object (responseData, PERSONELLER) exactly match the casing you’re using in your code.
You have syntax errors within your render functions. In JavaScript, you can’t use HTML-like syntax ( ${data} ) directly within a JavaScript function. You need to create strings:
render: function(data) {
return '<div class="text-gray-800">' + data + '</div>' || 'N/A';
}
Add console.log(response.responseData.PERSONELLER); before initializing DataTable to inspect the data in your browser’s console. This will help confirm if the data is in the expected format.
Make sure the DataTable initialization code runs after the response object is available. If it’s in an AJAX success callback, make sure the callback is executed correctly.
Temporarily remove the render functions from your columns definition to see if the table populates with the raw data. This will help isolate if the issue is with data rendering or the data itself.
There is no problem with my data I was using it like this even when there was no dataTable structure
In the operations section, the data is already written as null, so it should be opened even if no data is received.
Can you check from the address below?
https://b2bpanel.ofismobile.com/users1 projeye özel değil diğer dataTable yapısını kullandığım tüm projelerimde de bu sorunu yaşıyorum I am not specific to one project, I am experiencing this problem in all my projects where I use the other dataTable structure.
Hi
Do you mean the issue with the dropdown button in datatable?
Can you please try to replace this file https://b2bpanel.ofismobile.com/assets/js/scripts.bundle.js
with the latest version? If you are using Metronic v8, please try to update it with v8.2.8
Thanks
Yes, that’s the problem. I tried that js file, this is the latest version.
I changed,Can you still check from the same link?
This problem occurs when I load data with the dataTable property, if I add it manually with html it opens.
Hi
Can you try running KTMenu.init() after the DataTable draw event?
datatable.on('draw', function () {
KTMenu.init(); // reinit KTMenu instances
});
Just like we did in the example DataTable here: /js/custom/apps/customers/list/list.js
okay, It’s fixed, thank you very much
I guess we have integrated the structure in the src folder?
I have bought the licence but I dont understart where to start. How to download angular code? Also, I can see this link of your website says that download Angular demo but asking for login. So which account to login there? I dont understand this please help here. https://devs.keenthemes.com/metronic
I want to use this template for creating admin for Angular with tailwind. So please give me what to do
Hi,
Metronic 9 Tailwind is an HTML/JS theme and it does not have an Angular version. However, following this guide you can use HTML/JS features in your Angular app. Also, we have a Demo1 starter kit for Angular that you can refer to or use as a base for your app.
Regards, Sean
I can see in your zip file I can see this files https://prnt.sc/spsaVulslEJr
On opening download.html file it will open this link https://devs.keenthemes.com/metronic/angular
Which ask for login, so what I need to do here? Do I need to create new account on your website? If yes which email address? and how can I download Angular theme? In 8.2.7 version?
is that Angular dashboard is not available in latest version?
Hi,
You can create a new account with keenthemes.com and access our support forum via devs.keenthemes.com. Thus you can download those demos as well.
if you need to download the previous version you will need to refer to the README.md file in your themeforest zip and find the Google Drive link to download previous versions of Metronic from Google Drive.
Regards, Sean
How long can Metronic 9 be released in Vue version
Hi,
We currently offer a Metronic 9 integration guide for Vue, which you can check out here. All HTML/JS components in Metronic 9 are fully compatible with the Vue environment.
Best regards, Sean
I have Laravel Bootstrap Laravel-UI for auth tcg/voyager for admin panel installed Using node 17. I can’t use anything higher.
I do NOT want to use your starterkit or boilerplate or whatever. So your instructions to install metronic are NOT clear at all.
I need clear instructions on:
what files from metronic 8.2.x and where to put them in an already exsiting laravel install
I have not seen ANY instructions on how to integrate without using your own starterkit and do NOT want to do that.
Hi,
You can use the default HTML template with your Laravel app. Our Laravel starter kit is not mandatory to use Metronic with Laravel.
You can take HTML, include required JS/CSS assets, and use any features you need from Metronic’s default version in your Laralvel app.
You can refer to this video tutorial. In this video, you can just refer to how the HTML/JS can be used with server-side code.
For any further help please reach our support via devs.keenthemes.com
Regards, Sean
hi i’m searching for software to create s site where i can have multi team, client can uploads watch status or process able to use api for other sites
Hi
,
Thank you for your interest in Metronic.
Sure, Metronic can be a perfect choice for your future apps’s design and frontend part. You can preview all Metronic features at http://keenthemes.com/metronic. You can use them all with a single purchase and use any feature you like for your application. However the backend part and business logic of your application is your responsibility. Metronic offers only design and HTML templates for an easy start.
Regards, Sean
Hi,
HELP. I can’t find the Angular or HTML in the version 9+. I saw it in version 8+ but I want to use the latest version.
Hi,
Metronic 9 is available only for HTML/JS. But it’s compatible with Angular. You can use the HTML/JS code in your Angular app by referring to Metronic 9 Integration Guide. Demo 1 Angular Starter kit for the main layout and dashboard page is available here: https://github.com/keenthemes/metronic-tailwind-html-integration For any further help please reach our support via: https://devs.keenthemes.comRegards, Sean
when exactly launch html + tailwind version or react + tailwind and be complete ! some sections closed like ( User Management , Projects , eCommerce ) they texted with soon but still not open for now
Hi,
Thanks for the heads-up. We are currently working on it and we will do our best to release those pending pages ASAP.
The e-commerce and user-management for Metronic v9 will be a huge release with complete CRUD for both HTML and React versions.
If you purchase Metronic now you will get all future updates for free.
For any further info please reach us via devs.keenthemes.com
Regards, Sean
we wanna know exactly when will publish it !
Hi,
We can’t confirm the ETA at the moment. We will try by the end of 2024.
Regards, Sean
Hello. Any plans to upgrade Metronic Bootrsap version to latest Laravel version? Or any guide to integrate html version to Laravel 10 or 11?
Thank you !
Hi
,
Sorry for the late reply. Yes, we have just released Metronic v8.2.8 with the latest Larave 11. Learn more
Regards, Sean
Please add features in Angular, based on Changelog, it was left behind.
I’m new here.. where can I download the entire product?
Hi,
Thanks for your feedback.
Noted, we will consider it in a future update. Please download the latest Metronic package from themeforest.net/downloads and refer to the README.md file to download the complete Metronic 8 Bootstrap package with Angular demos.
Regards, Sean