12221 comments found.
Can i also get clean html version ?
Hi. I’m using the KTDataTable. The instructions on how to use datatable.getRecord(1).getColumn(‘columnName’).getValue(); are a bit hard to understand, since there’s no example on the demo.
I’m trying to do open a Swal2 modal when clicking a link defined on the column template. I already got the modal opening but I can’t seem to understand how to get any data there.
How do i get a value from a collumn on a row without using the rendered html?
window.console.log(“2 ”, datatableFees.getRecord(“QT_10_18QT8_18589”).getColumn(‘Valor’).getValue()); Returns empty window.console.log(“3 ”, datatableFees.getRecord(“Modulo”).getValue(‘Valor’)); Returns empty window.console.log(“4 ”, datatableFees.getRecord(“Modulo”)); Returns a jQuery object window.console.log(“5 ”, datatableFees); Returns a jQuery object
Thanks
Hi 
In the column template, you can get all the data of current “row”. You can pass it to your Swal2.
template: function(row) {
console.log(row); // all data for this row
return 'link to swal';
},
Let us know if you need further clarifications.
Thanks
Will the vue js version use quasar framework component?
Hi,
We only implement the pure Vue from official https://vuejs.org/. At the moment, we have no pan to integrate Vue with other frameworks. Hopefully in the future we will consider it.
Thanks
Hello, I need the CSS for this file: metronic_v6.1.8\theme\default\demo1\src\custom\pages\faq
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
You can find the faq css in here; /theme/default/demo1/dist/assets/css/pages/faq
Thanks
Hi. How can I add Total Sum under the footer in kdatatable? I would like to have a table view like this link below:
https://datatables.net/examples/advanced_init/footer_callback.htmlI try to implement the javascript from the link but unable to do so. Not sure why. I myself are not that expert in javascript though. Hope can get help regarding this. Thank you in advance.
Hi,
Sorry for the inconvenience. The ktdatatable is not an extension of the DataTables.net plugin. At the moment, the ktdatatable does not support footer callback. We will consider to implement it in the future.
Thanks
Hi. Its ok. I already found the solution. Actually I found it in the themes source itself. You can use below file to use footer callback.
public/assets/js/pages/crud/datatables/advance/footer-callback.js
It works for me. TQ
Hi,
Glad it worked. This is datatable from DataTables.net, it can support footer callback.
Feel free to ask if you need any more help.
Thanks
when 12 demos is launching?
Hi,
Thanks for your feedback. We can’t give any ETA but they are under development and they should be out out soon.
Regards, Sean
hi, i want to add notification count on aside menu bar in angular version. can you tell the structure? in aside menu there is a badge.type. how i define the value of type?
Hi AMERICANMALAYALEE,
In ‘src/app/core/_config/menu.config.ts’ for aside menu item you able to add param: badge: { value: ‘3’ }
Regards, Keenthemes support
how can i change the color of badge? and what you mean by badge type?
ok. i got the answer. thank you
Hi ,
Great. If you need any further help please let us know.
Regards, Sean
Hi I want this theme, however I prefer Angular 9 and your new designs coming soon. I need this for a project to be released in the near future. Is it best to wait for your new update? If so how long will it take? Thanks!
Hi aparkertg,
Our next big updates will be in a few weeks. There will be updated Angular app (till Angular 9 version).
About other new demos in Angular, first they will be released in Default (jQuery) version and then will be spreaded to Angular/Vue/React.
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, Keenthemes support
Hi, how can I customize the colors of the theme? I see that on the page there is a KTAppOptions var script but I have changed the values and I cannot get the colors to change.
var KTAppOptions = { “colors”: { “state”: { “brand”: ”#5d78ff”, “dark”: ”#282a3c”, “light”: ”#ffffff”, “primary”: ”#5867dd”, “success”: ”#34bfa3”, “info”: ”#36a3f7”, “warning”: ”#ffb822”, “danger”: ”#fd3995” }, “base”: { “label”: [ ”#c5cbe3”, ”#a1a8c3”, ”#3d4465”, ”#3e4466” ], “shape”: [ ”#f0f3ff”, ”#d9dffa”, ”#afb4d4”, ”#646c9a” ] } } };
Hi,
You will need to customize the colors in JS and SASS files as well. In the JS code the colors are used for charts and in the sass for the html elements.
You can check our video tutorials to learn the best practices of using Metronic in real world projects:
1. Installation jQuery/Bootstrap Version Using Gulp: https://youtu.be/d-pSVf8Xazk or Webpack: https://youtu.be/gMUbZMdDRCo
2. Installation Angular 8 Version: https://youtu.be/48HeVjnKIqI
3. Your First Project: https://youtu.be/yu0O2Y2NXxc
4. Customization: https://youtu.be/7PG5Qbg0-gM
Please note that in the video tutorials refer to an older version of Metronic so some information can be inaccurate(file paths, folder structure, etc) but the overall instructions are valid for all Keen versions.
If you need any further help please let us know. For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs
Regards, Sean
Hi keenthemes,
Any plan on Image Sliders integration in Metronic ???
Thank you
Hi,
Yes, we will provide more carousel and image slider features in a future update once we release our next big update in a few weeks.
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
Regard, Sean
Hi; How to make a Full Height portlet sticky? I don’t want the header sticky I want all the portlet sticky.
Hi,
At the moment we do not have such feature. Let us check it further and implement in the next update in a few weeks.
Regards, Sean
Hello, I’m new here on the platform and not yet so familiar with web themes. I am looking for a suitable frontend theme for our React project (React version: 16.10.2 with npm) . Therefore I have a few questions:
1. We are using Bootstrap in Version 4.4.1. is this bootstrap version compatible with the version supported by this theme?
2. We are also using React-Bootstrap for our components and Typescript. Can this work? Or how important is this point for the integration of the theme?
4. And last but not least, is there a way to get a trial version to check compatibility before you finally buy the product?
Hi, HariMauX,
1) Yes, it’s compatible.
2) Our React app based on create-react-app which provides typescript support https://create-react-app.dev/docs/adding-typescript/
3) We don’t have trial version for our products.
Regards, Keenthemes support
Do you use reactstrap for Bootstrap components ?
Hi HariMauX,
From reactstrap we are using only ‘Progress’ component. For other bootstrap components we are using https://react-bootstrap.github.io/
Regards, Keenthemes support
Hi,
You can change the format in the js init. You can check the example bootstrap-datepicker in this file; /theme/default/demo1/src/assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js
Here is the documentation. https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#formatThanks
i open /theme/default/demo1/src/assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js but i not found “format” pls write how the edit line in bootstrap-datepicker.js
Hi,
You can take one of the example datepicker and initialize it on your own with the format setting like this;
$('#kt_datepicker_4_1').datepicker({
rtl: KTUtil.isRTL(),
orientation: "top left",
todayHighlight: true,
templates: arrows,
format: 'dd.mm.yy'
});
Thanks
Hello, i open “assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js” and use the “kt_datepicker_1” But “bootstrap-datepicker.js” code list:https://controlc.com/bffc688b Not found “format” Thx
Hi,
We have tried it and it works. https://ibb.co/GQh0wDd https://ibb.co/Sf3m6QcCould you please send the screenshot of the error message?
Thanks
Hi, Really Nice theme,
just one question, if i purchased this theme can i have a pure “html/js” version?
I mean without “Gulp, Webpack” also without compressing all javascripts with demo content in bundles, like “plugins.bundle & scripts.bundle”, so i can choose which plugin to use and in which page then compress them manually.
Thanks.
Hi,
Could you please contact our support at support@keenthemes.com and provide your license key to get the download link of the classic version.
Regards, Sean
Is it possible to have the theme built without css and js bundled into a massive single files?
Hi,
Yes, please contact our support at support@keenthemes.com and provide your license key to get the support link to download the classic version.
Regards, Sean
When will DEMO 23 be ready?
Hello,
Not sure about exact date, however this time it will be really fast. In short of time we will release most of upcoming brand new demos.
Thank you.
Is it possible to get this METRONIC in PLAIN bootstrap HTML? I did buy it and I dont like gulp or webpack. I rendered the dist folder… but now I get page errors behind: DevTools failed to parse SourceMap: webpack:///node_modules/jquery-form/dist/jquery.form.min.js.map for example. and many others. Is there a way I can use this without GULP or webpack? How can I get rid of these webpack errors?
Hi, I installed using webpack but i am receiving these on console. Can you help me please: DevTools failed to parse SourceMap: webpack:///node_modules/tooltip.js/dist/esm/tooltip.js.map DevTools failed to parse SourceMap: webpack:///node_modules/popper.js/dist/esm/popper.js.map DevTools failed to parse SourceMap: webpack:///node_modules/bootstrap/dist/js/bootstrap.js.map DevTools failed to parse SourceMap: webpack:///node_modules/jquery-form/dist/jquery.form.min.js.map DevTools failed to parse SourceMap: webpack:///node_modules/perfect-scrollbar/dist/perfect-scrollbar.js.map DevTools failed to parse SourceMap: webpack:///node_modules/bootstrap-select/dist/js/bootstrap-select.js.map DevTools failed to parse SourceMap: webpack:///node_modules/summernote/dist/summernote.js.map
Hi,
We found out, we can use this webpack setting to get rid of the warning. We will include in the next updates.
devtool: 'source-map',You can add it on your own for now at; /theme/default/demo1/tools/webpack.config.js Somewhere at this line https://ibb.co/dJJgLW5
Thanks
Hi again! Is there anyway to make this change after i installed with webpack? Because i am in the middle of my project… Thanks
Hi.
Yes, you can just add this setting to your webpack.config.js file.
devtool: 'source-map',
There are no other complicated changes. Let us know if you need further clarifications.
Thanks
Hi, I use demo9 for angular. I can make so that the menu, on desktop and mobile, auto closed after click on element? At the moment he is not hiding. Thanks
Hi, enterR
We will check it and send you workaround during Monday.
Keentheme support
Hi enterR again,
1) In file ‘src/app/views/theme/header/menu-horizontal/menu-horizontal.component.html’ in row 44 add ‘ckick’ event to ‘A’ tag: (click)=”closeHeaderMenu()”
2) 1) In file ‘src/app/views/theme/header/menu-horizontal/menu-horizontal.component.ts’ file add function: closeHeaderMenu() { const body = document.getElementsByTagName(‘body’)[0]; body.click(); }
Regards, Keenthemes support
I always appreciate for your super awesome products. This is not really important question, but do you have any (rough) schedule for publishing Metronic 7…? I guess your demo 15 ~ 30 will be the next stage (maybe in Metronic 7), so I’m just curious when is your next major version upgrading will happen. Thank you.
Hello,
We target to release brand new Metronic UI in a week or two. Hope everything will go smooth. All upcoming demos will be released very fast.
Thank you.
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
