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

keenthemes supports this item

Supported

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

12220 comments found.

‘global’ folder under assets/vendors in classic is missing.

Hi :)

We have renamed the folder name global to general.

Thanks

Hi, When will the vue and react preview version be released?

Hi,

It’s hard to confirm any ETA at the moment but we are already working on React version and we will try to submit it as soon as possible. Vue version also in early development and we will push it as well in the near future.

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

After the last update all the demos are broken in default theme. i.e. themeforest-4021469-metronic-responsive-admin-dashboard-template\metronic_v6.0.3\theme\default\src\demo12

Hi,

Can you please contact our support at provide more details ?

What was your previous version ? Also please refer to the changelog and if you are trying to update from v5.x to v6.x then you can not mix your existing code from v5.x since v6.x is a complete rewrite from the ground.

Thanks.

Hi, I am not trying to upgrade the previous version, I just downloaded the latest version but when I try to access any demo inside default theme the css is not loading. Its all broken. i.e. themeforest-4021469-metronic-responsive-admin-dashboard-template/metronic_v6.0.3/theme/default/src/demo1/index.html

Hi,

As stated in the doc and readme files you will need to install the build tools and run the gulp task to generate the assets. By default the assets are not included. For more info plese check the documentation https://keenthemes.com/metronic/?page=docs and the video tutorials: https://youtu.be/dqZLWuAEdJ8

Regards, Sean

We are using Metronic v6.0.3 HTML version and want to integrate Material form theme, can you point us in the right direction as to how to integrate it?

Hi,

Thanks for your feedback. At the moment Metronic default version does not include material form inputs and we can not recommend you a solution at the moment. Such solutions requires major integrating and tests in order to globally apply it for the theme.

Regards, Sean

Hi, Where can I change the logo and the spinner logo on angular demo5?

thank you!.

Hi :)

There is loader option to change it, please refer to this file. /theme/angular/dist/default/src/app/core/_config/demo1/layout.config.ts

Thanks

Thank you for the comment, i found the file (layout.config.ts) but when i change the name of the logo or even put the (‘logo’: ’./assets/media/logos/logo-5.png’) in comment nothing happens and the logo does not disappear and does not change.. thanks :)

Hi :)

Can you try to reset the browser’s cache and localStorage?

Thanks

Hello, I want to know if it is possible to have an adaptation of all pages in pcsoft Webdev? Thank you.

Hi,

Thanks for your interest in our theme.

Technically you can use Metronic with any backend framework but we do not have a special integrating or documentation for pcsoft webdev.

Regards, Sean

Can angular demos display :

- The applications / users & contacts pages (lists, tables, columns, edit & add pages) added in v6.0.2 ? https://keenthemes.com/metronic/preview/demo1/custom/apps/user/list-default.html https://keenthemes.com/metronic/preview/demo1/custom/apps/user/profile-1/overview.html ... https://keenthemes.com/metronic/preview/demo1/custom/apps/contacts/view-contact.html ...

- The default input (instead of material) & default bootstrap forms controls ? (https://keenthemes.com/metronic/preview/demo1/crud/forms/controls/base.html)

- The new chat screens in v.6.0.3 ?

Thanks

Hi,

Thanks for your interest in Metronic.

Yes, you can use any css/pure js(non jquery based) based component in Angular. You can use normal bootstrap inputs from ngbootstrap. The chat app are not fully working modul and you will need implement it fully with Angular to fit your project requirements.

Regards, Sean

hi, 1. does angular version supports SSR “Server Side Rendering”? 2. does angular version depends on jquery or is a pure angular theme?

Hi,

Metronic Angular does not support SSR. We will consider adding it in the future updates. Angular version does not depends on jquery. All jquery plugins demo from default version are not included in the in the Angular version.

Thanks

Hi

Wonderful work. Please could you confirm if demo 6 is available in Angular now?

Thanks in advance

Hi :),

Thanks for your feedback.

We will be releasing the rest of Angular demos in the following updates(after the next update) as soon as possible.

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

Thanks.

Thanks. Will keep an eye out.

If I was to use the current demo 6 and integrate into my Angular solution (I would convert to Angular myself) is there any conflicts you think that could occur?

From what I can see, it does not use Jquery so should fine, please could you kindly confirm

Yes, you can convert Demo 6 Angular by yourself by referring to one of available angular demos. The layout and structure is 95% similar.

Hi, When can we expect the webpack to be corrected? Can’t make http request to external web services.

Hi,

Could you please contact our support and provide more details for the issue ? Which package are you referring to ? Angular or jQuery ?

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

Angular Sean. ;)

Noted. We will wait for your email for more details. Thanks.

Hello. I have researched if you have a front end theme for Metronic and your support forums keep saying no. However I have come across these themes on your website : https://keenthemes.com/preview/free_bootstrap_corporate/index-header-fix.html – and also : https://keenthemes.com/free-bootstrap-templates/fully-responsive-bootstrap-based-ecommerce-frontend-theme/ - So these not work with Metronic??

