Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,848 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12208 comments found.

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.html

Regards, 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

Hi Keenthemes,

Is there PSD file for the template?

thank you

Hello,

Metronic comes with Figma version.

Please feel free to ask if we can assist you further.

Best regards

This theme looks amazing! Does this include all the design elements and functionality needed to setup a fully functional basic multi-tenant SaaS web app? I am not a developer and was just wondering what might not be included that would be required to have a functioning live SaaS app. Can you give a rough idea how long might it take an experienced developer to install and setup the template with basic core SaaS functionality, and no custom coding and have it function in a live environment. Just looking for a very broad estimate in hours. Thanks!

Hi,

Thanks for your interest in Metronic.

Metronic provides complete solution for the frontend part of your SaaS site and overall project development will depend on your project requirement and your developer’s experience. We can not estimate the whole project but Metronic itself can save you months of time and thousands of bucks for sure.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hello guys.

I just wanted to congratulate you for the amazing and outstanding work you’ve done with this product.

I noticed the doc folder, which contains the main page with all the available versions along with the other pages (reviews, docs, changelog, etc.), hasn’t been included in the last updates. It would be very nice and helpful if you can include it again.

Thanks in advance.

Hi :),

Thanks for your feedback and interest in Metronic.

That docs folder was part of Metronic v7 and it’s not excluded from the main package but it’s still available in our github repo. You can send your github username via support@keenthemes.com and we will grant you access so you can download Metronic v7 package.

Regards, Sean

Do you have the figma file (design) for demo 14 please ?

Hi :),

Thanks for your interest in Metronic. We will consider adding it in a future update.

Regards, Sean

Hi, I have a final Laravel app and don’t want to use the entire demo app. I just want to use the Bootstrap elements out of a demo, how can I do?

Hi,

Please have a look at this video https://www.youtube.com/watch?v=2uWJpnuCMKQ&ab_channel=KeenThemes

You can make custom build of Metronic assets using gulp or webpack and include only required features. For this please check the documentation and video tutorials to fully understand the Metronic codebase.

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

Hi,

missing plugin bootstrap-select any update to add this plugin?

Hi,

Thanks for your feedback.

It seems Bootstrap Select is not fully compatible with Bootstrap 5 yet. We will wait for the official release of the Bootstrap 5 version.

Regards, Sean

tip to rename all html to php on command line

for /R %x in (*.html) do ren “%x” *.php

Hi :),

Thanks for sharing this. Good tip.

Regards, Sean

i cant find dahsboard.html on demo10

Hi, :)

For dashboard demo10 you can find it here /html/theme/demo10/dist/dashboards/light-aside.html

Let us know if you need further help.

Thanks

Hi Keenthemes,

in : https://preview.keenthemes.com/metronic8/demo1/documentation/base/pagination.html

Is there a way to have the paginations arrows (Previous and Next) flip automaticaly when we load RTL CSS “style.bundle.rtl.css”, like your whole Template does !?..

Rather for us to pur “if” and “elese” to check if the layour is RTL or not.

thank you.

Hi,

Thanks for your suggestion. Yes, we can handle this in CSS level. We will implement it in the next update.

Regards, Sean

Awsome guys.

Thank you Sean.

Hello I keep getting below error suddenly could u help me please

Uncaught RangeError: Maximum call stack size exceeded at Object.deepExtend (scripts.bundle.js?v=7.0.6:3486) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498) at Object.deepExtend (scripts.bundle.js?v=7.0.6:3498)

Hi,

We have just replied to your request through our support system. Once you provide us details we will check it further.

Regards, Sean

Hi keenthemes,

since we are tightly coupled with any update and used jQuery in our HTML template and have to be aware and use or redo things after every updates … could you please explain what do you mean by those new updates as you said above :

3. HTML Version:
– No-jQuery Setup Guide.
– Dynamic Initialization.

thank you.

Hi :),

These guides are just for users to remove jquery dependency and init core components dynamically. There is no change in the codebase.

Regards, Sean

It’s just released! :)

I already got it. Appreciate your quick support so much !!!!! Rated 5 stars. Thank you :)

Thanks a lot for the appreciation :)

Hi there,

Does the Regular License allows us to use this template for building a platform (set of tools) that will be available to users who purchase a subscription (a standard SaaS model)?

Thanks!

Hi :),

Thanks for your interest in Metronic.

To use Metronic in a SaaS model you will need to purchase the extended license. If you need any further clarifications please contact our support via support@keenthemes.com

Regards, Sean

Thanks!

You are welcome :)


Hey :),

We have been working on some amazing stuff and shortly we will be releasing:

1. HTML Demo 14:
– Unique Concept.
– Section Menu.
– Light Sidebar.
– Sidebar Menu.
– Interactive Dashboard.
– Dark Mode.

2. HTML Demo 15:
– Light Header.
– Member Sidebar.
– Multi-level Menu.
– Extended Toolbar.
– Advanced Dashboard.
– Dark Mode.

3. HTML Version:
– No-jQuery Setup Guide.
– Dynamic Initialization.
– Docs Improvements.

4. Vue Version:
– Quick Search.
– Layout Improvements.
– Docs Improvements.

5. React Version:
– Quick Search.
– Auth Improvements.
– Docs Improvements.

6. Angular Version:
– Auth Improvements.
– Menu Improvements.

7. Laravel Version:
– Menu i18n Support.
– Layout Improvements.
– Docs Improvements.

Next Up: – Demo 16 HTML.
– 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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey