12220 comments found.
Is there an example of a search filter? For instance, like when using the main search bar AND in the instance of searching within a data table?
Hi 
Yes, we have examples for the search filter. But could you please clarify in details?
The sample filter for KTDatable plugin can be found in the init js file.
/theme/default/demo1/src/assets/js/pages/crud/metronic-datatable/base/data-ajax.js
https://keenthemes.com/metronic/preview/demo1/crud/metronic-datatable/base/data-ajax.htmlThanks
Hi thank you,
I was wondering if there are any clickable examples on your demo URLs of a more advanced filter, (not just a few drop downs beside the search bar).
I wanted to see how you intend for an advanced filter to work (visually).
Thank you, Joel
Hi,
KTDatatable does not have extra filters. At the moment only keywords filter and dropdown filter for some columns (Eg. status, state, etc.).
We will consider adding more example filters.
Please let us know if you need help with your custom filters.
Thanks
The latest version seems to be broken. The entire CSS folders are missing and all the html pages aren’t linked to their respective stylesheets.
Hi,
In order to launch the theme you will need to generate the “dist” folder from “src” folder by installing and running the build tools in command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs and also in the below video tutorials:
1. Installation & Getting Started Using Gulp: https://youtu.be/d-pSVf8Xazk 2. Installation & Getting Started Using Webpack: https://youtu.be/gMUbZMdDRCo 3. Your First Project: https://youtu.be/yu0O2Y2NXxc 4. Customization: https://youtu.be/7PG5Qbg0-gM
If you need any further help please let us know.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hi Keenthemes,
I recently saw an issue in Demo3 – 6.1.1, related to responsive/mobile view : here a good rendering with (quick actions bar, user notifications bar, car bar, language bar) : https://ibb.co/cYXMVDQ
here’s bad one with user bar : https://ibb.co/yF7Qjhz
I think if the user bar has a scrolling like user notification wouldn’t go up but stays at the same level as other bars.
Also the user Icon box ‘The S character’ is not alligned with other bar icons in mobile view.
is there any hot fix or could you fix it in the next update ?
PS : I also copy user bar of Demo1 into Demo3 index.html, still the same, it is a css issue.
thank you
Hi,
Thanks for your feedback. We will be checking these issues further and fix in the next update in a few days.
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
Gotcha keenthemes,
thnank you.
Hi I have a problem with alignment of last column in datatable, because inner elements, if width is not passed, anyways was wrapped with div and inline style width is setted. And even if aligment class is appended, and text is aligned to, for ex. right, is aligned in available width, not in a row I need to make alignment to the end of table for last row for th and td without hacks. For td I just make a my template, but for th I don’t know how to do… Mybe exist any way to prevent wrapping inner content of th? Screnshot: https://yadi.sk/d/2n_7UJKTmOE87A
my current workaround is to make to pass string value in “width” prop of row (in my case is a percentage value: ‘100%’) to make this work I need to modify like 869 of core.datatable.js pre-last line of method adjustCellsWidth
before
$(td).children().css('width', Math.ceil(width));
after
$(td).children().css('width', isNaN(width) ? width : Math.ceil(width));
but this breaks functionality in other cases 
Another issue – wrong width calculation of cell width currently you include same paddings value inside width property of span why? How to fix that?
My current workaround (for second issue): insted of
return $(this).outerWidth()
do
var $span = $(this).children();
$span.css({
display: 'inline-block',
position: 'absolute'
});
var w = $span.width();
// without timeout not works (why?)
setTimeout(() => {
$span.css({
display: '',
position: '',
});
}, 10);
return w;
Hi
Thank you for your feedback and suggestions. We will check further on this issue. We will provide necessary fix for it in the future updates soon.
Thanks
One thing – that workaround works well, but sometimes breaks correct calculation again, for ex. on orientationchange event. So, this needed more tests
Hi
Thank you for your feedback. Your workaround seems to work. We will check on it and test more.
Thanks
hi metronic team,
i noticed that the horizontal timeline is no longer in the updates. is this something that will be added again soon?
http://keenthemes.com/preview/metronic/theme/admin_1/ui_timeline_horizontal.htmlRick
Hi,
The horizontal timeline plugin was a premium plugin that we included by purchasing it from a vendor and it was not stable and buggy. So we decided to exclude it from the theme. We will check it back and see if this plugin is stable and worth to use.
Regards, Sean
Hi. It’s possible to make own pagination in style “load-more” in kt-datatable component? By design, I need to make kind of list, that is look like table, but without normal pagination like in your’s examples, but with two behaviors: 1) auto load more – when user scrolling to bottom and last row of table is in viewport, user see spinner, after that table append itself rows items until a finite number is reached 2) manual load more – if table has multiple pages (d.f.per-page settings), user see button with text “load more”, after press it new part of row items will be appended into table, and if is finite number is reached, button will dissapear.
Sorry for my english, and thanks for any help!
Hi ,
Thanks for your feedback. At the moment this feature is not implemented. But we can consider it for in a future 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
Dear keentheme team. First of all many thanks for this great theme. I really like demo4 and the blue/green header background. Unfortunaltely, the login page does not provide a similar background image on the left. Is it possible to get a background like bg-4 and bg-5 but with the color scheme of the header of demo4 (300-450.jpg)? Many thanks
Hi ,
We do not have that kind of image for the login page. But if you can email our support at support@keenthemes.com and we will try to find a workaround.
Regards, Sean
Hello, I want to use metronic with Angular 8. Is all the features shown in the default demo is available as native angular components. Is it required to use jquery with Angular metronic
Hi
Some pages from the Default version might not exist in the Angular. But the CSS styles from Default version already integrated into the Angular. All the components from the Default version are static and non-working components. You can just copy the component HTML from the Default version, and paste it in the Angular component to get the same look. The actual functionality and implementation need to be done by the customer because every customer has its own business requirements.
Another matter is because of jquery. By default, we do not integrate jquery or jquery plugins into Angular. So we will skip any components related to it. For example is KTDatatable, select2, etc. In Angular, we have its own Datatable built from Material.
Let us know if you need further clarifications.
Thanks
Another question. Is there any coupon code available for discount?
Can I get a list of components implemented in angular without jquery
Maybe if someone create a ui library purely in angular out of metronic, it will help angular developers.
Hi ,
You can see all the available features of the Angular version in the preview. Here we can not give discount codes since it’s not allowed by the marketplace.
Regards. Sean
when will be for VUEJS?
Hi ,
We are working on it. It will be released in 1-2 months.
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
Hello I purchased a regular license and tried to create a production builld for React/Demo1 , but I get an error on the browser: Uncaught SyntaxError: Unexpected token ’<’ main.489e8c04.chunk.js:1 Uncaught SyntaxError: Unexpected token ’<’ 2.53490a47.chunk.js:1 And and nothing it is shown in browser except iconSimbol+”Metronic logo”. (steps-folowed: npm install; npm run build; npm run serve) I have to mention that the development mode works fine. Does the React/demo1 project has any dependencies in Default/demo1? or what it is the prolem?
Hi,
To build your production please check out our related documentation page: https://keenthemes.com/metronic/?page=docs§ion=react-deployment. You should change HOMEPAGE to your local address.
If you need any further help please contact our support at support@keenthemes.com
Regards, Sean
The NoUISlider is not working in the Downloaded Files. Looks like the CSS is not getting applied. Could you please check.
Hi
Sorry for the inconvenience. We will fix this issue. As a workaround, you can add the missing nouislider CSS.
/theme/demo1/tools/webpack/vendors/global.js
require("nouislider/distribute/nouislider.css");
window.noUiSlider = require("nouislider");
Thanks
Thanks a lot. Will do it.
Your welcome. Let us know if you need further help.
in wizzard component, if clickable steps is enabled index variable will be calculated wrong, if nav items has another dom elements (like custom dividers as in my case) I modified from this
var index = KTUtil.index(this) + 1;
into this
var index = Array.prototype.indexOf.call(the.steps, this) + 1;
Hi
Thank you for your suggestion. We will check on this issue and provide fix for it.
Thanks
Will be great if you will add demos for media content preloading. I mean native loading. For this exists for example vendor verlok/lazyload In mix with your spinners for state management will be cool to see in work)
Hi ,
Thanks for your suggestion. Could you please clarify it with more details ? Which version are you referring to ? React or Angular ?
Regards, Sean
I mean classic version which is suitable for all users. verlok/lazyload.js is vanilla js plugin Use cases for use this plugin: 1) page with large number of cards with images inside (blog list, news list, etc..). See demo: https://www.andreaverlicchi.eu/lazyload/demos/image_ph_inline.html but inside of image wrapper or is pseudo-element you will place your spinner component, and with callbacks or className will toggle it visibility. 2) ajax request to add new cards inside some lists – before image of each item is loaded we need your spinner
Noted, we will consider it Thanks
Had requested for GitHub access but still have not received it. Sent it last week. GitHub ID: harshamv
Hi,
We have resent the invitation just now. Could you please double check it ?
Regards, Sean
Any plans on adding a Search Page and Advanced Search Filter pages?
Hi ,
Sure. We can add this as a new feature request and implement in a future update.
Regards.
Hi there. What happened to the CSS files within the latest release? It seems that you guys didn’t include it and default theme is broken
Hi
In order to launch the theme (Default version), you will need to generate the “dist” folder from “src” folder by installing and running the build tools in the command line. All the required steps are explained in the documentation https://keenthemes.com/metronic/?page=docs
Due to increasing theme file size, we had to remove the Classic package. But we can provide it on request. Please email our support at support@keenthemes.com
Thanks
Hey there, i bought this some weeks ago and updated the download today just to realize that the classic html theme seems to be gone. Is there any chance to download older versions? The mentioned classic folder is not there anymore and the whole gulp thing seems over complicated to me. Why can’t you just provide a download that just works right after downloading? Not everybody on planet earth knows (or wants to) what gulp is. Feels complicated to me to use console in 2020 for a tempalte. Just my 2 cents… Thx
Hi
Yes, due to increasing theme file size we had to remove the classic package. But we can provide it on request. Please email our support at support@keenthemes.com
Thanks
Portlet styles component has massive dublicate of code from line 371 to 600 in portlet.scss
Hi ,
Thanks for your feedback. We will check it and fix 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 noticed the the KTdatatables sort is not working correctly. https://keenthemes.com/metronic/preview/demo1/index.htmlExclusive Datatable Plugin I tried to sort by date, company, name, etc… they dont sort or order correctly. Is this a bug?
Rick
Hi
Sorry for the inconvenience. There are 2 options are missing, type & format.
/theme/default/demo1/src/assets/js/pages/dashboard.js
field: "ShipDate",
title: "Date",
width: 100,
type: "date",
format: 'MM/DD/YYYY',We will fix it.
Thanks
thank you, is there documentation on the different ‘types’ and format supported?
Hi,
Just a friendly reminder: please note that your support subscription has been expired and to request any further support you will need to have a valid support subscription. To review your support subscription please go to Metronic item page.
Regards, Sean
Hi Sean, sorry about that. It should be renewed now. I dont see a lot of details in the documentation. can that be updated? for example, i was looking to see if there was a way to get data type for currency. thanks, rick
Hi,
The supported types are date, number, html, and the default is string. For currency, please use “number” type.
For custom column’s data, please add sortingCallback function to sort advanced data.
Please check the example js file here;/theme/default/demo1/src/assets/js/pages/crud/metronic-datatable/base/local-sort.js
Let us know if you need further clarifications.
Thanks
awesome, thank you!. I sent a separate email to support, but have not heard back – is there a way to force column to be hidden if the browser width does not accommodate? currently it is automatically displaying as sub tables…
Hi
We have sent a reply for it.
Thanks
thank you, but with autoHide at the row, it doesnt hide at all and enables the horizontal scroll. I do want it to be hidden, just not as a sub table.
thanks!
Hi
rows: {
autoHide: false,
},
In the latest version we have fixed the horizontal scrollbar.
https://keenthemes.com/metronic/preview/demo1/crud/metronic-datatable/advanced/horizontal.html
Thanks
Trying to install React from 6.1.1, but still getting the same error as 6.1.0.
File to import not found or unreadable: ./_metronic/_assets/sass/style.react.scss. in /Volumes/Data/Projects/Metronic/theme/react/demo2/src/index.scss (line 6, column 1)
The folder /src/_metronic/_assets appears to be included in the .gitignore file.
Could you please ensure that the styles are included in the next update? The issue was first reported by someone 8 days ago. It would be much appreciated if we could get a quick fix in order to finally use React.
Thanks!
Hi,
Thanks for your feedback and sorry for the inconvenience. It seems you are pulling from our github repo. We have removed the gitignore file(this file should be removed) from that folder. Could you re-pull it again now ?
Regards, Sean
It appears it is present in the Themeforest package but not in github since that folder is ignored. Within the package, the file can be found at: metronic_v6.1.1\theme\react\demo2\src\_metronic\_assets\sass Might want to update github so the assets are also present. Kind regards.
Yes, we did update the github repo. Please re pull it and you will get the missing asset folder.
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
