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

keenthemes supports this item

Supported

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

12202 comments found.

Hi,

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

Hi :),

Thanks for your feedback on this. It’s in our todo list and we will provide it as soon as possible.

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

Regards, Sean

Hi, for more than a month, you are saying you will release the Metronic 8 with Angular next week or this week! We aligned some of our planning with your statements but it is just keep getting postponed! Please take more responsibility of what you say and have more accurate estimations!

Hi,

We are doing our best to release by end of this week. Please note that we usually give our target date for releases and sometimes it may take longer due to unexpected complications when you deal with 3rd-party libraries. I hope for your understanding on this.

Regards, Sean

Hey! would you provide an example on how to use select2 ajax search with your custom plugin in the latest release? Can’t init it with JS for w.e. reason (select2 is not a function). We are using Laravel version

Hi :),

Could you please clarify your question ? Which custom plugin are you referring to ? Please contact our support via support@keenthemes.com and provide more details for your question.

Regards, Sean

Dear, I want to ask if there draggable card example i check this (https://preview.keenthemes.com/metronic/demo1/index.html?page=features/cards/draggable&demo=demo1) but it is not draggable

is this feature in metronic 8? also if there resizable card example or feature will be great

Thank

Hi :),

Thanks for your interestin Metronic.

Yes, In Metronic 8 you can check the Draggable plugin integration here: https://preview.keenthemes.com/metronic8/demo1/documentation/general/draggable/cards.html

Resizeble card will be added in the near future.

Regards, Sean

Thanks dear what about metronic 7 is this feature there?

I checked metronic 8 and it is perfect, if resizable is add will be both great

I noticed that some links in this page is not working, links below “Initialization”

Hi :),

Sure, we will fix those broken link issues for Metronic v7. Please double-check it in a few hours.

Thanks for informing this. Good spot!

Regards, Sean.

Hello. Laravel > http://127.0.0.1:8000/account/settings# > the user profile image doesn’t get stored in the database ==> when changing the profile picture the image does’t show in it’s place in the page above.

Hi,

Please check the docs here at the step number 14.

https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build

Have you enable the storage link?

php artisan storage:link

Thanks

Can this be edited in a way to make it work for a gaming COD Ranking System?

I have a spreadsheet that I will love to convert to a dashboard like this. I wish there will be ways to share the excel spreadsheet to author to see if is possible

Hi :),

Thank you for your interest in Metronic.

Metronic is can be used as a starter kit for any web application. For excell like features you can use the DataTables plugin’s KeyTable extention: https://datatables.net/extensions/keytable/ and for exporting table data in excel format please use https://datatables.net/extensions/buttons/.

The DataTables plugins comes integrate with Metronic and you can refer to the plugin’s documentation: https://datatables.net/

If you need any further clarification please do let us know.

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

Regards, Sean

Hi,

i an using Inertiajs + vue3 with laravel8 facing issue see this https://github.com/inertiajs/inertia/discussions/883 how to reinit script.bundle.js on each inertia navigation because after navigation functionality based on this script.bundle.js not working and it is working once i reload the page i have type too many thing but not succeeded. plz help

Are you using provided vue3 theme in zip or it is your own customization?

In the provided theme we are not using this bundled file.<be> In vue3 you can use ts components to work with dropdowns, drawers, etc.

You can initialize ts component by calling reinitialization function.

ComponentName.reinitialization();

Regards,
Lauris

Hi,

kindly help in integration vue3+ laravel8 (Metronic8 demo8 /demo1) because current doc is not for typescript. share the procedure

Thanks

Hi,

Please make sure that you are using the correct doc.

For Metronic 8 vue+laravel integration use doc below: https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration

Regards, Lauris

Hi, need to start new project with metronic 8 and angular 12, but I can’t wait a lot, have you a release date planned ? Or better make it with other template ?

Hi :),

Thanks for your interest in Metronic. We will be releasing the Metronic v8 Angular within the next week. At the moment we are doing final testing and release preparation.

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

Regards, Sean

There are still many problems in metronic8 demo, hope to fix it soon

We are sorry that you are faced with some difficulties. Could you please contact our support and describe your issue?

Email: support@keenthemes.com

Hey, amazing template – thank you! There is so much awesome functionlity in HTML versions but I want to build in react. Do you have an estimated date for adding more functionality (like in html versions) to the existing React demos? If it is possible to use that html functionlity in react, possibly you could do a video on how to use it for this or add to documentation?

Thanks again, big fan!

Cheers, Gideon

Hi Gideon!

We will be integrating new pages for the React version gradually.
Yes, you can reuse any of the HTML version functionalities in React.

The instruction will depends on the page which you are trying to integrate. Mostly you just need to copy required js/sass/html code into React version and then initialize required js files in your page component.

Check html version doc: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html

Regards,
Lauris

Thanks Lauris, very helpful! Can I also ask please where I can find your icons in metronic v8.0.23?

