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

keenthemes supports this item

Supported

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

12221 comments found.

Hi Sean, how to integrate webpack.config.js with the laravel webpack.mix.js, please? Your Laravel Integration docs says nothing about integrating plugins, thanks!

evici Author Team

Hi,

It is quite complex and demanding task to integrate the theme assets and it’s not something that can be done quick and relatively in quality standard. It is crucially important to understand the whole structure of Metronic and how assets are organised. But hey – we did this for you guys.

We are currently preparing Metronic integration with latest Laravel version. Hopefully in a short matter of time we will release it and hopefully that will solve all Laravel users requirement.

Is that something you could wait for next few days?

This sounds great, thanks! Good luck

Hi, I created a scrollable KTDatatable and I noticed that top and bottom border of each row aren’t meeting with end of the div provided I applied kt-portlet__body—fit. Another issue with KTDatatable is event listners don’t work on KTDatatable links. While there’s no such issue in tables created with kt-widgets. Third issue, rows in KTDatatable don’t adjust their height according to the height of the div where the table is created. Please fix these issues.

Hi,

1) Could you please send the screenshot to support@keenthemes.com? We will need to check it further.

2) Please try to delegate the on click event at the root of datatable. For example;

var datatable = $('#kt_datatable').KTDatatable({...});
datatable.on('click', '.your-button-to-click', function() {
});
3) Please try to set the height option to null. We will fix the default height.
layout: {
height: null,
minHeight: null
}

Thanks

When the new demos will be available?

Hi :),

Thanks for your feedback.

We will start releasing them starting next week and every following week we are planning to release 1-2 new demos once we release v7.0 next week.

Regards, Sean

I need full html folder .. I m not able to use NPM to generate HTML.. I already sent a mail asking HTML ASAP.

Why I m gettting below errors?

npm ERR! code ENOENTive\Desktop\HTML\metronic_v6.1.8\theme\default\demo2>yarn npm ERR! syscall open npm ERR! path C:\Users\nagir\OneDrive\Desktop\HTML\metronic_v6.1.8\theme\default\demo2\package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open ‘C:\Users\nagir\OneDrive\Desktop\HTML\metronic_v6.1.8\theme\default\demo2\package.json’ npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nagir\AppData\Roaming\npm-cache\_logs\2020-04-19T08_57_45_296Z-debug.log

Why in login-1 Forgot Password and signup is not working ?? . I hope you will answer ASAP.

https://keenthemes.com/metronic/preview/demo1/custom/pages/user/login-1.html#

Could you please add forgot password and signup also in login-1..

Hi,

In the meantime the login is a single form based template but you can create similar forget password, registration templates based on the login form. You just need to change the form inputs and you are good to go.

If you need any further help please contact our support at support@keenthemes.com

Regards, Sean

When will you add VueJS version of demo 10?

Hi,

We will add Vue for all demos in upcoming updates.

Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

Shit. Why need this stupid instalation process? I need HTML template!

Hi,

This buildable version is used now by majority of users. You may find more info about the build tools here: https://medium.freecodecamp.org/making-sense-of-front-end-build-tools-3a1b3a87043b

Please contact our support at support@keenthemes.com and provide your purchase key and we will send you a link to download the classic version.

Regards, Sean

I tried so hard for a week, For me, “webpack” or “bulp” is too difficult.

Ver3 was so good that there was no such thing. I want to download ver6 only HTML, js, and css. Please… (I wish there was no such thing as “webpack” in the source.)

Please save me.

regard keenthemes

Hello,

Please send your purchase code to support@keenthemes.com and we will send you classic version of latest Metronic.

Thank you.

I found a way to get pure js, css. Thank you for your wonderful work.

Dear Keenthemes.

Thank you too for using Metronic :)

0,6 Gb? Can you publish a starter kit, only css and html. I will need to use .net core mvc , and this way i cant find ONLY css and html.

Hi,

Most users use the buildable version so we made it as default but you can get the classic version with precompiled assets. Please email our support and provide your purchase key and we will provide you the classic version download link.

Regards, Sean

Keep getting this error with react demo1 https://i.imgur.com/zxNl2Mn.png

And yes, the npm install && yarn install are both done step by step from docs

Hi industrianinja,

Your image isn’t loading.

Maybe this helps you: Check your package.json: ”@material-ui/core”: “4.7.0”, ”@material-ui/icons”: “4.5.1”, ”@material-ui/lab”: “4.0.0-alpha.33”, ”@material-ui/pickers”: “3.2.8”, ”@material-ui/styles”: “4.6.0”,

Pay attention that all libraries are without ^ symbol. Remove your node_modules+*.lock files (from recycle bin too) and reinstall packages. I hope it helps you.

Regards, Keenthemes support

if i will install the angular version ,at ng serve -> i get allways an datepicker error . Context….

i use angular 8.23 , Node V12.16

Hi trendbase.

We know about this issue with ngx-daterangepicker-material library breaking changes in minor versions update.

Try to check your package.json, should be (Without ’^’ symbol) “ngx-daterangepicker-material”: “2.1.11”, Remove node_modules+*lock files (from recycle bin too) and reinstall paclages again. I hope it helps you.

