12220 comments found.
Hey guys. Merry Christmas! Happy New Year! Confused on the name “Default Version”. Since the other option is named “Angular 5”, is the “Default Version” not Angular? Is it just HTML/CSS/JS (doesn’t require Angular to render), created through the Layout Builder? Great work! Keep it up! Thanks.
Hi
,
Yes, the default version is jquery based HTML5 non-Angular version while the Angular version is angular 5 integrated wrapper version(uses both jquery base + Angular 5). If you need any further clarifications please let us know.
Thanks.
Hi, the side bar keeps expanding after being minimized whenever you click on the work area (right side). How to fix this?
Regards
Hi,
Sorry, we could not understand it. Which demo are you referring to and what browser are you using ? Could you please rephrase it with more details ? Do you mean that the sidebar minimized state is not remembered after you reload the page ?
Thanks.
correct, it is not remembered. I am talking about angular 5 default
Hi,
Noted. In the next update we will change it to remember the sidebar state in the browser cookies then you can read the cookie value in your server side and add required class to the body element when you generate the pages. Thus you will have the sidebar minimized by default by reading its state from the server side cookies.
Thanks.
Hi, it seems that you have missed to fix the minimized sidebar issue with the new update!
Hi
,
Actually there is no issue with it. When you toggle the left aside Metronic creates a cookie value with “sidebar_toggle_state” and you can access this cookie from your server side if the toggle state is on you just need to add
m-brand--minimize m-aside-left--minimizeclasses to the body tag in order to set the left aside minimized by default.
Thanks.
Hi,
in the demo 7, please resize your browser. The menu will be overlapped with the top bar
Thanks
Hi
,
Thanks for the feedback. Good spot. We will release a quick update shortly.
Thanks.
Hi,
I think i have posted about this error.
http://keenthemes.com/metronic/preview/?page=components/forms/validation/form-widgets&demo=defaultPlease type anything in the summernote and then click anywhere.
It will trigger error “vendors.bundle.js:sourcemap:58939 Uncaught TypeError: Cannot read property ‘replace’ of undefined”
Thanks
Hi,
This is due to the conflict between jqueryvalidation and summernote plugins. Shortly in the next quick update(v5.0.6.1) we will remove the summer note from this demo page and try to find a workarounds in the following updates.
Thanks.
Hi,
I have the same problem with the error in my own project. I just give you the demo link because it has the same error with my project, so you can try it and solve it, not just to remove the demo page. Keep the demo page please, because it help me. Because i use that feature in my project. I hope in the following update it will be fixed.
Thanks
Hi,
No, we are not removing the entire page. We just temporarily removed the summernote demo from this page since we could not find a workaround yet.
Thanks.
It is very likely that the Form Wizard did not load the style css correctly, what did it do?
Hi
,
Please try to reload your browser cache. Whenever we release a new update don’t forget to reload your browser cache. If you need any further clarifications please let us know.
Thanks.
Hi, i build v 5.0.6 using gulp—prod, but file style.bundle.css in the default base has 0 Kb.
It has file size when not using—prod.
Thanks
Hi
,
Thanks for your feedback. We will check it further and release a quick bug fix shortly if needed. Stay tuned!
Thanks.
When trying to see swal examples I get the following message:
ReferenceError: swal is not defined in sweetalert2.js:8
Well, maybe it’s possible some files have not been uploaded in the preview site, because neither the mWizard samples are working correctly.
Hi
,
Please try to clear your browser cache to reload the cached js and css files. Do not forget to do so whenever we release a new update.
Thanks.
Yep, you’re right, it worked. thank you
Great! All the best 
@cr1zz Since you are reloading, the datatable should already be initialized. The method to reload would then be datatable.reload() datatable being whatever variable name you used to hold the data table object. You can view the api documentation also to see that option. http://keenthemes.com/metronic/documentation.html#sec14-5
Hi,
In the latest v5.0.6.1 you can get the existing datatable instance, by using the jquery selector.
var datatable = $('.m_datatable').mDatatable();
Or execute directly by passing the reload method name.
$('.m_datatable').mDatatable('reload');
Make sure the datatable has been initialized before. This method can be used when reload call is outside of the init function.
Thanks
Hi there,
I wanted to reload a datatable getting data via Ajax with the ajax.reload method. Because you’re using mDatatbale (instead of datatable()) I’m not able to do this.
I’ve tried:
$(’.m_datatable’).mDatatable().ajax.reload(); -> Cannot read property ‘ajax’ of undefined $(’.m_datatable’).mDatatable.ajax.reload(); -> Cannot read property ‘reload’ of undefined $(’.m_datatable’).DataTable().ajax.reload(); -> $(...).DataTable is not a function
Please advice and thanks in advance 
Addition: I’m trying to get the datatable outside the init function.
var datatable = $(’.m_datatable’).mDatatable(); datatable.reload()
doesn’t work for me 
Any news here? Thanks in Advance.
Hi,
Please use the latest v5.0.6.1 Now you can get the existing datatable instance, by using the jquery selector.
var datatable = $('.m_datatable').mDatatable();
Or execute directly by passing the reload method name.
$('.m_datatable').mDatatable('reload');
Make sure the datatable has been initialized before.
This method can be used when reload call is outside of the init function.
Thanks
Works like a charm. Thanks!
Great! All the best with your projects 
Hi, I saw that will have demo 7, 8, 9 etc. Do you have a preview release date to these templates? Thank you
Hi
,
We are releasing demo 8 today and the rest of demos will be available during January, 2018. Stay tuned!
Thanks.
Hello, Any idea why i am getting the following when trying “gulp -prod”
$ gulp -prod [11:04:33] Using gulpfile C:\wamp64\www\DESARROLLO\lieisoft\tools\gulpfile.js [11:04:33] Starting ‘clean’... [11:04:33] Finished ‘clean’ after 140 ms [11:04:33] Starting ‘default’... [11:04:33] Starting ‘build-bundle’... [11:04:33] Finished ‘build-bundle’ after 65 ms [11:04:33] Finished ‘default’ after 68 ms
internal/streams/legacy.js:59 throw er; // Unhandled stream error in pipe. ^ GulpUglifyError: unable to minify JavaScript at createError (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\gulp-uglify\lib\create-error.js:6:14) at apply (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\gulp-uglify\node_modules\lodash\_apply.js:16:25) at wrapper (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\gulp-uglify\node_modules\lodash\_createCurry.js:41:12) at C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\gulp-uglify\lib\minify.js:54:15 at DestroyableTransform._transform (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\gulp-uglify\composer.js:10:23) at DestroyableTransform.Transform._read (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:182:10) at DestroyableTransform.Transform._write (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:170:83) at doWrite (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:406:64) at writeOrBuffer (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:395:5) at DestroyableTransform.Writable.write (C:\wamp64\www\DESARROLLO\lieisoft\tools\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:322:11)
Hi,
Please use “gulp—prod” instead of “gulp -prod”.
Try to update the npm and gulp-cli to the latest version also..
Thanks
Thank you, I’ll give it a try.
Sure, all the best 
Works like a charm with the new version.
Great! All the best with your projects and don’t forget to renew your support subscription since its expired already 
Can you add “Language selector” on topbar in the next update? I want to use it but I don’t know how to custom it 
BTW: the function “Left Aside Minimize Toggle” and “Horizontal Menu” on Metronic v5 have issue with VueJS SPA (Metronic v4 works well). I hope you will fix it in the next update 
Hi
,
Thanks for your feedback. Noted. we will consider it for the upcoming updates. If possible can you please let us know what is the issue with the left aside and the horizontal menu ? Any JS error in the console ? If you have any further details can you send it to our support at support@keenthemes.com ?
Thanks.
Hello,
I don’t see have any error in the console. But, when I go to another page (SPA do not refresh pages) it’s not working when I clicked “Left Aside Minimize Toggle” and “Horizontal Menu” but Topbar (Right Menu) still works well. I don’t know why, maybe have problem with SPA (also Angular SPA) 
Not sure what can be issue in your case. When you load another page do you just reload the content and the main layout stays ?
Yes, just load main content, Left Sidebar, Left Menu, Right Menu and Left Aside Minimize Toggle still remains the same. I don’t know why Right Menu still works well but “Left Menu” “Left Aside Minimize Toggle have problem. When I F5 page it working again, then change another page it’s still have the same problem. I don’t see any action in HTML, error in the console when I clicked. Maybe that action in javascript not called.
Sorry, we are not able to investigate this since we never tried our theme with Vue. I would suggest you to investigate it in Vue side.
Hello, I’m waiting for the updates!
Hello,
We have a good news. There will be a great updates. Stay tuned 
Thank you.
What is the update date?
In a few hours. We are submitting it now 
How do I remove the search input in demo5? When I tried to remove it, the footer become sticking to the menu.
Hi,
You can simply remove it without any issue. Probably you removed it wrongly. Please try to remove the HTML code between ”<!-begin::Search->” code comment ?
Thanks.
Hello
I’m using the “2 Columns Horizontal Form Layout” in the Angular version of Metronic 5.0.3.
If I add Form Validation I have the following problem.
My “2 Columns Horizontal Form Layout” looks like this:
Field 1 | Field 2
Field 3 | Field 4
If one Field of a Row has validation erros (like Field 1) the Field 1 and Field 2 is surrounded with red corners, although Field 2 has no validation errors. The same happens with all rows in a 2 column form.
What is the workaround to solve this ui problem?
Hi
,
Thanks for your feedback. We are releasing a fix for this issue in the next update that will be released in a few hours. Stay tuned!
Thanks.
Ouh nice. I can’t wait to get the update 
We will release a quick bug fix report for v5.0.6 shortly with some minor bug fixes.
I don’t understand… Is this fix already in v5.0.6 or do release a hot fix for this bug?
If yes, when do you expect to release the hot fix?
Thanks!
Now you can try the bug fix with current v5.0.6 version. Later we will release a hot fix for some other bugs.
Hello this problem is still existing with the newest version v5.0.6.1
Hi,
Please add “m-form__group-sub” additional class as “col-lg-6 m-form__group-sub” to the parent columns of each form group input.
You can refer to the form wizard demos’s 2nd step’s form layout that has similar feature: http://keenthemes.com/metronic/preview/?page=components/forms/wizard/wizard-1&demo=defaultThanks.
Thanks. That fixed the bug
Great! All the best with your projects 
Hi keenthemes, Is there a way to make the left navigation menu docked? Thank you.
Hi,
Can you show us some examples for the docked menu you are referring to ? Also you can email our support at support@keenthemes.com for any further conversation.
Thanks.
Hi, I’m working on top nav menu search in (demo6) and I would like to know how to extend the size of the search filed without losing the current extend size effect when you click on the search field?. Can you point me to the correct javascript or jquery effect that is responsible for that? Thanks
Hi,
Do you need to increase the initial input width ? In yes, you can change it in the SASS array variable ”$m-config-header.search.self.width.desktop.expandable.initial” in “src\sass\demo\demo6\header\__config.scss” file. And just compile it using “gulp” task to see the changes. If you need any further clarifications please let us know.
Thanks.
Hi
in the New Demos, the Export Data Buttons in Datatable (Buttons Extension) not exist why?
what about old Demos still exist or not?
Thank you…
Hi
,
Thanks for your feedback. In the Metronic v5 we are using our custom mDatatable plugin(the old v4.x uses datatables.net one) and at the moment it does not have export functionality. But we will implement it in the following updates. We are already working on it.
Thanks.
hello, I want to know where can I change the tools in table button *(Print, Copy, PDF, Excel, CSV, Columns), for example, if I press print data table I don’t want print all fields on the table. note: I press on Column Tools option and press on Actions field to remove it from the table, it’s removed but when I press PDF, Print ….etc still visible.
this is the link to the page: http://admin-cp.easyappsolutions.com/admin_5/datatables.html I don’t want print Action fieldHi,
For this please check the official documentation of the datatables buttons extension: https://datatables.net/extensions/buttons/
Thanks.
Hello
How can I toggle quick sidebar ? via JQuery?
Hi
,
Thanks for your feedback. In the next update we will release an API method to toggle the sidebar via toggle plugin. The next update should be released in 1-2 days. Stay tuned!
Thanks.