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 119,849 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12208 comments found.

Hi, can i have version 6 preview url?

Hi :),

You can access to the Metronic v6 here: https://preview.keenthemes.com/metronic-v6/

For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

Hi Dears,

when you will add these features as it is highly need : - inline edit in datatables or kttables - add class e.g: required , so when use this class it add * next to lable

please consider to add these feature if possibile

Thanks

Hi :),

Thanks for your feedback. We will add more such features in Metronic 8 with Bootstrap 5 update soon.

For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

Metronic v7.0.9 – HTML Demo 1 I am trying to load checkboxes using Ajax. I have the following code to check if checkbox is clicked or not clicked $(‘input[type=”checkbox”]’).click(function () { alert(“Checkbox Clicked”); }); This alert does not get executed for dynamic checkboxes using Ajax but does get executed for pre-defined checkboxes (on html page) I have no issues with styling. I couldn’t find initUniform() method anywhere in the code. Please advise!

Hi,

This question is related to basic jQuery coding. The uniform checkbox plugin is no longer used in Metronic 7.x. For your case you should consider using event delegation: https://learn.jquery.com/events/event-delegation/

For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

columns: [ { field: ‘FullName’, title: ‘Adı Soyadı’, visible: function(row) { if (row.FullName !== ‘undefined’) { return true; } else { return false; } },

How can I hide the column based on incoming data? in some cases I don’t want the full name to appear.

but the “function” does not work in “visible”.

Hi,

Sorry for the delay. The param does not accept function.

Could you please use the function?

datatable.columns('columnName').visible(false);

Thanks

hi, why this code not working?

new >

/* (this part work fine) $(’#kt_datatable_search_department’).on(‘change’, function() { datatable.search($(this).val().toLowerCase(), ‘DepartmentID’); }); */

$(’#kt_datatable_search_deparment’).selectpicker();

<select class=”form-control” id=”kt_datatable_search_department”> <option value=””>All</option> </select>

old version (work fine)

$(’#kt_datatable_search_status’).selectpicker(); <select class=”form-control” id=”kt_datatable_search_status”> <option value=””>All</option> </select>

the drop down list looks like the classic list view.

I looked at this for 3 hours and didn’t notice. :((

$(’#kt_datatable_search_deparment’).selectpicker();

deparment > department

I am ashamed right now. can you delete this post

Hi :),

Glad to hear that you figure it out. That is not problem at all. If you need any further help you may directly contact our support at support@keenthemes.com

For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

I bought the metronic and the files were all messy, I will attach some photos.

Hi,

First of all thanks for choosing Metronic.

In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.

Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.

We encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.

You can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs&section=html-build-tools and install the build tools and generate the assets by your own in a few minutes.

If you need any further clarifications please contact our support at support@keenthemes.com

Regards, Sean

Hi, there is a problem with axios in reactjs, axios not handle any error(error not reached at catch block).

Uncaught TypeError: Cannot add property config, object is not extensible at enhanceError (12.chunk.js:64756) at createError (12.chunk.js:64663) at settle (12.chunk.js:64896) at XMLHttpRequest.handleLoad (12.chunk.js:64136) 12.chunk.js:252715

Hi hemantarch,

Could you please mail us ‘support@keenthemes.com’ and share your code and errors, we will try to help you then.

Regards, Keenthemes Support

No asset folder for HTML? Not a good start.

Hi,

First of all thanks for choosing Metronic.

In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.

Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.

We encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.

You can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs&section=html-build-tools and install the build tools and generate the assets by your own in a few minutes.

If you need any further clarifications please contact our support at support@keenthemes.com

Regards, Sean

why not just include the assets folder, give way too much work to follow the video

Hi,

Thanks for dropping us a line.

Please note that Metronic’s default package includes all the features bundled and by using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal. Also the build tools are required only for your development just to manage the assets and for production site you may just use the compiled assets according to your project requirements.

We encourage our users to move forward with the development trends and from our side we can help with video tutorials, documentations and easy to follow guides.

If you need any further clarifications please contact our support at support@keenthemes.com and provide more details for your issue(screenshots of command line error, etc) and we will do our best to help you out.

Regards, Sean

Hi

I want to buy this template but I want to understand something : I can use this template with laravel for the backend and angular for the frontend together ?

Thanks

Hi,

Sure, you can use angular on the frontend and laravel on the backend.

Notice that our Laravel version is a skeleton app and we are not providing any becked functionality.

Thank you!

Hi,

Im using sessionTimeout and its working good. I set the show times and when the time comes, the modal comes out. İts ok. But When I working on page with ajax functions, server session time reseting but sessionTimeout not reset. How can I reset sessionTimeout counter? I want reset Timeout before its show

Im using v7.2.0 Html Demo1.

Im using this sample code:

$.sessionTimeout({ title: ‘Oturum Sonlandırma Uyarısı’, message: ‘Oturumunuz sonlandırılacak. Çalışmaya devam etmek ister misiniz?’, keepAliveButton: ‘Devam Et’, logoutButton: ‘Oturum Sonlandır’, keepAliveUrl: ’/Users/LoginUzat’, logoutUrl:’/Users/LogOut’, redirUrl: ’/Users/LogOut’, warnAfter: 60000, redirAfter: 120000, ignoreUserActivity: true, countdownMessage: ‘Sonlandırmaya {timer} saniye kaldı…’, countdownBar: true, });

After runing this code it starts counting 60 seconds before show warn window. However, if the user is active on the page, this counter needs to be reset.

How can I to reset the counter?

Hi,

To make it you should set property ignoreUserActivity to false, now each time when user will be active timer will be reset.

ignoreUserActivity: false,
For more info check out bootstrap-session-timeout github page: https://github.com/orangehill/bootstrap-session-timeout

Thank you!

ok thank you

hi, there is a problem with the Turkish language character when searching on ktdatatable. How can I solve it?

Hi,

Sorry for the delay. Glad you solved it. Thank you for your sharing as well. That solution with characters list are useful.

Thanks

How can I use the character list? I would like to use the correct method.

Hi,

Could you please try this solution for your column custom sorting?

{
                field: 'field',
                title: 'Title',
                // custom sort callback for number
                sortCallback: function(data, sort, column) {
                    var field = column['field'];
                    return $(data).sort(function(a, b) {

                        var aField = a[field];
                        var bField = b[field];

                        var special_letters = {
                            'C': 'Ca',
                            'c': 'ca',
                            'Ç': 'Cb',
                            'ç': 'cb',
                            'G': 'Ga',
                            'g': 'ga',
                            'Ğ': 'Gb',
                            'ğ': 'gb',
                            'I': 'Ia',
                            'ı': 'ia',
                            'İ': 'Ib',
                            'i': 'ib',
                            'O': 'Oa',
                            'o': 'oa',
                            'Ö': 'Ob',
                            'ö': 'ob',
                            'S': 'Sa',
                            's': 'sa',
                            'Ş': 'Sb',
                            'ş': 'sb',
                            'U': 'Ua',
                            'u': 'ua',
                            'Ü': 'Ub',
                            'ü': 'ub',
                        };
                        $.each(special_letters, function(key, val) {
                            aField = aField.replace(key, val);
                            bField = bField.replace(key, val);
                        });

                        if (sort === 'asc') {
                            return aField > bField ? 1 : aField < bField ? -1 : 0;
                        } else {
                            return aField < bField ? 1 : aField > bField ? -1 : 0;
                        }
                    });
                },
            }

Thanks

Thanks you so much.

We are working hard to support our customers. :) Limitless outstanding features will be delivered very soon.

Stay tuned.

The way Metronic render avatars svg files is amazing for eg : users/clients/students…

but we need more than 50 avatarsif it posible,

Do you guys have a source URL of the Avatar complete .svg list ?? or are you putting more than 50 or at least 100 in the next Metronic 8 ??

Thank you for the good work.

Hello,

Appreciate your warm feedback. Could you please drop an email to support@keenthemes.com? We will provide necessary avatars.

Have a nice day.

Will be easy Update of Metronic 8 from Metronic 7 or change lots of things?

Hi,

Yes, there will be some breaking changes. It will depend on Bootstrap 5 update as well since the new Bootstrap version has breaking changes. Also Metronic 8 optimizes its css and js to improve the performance and css file size as well.

Please follow us at http://twitter.com/keenthemes to stay updated.

Regards, Sean

Is there any example design for Metronic 8? Screenshot etc.

Hi,

Design will remain same. We will add more useful pages and UI samples.

Thank you.

I downloaded the html version 7.2.0. I created the demo1 with Gulp as in the documentation and ran the site. I click an item on the side menu. but, after page loaded the menu does not scroll down automatically to the selected menü item. its working in Live prewiew in your site. What must I do?

Hi,

Could you please send the screenshot? The menu should not scroll down to the selected menu item.

Thanks

open your demo 1 preview : https://preview.keenthemes.com/metronic/demo1/index.html

click Miscellaneous > Cropper in left/side menu

after page loading left menu is going to Miscellaneous menü item.

Hi,

It should work the as in your local. When you click on the menu, the next page refresh will make the menu move to the last clicked menu item.

The difference is in server it takes time to load, then the menu initially at the top then suddenly jump to the last clicked menu. JS takes time to execute in server.

In local, you can’t see the movement because it fast. But it move exactly as in the preview site.

Thanks

Hi i have an issue with KTDatatable , which is I initialize the table after an ajax call, first time the KTDatatable will create and fine , but for the second time when again i call the KTDatatable it will through this error (this.each is not a function) many times , in classic datatable there is a function that checks the datatable if initialized if yes we can destroy so we create again and prevent this error but for KTDatatable i don’t know how to check if KTDatatable initialized or not can you help please , this is the function i have used in classic datatable

if ($.fn.dataTable.isDataTable(’#tblid’)) { $(’#tblid’).dataTable().fnDestroy(); }

is there any alternative in KTDatatable ?

thanks for the replay , but this also does not fixed the issue , still getting ( this.each is not a function) error.

this is where i get the error from plugins.bundle.js line 9933

wrap: function( html ) {
    var htmlIsFunction = isFunction( html );
},
return this.each( function( i ) {
    jQuery( this ).wrapAll( htmlIsFunction ? html.call( this, i ) : html );
} );

Hi,

Could you please send your full ktdatatable code via our email at support@keenthemes.com or gist? https://gist.github.com/

We have to check it further.

Thanks

Hello, In laravel version will all table graph and data comes from database?

Hi,

At the moment in the Laravel theme, we are not providing any backend functionality, it is static data and you could be able to easily replace it with data from your database.

Regards, Lauris

When will symfony support?

Hello,

At the moment we do not have plans to build Symfony version of Metronic, however we will consider this in the future.

Thank you.

Hi there, Is there any update for Demo 2 for Laravel? Original timeline said Jan 2021 in your previous comments.

Hi :),

Thanks for dropping a line.

In our previous reply we said we may revise the current Laravel implementing after the major Bootstrap 5 update Jan 2021. Our new update will be released soon probably by end of February. In the meantime you can refer to Laravel Demo1 and just replace the Demo 1 layout with Demo 2 layout. Many users successfully using our Laravel solution with other demos with some slight changes. If you need any further help please contact our support via support@keenthemes.com.

Regards, Sean

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