Hi,

No, Metronic is not automatically compatible with other freebie bootstrap themes. I would suggest you to use one of Metronic’s frontend suitable demos for your website if you need 100% compatibility.

Regards, Sean

Great Work Guys. When demo 14 will be released?

Hi :),

We are a lot of new features coming soon and once we release those planned features we will focus on the pending demos. Until then we can not confirm any timeline.

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

Any ideas why on small screen the search and other tap nav pop ups do not fit on screen on angular version but on html version they work fine?. this is on demo1 of angular, are guys planning on fixing that?

Hi :)

Could you please send the screenshot? We will check it further and fix it.

Thanks

Sure! https://ibb.co/JcRN8wP I see that it happens with the angular version only, html seems to be fine. And the screenshot is using chrome and on your demos site.

Thanks!

Hi,

Thanks for your feedback. We will check it further and provide fix for it.

Thanks

Hi, new user, just bought your product really like the way it looks and feels. I am primarily a back-end developer, so I am not aware of any build tools or how to use them, I just wish to know from where should I pick up master CSS + JS + media files to get started, I tried following your demo but its more about installing build tools and then using the compiled CSS/JS files

So would really appreciate a little guidance, I see demo specific CSS/JS files but not the global or master ones, am I missing something?

Hi :),

You can check our video tutorials here https://youtu.be/dqZLWuAEdJ8 and also refer to our documentation: https://keenthemes.com/metronic/?page=docs. All the details are explained in the documentation and video tutorials.

Regards, Sean

Hi I tried going through the videos but not able to follow them for some reason, I just require a single/master CSS and single/master JS file that I can include in my own HTML pages and use the right classes so that it gets the metronic look

Hi,

If you are not going to use the buildable version you can try to check the classic version(in the download package) where the precompiled css/js files are included.

The classic version has js/css assets that you can check in the HTML head and foot parts. However in order to have Metronic properly functioning you will need to include a number of css/js files that you can check in the classic version. You can use the index.html page and refer to the “used by all pages” comments and keep those js/css files included in your page.

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

Thanks.

Demo 6 displays a lot more Components, Apps & Pages. Is the same feature set available in Angular demos also?

Hi,

Thanks for your feedback. The Angular version can use CSS and pure JS only features from the default demo. Those jquery based features are not available in the Angular version. However Angular has own unique features that are not available for the default version.

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

Thanks.

Angular 8 is now available, Please update for Angular 8. Thanks

Hi,

Please note that NGBootstrap & NGRX has some issues with Angular 8 release and we will need to wait for the official fix before we update.

Thanks

Hello there , horizontal KTDatable could not find. Is it among your plans?

Hi,

We will consider reimplement it properly in the near future. In the meantime time you can consider using expandable row details feature for large tables.

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

Hello there, Right now I’m using it. Will it come in the next version?

Not in the next update but It may come in the near future once we are able to implement it properly. Stay tuned!

Hi, I am using Angular Demo1. I would like to change color to my own styles. How do I get it done? I can see there are some css in style.scss, some in BaseComponent.scss

The current structure of folders is hard to use it. In BaseComponent file, you are using CSS. Do you have SCSS files for these so I can update color by myself easily?

/@import ”../../../../../assets/css/demo1/style.bundle.css”;/ // static skins css @import ”../../../../../assets/css/demo1/skins/header/base/light.css”; @import ”../../../../../assets/css/demo1/skins/header/menu/light.css”; @import ”../../../../../assets/css/demo1/skins/brand/dark.css”; @import ”../../../../../assets/css/demo1/skins/aside/dark.css”;

Thanks

Hi :)

Please check this assets config file.
/theme/angular/tools/build.json
You can find the location for the skin’s SCSS and where it will be output.
build.demos.demo1.base.skins

You can choose either of it. We put in the BaseComponent, because it wrapped inside of the demo1, demo2, ... so on. You can also add the style into src\style.scss for global because you will use only one demo only. Eg. demo1.

Thanks

Hi, I have a question,

Why not just use SCSS file all the time in Angular project. A SCSS folder in Assets that will contain all Metronic styles. And in the main src\styles.scss, we will refer to it, then we don’t need any cumbersome build output for CSS. We just let Angular CLI build and generate CSS for us automatically.

That will make people customize the style easier.

Hi,

Current approach makes it easy to maintain both Angular and Default versions efficiently. The Angular version shares the sass with the default version and angular CLI only handles the Angular related files.

Regards, Sean

Sounds promising.

I red on top that you are working on webpack, are you releasing Metronic next update with Webpack ??

thank you

Hi :),

Yes, we are still working and hopefully we will release it soon.

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

wonderfull

tahnk you

Hello. Are there any plans for a Blazor implementation?

Hi :),

Thanks for your feedback. We are not familiar with this framework but we will check it for sure and consider

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