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,671 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12201 comments found.

Do you provide any landing page template?

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/overview

Thanks

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

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

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

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

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