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

Hi I have a problem with input-group in version 8 when using it with select2. apparently does not fit properly, I hope you can help me
https://imgur.com/a/iioxh3o

You are most welcome :)

Hello This issue was reported 4 months ago and there is still no solution

I have a problem with bootstrap 5 theme 1 The Toolbar not working with dropdown, I checked the metronic version with bootstrap 4.6 and it working correctly.

Also the toolbar shows a scrollbar to the overflow. (limiting the display of content)
https://imgur.com/a/VtoRBFJ
https://imgur.com/a/HumJ5oS

It not working like the bootstrap 4.6 version with (flex-wrap) https://imgur.com/a/80MhKnD

Hi,

Can you please check the latest version Metronic v8.0.28: https://preview.keenthemes.com/metronic8/demo1/layouts/toolbars/toolbar-4.html

\\

If you need any further help please provide us more info, which Metronic version are you using.

Regards, Sean

Hi :),

Wonder how to install Metronic with Webpack? Here is the complete video tutorial https://www.youtube.com/watch?v=dLmefG97EnM&t=1s&ab_channel=KeenThemes

Regards, Sean

Hi keenthemes, ((( This comment was posted before by me : https://themeforest.net/comments/26851763 )))

((( Message ))) We would like to see a feature that once click on “Change Avatar” in KTImage to load image/select image file. A Crop image library will open in a modal (https://fengyuanchen.github.io/cropperjs/ it was included in Metronic 7), once the image is cropped clicked Ok, after that the cropped image will be in the KTImage component .

That would be the dream of all Metronic customer.

Any efforts toward that direction ?

Hope i explain it well.

thank you guys. ((( End Message )))

As you said before that you gonna integrate it in Metronic 8, Hope it’s gonna be in the next releases,

We know that you are in middle of a lots, but this is just a reminder ;)

thank you.

Hi :),

Thanks for reminding it. Yes, this feature is in our todo list We will try to implement it as soon as possible.

Regards, Sean

Thank you Sean.

Hello is there any possible reason for this amount of errors (problems) shown in the project ? Laravel : https://ibb.co/sHbhv3T

though the errors shows up only in VScode, I tried the trial version of phpstorm and there is only the “str” error in web.php. So it could be an editor problem, so I tried to reinstall it with the latest versions vscode, composer and node .. and the same errors shows up. Do you recommend any free editor ??

Hi,

Our developers are mostly using vscode. I am personally use phpstorm. We will try to find the issue in vscode.

Thanks

Thank You for your reactivity.

Just a recommendation for you with dark mode: Instead of needing two separate stylesheets (one for dark and one for light/regular), it would be great if we can compile a single stylesheet for both dark and light modes, and then control which mode by a parent class on the element. This can let us easily toggle between dark and light mode by just changing that class using Javascript.

Also – you may want to check some of the dark-mode colors for text against the WCAG standards. Accessibility is very good to have support for these days :)

Hi :),

Thanks for the suggestion.

Combining both dark and light modes would double the css size so its not practical. Switching can be done via JS as well by just loading required mode css file.

Sure, we will check the dark mode color scheme and improve it further.

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

Regards, Sean

Hello when trying to access setting page for a newly created user this message came up : Attempt to read property “avatar” on null (View: O:\metronic_v8.0.23\laravel\resources\views\pages\account\settings\_profile-details.blade.php)

meaning that there is no user_info row in the “user_infos” table for that new created user

Hi,

Please update the code in the file as below. We will include the fix in the next update soon.

settings\_profile-details.blade.php

https://ibb.co/y8RLzsL
<div class="image-input image-input-outline {{ isset($info) && $info->avatar ? '' : 'image-input-empty' }}">

<pre>
... style="background-image: {{ isset($info) && $info->avatar_url ? 'url('.asset($info->avatar_url).')' : 'none' }};" 
</pre>

Thanks</div>

Thank You for your reply, it’s been helpful.

hello, any road map for your Vue.js version

can you add server_side support with rest api… this is essential for my project

A great implementation is https://github.com/laravel-enso/tables Some video demo : https://laravel-enso.github.io/tables/videos/bulma_demo_01.mp4 If you could inplement some thing similar with general api backend It will be really really great and for sure buy your theme just for it

Hi :),

Thanks for sharing this and we will check it further.

Regards, Sean

Dear, Is metronic 8 still depend on jquery? when it will be non dependent on jquery?

Hi :),

Thanks for your interest in Metronic.

The HTML versions uses some popular jquery plugins such as Select2, Datatables, Daterangepicker, etc. However you can customize your gulp or webpack build and exclude jquery library along with all jquery plugins and use Metronic without jquery. Metronic’s core plugins are written in pure JS as advertised.

Regards, Sean

hi, why didn’t you specify that the template has typescript? I have problems to migrate to javascript .jsx, any solution?

I am a developer of a template buyer …

Hi,

Thanks for your feedback.

Please note that JSX and other JS extensions are not supported out of the box. However there should a way to compile Typescript for JSX . Nowadays all popular SPA frameworks(Vue, React, Angular) recommend using Typescript. We also mentioned in Metronic 8 release notes blog post.

If you need any further clarifications please let us know.

Regards, Sean

Hi, I have 3 questions and/or feature requests:

