12202 comments found.
Hello, one question, when will SOLUCION CRUD REACT JS be ready, long ago were the next steps to be taken and nothing yet, could you give a date?
Hi,
We are now fully focusing on this and hopefully we will release it as soon as possible. At the moment we can’t confirm the ETA
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Do you provide any landing page template?
Hi
,
For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean
I am using demo1 – react theme. Could you let me know how I can integrate your landing theme?
I copied html/theme/demo1/dist folder to public folder and modified Router so that it loads that landing page. Let me know if you see any issues in this approach.
I got the following error.
TypeError: DrawerComponent.closest is not a function
src/_metronic/assets/ts/components/_DrawerComponent.ts:337
Hi,
If you have fully copied an html/theme/demo1/dist folder into a public folder in react project I don’t think that it is good to approach.
By default all landing page style file should already be included into React version, you can find it in react/demo1/src/_metronic/assets/sass/components/_landing.scss.
Just add a new router page, the same way as it is done with error pages in file react/demo1/src/app/routing/Routes.tsx, and then copy and paste HTML code from the HTML version into this page component.
Regards,
Lauris
Hey 
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Demo 16:
– Unique Concept.<be> – Dark Header.– Horizontal Menu.
– Sidebar Menu.
– Content Toolbar.
– Interactive Dashboard.
– Dark Mode.
2. HTML Inbox App:
– Messages.– Aside Nav.
– Toolbar.
– Compose Form.
– Reply Thread.
– File Upload.
3. HTML Version:
– Cookie Alert.– Responsive Datatables.
– Collapsible Card.
– Select2 Improvements.
4. Angular Version:
– Angular Material.– Quick Search.
– PrismJS Integration.
5. Vue Version:
– Auth API Integration.– Docs Improvements.
6. Laravel Version:
– REST Support.– Auth API.
– Docs Improvements.
Next Up:
– Demo 17 HTML.– Demo 18 HTML.
– Demo 19 HTML.
– Demo 20 HTML.
– Demo 3 Vue.
– Demo 3 React.
– Demo 2 Angular.
– Demo 3 Angular.
– Demo 11 Laravel.
– Demo 12 Laravel.
– React CRUD Solution.
– Angular CRUD Solution.
Stay tuned for endless updates to empower your projects.
All updates are free, always!
Regards, Sean
Hi keenthemes.
Why There’s no datatables.bundle.rtl.css in assets folder after compilling using the RTL command : npm run build --rtl --demo6
There was no error (successfull compilling).
While this file exists in the default downloadable Metronic8 assets version.
any idea???
thank you.
Hi,
Thank you for your report. We will fix it soon.
Thanks
Ahh ok, thank you guys.
Hi, do you have a clear documentation about installing metronic 8 for laravel? Your current documentation for m8 is dedicated to nodejs. You mention laravel default installation as well but nothing about the way to import your demo into it.
Hi 
The laravel documentation for the laravel installation can be found in this site.
https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/overviewThanks
Hello Im using metronic v8.0.27 does angular version have rtl support and how to implement that?
Hi, 
The Angular does not have rtl support. We will consider adding it in the future updates.
Thanks
Sir, can i’m integrated some general component like sweatalert, toastr, dropzone js to project vue.js 3 ?. Because this component (sweatalert,toastr and etc) only available on html project. If the component can integrated, what is best practice to implement sweatalert to vue project application ?
Hi,
The sweetalart and dropzone should already be included in Metronic 8 Vue version.
You can use other plugins by referring to our HTML version doc: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html
Before usage install the plugin with the command: npm install <plugin name>
Regards,
Lauris
Hello, do you have Vue 2 integration for Metronic 8?
Hi
,
Thanks for your interest in Metronic.
Metronic 8 uses only the latest version of Vue which is VueJS v3.x. If you have any further questions please let us know.
Regards, Sean
hi, very love the new version of Metronics 8
https://preview.keenthemes.com/metronic8/demo8/index.html?_ga=2.48316902.150375449.1636198795-225236139.1636198795Demo 8 is which we wish to using, but may I know how we use those standard forms or components? in demo1? also cant find it, tq
Hi
,
Thanks for your interest in Metronic.
You can use all the apps, pages, components and plugins in all demos. Please refer to the Demo 8 documentation here https://preview.keenthemes.com/metronic8/demo8/documentation/getting-started.html You can find the same in your download package as well.if you need any further clarifications please do let us know.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
thanks for your reply Do we have any Shopping Cart or Products listing for Demo 8? or any others Demo? if others Demo have, can we use at Demo 8? tq
Hi
,
Thanks for your feedback.
All features are available in all demos. At the moment we do not have e-commerce pages but we will add them soon. At the moment you can check available apps such as
https://preview.keenthemes.com/metronic8/demo1/apps/calendar.html https://preview.keenthemes.com/metronic8/demo1/apps/inbox/listing.html https://preview.keenthemes.com/metronic8/demo1/apps/chat/private.htmlRegards, Sean
Thanks Sean for your reply
Do we know the schedule of when will the ecommerce launch? so we can plan for it, just the forcast when it will be, tq
Hi
,
We can’t confirm the release date but we will do our best to release it as soon as possible. Hopefully by end of the year .
Regards, Sean
Hi keenthemes.
Any updates on builder to export dropdown menu of navigation (User, Notifications, Quick link…) as drawers ? (As Metronic 7 had).
thank you.
Hi,
Thanks for reminding this. It’s our to-do list and we will implement it as soon as possible.
Regards, Sean
thank you
Dears,
is there plan to add step by step component, like this one https://introjs.com/hope you can add it it is great feature and it is nice to add it to buidler like loader also
Thanks
Hi
,
Thanks for your suggestion. We will definitely implement this plugin in a future update. If you have other suggestions please let us know.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Dears,
I saw this link to check how to get rid of jQuery
I want to suggest if it is possible to add clean non-jquery folder in all themes so when download, it will be easy instead of trying remove and get errors.
I believe this will help much and reduce questions about jQuery also we can add later any plugins need jQuery
also if possible in method KTApp.init() to not add 3rd party plugins like select2 and create another method like KTApp.initPlugins()
Thanks
Hi
,
Thanks for your suggestion. We will update the “No jquery” documentation to include all jquery plugins to remove for gulp and webpack build so at least users can just follow and get all the jquery plugins removed in a few minutes.
Noted on the KTApp changes, we will consider it for sure. At least we can add jquery availability checking for select2 plugin.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Thanks Sean, hope to add this in your backlogs and see this soon update. appreciate to you and the team for the great theme
Sure thing, thanks for your feedback as well!
Hi,
I have two question for the Vue demos.
1) It seems there is a problem with demo2 (Vue) menu on mobile screens. Even on the live preview site.
2) In ApiService.ts there is the following on the Get request:
.catch((error) => { throw new Error(`[KT] ApiService ${error}`); });
My question is, where is this error seen? It seems it cannot be accessed in VERIFY_AUTH’s calling requests catch(({ response }) block. It says ‘response’ is undefined.
Thanks in advance!
Hi,
Thank you for your feedback.
1) We reproduced the issue and we will fix this in upcoming releases.
To fix this now you need to use SwapperComponent to change the placement of the menu component on the smaller screens.
Add SwapperComponent initialization in the file metronic/vue/demo2/src/core/plugins/keenthemes.ts
SwapperComponent.bootstrap();
Then add these attributes to your menu element drawer in file vue/demo2/src/layout/header/Menu.vue
data-kt-swapper="true"
data-kt-swapper-mode="prepend"
data-kt-swapper-parent="{default: '#kt_body', lg: '#kt_header_nav'}"
2) The object should available in the catch section.
Could you please let me know if you have modified anything in the VERYFY_AUTH function?
Regards,
Lauris
Hi Lauris,
Thanks for your reply.
1) I did what you said, and I even updated my project with Metronic 8.0.30 but the issue didn’t go away. The menu is grey and can’t click on anything, when the screen is responsive.
2) I have not modified anything in verify_auth. There is an error caught in the Api get request I can console.log the error at this point: new Error(`[KT] ApiService ${error}`); But at the verify_auth catch block, the response is undefined.
What could be the issue here?
Thank you.
An update for the above: it seems that issue 1) has been solved. It needed a reboot and is now working for some reason.
2nd Update for 1) unfortunately it is still there, but I managed to isolate the issue. Even on your preview site on vue/demo2 if you load the page and sign in, it is not working but if I reload the dashboard, then it is okay. It seems to only work if the layout page is loaded first without any routing. Thanks for looking into this.
Hi,
Sorry for the late reply.
1) We fixed the issue related to the menu drawer in demo2 but looks like there is still one case when the issue appears, when you log out and log in without refreshing the page, we will fix it in upcoming releases.
2) Try to remove the catch section from the ApiService.ts and then handle errors in the file AuthModule.ts.
Regards,
Lauris
Hi Lauris,
Thanks for checking this.
1) We are encountering two more issues with this. a) If you log in full screen and then you change the screen size to have less width, the menu duplicates itself. You can see this on the preview site as well on the image attached below. b) If we change the Header to not fixed in the layout builder, it looses it’s style and becomes grey as you can also see in the image.
https://ibb.co/NYWWmymHow to fix this?
2) Thanks, we’ll do it like that!
Best wishes
Hi,
I think that (a) issue appears because of the same problem as a previous case. (b) reproduced this issue and already fixed it.
Fixes for (a) and (b) will be available in Metronic v8.0.31.
Regards,
Lauris
Thank you Lauris,
Best regards
Where do I find version 7?
Hi,
Please email us via support@keenthemes.com and provide your Github username and we will grant you access so you can download Metronic v7 from our Gtihub repo
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards. Sean
Hello, after downloading the theme, i couldn’t find metronic 7, there is just metronic_v8.0.29, I was want to use demo 3 in metronic 7, is there any issue or it’s not included here?
Hi,
Thanks for your interest in Metronic.
Due to zip files size limit we had to exclude Metronic 7 from the download package but you can still get it from the Github repo. Please send us your github username and we will grant you the access.
For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean
Hello, My github username is: safwatexe
Hi
,
Thanks for your patience. You can now access the Metronic repo: https://github.com/KeenthemesHub/Metronic
Regards, Sean
for next update, i wish add the feature UI for POS App. thanks before
Hi,
Thanks for advise. We will add this into our todo list.
At the moment we are working on decent amount of Dashboard options, so this one definitely will be one of them.
Best regards, Bob
Hi, currently “table-bordered” doesn’t work,
I send you my code in sass
.table {
tr, th, td {
&: first-child {
padding-left: .75rem;
}
}
}
& .table.table-bordered {
th, td {
border: $ border-width solid $ border-color; border-top- width: 0; border-left-width: 0;
}}
thank you
Hi,
Thanks for your feedback. We will check this further and fix it in the next update.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hello,
For demo8, is there a “only header” option?
Thank you
Hi,
Thanks for your interest in Metronic.
You can get this from demo1 as Demo 8 without aside menu would look like demo 1”only header” option: https://preview.keenthemes.com/metronic8/demo1/dashboards/only-header.htmlRegards, Sean
Hi keenthemes.
Any chance to integrate that KT-image input with the Js Cropper functionality before image upload in the next Metronic update
I don’t know if you remember it, but we already discuss about it in the forum.
thank you guys.
Hi,
Thanks for reminding that. We are now fully busy with Angular version update as we have some planned tasks and we will get back to other tasks as soon as possible.
Regards, Sean
Hopefully soon,
Sorry for bugging you that much guys. just …
You’ve been doing an amazing job thank you guys.
Sure thing, thank you 
hi keenthemes, how to reload KTDatatable using data : { type: local, source: local.json}. im follow tutorial reload success but data not change. can u help me please
Hi 
At the moment, adding a new row and reload in the local table does not work. If you use the remote data source, you can update the data in the backend service and reload the table.
You can also try these workarounds.
1) Try to destroy the datatable and then reinit it back using the same option, with the updated data.
var option = {};
var datatable = $('.datatable').KTDatatable(option);
datatable.KTDatatable('destroy');
datatable = $('.datatable').KTDatatable(option);
2) You can try this workaround to modify the existing data in datatable by adding directly into internal datatable.
var datatable = $('.datatable').KTDatatable({/*...*/});
var dataArray = datatable.originalDataSet;
// console.log(dataArray);
// update or append dataArray with new data;
datatable.originalDataSet = dataArray;
datatable.reload();
Thanks