12221 comments found.
I try to integrate ltdatatabel to vue, i destroy ktdattable on vue beforedestroy evnt.
when i move to another page, and revisit page whis has datatable, it has an error when i change the window size
https://prnt.sc/shmh0pHi,
Sorry for the delay. Could you please try to pass the element into ktdatatable using ref?
<div ref="kt_datatable" />
$(this.$refs["kt_datatable"]).KTDatatable({/**/});
Thanks
Hello again,
Following the web trends, I wonder if there is any plan for adding support for “Dark Mode” which is basically a dark theme? There are some templates that are already offering it, wonder if you plan to follow along?
Hi,
Thanks for your feedback. Converting the entire Metronic to dark mode will be a huge work. We don’t see a huge demand for this features. However we will do some R&D on this and consider.
Regards, Sean
Hi 
,
Just in case if you haven’t seen it yet, we are delighted to inform you that Metronic finally has its complete dark mode version. You can check the dark mode preview here https://preview.keenthemes.com/metronic8/demo1/dark/index.html
Regards, Sean
I have three issues so far:
1) Bootstrap notify doesn’t have that nice fade effect when it comes in (by default)
- This was working in the version 7.0.0 but it’s broken in 7.0.1
2) Datatables plugin for buttons opens dropdown in the wrong place – far left but it should be right beneath actual button
3) Error pages are missing?
https://keenthemes.com/metronic/preview/demo1/custom/pages/error/error-1.html
Once again nice work!
Hi ,
Thanks for your feedback and appreciation.
We will check your reported issues and fix it in v7.0.2 and release it early next week. The error pages will be fixed as well.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
This pages (preview) are include in package if a buy now? (example: keenthemes.com/metronic/preview/demo5/index.html)
Hi ,
Yes, the launcher/documentation pages are included in the package. We are planning to add landing page demos soon for frontend parts of projects.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
Thanks! I like it!
You are welcome!
hi there, at the latest version; “sketch file” is removed. will it come soon? because it helps us to coordinate front-end team.
Hello,
We have replaced it with Figma version. Which is cross-platform UI tool.
Thank you.
I am using laravel package, how to setup pagination as server paging, in which with next page click returning to server to load next records. for example if I have 1000 records I have to get all records on page in order to using kt_pagination unless pagination is useless.
Hi ,
Metronic only provides design, layout and assets level integration for Laravel. The server side implementation is not covered by our support as its not in the theme’s scope. I hope for your understanding.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
How can I set Aside menu to be ‘light’ theme in the React demo1. there is no ‘Aside theme’ option in Layout Builder , Alread try to set it in LayoutConfig.js and press ‘Reset’ button in Layout Builder. the settings is changed, but takes no effects in the result.
Hi.
Switching light/dark through Builder theme was removed from our Angular/React/Vue app.
But please check .common ‘index.scss’ file and there you will find commented ‘Light header/header-menu/aside’ imports. Uncomment them, dark imports should be commented in this case.
Regards, Keenthemes support
thanks, it is working now.But the ‘brand’ is still using dark theme ,even I uncommented ‘import light theme’ and comment ‘import dark theme in ‘Brand themes’ area. Anything I missed?
Yes, ‘brand’ can be changed through layout (check please LayoutConfig ‘brand.self.theme’). Don’t forget clear browser localStorage after manually changing LayouConfig.
Regards, Keenthemes support
Thanks, it is all working .
I am getting an issue for popover, it is working in LTR but not in RTL direction.
Hi ,
Thanks for your feedback.
We will check this and try to fix in the next update v7.0.2 which is targeted to be released by early next week
Regards, Sean
In react demo1, When logout from one tab, is there any settings to logout from all tabs?
Hi @nadiyapara, You should write this settings yourself. Anyway, there you able to find the solution https://medium.com/front-end-weekly/multi-tab-logout-in-react-redux-4715f071c7fa
It will work in our theme too, cause we keep authToken in localStrorage and use Redux for authorization.
Regards, Keenthemes support
Okay, Thank you!
In 7.x.x
If i want a particular page to have fixed content section. How can I set it dynamically from that component?
Hi,
May I know which version(HTML, React, Vue, Angular, Laravel) and which fixed content feature you are referring to ?
Regards, Sean
React
Hi,
If you need a custom fixed section within the page content you will need to implement it with HTML/CSS according to your requirements. At the moment we do not have such a component.
Regards, Sean
Only for 1 page I need fixed Width. I can over ride any Theme settings for that page to set the content to fixed? If by default my theme uses fluid content area?
Hi,
This is in our todo list. This requires a proper implementation since some core changes will be made. We will check this further and plan the implementation and release in a future update.
Regards, Sean
Hi,
I’m running into an issue with the newest version of metronics demo 3. There is an issue with the Sticky Panels.
https://keenthemes.com/metronic/preview/demo3/features/miscellaneous/sticky-panels.htmlScrolling works fine as long as the side menu is not toggled aside, however, when toggling aside and then scrolling the sticky panel moves behind the main text.
(In some instances it’s the other way around, e.g. when accessing the demo page with an already side toggled menu. Then toggle it so it’s shown now, and then perform the scrolling, the sticky panel is again behaving unexpected.)
Hi,
Thank you for your feedback. We will check it further and provide a workaround in the next update.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
Hi, I have the version v7.0.1 of metronic, I want to use the Material Design Form Controls with HTML but it can’t find them on any of the demos. Could you please help.
Hi,
Material design form elements are not available for HTML version of v7. You can use them in Angular/React versions. You can check Angular and React versions of Demo1 https://keenthemes.com/metronic/Regards, Sean
Hi
Two questions regarding the laravel version of demo 1 :
- is it possible to use route name instead of slug name for menu link ?
- will you add possibility to add hoverable option to aside on config/layout ? I want the aside menu to display on hover, not on click.
Thank !
Hi,
At the moment aside menu uses slug option, but we are planning to add the feature for named routes. Also we’ll consider with our UI/UX designers the hoverable option for aside. Thanks for suggestion.
Hi,
I updated it to v7.0.1, but read-only Tagify tags can still be deleted.
Because I use both read-only tags and generic tags together in one Tagify element, I added tags with this code.
tagify.addTags([{..taglist..., readonly: true}]);ScreenShot : https://paste.pics/0f9ecbdb9f57044043d4bfc1b2af6564
I hope it would be fixed in the next version. Thank you.
Hi,
Did you check it on our preview site or your local environment ?
Can you please reload your browser’s cache ? As you can check in the preview site it works fine: https://keenthemes.com/metronic/preview/demo1/crud/forms/widgets/tagify.htmlRegards, Sean
Hi, Sean
Yes, it works if it is set the read-only flag by HTML tag like your preview. However, if it is set with JS code like above, it doesn’t work. The code actually worked in v6 well, and it was useful in the case that using read-only and general tags together. I just cleared my cache and reloaded with ctrl+F5, it still doesn’t work.
Good spot! It looks like the plugin’s genuine bug. We will check it and try to find a workaround in the next v7.0.2 update soon.
Oh, thank you! 
Thank you for the finding
does vue has any icons? how to use icons from html template in vue?
Hi,
All icons are included as in HTML version. You may refer to this page for reference. https://keenthemes.com/metronic/preview/?page=features/icons/custom-iconsThanks
Got it , thanks.
In version 7.0.1
Where can I over-ride the colors and Bootstrap variables so that future updates wont delete the changes?
Hi ,
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
Thank you
Do you have detail information about grid & order system , like ” col-lg-6 col-xxl-4 order-1 order-xxl-1”, what are lg ,xxl ? and what’s the order priority?
Hi,
For the grid system you can fully refer to the official Bootstrap Grid documentation: https://getbootstrap.com/docs/4.5/layout/grid/Metronic uses a custom “xxl” breakpoint to handle responsive elements more efficiently:
// Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px // custom breakpoint ) !default;
You can see this he above variable in “html\demo1\src\sass\components\_variables.bootstrap.scss”
If you need any further info please contact our support at support@keenthemes.com
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
thanks, but what about the ‘order-1’ ? I found in different screen size, the order of elements change.
Using 6.x React Version.
I want to set the Dynamic Subheader with an Action Button on the right side. Is it possible to do it?
When I inspected LayoutSubheader I do not find an option to do that. Whats the best way to have a Subheader with Icons or Buttons on it which can change based on every page.
Hi harshamv,
You are asking individual customization, we don’t have your requested customization (https://keenthemes.com/theme-support/) In this case, the user should implement itself solution. We can only tend to advise. I think in that case need to remove our subheader/LayoutSubheader logic and rewrite yourself, which will cover your case.
Regards, Keenthemes support
Great improvements and updates! Even though I’m not a big fan of the UI design (new colors, the architecture of the typography, the new icons…). The old design was looking much better imo. However, keep up the good work please !
Hi ,
Thanks for your honest feedback. We will keep improving Metronic and more options for demos, pages and components.
Please follow us at http://twitter.com/keenthemes to stay updated and check out our video tuts channel on Youtube https://www.youtube.com/c/KeenThemesTuts/videos
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
