12220 comments found.
Thanks
Hi,
You can extract the data from PHP into JS in JSON format to a variable as shown below:
In PHP:$data = array(12,23,24,45,54,56,12,13,54);
In HTML pass as a JS variable: <script> var data = <?php echo json_encode($data)?> </script>
And you can pass the JS data variable to the chart config.
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
The docs talk about gulp and yarn installs etc, but I just want this for a small project. I take it it comes with just the old school html/css/js files so I can just setup set it up with the files and no compiler? Thanks
Hi,
We strongly recommend you to try the buildable version since using it you can exclude unused plugins and make your build small enough to fit your project needs. Also with the buildable version you can work with SASS files to quickly customize your layouts and components.
However we do still provide the classic version in the package that provides you the old school way of working with the theme.
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. Compose form (modal) in Inbox app on mobiles is unaccessible! Gmail use for that double approach: dynamic height and fixed area on desktop and absolute scrollable div on mobiles.
another bug is with overflow: hidden on opened modal – that cause oveflow issue with tooltips of toolbar of editor (as editor I used for example ck-editor example of integration from latest build)
Hi,
Thanks for your feedback. We will check these issues and fix in the 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
Hi Keenthemes,
I dropped the dev for Metronic 5, and decided to use Metronic 6, and I was about to begin cut the last demo3 theme,but is seems that “User Notification panel has’t the blue background like other pannels” ??
https://i.imgur.com/fThH0ps.png any fix verry soon ?
Thank you.
Can I use builder for demo3 ?
sorry I got the thing,
Now I know that white notification without a background is an option, I went with a diff and got the thing,
thank you keenthemes
Hi
,
Sorry for the late reply. But glad that you figured it out. If you need any further help please let us know.
Regards, Sean
if (KTUtil.hasClass(message, 'kt-inbox__message--expanded')) {
KTUtil.removeClass(
message,
'kt-inbox__message--expanded'
);
} else {
KTUtil.addClass(message, 'kt-inbox__message--expanded');
}
i do with
KTUtil.toggleClass(message, 'kt-inbox__message--expanded'[, someInitialCondition])
Thanks
Hi
,
Thanks for your feedback. We will check that further and consider adding it 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
Hello. I know that this question has been asked before, but when you will release the React version? I need it. I want to be part of the 75K!
Hi
,
The react version has been released already for Demo1 The Demo2 react version will be releasing in 1-2 days.
You can preview it here: http://keenthemes.com/metronic/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
Yes! thank you. Waiting for demo4!
please check and help , http://prntscr.com/phz1h1
http://prntscr.com/phz1n2I need this ASAP
Thanks
please check package files on local system , not running from htdocs also I have urgent requirements please update package or send me download link on rahulxarma@gmail.com
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.
Thanks
Why i need to run node.js and command lines ? I purchase this before 5 year for HTML version 
I just want there should be an HTML version in package to use easily by every one.
or you can create HTML package for me and send me on my email id please at rahulxarma@gmail.com
I need Demo 6 – Admin Backend please send me zip download link.
Very Thanks in advance. I have given 5 star Reviews before some years and Really Happy to Have this Great Template.
Please send me HTML zip download link.
Thanks
Hi 
If you don’t want to use node.js (Default version), you may choose to use Classic version. Please find it here in this directory.
/theme/classic/demo1/index.html
In the Classic version, rebuilding the assets is not required.
Thanks
Hi, it looks like Angular version has less functionality, less examples. Is that true?
Hi 
Some pages from the Default version might not exist in the Angular. But the CSS styles from Default version already integrated in the Angular. All the components from the Default version is 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 funtionality and implementation need to be done by customer because every customer has its own business requirements.
Another matter is because of the 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
Hi! You have good checkbox components, but from the point of view of usability in ux / ui you have one huge omission – in most cases the user needs to clearly see the selected (checked) option, and it is not necessary to see its default outline or fill with color from state colors. For example I needed to see in default state – outline version with default outline color, and in checked state – solid variant – filled with provided from className state color (and tick, of course) With your current setup it’s not possible to do just with css-classes, because when you put .c-checkbox—STATE_COLOR checkbox has already outile or fill with this color. Please, provide me a minimal workaroud to make this, or make another mod of checkbox component in future version!
I apologize for my English, maybe it will be more clear with screenshoot (it’s my hardcoded version): https://i.imgur.com/AjXIJrq.pngThanks)
Hi,
It seems the link you passed is not accessible. Could you please provide us a valid link ? If you can explain us your requirements we can consider creating a new option that works the way you described.
Regards, Sean
Sorry for bad link Here is: https://yadi.sk/i/Z6eA_U14nDDiWA Requirements is so simple – users need a combination mod of 2 current available variants: outline by default and solid when is checked with theming only for checked state (because it is a common practice to fill or make outline color only if checkbox is checked, not by default!) Thanks!
Noted, we will consider implementing this 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
@partheshbulbule – use cropper.js separatelly.
Hi, I have a problem with implementing select2.js. When using HTML template in angular. Search function in select2 is not working.
Hi 
Select2 is a jquery plugin. By default, we do not integrate jquery or jquery plugins into Angular. So we will skip any components related to it.
If you need select2 to be working in Angular, you have to integrate the jquery also.
Thanks
Thanks for the reply… Again I’m facing issue when using bootstrap-select.js in angular. Can you suggest with some alternate option.
Hi 
Thanks
Is there any js file for avatar cropping before uploading to server?
Hi,
Metronic does not have such cropping plugin at the moment. But you can include this cropper plugin: https://fengyuanchen.github.io/cropperjs/Regards, Sean
Hi Metronic Team 
How can I install the classic theme?
Hi,
The classic theme does not require any installation. You can just launch it directly. In case if you decide to use the buildable you can check our video tutorials to learn the best practices of using Metronic in real world projects:
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
For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
When can we expect React.js versions for the other Demos apart from Demo1?
Hi
,
We are working on other demos as well. Demo 2 will be released in 2 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
Hello, I am building a project with Laravel which already has the webpack, so what I am doing is taking the theme files and moving to this webpack file. My question, where do I see which files (JS and SCSS) are outstanding for the layout? I ask this because I will have authentication pages (login, remember password, etc ..) which does not require much style as the example of the login-3 theme. Any tips for mounting these files?
Another note on the demo login-3 page is the error occurring: https://imgur.com/a/jTqsi54
Hi 
For the login-3 template, you can exclude the JS files. This SCSS file is required for the login-3 page. You can include it for your webpack. /theme/default/demo1/src/assets/sass/pages/login/login-3.scss
The main style is /theme/default/demo1/src/assets/sass/style.scss. You have to include this main SCSS before login-3.scss file.
For those error issues might related to the webpack include issue, for util.js file.
Thanks
Thanks for the feedback. Another question, I’m trying to use alert with the close button, but when I copy and paste the code from the alerts.html page it does not work closing. Did you know which files are required to function? I will use this on the login page.
Alerts: https://keenthemes.com/metronic/preview/demo1/components/base/alerts.html
Hi 
You should copy all of the required elements, including all the class names.
For example below;
<div class="alert alert-primary fade show" role="alert">
<div class="alert-icon"><i class="flaticon-warning" /></div>
<div class="alert-text">A simple primary alert—check it out!</div>
<div class="alert-close">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="la la-close" /></span>
</button>
</div>
</div>
Thanks
I saw there was a new update. Is there any place i can see the new change logs that were pushed with this update without downloading?
Hi, I am thinking about buying the newest metronic version (6.0.8) for one of my new projects. But it seems that the Portlet Fullscreen mode is not working anymore. I can see some code lines with “fullscreen” in javascript, but no working demo. Does fullscreen portlet mode still works? (It worked in my old 5.X Version), or did you remove this feature?
Hi,
We decided to remove this feature in v6.x due to some known z-index issues with most of the 3rd-party plugins. In the near future we will come back to this and try to find better solution . In the meantime we believe that users may implement it better according to their needs.
Regards, Sean
Thanks. I am looking forward to see this feature again.
The latest version does not work ???
Hi,
It definitely works. Maybe you haven’t checked the readme and documentation ? To launch the demos you will need to install the build tools and compile the theme. For more info please do contact our support at support@keenthemes.com
Regards, Sean
In dropzone demo in demo with AutoUpload you have wrong logic in code:
// Update the total progress bar
myDropzone5.on("totaluploadprogress", function(progress) {
document.querySelector( id + " .progress-bar").style.width = progress + "%";
});
When you remove file from added list you will see in console
Uncaught TypeError: Cannot read property 'style' of null
Hi,
Thanks for your feedback. We will check it further and fix it in the next update soon.
Regards, Sean
In the Demo 2, is there a way i can use a smaller header bar like the Demo 1 for example?
Hi,
Demo 2 comes with this pre-built layout and if you want to change it you will need to modify the layout sass code according to your requirements.
Regards, Sean
Could you please point out where I can edit this?
Hi,
First of all you will need to fully check the theme documentation and video tutorials to understand the file structure and code organization. Only after that you will be able to start customizing the theme.
You can check our video tutorials to learn the best practices of using Metronic in real world projects:
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
Once you are familiar with the theme and build tasks you can start customizing the theme by editing the SASS code in:
theme\default\demo1\src\assets\sass\global\layout\header\_header.scss
For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs
Regards, Sean