Regards, Keenthemes support

I have a problem dowloading the last version.

Hi,

Is it a themeforest.net issue or you are trying to download the classic version from our site ?

If its the marketplace issue can you please try to reach the marketplace support using https://help.market.envato.com/hc/en-us/requests/new

Regards, Sean

I was looking to buy this template, but somehow my question that I asked was skipped and not answered? What libraries are used in your theme, which library for ssr? what is used for the css library?

Hi :),

Very sorry for the late reply. Our React expert will get back to you shortly. Comments here are assigned to relevant experts so reply timing is based on their timezones.

We are about to release(in a several days) Metronic v7.0, the next big update and the React version in this update will be much more improved with following libraries and tools:

Regarding current React app you will get your reply shortly. Please note that all future updates are free and also 100% money back is guaranteed!

Regards, Sean

Hi aevaji, Our react application is bases on Create-React-App with SASS setup for styling. We don’t have SSR example, but you able to upgrade CRA application to a SSR+CodeSplitting https://medium.com/bucharestjs/upgrading-a-create-react-app-project-to-a-ssr-code-splitting-setup-9da57df2040a

Regards, Keenthemes support

I bought version 6.1.8 but when I try to see the demos they don’t load certain files, for example: metronic_v6.1.8/theme/default/demo1/src/assets/plugins/global/plugins.bundle.js I will appreciate your support.

Hi :),

Metronic comes with only source files(sass, js) and without assets folder.

In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:

1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk

2. Your First Project: https://youtu.be/yu0O2Y2NXxc

3. Customization: https://youtu.be/7PG5Qbg0-gM

Please note that in the video tutorials refer to an older version of Metronic so some information can be inaccurate(file paths, folder structure, etc) but the overall instructions are valid for all Keen versions.

If you need any further help please let us know. For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

Hi guys, can you guys add Mail Template? Maybe like password reminder email, or notification, registration success, etc?

Hi :),

Thanks for your feedback.

We will consider it in a future update. In the meantime Email templates you can purchase from the “Email Templates” category in themeforest.

Regards, Sean

thanks, really appreciate it. if you guys can do that it will make this template the most complete template and make us save some money lol

Sure, we will definitely consider it in a future update very soon.

Hi

When I switched to real backend by turning false the ismockenabled, the user login drop down top menu disappeared, Do you know how to make it visible again?

Hi, basselsoft,

Try to check your server response. Looks like you didn’t get result from server or result isn’t mapped to User model (src/app/core/auth/models/user.model.ts). (Check login+getUserByToken methods /src/app/core/auth/_services/auth.service.ts).

Regards, Keenthemes support

Thanks, it worked, it turned out that any error in mapping the user model would result in the userprofile component not showing

{Thanks, it worked}

Great, glad see that.

{it turned out that any error in mapping the user model would result in the userprofile component not showing}

Don’t forget, we prepared just example. User should implement needed logic itself. We can’t predict for 100% user needed code, only common moments.

Regards, Keenthemes support

i am facing some problem with react demos. Every-time after npm install when i try to start the app it showing ./node_modules/@material-ui/lab/esm/internal/svg-icons/Add.js Attempted import error: ‘createSvgIcon’ is not exported from ’@material-ui/core/utils’. its version 6.18

Hi Blue_one,

Thank you for your message. It couse of material-ui library breaking changes in minor version.

Check your package.json: ”@material-ui/core”: “4.7.0”, ”@material-ui/icons”: “4.5.1”, ”@material-ui/lab”: “4.0.0-alpha.33”, ”@material-ui/pickers”: “3.2.8”, ”@material-ui/styles”: “4.6.0”,

Pay attention that all libraries are without ^ symbol. Remove your node_modules+*.lock files (from recycle bin too) and reinstall packages. I hope it helps you.

Regards, Keenthemes support

it’s not helping. I already deleted node_module+.lock etc reinstalled but same problem. do I have to remove all ^ symbols??

Hi Blue_one. Yes, you should remove ^ symbol and remove/reinstall packages.

Regards, Keenthemes support

Hi keenthemes ! you have file design for this themes (photoshop or sketch…etc)?

Hello,

It comes with Figma version. Please feel free to ask if you have questions.

Thank you.

Hi, Need to know what libraries are used in this for react template. Like what is used for ssr, what is used for css library

Gulp is not generating the Default HTML files and assets properly

Hi,

Could you please contact our support at support@keenthemes.com and provide more details ? Which Metronic version you are using, screenshot of console and what is not working properly with assets ?

Regards, Sean

Hi, love your theme. I intend to use it as part of a new app we are finally building. However due to the framework we are using to build the app we need to place an app tag just below the start of the body and closing immediately before the close of the body i.e. <app> [rest of the html] </app>. However this screws up the full height of the application (footer not being forced to the bottom). Could you direct me on what needs to be changed in the css to make this work.

sorry I think this is my fault. I removed the 100% height. Will add it back

Thank you so much. That worked like a charm. You guys are awesome.

You are most welcome :) All the best on your project!

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