Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 120,104 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

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,

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--minimize
classes 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=default

Please 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

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 :)

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)

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 :(

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,

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=default

Thanks.

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 field

Hi,

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.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey