12202 comments found.
is the future react 17 demo 1 built on bootstrap 5 or 4? Thanks.
Hi
,
Yes, sure. It will be based on React v17 + Bootstrap 5
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes/
Regards, Sean
Hi, downloading/extracting specific theme items have become incredibly difficult. Is it possible to make dashboard/panel for subscribers where you can download a specific version?
Hi,
Thanks for your feedback on this. Noted and we will consider this. In the meantime you can use https://www.7-zip.org/ to quickly unpack the download package.
Regards, Sean
When will we see a react version of demo 1 ? in days please ? Given React is a hugely popular framework, why is this not being prioritized?
I’ve been waiting months now since the announcement of metronic 8; it feels like the announcement was premature.
When react ?
Hi,
The React version wad prioritized for sure and our React devs already preparing it for release with latest React v17 + Bootstrap 5 support. Every version has different level of complexity and sometimes the timeline can differ accordingly. We will do our best to release it as soon as possible.
Regards, Sean
Invalid list number setting
Hi
,
Thanks for your feedback. Could you please clarify it ? What do you mean by “Invalid list number setting” ?
Regards, Sean
“I Agree & Terms and conditions” on the registration page has become two lines,How can I solve this problem?https://preview.keenthemes.com/metronic8/demo1/authentication/flows/basic/sign-up.html
Hi,
Thanks for informing this issue. We will fix it as soon as possible.
Regards, Sean
Hi
,
Please try to add “form-check-inline” to the “form-check” element to solve this without changing any JS code.
If you need any further help please let us know.
Regards, Sean
Hey 
We have been working on some amazing stuff and shortly we will be releasing:
1. Demo 1 Vue 3:
– Skeleton setup documentation.– Sign-in form improvements.
– Element UI library demos improvements.
2. New Plugin Integration:
– Smooth Scroll.– Bootstrap Alerts.
3. Updates & Improvements:
– Blazor documentation.– DropzoneJS.
– Bootstrap Tooltips.
Next up:
1. Demo 1 Laravel:
– Full layout integration.– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.
2. Support Center App:
– Support dashboard.– Tickets list page.
– New ticket modal.
– View ticket page.
– Tutorials list page.
– Tutorials post page.
– FAQ page.
– Contact us page.
– Licenses page.
3. More:
– Demo 2 HTML.– Demo 3 HTML.
– Demo 1 React v17.
– Demo 1 Angular v12.
Stay tuned on endless updates to empower your projects!
Regards, Sean
I am using kt-datatable with ajax source data. I’d like to use the autohide rows only on small screens—how can I specify “rows: { autoHide: true }” for xs, sm, and md screens, but “rows: { autoHide: false }” for lg and xl screens?
On a related note, how can I specify the column widths to vary on smaller/larger screens?
Thank you!
Hi 
Sorry for the inconvenience. The KTdatatable option for autohide and width does not support screen size configuration.
Thanks
You have a foreach error on page https://preview.keenthemes.com/metronic/demo10/features/icons/fontawesome5.php
Hi
,
Thanks for your feedback on this. We will check it and fix asap.
Regards, Sean
Hi, 
We have fixed the issue. Sorry for the inconvenience.
Thanks
still waiting for BlockUI, alerts,in version 8 , shall I go back to Metronic 7 ?
Hi,
The alerts will be released in the next update in a few days however BlockUI plugin seems outdated and not supported anymore. We are considering to create our own in-house solutions based on our Overlay custom component.
Regards, Seam
Thanks for the reply , is there any alternative until you create your own ?
So far no alternative for Block-UI, we will check it. If you see any similar plugin can you please let us know ? We will check if we can use Block-UI with latest jQuery.
sure
Trying to integrate laravel 8 and vuejs with this theme , by following this guide https://keenthemes.com/metronic/?page=docs§ion=vue-laravel-integration .
But keep on getting webpack – Invalid configuration object error. How to solve it ?
Hi,
Can you please specify which Metronic version are you using?
This guide is prepared for the Metronic 7 and at the moment it isn’t valid for Metronic 8, we will add such doc for Metronic 8 very soon.
Regards,
Lauris
I am using metronic 7.2.2
Can this guide https://keenthemes.com/metronic/?page=docs§ion=vue-laravel-integration being used with Laravel 8 ?
Hi,
Then it should be working.
Could you please attach your package.json?
Regards,
Lauris
package json = https://pastebin.com/pFfMCx9y
webpack = https://pastebin.com/Vi4mXytU
composer json = https://pastebin.com/AWsKj0w4
npm version = 6.14.8 node version = v15.0.1
Hi,
Thank you for providing the info.
Because the new version of the laravel-mix is released you should make some additional changes.
To fix this error follow these steps:
1) Update your package.json
Remove these dependencies:"@vue/cli-plugin-babel": "^4.5.9", "@vue/cli-plugin-eslint": "^4.5.9", "@vue/cli-service": "^4.5.9", "@vue/eslint-config-prettier": "^4.0.1",
These are not required in the latest version of laravel-mix.
2)Install vue-loader by running following command:npm install vue-loader3)Update your webpac.mix.js file with the following code.
const mix = require('laravel-mix');
const path = require('path');
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css', [
//
]).vue();
mix.webpackConfig({
output: {
chunkFilename: `js/[name].js?id=[chunkhash]`
},
resolve: {
alias: {
'vue$': 'vue/dist/vue.runtime.esm.js',
'@': path.resolve(__dirname, 'resources/js/src/')
}
}
});
4)Delete node_modules folder and package-lock.json and run command:
npm install5)Rebuild assets with command:
npm run dev
Regards,
Lauris
Hi, could you please help on creating a webpack.mix.js for Laravel 8.
Thank you!
Hi
,
We are releasing the official Laravel version within the next or latest the following week with following features:
– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.
We would suggest to wait for the official Laravel version since it will save time and afford to gets started with your project.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes/
Regards, Sean
hi,Does Laravel 8 support it?
Hi
,
Metronic 8 Laravel version will be released really soon with following key features:
– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.
If you need any further clarifications please let us know.
Regards, Sean
An error occurred in vue version 8. Integrate Laravel and vue.
The following is the error code. ./resources/js/assets/ts/_utils/_DOMEventHandlerUtil.ts 61:21-48 [tsl] ERROR in /home/www/php/laravel/main/resources/js/assets/ts/_utils/_DOMEventHandlerUtil.ts(61,22) TS2774: This condition will always return true since the function is always defined. Did you mean to call it instead?
The problem is like this code. if (element && element.removeEventListener && e && e.currentTarget) { e.currentTarget.removeEventListener(e.type, calee); }
Good morning. I will answer. Of course, we have integrated it into Metronic 8 vue, not just Metronic 7 vue Since the release of Metronic 8 vue, I tested it.
Integrated with Metronic 8.
Hi,
To fix this issue you should enable the typescript in your Laravel app.
You can follow this tutorial: https://sebastiandedeyne.com/typescript-with-laravel-mix/We will add an updated Laravel and Vue integration doc for Metronic 8 in upcoming releases.
Regards,
Lauris
Hi
im using this metronic8 demo5 with laravel inertiajs acordian menu, map not loading when i refresh each page then it is working
some problem with this script
<!-begin::Global Javascript Bundle(used by all pages)->
<script src=”assets/plugins/global/plugins.bundle.js”></script>
<script src=”assets/js/scripts.bundle.js”></script>
help me
see this link for more detail https://stackoverflow.com/questions/67651925/when-using-inertia-link-javascript-charts-button-links-not-working-it-is-working
Thanks
getting this error on console
VM433 scripts.bundle.js:7 Uncaught TypeError: Cannot read property ‘on’ of null at Object.init (VM418 scripts.bundle.js:7) at VM418 scripts.bundle.js:7 at Object.onDOMContentLoaded (VM418 scripts.bundle.js:7) at VM418 scripts.bundle.js:7
Hi
,
We are now preparing Metronic 8 Laravel version for release with following key features:
– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.
We would suggest you to wait for the official Metronic 8 Laravel version as implementing it from scratch requires time and a lot of workarounds.
If you need any further clarifications please let us know.
Regards, Sean
hi can you add “First steps” (get started) wizard example
so when user open admin theme “get started” demo shows him how to use demo
also it will be nice if it is added in ui builder to enable or disable it
Hi
.
Thanks for your suggestion. We will consider it in a future updates.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes/
Regards, Sean
Chartjs are not showing on documentation. Only code part, but visual not showing.
Hi,
We have fixed the issue. Thank for your report.
. https://preview.keenthemes.com/metronic8/demo1/documentation/charts/chartjs.html
Thanks
Do we have a dot net version ready for Metronic 8 ?? I was not able to create the Blazor App as suggested in your documentation. Can you please help with the same?
Hi,
Thanks for your feedback. At the moment we do not have .NET version and if you need any further help with the Blazor integration documentation please contact our support via support@keenthemes.com
Regards, Sean
I hoped Laravel will be first released, but i see that Vue is first.
I’m dissapointed.
First on the list was Laravel.
Hi, sorry, we needed more time for Laravel since it has a lot of new improvements, We will do our best to deliver it as soon as possible.
Ok. Thanks !
You are most welcome 
Hey 
We have been working on some amazing stuff and shortly we will be releasing:
1. Demo 1 Vue 3 with TypeScript support:
– Composition API.– Full Layout Integration.
– Fully Functional Authentication.
– Sign-in, Sign-up and Password Recovery pages.
– User Profile and Accounts pages.
– Layout Builder.
– Element Vue 3 UI Library integration.
2. 3-rd Party Plugin Integration:
– Toastr.– Chartjs.
– Apexcharts.
3. Updates & Improvements:
– Stepper plugin improvements.– Access CSS variables in JavaScript.
Next up:
1. Demo 1 Laravel:
– Full layout integration.– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.
2. Support Center App:
– Support dashboard.– Tickets list page.
– New ticket modal.
– View ticket page.
– Tutorials list page.
– Tutorials post page.
– FAQ page.
– Contact us page.
– Licenses page.
3. More:
– Demo 2 HTML.– Demo 3 HTML.
– Demo 1 React v17.
– Demo 1 Angular v12.
Stay tuned on endless updates to empower your projects!
Regards, Sean
Error – BlazorServer, Metronic 8, Demo 1
Following BlazorServer documentation, exactly, at least i think so, review many and many times
and when i make. “npm run build” i get.
PS C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs> npm run build
> npmjs@1.0.0 build > webpack—config webpack.config.js
assets by path assets/js/ 1.29 KiB asset assets/js/custom/widgets.js 662 bytes [compared for emit] (name: assets/js/custom/widgets) asset assets/js/scripts.bundle.js 662 bytes [compared for emit] (name: assets/js/scripts.bundle) asset assets/css/style.bundle.js 662 bytes [compared for emit] (name: assets/css/style.bundle) asset assets/plugins/global/plugins.bundle.js 662 bytes [compared for emit] (name: assets/plugins/global/plugins.bundle)
ERROR in assets/css/style.bundle Module not found: Error: Can’t resolve ’./src/sass/plugins.scss’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’
ERROR in assets/css/style.bundle Module not found: Error: Can’t resolve ’./src/sass/style.scss’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’
ERROR in assets/js/custom/widgets Module not found: Error: Can’t resolve ’./src/js/custom/widgets.js’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’
ERROR in assets/js/scripts.bundle Module not found: Error: Can’t resolve ’./src/scripts.js’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’
ERROR in assets/plugins/global/plugins.bundle Module not found: Error: Can’t resolve ’./src/plugins/plugins.js’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’
ERROR in assets/plugins/global/plugins.bundle Module not found: Error: Can’t resolve ’./src/plugins/plugins.scss’ in ‘C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs’
6 errors have detailed information that is not shown. Use ‘stats.errorDetails: true’ resp. ‘—stats-error-details’ to show it.
webpack 5.37.1 compiled with 6 errors in 53 ms PS C:\Users\Rui Oliveira\Desktop\BlazorApp\npmjs>
My fault. Documentation is correct.
Problem solved.
Glad to hear that! All the best with your projects 