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,844 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.

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: demo7@8.0.33 npm ERR! Found: @popperjs/core@2.10.1 npm ERR! node_modules/@popperjs/core npm ERR! popperjs/core“2.10.1” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer popperjs/core2.10.2” from bootstrap@5.1.3 npm ERR! node_modules/bootstrap npm ERR! bootstrap@”5.1.3” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with—force, or—legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

Hi,

1) Try to install with different package managers, if you are using npm try to install with yarn if you are using yarn try to install dependencies with npm.
Check out our quick start doc.

2) Run installation command with—legacy-peer-deps options.

3) Update your node and npm versions.

Regards,
Lauris

Hi. How do I use this template? Does it work on its own or do I need to code stuff? I usually just use wordpress.

Hi :),

Thanks for your interest in Metronic. It requires further coding according to your project requirements.

Please check this video out to see how it can be utilized: https://www.youtube.com/watch?v=2uWJpnuCMKQ&ab_channel=KeenThemes

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

what about laravel react version ?

Hi,

Sorry but at the moment we do not have such a version, we will consider adding laravel and react integration doc in upcoming releases.

You can check out our vue+laravel integration doc: https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration

Regards,
Lauris

Hi keenthemes,

Your live select2 RTL is rendering well. but not the one that I just donwloded (8.0.34) 1 Jan 2021.

cleared the cache and everything, but still select2 not well rendering.

Refer to this previous comment to get what I reaaaaaly wanted to say, https://themeforest.net/comments/27682503

did you do exactly what I did in that comment to reproduce the issue ??

Here my new render of the last 8.0.34 Metronic (1 Jan 2021) ; https://ibb.co/KVH8HT3

thank you.

Thank you Sean.

I jsut also update yarn and compile the new Metronic: stil the same.

There’s also one little thing, the check sign in the select2 dropdown that check the selected element is still not RTL in your live demo.(even if it’s not a crucial point, but hey I’m just saying).

NB : Just to let you know that I’m using webpack

(Our dev was panding due to select2 issue)

Hi,

Sure thing, we will fully check these 2 issues and solve them once for all.

Regards, Sean

Thank you Sean

Documentation Missing

Hi :),

Thanks for your interest in Metronic.

You can refer to the HTML versions documentation here https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html Also all other versions documentation can be found in the preview: https://keenthemes.com/metronic

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Hi

1 => Is it possible to show color when user adds code (with code syntax highlighting) while asking or answering questions in your forum theme? Is it possible to show the codes not just as they are, but by coloring them according to the language?

sample: http://prnt.sc/25gbjbd and https://prnt.sc/25gcku9

2 => adsense supports ads right?

3 => Let’s say I just want to use the forum. I want to remove or change some places? How simple do you think it would be? Is this possible?

4 => Finally, can we easily change the site language?

My English is not very good. :)

Best regards

Hi,

For your forum app you can use the Metronic’s demo 5: https://keenthemes.com/metronic/

1) We use httpshttps://github.com/PrismJS/prism and you can select any supporting language following the documentation. At the moment we use general HTML format for all code examples that users enter.

2) Not sure about this as we do not have any such integration.

3) We can’t comment on this since it depends on the developers’ skills. However, it requires some customization according to the project requirements.

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Can I build Android & ios app with vue and Cordova? anyone tried it?

Hi,

Metronic is a HTML template for browsers and it’s not used in as a native app. However it can be sued as embeded app within WebView.

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean


Hey :),

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

1. HTML Version:
– eCommerce dashboard.
– Store Analytics Dashboard.
– Logistics Dashboard.
– Delivery Dashboard.
– Marketing Dashboard.
– Social Dashboard.
– Theme Mode Menu.
– Custom Font Icons.
– Select2 RTL Improvements.
– Layout Builder Improvements.

2. HTML eCommerce App:
– Orders Listing.
– Order Details.
– Products CRUD.
– Add Order.
– Edit Order.

3. Vue Version:
– Dark Mode Improvements.
– Layout Improvements.
– Docs Improvements.

4. React Version:
– Access Token Improvements.
– Layout Improvements.
– Docs Improvements.

5. Angular Version:
– Engage Panel.
– Dark Mode Improvements.
– Docs Improvements.

6. Laravel Version:
– Engage Panel.
– Layout Improvements.
– Docs Improvements.
– Assets Optimization.

Next Up:
– Demo 21 HTML.
– Demo 22 HTML.
– Demo 23 HTML.
– Demo 24 HTML.
– Demo 25 HTML.
– Demo 3 Vue.
– Demo 4 Vue.
– Demo 5 Vue.
– Demo 3 React.
– Demo 4 React.
– Demo 5 React.
– Demo 2 Angular.
– Demo 3 Angular.
– Demo 4 Angular.
– Demo 5 Angular.
– Demo 11 Laravel.
– Demo 12 Laravel.
– Demo 13 Laravel.
– Demo 14 Laravel.
– Demo 15 Laravel.
– React CRUD Solution.
– Angular CRUD Solution.

Stay tuned for endless updates to empower your projects.

All updates are free, always!

Regards, Sean

Can we have separate template download options i use only react so for each new version i should download all template more then 3gb

Hi,

Thanks for your interest in Metronic.

Yes, we are working on it and soon we will prepare a page to allow download selected framework package and demos/

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Hi,

https://preview.keenthemes.com/metronic8/demo5/index.html

“LEFT MENU” is used as mobile menu in Demo3. Dashboard, Crafted, Apps, Resources, From where will Mega Menu be opened when connected with Mobile?