If I follow the .svg paths shown on https://preview.keenthemes.com/metronic/demo1/features/icons/svg.html Then I find that the file structures are different in 8.0.23 so I can’t find the icons I desire. I was hoping to have the folder structure as shown on the demo there. Any tips? Or even if I can just download the previous version with that old file structure from somewhere so I can select and find those .svg’s easily?

Thanks!

Hi,

In Metronic 8 we are using a new icons set.

You can check icons set doc here: https://preview.keenthemes.com/metronic8/demo1/documentation/icons/duotune.html

Regards,
Lauris

Hi keenthemes.

We were amazed by the simplicity of setting Dark mode for Metronic. just using 3 Lines ;)

Since we are using Demo6, are you guys pushing this Dark functionality for demo6 in the next update, please, since we are not upgrading on every Metronic release.

Thank you Keenthemes a Loooots.

Hi :),

You we most welcome!

Yea, our Dark Mode solution awesome! Now all demos can have their dark modes and the Demo 6 Dark Mode will be released within the next week.

Regards, Sean

Thaaaaaank you Sean.

Hello, metronic 8 + angular 12 is a sure release next week? I really need it

Hi :),

Yes are on it now, hopefully we can release it in the next week!

Stay tuned!

Regards, Sean

Hello How are you, Hope you good and healthy
Excuse me in “M.8”(demo1) How to make change in “datatable” under Id “kt_customers_table” when I change number of “th” its datatable not work + search + select all of them stop until be 7 of th then it back to work
thanks

Hi, when you change the ID from the HTML, you’ll also need to change it within the JS. Assuming you’re talking about the customer list page, the JS is located at: /assets/js/custom/apps/customers/list/list.js

Once you’ve found the JS file, scroll to about line 263, where you can find the ID definition for the table. Replace the old name with the new one you’ve replaced with then rebuild your assets.

DateTimePicker on Metronic 8 (Vue version) is over width on mobile screen Please help me

Hi,

Can you please specify which DateTimePicker are you using?

Regards,
Lauris

Any plan for the Bootstrap Vertical tabs and datatables.net ajax server ?.

Thank you

Hi :),

Bootstrap Vertical tabs will be released within the next week in the following update.

Can you please clarify “datatables.net ajax server” ? We already have Server Side Ajax DataTables integration https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/server-side.html

Regards, Sean

Ahh My bad, I meant the ajax datatables.net WITH Filter capabilities, as you did with the normal datatables.net

waiting for the fintering option of datatables.net to upgrade our metronic.

thank you

Hi :),

Noted, thanks for the clarification.

Regards, Sean

Hi,

Will you add the Dark Mode switch in the user menu in the Vue demos as well?

Thanks

Hi :),

Thanks for your interest in Metronic.

At the moment the Dark Mode preview is available for the HTML version only. We will consider enabling it for SPA versions as well in the near future. However the look and fee of the dark mode is same for all versions so in the meantime you can refer to the HTML versions’ dark mode.

If you need any further clarifications please do let us know.

Regards, Sean

Thanks Sean,

It would be great to provide this feature already built in the theme, so the end users may switch to dark mode in the admin as per their preference.

Looking forward for this when you find the time for it!

Best wishes

Hi :),

Sure, this is a must have feature for SPA versions and we will add this into our todo list.

Regards, Sean

Hi Dear,

is there plan to add more components and pages for landing page?

Thanks

Hi :),

We will consider it in the near future. At the moment we are focusing more on adding all the planned demos and new plugins/components.

You can suggest which blocks/element you would like to see in the landing page.

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

Regards, Sean

Hello

I buy this template today and install it.

Can some explain why appears this secret code in bottom of page?

<svg id=”SvgjsSvg1001” width=”2” height=”0” xmlns=”http://www.w3.org/2000/svg” version=”1.1” xmlns:xlink=”http://www.w3.org/1999/xlink” xmlns:svgjs=”http://svgjs.com/svgjs” style=”overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;”><defs id=”SvgjsDefs1002”></defs><polyline id=”SvgjsPolyline1003” points=”0,0”></polyline><path id=”SvgjsPath1004” d=”M0 0 ”></path></svg>

The page redirects to a jeffreynewyork.com

Some explanations about this? Its no pirate theme, y paid for this.

In this case in your assets folder please open assets/plugins/global/plugins.bundle.js and just replace “http://svgjs.com/svgjs” with empty string ””.

Ok Thanks

You are most welcome! If you need any further help please do let us know.

I am having issues with the data table of the theme. The page flickers (bounces and not get to the bottom of the page) if there are 6 data items. I notice this is a screen issue. Kindly assist. I cannot find your support portal.

Hi,

Thank you for your interest in Metronic.

Could you please contact our support via support@keenthemes.com and provide us more details ? Metronic version, demo number, build method(gulp, webpack) and the plugin name(Datatables.net, etc).

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