12201 comments found.
It seems to be some issue with Metronic 8, Select2 and Input groups – even in docs site in mobile view. Elements are wrapped to next line – please look at attached screen. https://i.ibb.co/WKb0R97/screen1.png
Also, when selected option is long, a Select2 field is expanded out of the box (instead of truncate text in select field) https://i.ibb.co/6rWcWWL/screen2.png
Hi 
,
Thanks for your feedback. We will fix it in the next update. You can easily fix it by adding “flex-nowrap” to the input group root element:
class="input-group flex-nowrap"
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Yes, the first problem I had fixed the same way But the second issue still exists – field is expanded out of the box when selected option text is long. Please look:
https://i.ibb.co/V9Czs4J/screen3.png
Hi ,
Please try to add the overflow hidden class to the select2 input parent container:
class="overflow-hidden flex-grow-1"
Regards, Sean
It seems that it fixed a problem Thank you
Glad to hear that All the best with your projects!
How to use Select2 in Angular 12?
Hi,
Select 2 is a jQuery plugin and to use it with Angular you will need to include jQuery in your angular app. If you need any further clarifications please contact our support via support@keenthemes.com
Regards, Sean
Hello! how to update laravel version assets with html assets ?
Hi,
You can refer to Laravel assets folder; resources/assets/ in core and demo folder. Get the updated files from HTML version and replace it in the folder
Thanks
I’m having a weird issue with the topbar user menu, when i click on the submenu for the languages it adds transform: translate(-1920px, 152px); but it should be -275px so it’s not showing as shown in this screenshot https://imgur.com/l6jkGxt I cannot find where to change this so right now my menu sub menu dropdown is not working correctly, can you please guide me on where to look to solve this issue? thank you in advanced!
when I hover the menu-sub-dropdown it automatically adds this style “style=”z-index: 106; position: fixed; inset: 0px 0px auto auto; margin: 0px; transform: translate(1920px, 152px);”” < but that translate its wrong since it has to be -275px
Hi,
The transform value is automatically added by the bootstrap dropdown.
Could you please refer to the dropdown submenu in the latest version laravel Metronic laravel? Please verify if the HTML structure also is same with the demo.
Thanks
yes its the same, i have replaced once again the assets folders from metronic 8.0.31 laravel and still facing the same issue, this is only happening in the topbar no matter where i put any nested menu it just dont work
Hi,
Could you please check if this option exists in the dropdown attribute? Please try to add it as well.
data-kt-menu-placement=”left-start”
Thanks
yes, I have it like this:
<div class="menu-item px-5" data-kt-menu-trigger="hover" data-kt-menu-placement="left-start" data-kt-menu-flip="center, top">
</div>
data-kt-menu-flip="center, top"Also please make sure you are using the latest version since we did some fixes for KTMenu plugin in recent updates
Didn’t work, can you guys please update the laravel version with the html assets so we can use the same when using laravel version, I had the problem when tried to update my metronic 8.0.30 with the html assets 8.0.31, please update laravel version in next update so we can have the same, thank you guys
Hi,
We will update the assets with the similar version of HTML in the next updates soon.
Thanks
Hi,
We will try to release the next update in a few days.
Regards, Sean
Hello the same problem i am facing you guys have it in your demo site. https://preview.keenthemes.com/metronic8/demo1/index.html <- try to hover on the user menu under My Susbscription or Language, and you’ll see it’s not working, it’s the same problem I have, please check and fix before releasing the new update, thank you
Hi ,
Thanks for your feedback on this. We will check it further and fix it asap.
Regards, Sean
is there a quick fix in the mean time? so I can keep working on my project?
Hi,
The issue was caused by @popper v2.11.0 plugin update. You can use the last stable version for Metronic in package.json
"@popperjs/core": "2.10.1",
And remove node_modules and yarn.lock files from the tools folder and rerun yarn.
We will release the official fix shortly.
Regards, Sean
Thank you Sean, with version 2.10.1 it’s working perfectly
Great! Thanks for helping to detect this issue
I am trying to use Metronic 8 with Angular, I have an issue creating my first page. I am always staying in the Login page /auth/login although I have added my new page in the routing.js. is there any tutorial on how to work with Angular and Metronic 8 perhaps ?. The file structure seems to be different in demo1 Thanks Domnic
Hi,
Please add the page route in this file. demo1/src/app/pages/routing.ts At the moment, we have no tutorial for Angular yet. We will consider adding it in future updates.
Thanks
Thank you that works.
Glad it worked
Thanks
Hello, I sent an email request for the Figma file along with my purchase code. Please let me know. Thank you
Hi,
Sorry for the late reply. May I know your email address just to make sure if we sent you it.
Regards, Sean
Hi, How can I turn off or hide the block at the end of the process? my code: https://jsfiddle.net/4e0n6c3u/
blockUI.release(); ok not now problem. Sorry
Hi ,
Noted, glad to hear that
Regards, Sean
hi, is there jsx version of metronic 8 react.
Hi ,
Thanks for your interest in Metronic. Our Metronic React version is available only TS format.
If you need any further clarifications please let us know.
Regards, Sean
where should i look for this restriction before buying product.
Hi,
We will update the item page main banner with this info. Thanks for pointing out. Nowadays Typescript is now becoming defacto language for React and Angular/Vue as well so support it following to this demand. Please contact support@keenthemes.com for more info.
Regards, Sean
Dears , Angular App in dashboard component when call api and fetch data in dashboard.html (*ngIf) not updating when variable changes angular.
can you help please.
Regards
please show image
https://ibb.co/RHm05SRHi,
We used onPush change detection strategy for performance. You can disable this by removing changeDetection: ChangeDetectionStrategy.OnPush.
Or you can use below code to manually update the UI render.
constructor(private cd: ChangeDetectorRef) {}
refresh() {
this.cd.detectChanges();
}
https://www.digitalocean.com/community/tutorials/angular-change-detection-strategy
Thanks
Hi Sean, do metronic supports Blazor Web Assembly? It runs fine in Blazor Server though. Thanks
Hi ,
Thanks for your interest in Metronic.
At the moment Metronic does not support Blazor Web Assembly.
But the server side Blazor is well supported.
Regards, Sean
Hi ,
We are developing after purchasing a nice template.
https://preview.keenthemes.com/metronic/vue/demo1/#/dashboard" Demo1 on the page above seems to be different from the downloaded example, but I leave an inquiry to ask where I can see or use it.And I want to see the user management’s role management page, which is also not in the template file I received. How can I access these data?
Please check. Thank you.
+For your information, the template version I received is “metronic_v8.0.29”.
Hi,
The link you provided is Metronic 7 but by default in the zip file we include the latest version of Metronic 8.
You can check the preview of Metronic 8: https://preview.keenthemes.com/metronic8/vue/demo1/?_ga=2.181302055.1410581411.1638197076-1635915368.1606869404#/dashboard
If you need Metronic 7 you can contact our support via support@keenthemes.com and ask for access to Metronic 7 repo.
Regards,
Lauris
Do we have separate plugin for select picker? (HTML version) We want to use selectpicker instead select2, please provide separate plugin for the same.
Require bootstrap select in Metronic 8 update
Hi ,
Thanks for your feedback. It seems Bootstrap Select just had a new update with Bootstrap 5 support and we will provide the integration for Metronic soon.
Regards, Sean
Any update on - Require bootstrap select in Metronic 8 update
Hi,
Thanks for reminding this. We will prioritize this and try to release as soon as possible.
If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.
Click Here to Get Metronic Support
Regards, Sean
We are not able to download all the demos. Only demo1 is available. Request to check and revert.
Hi,
Due to popular requests, we understand that packaging 5 frameworks with 21 demos into a single 4GB download file can be quite daunting. Therefore, as an alternative download option, we’ve decided to split our demos into individual packages for your convenience.
Simply sign up to our official developer portal and head over to the Metronic demo downloads page to pick your demo. You’ll need to enter your purchase code for us to validate your purchase.
Regards, Sean
Still not received any update on Select Picker. We want multi select component like select picker. Request to provide separate plugin. thanks
Hi,
Sorry for the delay, It’s in our todo list along with other important tasks and we will do our best to release it soon.
Regards. Sean
Still not received any update on Select Picker. We want multi select component like select picker. Request to provide separate plugin. thanks
Hi,
It’s in our todo list we will release it as soon as possible.
You may check Select2 and Tagify for multiple select feature: https://preview.keenthemes.com/metronic8/demo1/documentation/forms/select2.html https://preview.keenthemes.com/metronic8/demo1/documentation/forms/tagify.htmlWe invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members.
Regards, Sean
Any update on – Require bootstrap select in Metronic 8 update. We are still waiting. Not getting any proper solution for the same.
Hi,
Unfortunately Bootstrap Select does not support Bootstrap 5 yet. In the meantime you can use Select2 with fully compatible with the Bootstrap form controls and states: https://preview.keenthemes.com/html/metronic/docs/forms/select2Regards, Sean
Still not received bootstrap select in Metronic 8 update. Please do the needful
Hi,
Please note that Bootstrap Select does not have an official stable version for Bootstrap 5. yet Current version https://yarnpkg.com/package/bootstrap-select is not usable with Bootstrap 5.3.0. We have tried it but did not work with Bootstrap 5.x dropdown component.
Regards. Sean
Hello! because layout 9 and 17 ARE EXACTLY THE SAME
Hi ,
Thanks for your feedback.
The layout might look quite similar but the style and color scheme is quite unique.
Regards, Sean
Hi Guys. Great job. I love your theme. I see your Figma design is outdated. Its missing demo 13 and above. Any idea when the design will be updated? Thanks!
Hi ,
Thanks for your feedback. We will provide the latest Figma file in the next update.
Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes
Regards, Sean
Hi Sean, Any idea when the next update will be? Next week? Next month? 
Its going to be this or latest within the next week.
Hi Sean. We are urgently waiting for demo 15 in the design. I have a developer scheduled, but we need to make some changes in the design. We thought the design file would be complete. If demo 15 is already finished in design, could we get it already? So that we can move forward? That would be fantastic!
Hi ,
Sure, please contact our support via support@keenthemes.com and we will provide you asap.
Regards, Sean
Will do! Thanks
You are welcome )
Hi Sean, I haven’t received a response back from the support team. Could you please check with them? Thanks!
Hello,
We are upgrading our Figma file at the moment and we send it within today. Thanks for your patience.
Best regards, Bob
Thanks Bob! We really appreciate it.
Hey
We have been working on some amazing stuff and shortly we will be releasing:
1. HTML Demo 17:
– Unique Concept.– Compact Aside.
– Multilevel Menu.
– Sticky Header.
– Interactive Dashboard.
– Dark Mode.
3. HTML Version:
– Subdatatable.– Vis-timeline Improvements.
– Select2 Improvements.
5. Vue Version:
– API Docs.– Quick Start Docs.
6. React Version:
– Auth API Integration.– Docs Improvements.
– Layout builder.
Next Up:
– Demo 18 HTML.– Demo 19 HTML.
– Demo 20 HTML.
– Demo 3 Vue.
– Demo 3 React.
– Demo 2 Angular.
– Demo 3 Angular.
– Demo 11 Laravel.
– Demo 12 Laravel.
– React CRUD Solution.
– Angular CRUD Solution.
Stay tuned for endless updates to empower your projects.
All updates are free, always!
Regards, Sean
The is bug in angular there
the aside menu accordion not working
please find the attached gif image
Hi,
Thank you for your feedback.
We reproduced this issue, we will fix it as soon as possible.
Regards,
Lauris
Hi how can I use this theme from behind a proxy and no connection to fonts.googleapis? Keep getting inlining of fonts failed errors
Hi ,
This video tutorial was made for Metronic 7 but you can apply this for Metronic 8 as well.
For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean
Excellent. Thanks.
You are welcome! )
Can you give me a hint how to best bypass the whole user login and registration and profile etc. I do that in a dotnet api/backend with an ldap authentication & ms sql server. I only need the angular front end part.
never mind, figured it out
Glad to hear that! All the best with your projects
Thanks, you guys do some awesome clean coding and your documentation and commenting is excellent. That makes a busy guy like me very happy! Keep it up!
We are really glad to know that Metronic is being a great helper to many developers.This motivates us a lot Thanks a lot,
why have alot of msg show in the browser console
resize { target: Window, isTrusted: true, srcElement: Window, currentTarget: Window, eventPhase: 2, bubbles: true, cancelable: false, returnValue: true, defaultPrevented: false, composed: false, … }
scripts.bundle.js:2345:8
blur { target: HTMLDocument http://ecm.nightcat.pro/page/admin/admin_new.php?admin_name=123#, isTrusted: true, view: Window, detail: 0, layerX: 0, layerY: 0, which: 0, rangeOffset: 0, SCROLL_PAGE_UP: -32768, SCROLL_PAGE_DOWN: 32768, … }
plugins.bundle.js:8822:3
Hi,
Can you please contact our support and provide more details ? Is this message come from the original Metronic scripts or your custom code ? Please provide us your Metronic version as well.
Regards, Sean
metronic v8.0.30 i using original metronic scripts,when i open the browser console, will show alot of this message.
Hi,
Could you please send the screenshot of the issue? Which demo and which page you found the issue?
We found no issue with the template here. https://freeimage.host/i/56jw4sThanks
i direct copy the demo8 assets file and i didnt change any source code in plugin.bundle.js and script.bundle.js file
the problem is fixed, this is my fault because i open the tracking debug.
Hi
Glad you have solved it. Feel free to let us know if you need any help.
Thanks
Hi sir, for metronic 8 demo 10, I am unable to view toolbar even I set ‘true’ for toolbar in apexchart. May I know how can I enable it?
Hi,
You should be able to customize the Apexchart according to the documentation https://apexcharts.com/docs/options/chart/toolbar/
Please make sure you customize the JS code in “src” folder and compile with gulp or webpack into assets folder.
For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html
Regards, Sean
Hi, No new releases? The last release was on november 12. 13 days passed and nothing new. What’s happened this autumn? In the summer you haved a release at every 4-5 days.
Thanks !
Hi ,
Thanks for your feedback. We have a planned new update today. Stay tuned!
Regards, Sean
How to use Select2 in Vue. I am currently using demo 5
Hi,
Thanks for your interest in Metronic.
Select2 is a jQuery plugin and it’s not available in Vue. For Vue we have this plugin https://preview.keenthemes.com/metronic8/vue/docs/#/vue-select
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