https://content.screencast.com/users/depoexcel/folders/Snagit/media/036f334e-c780-4175-9a03-2855c8b8a898/12.27.2021-23.32.png

Hi :),

Happy 2022. Yes, we have fixed the issue in the latest update: https://preview.keenthemes.com/metronic8/demo5/index.html

Feel free to ask if you need any further clarifications.

Regards, Sean

Hi,

Thanks for your quick action. However, I wish that the main menu at the top was on the left rather than on the right.I think if it was that way it would be better .

Thanks,

Hi,

Sure, we will consider this in the next update.

You can also customize the mobile header menu toggle buttons easily in the HTML level. we can guide you on this.

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Hello keenthemes! any plans on adding new icons for the duotune medicine group? like a patient, patients, ambulance, sirens, etc..? thank you

Hi :),

Thanks for your suggestion. Noted and we will consider this in a future update.

Regards, Sean

Hey, I’ve purchased & Download Metronic Theme at 5April 2021, Now I need that sepcific version, from where i can download that?

Hey I tried to find out but didn’t find it, I am saying I’ve download at 5 April 2021 now Please tell me what is the tag number so I can directly go to there.

I’ve downloaded the one tag version & When i try to extract it saying … Unable to expand “Metronic-7.2.4.zip” into Downloads. Error -1 Undefined error 0

Hi,

Sorry for inconvinence. So far it worked well. Looks like github having some issues. We will prepare the seperate download URL link for the stable Metronic v7 and email you shortly.

Regards Sean

Dear community, welcome Devs Forum

We’ve been long wishing to build a bridge between us and the Metronic community. As the ThemeForest comments section only allows limited room for conversation, we kindly invite you to collaborate with Metronic developers from everywhere on Devs Forum. 

Click Here to Get Metronic Support

Best regards, Bob

In layout #19 I would like to insert a button in the navbar, but when I click on it, it doesn’t take me to the link…. In the demo there are only dropdown menu.

I’ve tried:

<div data-kt-menu-trigger="click" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion me-lg-1"> <span class="menu-link py-3"> <a href="{{route('login')}}"><span class="menu-title">{{ __('Login') }}</span></a> </span> </div>

How can I insert a menu link in the header, without it being a dropdown?

Solved, the fault is data-kt-menu-trigger=”click”

Hi :),

Great! Glad to hear that.

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Horrible Modal coding, cant execute a way to save details to a database without totally disabling the form verification coding.

Hi,

The code quality is not that bad, it just requires some time in order to get used to it. Metronic comes packed with a complete solution and users decide which part to use or disable.

May we could help you out. Could you please explain your issue with more details ? Which modal example you are referring to ?

We invite you to join our products community at https://devs.keenthemes.com/.  ​There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

I have bought your product.

I am trying to install it in an existing Laravel project.

I am following the instructions from https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/integration/laravel.html

I have the following errors when running ‘npm run dev’:

WARNING in ./node_modules/handlebars/lib/index.js 22: 38-56 require.extensions is not supported by webpack. Use a loader instead.

WARNING in ./node_modules/handlebars/lib/index.js 23: 2-20 require.extensions is not supported by webpack. Use a loader instead.

WARNING in ./node_modules/handlebars/lib/index.js 24: 2-20 require.extensions is not supported by webpack. Use a loader instead.

ERROR in ./node_modules/handlebars/lib/index.js 17: 11-24 Module not found: Error: Can’t resolve ‘fs’ in ’<PROJECT> / node_modules / handlebars / lib’

webpack compiled with 1 error and 3 warnings

Could you help?

In the documentation I think you also need to comment that you have to rename scripts.demoX.js by scripts.js

All the best,

Hi,

The error seems there is an issue with handlebars. Could you please try to import handlebars?

var Handlebars = require(‘handlebars/dist/cjs/handlebars’);

Thanks

In the vis-timeline.js file I have changed window.Handlebars = require (“handlebars”); for window.Handlebars = require (“handlebars / dist / cjs / handlebars”); and now it does not give problems

It’s well done?

Hi,

It should work with no problem. Some other plugins also import by full js file path.

Thanks

Hi, are there plans to add a draggable cards or Kanban demo to Metronic 8?

Hi :),

Thanks for your interest in Metronic.

We have both:

https://preview.keenthemes.com/metronic8/demo1/documentation/general/draggable/cards.html https://preview.keenthemes.com/metronic8/demo1/documentation/general/jkanban/basic.html

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Is there some example of date time picker in Angular project?

Hi :),

Thanks for your interest in Metronic.

You can refer to the Angular Material integration here https://preview.keenthemes.com/metronic8/angular/docs/angular-material/overview And use any Angular Material component from https://material.angular.io/ including the pickers: https://material.angular.io/

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Hi @keenthemes

Please I need help ,Tooltip does not work in Recat version https://imgur.com/QzcQUAx

Thanks

Hi,

In React version tooltip in this place is not added.
You can use react-bootstrap tooltips.
Please check react-bootstrap official doc.

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards,
Lauris

Hi @keenthemes,

I just try and extract the zip file. There are many demo inside, i see every demo have own asset css and js folder, but it’s look same size. Is the style.bundle.css is same file for all demo ? Or every style.bundle.css is different ?

Thanks

Hi,

Thanks for your interest in Metronic.

The style.bundle.css and plugins.bundle.css files sizes are almost similar but they are different since each demo has different theme colors, style settings, such as global border radius, box shadow and font family.

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

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