12208 comments found.
Hi keenthemes ,i found a lot of components in html folder but it use jquery. how can i integrate it with reactjs project.
Metronic version 7 Please help
Hi 
,
Thanks for your interest in Metronic. All the HTML/CSS components can be used in React without any issue while jQuery based components can not be used.
If you need any further help please contact our support via support@keenthemes.com
Regards, Sean
Hey
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Version:
– Bootstrap 5.1.1 Update.– Tiny Slider Plugin Integration.
– Bootstrap Maxlength Plugin Integration.
– CountUp Plugin Integration.
– Select2 Integration with Bootstrap Input Group.
– KTMenu Improvements.
– Video Tutorials from the Core Team.
– Documentation Improvements.
2. HTML Demo 11 – Light Dashboard:
– Dark Mode.– Advanced Layout.
– Horizontal Menu.
– Aside Menu.
– User Settings.
– Header Toolbar.
– Pages.
– UI Elements.
– 3rd Party Plugins.
– In-house Components.
– Widgets.
– Layout Builder.
– Documentation.
3. Vue Version:
– Bootstrap 5.1.1 Update.– In-house Datatable Component.
– In-house CRUD Solution.
– Customers App.
- Customers CRUD.
- Customers View.
- Sales Widget.
- Progress Widget.
- Earnings Widget.
- Contributors Widget.
- Summary Widget.<be> – KTMenu Improvements.
– KTDrawer Improvements.
– Documentation Improvements.
4. Laravel Version:
– Bootstrap 5.1.1 Update.– Demo 5 Integration.
– Core Layout Improvements.<be> – KTMenu Improvements.
– Documentation Improvements.
5. Angular Version:
– Bootstrap 5.1.1 Update.– Dark mode support.
– KTDrawer Improvements.<be> – KTMenu Improvements.
– Documentation improvements.
6. React Version:
– Bootstrap 5.1.1 Update.– KTDrawer Improvements.<be> – KTMenu Improvements.
– Documentation Improvements.
Next Up:
1. Laravel Version:
– CRUD Solution.– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.
2. More:
– Demo 12 HTML.– Demo 14 HTML.
– Demo 15 HTML.
– Demo 3 Vue.
– Demo 3 React.
– Demo 2 Angular.
– React CRUD Solution.
– Angular CRUD Solution.
Stay tuned on endless updates to empower your projects.
All updates are free, always!
Regards, Sean
Hi ,
Subscribe to our channel for more videos
Regards, Sean
i face many issue in laravel in demo any related document to implement in laravel 8
Hi ,
Thanks for your interest in Metronic!
Could you please contact our support via support@keenthemes.com and provide more info ? Which version are you using ? Are you using the Metronic 8’s official Laravel: https://preview.keenthemes.com/metronic8/laravel/login?demo=demo1Regards, Sean
i tried demo 2 html with client side blazor, but some functionalities are not working properly like menus click.
Hi,
Please make sure that you have included all required scripts.
To get the menu components working include the line below in the scripts.js file in your Blazor app.
window.KTMenu = require('@/src/js/components/menu.js');
Regards,
Lauris
@surfaap you can override the height like this:
.tox-tinymce {
height: 300px !important;
}
Hello,
Thanks a lot for your contribution.
Soon we are going to launch our support forum at devs.keenthemes.com for a better communication where everyone will be able to participate in all public topics.
Best Regards
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
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