1. Does this dashboard include a template for a music player in the footer? I mean one like you know it from Spotify for example. If not, maybe it would be one more thing you could add. You would certainly attract a few more people ;)

2. I have a plugin here that I would really like to use for my project and so it would be a suggestion from me if you could also add this at some point: https://github.com/ioBroker/ioBroker.javascript I know the plugin is a bit more special, but maybe it is still interesting for you.

3. A question about the license: I would like to build a hosting company and for that I need a web panel of course. Since I charge money for this service I am not sure if the Regular License is enough. Currently I am developing alone, but I can’t exclude that other people might join. So which license do I need?

Thanks for your answer

In the meantime, I managed to build a temporary music player footer in another template. Unfortunately, it’s not really perfect yet, but I’m satisfied for now.

With the plugin that I had sent you, I also referred to the plugin blockly, which is implemented there and as far as I know was programmed by Google: https://github.com/ioBroker/ioBroker.javascript/blob/master/docs/en/blockly.md https://developers.google.com/blockly

I would have another question regarding the dark mode of the template. In your demo it is so that if I activate or deactivate the dark mode the page loads on another path. Is there a way to enable or disable the dark mode in your template without a page reload?

Hi :),

Yes, you can fully control the dark mode with your server side code and decide how and when to enable it. Our demo just shows how the dark and light mode look like. As documented here https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/dark-mode.html you can fully control it programmatically.

Regards, Sean

Hi, I have a question, because in demo 1 React JS, I can’t export my layout in a similar way as in bootstrap HTML?

Hi,

Thanks for your interest in Metronic.

The HTML and SPA layout builders work differently. The SPA versions(React) layout export only provides you the config values that you can copy and paste in your app.

Regards, Sean

Interestingly, I have one more question before buying, as the React js version does not have so many pages etc, can I take the bootstrarp html example pages and copy all the html and use it in the react js version?

Hi :),

Yes, all html/css elements from the HTML version can be used in React version. For any further after the purchase help please contact our support via support@keenthemes.com

Regards, Sean

Hello, is there any problem with textarea in wizard form operations in version 7? Because the wizard does not work when the textarea is added in the form access control.

Login wizard.

Hi,

Could you please contact our support via support@keenthemes.com and provide more info ? Please provide us if you have any JS error

Regards, Sean

When can Vue crud solution be released? Can you give me an accurate time? I waited in a hurry. (ಥ﹏ಥ) (ಥ﹏ಥ) (ಥ﹏ಥ)

Hi :),

Thanks for your interest in Metronic. We are working on it and planning to release it as soon as possible. At the moment we can’t confirm the ETA.

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

Regards, Sean

error in iphone 6 – ios 12.4.9 TypeError: undefined is not a constructor (evaluating ‘new Intl.Locale(s)’)

not loading form login

Hi :),

Thanks for your interest in Metronic. Could you please contact our support via support@keenthemes.com and provide the URL of the page you are testing ?

Appreciate your feedback.

Regards, Sean

Hey :),

Check out our new video tutorial “Install Metronic 8 with Gulp” https://youtu.be/qBXuDaH5rYI prepared by our core development team. Subscribe to our channel to stay tuned for more video tutorials https://www.youtube.com/c/KeenThemesTuts

Regards, Sean

Hi there, I’m using metronic 8 and have some problem. I try to use select2 with remote data/ajax, when I add html attribute multiple=”multiple”, the font is changing by itself. but when I remove the attribute the font is working properly. How can I fix this? thanks

Hi :),

Thanks for your interest in Metronic. Can you please contact our support via support@keenthemes.com and provide your core and screenshot where we can see the issue ?

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

Regards, Sean

I like metronic8/demo7 very much, but I am frustrated that it does not support react yet. When will it support react?

Hi :),

Thanks for your interest in Metronic.

We just released Metronic 8 React version for Demo 1 and Demo 2. For the rest demos at the moment we can’t confirm the release date but we will do our best to release them as soon as possible.

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

Regards, Sean

Hello Metronic team, despite not being complete in components and pages, is the react js template ready to be used in a production environment?

Hi :),

Thanks for your interest in Metronic.

Yes, our React solution is quite stable and can be used for production since it has the core modules such as authentication, i18n, routing, navigation, etc.

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

Regards, Sean

In Metronic 8 , demo3 and demo 4 are fresh and beautiful. When can we expect angular version of demo3 and demo4 ?

Hi :),

Thanks for your interest in our themes.

At the moment can’t confirm the ETA but we will do our best to release them as soon as possible.

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

Regards, Sean

In metronic 8 in Laravel version and even in HTML where is the best place to add a custom css file, I want to have a file where I can do some overrides to some classes easily.

I think you can add in demos an empty file where we can add override or add extra code. This file can be then used in a specific page or in every page.

This is valid for css but also for js. In metronic version it was perfect if it was a sass file where we can access the variables.

Hi,

To extend the JS files, you can check the resource folder under resources/assets/extended. The folder structure must be same as in the core or demo assets. Run the “npm run dev” to compile.

To extend the SCSS files, you add your SCSS file anywhere.

Then in the demo folder, resources/assets/demo1/sass/style.scss. Import the your SCSS which extend the existing SCSS code. Import it at the bottom of the style.scs file.

Eg. @import “your-scss-path”;

Thanks

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