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

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,

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,

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!

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,

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.

Hello,

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

Have a nice day.

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.

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

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

sure

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

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 ,

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

Hi,

Using our Gulp builder you can create sub bundles or even separate bundles for each resource. https://keenthemes.com/metronic/?page=docs&section=html-build-tools In tools/gulp.config.json build config file please check how the custom bundles are setup: https://imgur.com/J39UYfd

Also you can exclude the main plugins bundle css/js and instead include required plugins css/js files directly from your assets folder. For this you just need to move required plugins from node_modules into your assets folder.

Regards, Sean

Hi,

Current Metronic 7 demos are not compatible with Metronic 6.x version demos since those versions use different versions of Metronic and classes as well. if you need any further clarifications please contact our support at support@keenthemes.com

Regards, Sean

Also using Laravel version, select2 doesn’t work good instead i had to use bootstrap select included in the bundle

Hi,

In the example, highlight API added “highlight” class to row or column on hover. Could you please add this css?

td.highlight {
    background-color: whitesmoke !important;
}

We will fix the select2 issue in laravel.

Thanks

Hi,

At the moment, the function for adding a new row for local table does not exist. If you use the remote data source, you can update the data in the backend service and reload the table.

You can also try these workarounds.

1) Try to destroy the datatable and then reinit it back using the same option, with the updated data.

var option = {};
var datatable = $('.datatable').KTDatatable(option);
datatable.KTDatatable('destroy');
// update data and reinit using the same option
datatable = $('.datatable').KTDatatable(option);

2) You can try this workaround to modify the existing data in datatable by adding directly into internal datatable.

var datatable = $('.datatable').KTDatatable({/*...*/});
var dataArray = datatable.originalDataSet;
// console.log(dataArray);
// update or append dataArray with new data;
datatable.originalDataSet = dataArray;
datatable.reload();

Let us know if you need further clarifications.

Thanks

Hi ,

Thanks for dropping a line. Yes, sure. We have been working on Bootstrap 5 migration since early alphas and hopefully within February we will release the major update with Bootstrap 5, optimized codebase with typescript/es6 support. Also the css bundles will be optimized up to 70%.

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

Regards, Sean

Hi,

Thanks for your interest in our theme – Metronic. Demo 18 release date is not confirmed yet since we are now working on Bootstrap 5 update for Metronic. We would suggest to make your plans on currently released demos since the pending demos ETA is unknown.

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