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..
Hi
,
Regards, Sean
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
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.htmlRegards, 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
,
Just click the “VueJS” button under each demo to preview it.
Regards, Sean
So, each Metronic 8 template has VueJS 3, correct? Does some of the version 7 has it also?
You can see here which demos has Vue3 versions https://keenthemes.com/metronic/
Other will be released soon. Stay tuned! 
I’m sorry but where does it stay „Vue 3”. I can see that demo 1, 2 and 7 has Vue version among others but where can I see version of this?
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
Is there a bug in the manual about Quill? Looks like it’s mixed up with tinymce…
https://preview.keenthemes.com/metronic8/demo1/documentation/editors/quill/basic.html https://preview.keenthemes.com/metronic8/demo2/documentation/editors/quill/basic.htmlCU! 
Hi
,
Thanks for your interest in Metronic. Good spot! We will fix it in the next update.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Thanks.
I looked into Quill and it looks nice and clean, but I got to much hassle with passing textarea variables in a normal form submit.
So I started to use your build-in TinyMCE editor. Works good, except the height is given somewhere at a fixed minimum of 500px. Is there a way to make a custom style on the page which overrules this to a minimum of 300px? And a max-height of let’s say 600px?
I know I purchased Metronic a long time ago, but since this is hard coded over the default TinyMCE stuff (I guess), maybe it is handy to put it in your manual also. 
Hi
,
Good to hear that.
You can try to use autosize plugin for that purpose: https://www.tiny.cloud/docs/plugins/opensource/autoresize/All the best with your projects!
Regards, Sean
Yes, thanks. I was trying that already. But nothing happened, it kept 500 pixels height. Maybe I missed the golden combination, i will give it another try. Normal resize only worked with ‘both’ but only horizontal, vertical it stayed 500px.
Hi,
I would suggest to check the plugin’s official documentation and the plugin’s community as well.
All the best!
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!
Hi,
Thanks for your feedback. We will release it as soon as possible. At the moment can not confirm any ETA.
Regards, Sean
not asking for a confirmation or commitment, just ballpark it please
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
Hi
,
Please use below examples for the input group support:
<!--begin::Default example-->
<div class="input-group">
<span class="input-group-text"><i class="bi bi-bookmarks-fill fs-4" /></span>
<div class="flex-grow-1">
<select class="form-select rounded-start-0" data-control="select2" data-placeholder="Select an option">
<option></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
</div>
</div>
<!--end::Default example-->
<!--begin::Solid input group style-->
<div class="input-group input-group-solid">
<span class="input-group-text"><i class="bi bi-calendar fs-4" /></span>
<div class="flex-grow-1">
<select class="form-select form-select-solid rounded-start-0 border-start" data-control="select2" data-placeholder="Select an option">
<option></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
</div>
</div>
<!--end::Solid input group style-->
<!--begin::Both add-ons-->
<div class="input-group">
<span class="input-group-text"><i class="bi bi-calculator fs-4" /></span>
<div class="flex-grow-1">
<select class="form-select rounded-0" data-control="select2" data-placeholder="Select an option">
<option></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
</div>
<span class="input-group-text">.00</span>
</div>
<!--end::Both add-ons-->
<!--begin::Both add-ons in solid style-->
<div class="input-group input-group-solid">
<span class="input-group-text"><i class="bi bi-cash-coin fs-4" /></span>
<div class="flex-grow-1">
<select class="form-select form-select-solid rounded-0 border-start border-end" data-control="select2" data-placeholder="Select an option">
<option></option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
</select>
</div>
<span class="input-group-text">USD</span>
</div>
<!--end::Both add-ons in solid style-->
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
thank you very much
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.htmlIf 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
Hi,
Have you installed the composer plugins? with command “composer install”. We will check it with visual studio code. This error is related to IDE.
Thanks
Yes i installed it. Please check that, i appreciate it. Thank You
Hi,
Can you try to follow all the steps in the doc? https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/buildAre you able to run it until “php artisan serve”?
Thanks
Yes.. I was able to perform all steps successfully.
Hi,
How do we reproduce the issue? We tried to open the laravel app in visual studio code. Please check the screenshot here.
https://ibb.co/87mxsr9Thanks
I really have no idea how reproduce it. I’v tried running the project on a brand new formated computer but stiull the same errors.
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.