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

Hello,

I saw some weeks ago that you said you will release CRUD for Vue.

Any news about it?any EAT?

Thank you

Hi :),

It’s done and in testing stage. We will try to release it in the next week.

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

Regards, Sean

Hi,

does Metronic8 has spinners toggle buttons like Metronic7 does ??? https://preview.keenthemes.com/metronic/demo1/features/custom/spinners.html

looking specifically for this feature : “Spinners On Buttons” if you click on a button a spinner will toggle inside that button with a button text.

Iknow I can do it with js but I want the html version as you did in Metronic7

thank you..

That is exactly what we were looking for ;) thank you.

If BlockUI doesn’t works for us, we will use this Indicator instead.

thank you.

Great! All the best with your projects )

Hi keenthemes.

How do I re-init a blockUI, when dealing with ajax ??

tried “KTBlockUI.init();” but didn’t work !

neither “KTApp.init();” !!

any idea ?

Hi,

You can reinit already initialized instance you will need to first get access to the object and destroy it and you can reinit:

var target = document.querySelector("#kt_blockui");
var blockUI = new KTBlockUI(target);
blockUI.destroy();
For more info please check https://preview.keenthemes.com/metronic8/demo1/documentation/general/blockui.html

Regards, Sean

We did check the documentation, and it works great for the first time when the modal appears and you click submit for the first time, but for the second time it show this error message : Uncaught TypeError: blockUI.release is not a function

I believe if we can init the block UI lib like : BlockUI.init(), this will fix the problem, that’s why I asked you if there’s such a function.

We believe that Htmx.js doesn”’t play nice with BlockUI, I don”t know … ?

I know that there’s not much infos for debug, but we hope you could enlight us….

Any Idea ?

Hi,

Can you debug if blockUI object or its reference DOM element does exist at that time ?

Regards, Seam

Hi Are there any examples of ajax tables (ktdatatable) in v8? Will it be developed? Thanks

Hi :),

KTDatatables will not be implemented in Metronic v8. Instead we will be using datatables.net which has more features and extensions.

For more info please check the DataTables.net integration documentation: https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/overview.html And usage examples within available apps: https://preview.keenthemes.com/metronic8/demo1/apps/user-management/users/list.html

Regards, Sean

Hi. I noticed there are no examples for DataTables ‘colvis’ (the only example I found was for Metronic 4.5, quite old) and ‘fixedheader’... I tried both with Metronic 8.0.24 and both are not working.

Colvis: The popup does not appear when clicking the colvis button. The workaround to fix (must be executed ‘after’ the datatables initialization): // fix for datatables colvis $(’.buttons-colvis’).click(); $(’.dt-button-collection > .dropdown-menu’).toggle(); $(’.buttons-colvis’).click();

FixedHeader: Does not work, the header goes to the bottom of the page

Hi :),

Thanks for your feedback.

We will provide integration for more extension in the near future.

Stay tuned for free updates by following us https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi Keenthemes Team,

can you please provide information which template has Vue 3 integration? And which template will have it in the nearest future?

Thanks in advance Krystian -> Metronic Fan :)

Hi,

Please note that Metronic 8 Vue demos are based on Vue 3:

Currently following demos have vue3 versions:

https://preview.keenthemes.com/metronic8/vue/demo1/ https://preview.keenthemes.com/metronic8/vue/demo2/ https://preview.keenthemes.com/metronic8/vue/demo7/

Regards, Sean

Sean, great. Thank you. Can I assume that Metronic 7 … all demos stayed with Vue 2 Thanks again

Oh, yes, Metronic 7 is based on vue2 and Metronic 8 all demos will be based on vue3. All the best :)

Hi keenthemes,

Does Metronic8 support Bootstrap5 Toast : https://getbootstrap.com/docs/5.0/components/toasts/

We tried to put those toast in our page but non of it show or works . !!

Since it is a html based, we were amaze by the simplicity and greatness to customize it for backend framework like Django, Laravel, ...

We found it hard to deal with The actual javascript toastr already in Metronic8 (Lots of Javascript to deal with).

Do you have alternative to replace the actual js toastr with something already in Metronic8 based on html. ???

Do you consider to integrate it in Metronic8 ????

The purpose is to use toast as a notification html based engine, you can see the “Show live button” in bootstrap toast website here : https://getbootstrap.com/docs/5.0/components/toasts/#live

Thank yhou.

Hi :),

Thanks for your feedback.

By right all Bootstrap components should work fine within Metronic incuding the Toasts component. May I know what actually did not work for you ? Is the issue related to the Toasts HTML/CSS or JS ?

We will check it further and add the Bootstrap Toasts integration documentation in Metronic.

Regards, Sean

The layout (visual) of the bootstrap toast does not render well in metronic 8

Great, waiting for the integration in the documentation then.

thank you.

Hi!

It would be great to have AJAX powered charts, where the JavaScript file requests all statistic values via AJAX on server side. At least one simple example.

HTML

Thanks!

Hi,

Thanks for your suggestion. We will consider it. You might like the integrated chart examples in the Laravel version.

Regards, Sean

Hi!

1 month you confirmed the ticket components/support center to be extended:

Noted, we will consider implementing these improvements.

As an answer to:

The support center should be extended with a list of “own” tickets (which the user created), separated by a status (open, closed, waiting for user answer), a priority (high, normal, low) and an option to reply to open tickets.

HTML

Is there any ETA now?

Best regards!

Hi :),

Sorry, we can’t confirm and take commitment for each upcoming item. But we will do our best to speed it up as much as possible. Thanks for your understanding.

Regards, Sean

Hi!

22 days ago you announced the upgraded Inbox component:

Thanks for reminding this. The inbox app is must have app for Metronic and its in our priority list. We will expedite it’s release.

HTML

Is there any ETA now?

Best regards!

Any information on this today?

Hi,

Sorry for the late reply. The Inbox app is not ready for release yet. Its in our todo list and we will attend to it as soon as possible. At the moment we can’t confirm any date and take commitment for every user request. I hope for your understanding.

Regards, Sean

Well, I tried, but nothing works, I give up. Your height of 500px seems to overrule everything. :-)

If there is an easy custom css rule to make that 500px height a bit smaller to 300px height I am glad to here that and I will not bother you again for six years. :-)

Hi :),

Have you tried the suggestion from @surfaap to override the height like this:

            .tox-tinymce {
                height: 300px !important;
            }

if you need any further please let me know.

Regards, Sean

Thanks this worked. Thanks @ poseso ! :-)

Hello, Do you have an axios integration in your Vue3 version. Is it easy to integrate your theme with an backend API (Fastapi / django DRF) for exemple?

Your doc is not clear att all on how to integrate the template with an backend API

Hi,

Yes we have axios integrated.

By default we are providing Authentication module, so you can easily get started with your api by changing url.

Check out skeleton setup page: https://preview.keenthemes.com/metronic8/vue/docs/#/setup-theme-skeleton

Regards,
Lauris

Hi, Is there an ETA for Metronic 8 -> Laravel -> Demo 6? I need that urgently for the project. Thanks!

Probably in 4-8 weeks. We will try to speed it up.

Thanks! That would be great.

You are most welcome :)

Dears,

I have question, why layout builder is not same for all themes? e.g in demo1 page title tab is not exists in demo2, it will be great if you can unify the layout builder and css class names because as developer i want to provide theme chaging feature in my appliction and try to unify in themes will make my task easeir

Thanks

Hi :),

Thanks for your feedback. Please not that all demos layouts are unique and requires different layout structure and classes. Soon we will add more details in the layout builder page for each layout options.

Regards, Sean

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.

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