12220 comments found.
Hello,
How do I setup to use just html without gulp?
Hi 
,
Please contact our support at support@keenthemes.com with your purchase key and we will provide you a download link for the classic version.
Regards, Sean
Okay, Thank you very much. I will do that now.
You are very welcome!
Hi,
Thanks for your feedback. We just wanted to update you that we are checking this and trying to prepare a working example for this case. It seems in order to implement it the way you explained we need to do some workaround by checking the plugin’s official documentation: https://yaireo.github.io/tagify/
If you need any further update on this please email our support with your purchase key and we will reply you once we have any progress.
Just a friendly reminder. In order to request a theme support you will need to have a license with an active support subscription. To check your subscription status or renew it you can go to the Metronic page and refer to the support info below the theme price panel. https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469Regards, Sean
App.js line 132 inside function initAbsoluteDropdowns Issue: you have not access to detached element without saved reference to it I prefer to use data storage of jQuery My workaround:
var initAbsoluteDropdowns = function() {
$('body').on('show.bs.dropdown', function(e) {
// e.target is always parent (contains toggler and menu)
var $toggler = $(e.target).find("[data-attach='body']");
if ($toggler.length === 0) {
return;
}
var $dropdownMenu = $(e.target).find('.dropdown-menu');
// save detached menu
var $detachedDropdownMenu = $dropdownMenu.detach();
// save reference to detached menu inside data of toggler
$toggler.data('dropdown-menu', $detachedDropdownMenu);
$('body').append($detachedDropdownMenu);
$detachedDropdownMenu.css('display', 'block');
$detachedDropdownMenu.position({
my: 'right top',
at: 'right bottom',
of: $(e.relatedTarget),
});
});
$('body').on('hide.bs.dropdown', function(e) {
var $toggler = $(e.target).find("[data-attach='body']");
if ($toggler.length === 0) {
return;
}
// access to reference of detached menu from data of toggler
var $detachedDropdownMenu = $toggler.data('dropdown-menu');
// re-append detached menu inside parent
$(e.target).append($detachedDropdownMenu.detach());
// hide dropdown
$detachedDropdownMenu.hide();
});
};
Hi,
Thanks for your suggestion. We will check it further and considering fixing it in the next update very soon.
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
can i use it with django?
Hi ,
Sure, you can use it with any server side or frameworks.
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
We used PHP as a backend language and the steps can be applied to any language. You just can go with webpack builder since its getting more popular nowadays.
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
Elements of default versions, can be used in angular 8 app? or I must used Angular themplate?
I ask because the Angular version has much less optionsHi,
Some pages from the Default version might not exist in the Angular. But the CSS styles from Default version already integrated into the Angular. All the components from the Default version are 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 functionality and implementation need to be done by the customer because every customer has its own business requirements.
Another matter is because of 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
Thank you, In that case you should buy the default version and the angular version or do they both come in the package?
Hi,
Both come in one package.
Thanks
i just noticed, that your utils: get, getBy[some] return only single (first found) element. Why? Why is reason to use [0] in this functions? For example: KTUtil.getByClass return not array of elements with passed classname but first? I’m shocked)
Hi ,
Thanks for your feedback. Added into our todo list. We will consider to modify these functions to work as expected 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
Hi Keenthemes, in the latest update you removed the classic folder with demos working immediately…any way to get this back? Thanks
Email sent
Hi FedericoV,
Let us know if you haven’t received the download link.
Thanks
Link received and pack downloaded. Thaks a lot for support
Your welcome
.DataTable has a “language” option to change datatable text. Is this also possible with .KTDatatable?
Hi,
We have sample for changing the default text. Please check this sample js file in translate option.
/theme/default/demo1/src/assets/js/pages/crud/metronic-datatable/base/translation.js
Thanks
Make possible to configure kt-datatable__pager-size width from options (maybe in $.fn.dataTable.defaults) For example I use another font and default font-size in 14px and this is not enough for text inside pager-size select, and it’s clipped. Currently width value is hardcoded:
// page size select
var pageSizeSelect = $('<select/>').
....
attr('data-width', '60px')
...
And only way to override without !important rules in styles is to change code in source
Hi,
Sorry for the inconvenience, at the moment the width is not configurable via option.
Thanks
datatable.rows('.kt-datatable__row--active').remove();
But I need to do this after on before a manual ajax request?
Will be nice to achieve this with datatable api – it is possible at the moment?
Hi,
Is it not possible at the moment. You have to make a separate ajax request to remove on your server, then use this function to remove row from grid. We will consider adding it in the future updates.
Thanks
Hi Keenthemes,
how to use (table.ajax.url( ‘newData.json’ ).load()) in KTDatatable,
thanks
Hi
You can keep the original options in a variable and destroy the existing datatable using destroy() function. Then replace a new url to the existing options, and reintialize the datatable.
Thanks
Hello. I would be grateful for a workaround in resolving the issue in Metronic datatables – I need preventing incomplete server requests while new requests of the same type were sent. In my code I just use closure function to keep available unterminated requests Example: https://gist.github.com/7iomka/a63e23b3250c0d2a314d8412b5313bbe#file-example-js-L16
I find this a bit complicated because if you edit the original code (getData function, of course)
Hi
Thank you for your findings. We got you. We will consider adding condition to check existing API call and abort.
callApiRequest.abort();
Thanks.
Hi Keenthemes,
I’ve tried to integrate “Toggle sub navigation” into a Dropdown but the animation (closing and opening of navs accordions doesn’t work while the dropdown is still open)
I made it work in Metronic 5, but 6 ..
here’s the nav dropdown : https://ibb.co/rkVG6hYhere’s my html of drop down(swith to source code view) : https://u7frte5b2lyj.htmlsave.com/
thank you.
Hi,
Since Bootstrap 4.x update you will need to wrap the dropdown-menu content with FORM tag in order to make the dropdown menu not closable:
<ul class="dropdown-menu">
<form>
<li>
<div class="menu-item">bla bla bla</div>
</li>
</form>
</ul>
Regards, Sean
Thank you soooooo much Sean,
You made my day.
You are very welcome All the best with your project!
Thank you for the React version. Is the demo 3 in React scheduled for the next release? Do you have a timeline? Much appreciated.
Hi ,
Thanks for your feedback. We will do our best to release the next demo3 React app as soon as possible in a week or so.
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
I have an issue with caching in metronic v6.
When i make changes to the _config file the website does not update. I have to clear my cache in my browser for this to work. While I don’t have a problem with this I must admit that I don’t expect the same from my users.
How can I have the changes to the _config file show immediately?
Hi
Are you modifying _config.scss file? You have to recompile the assets using our build tools, gulp or webpack.
Please check here for more info. https://keenthemes.com/metronic/?page=doc
Thanks
Thank you. I should perhaps have mentioned that I’m on Angular. I do not see any ‘tools’ folder from which I must recompile the assets.
I edit the _config.scss as well as the layout.config.ts.
What would you recommend?
Thanks for the response.
Hi
You can ignore my previous comment. It was for Default package.
Angular config is in layout.config.ts. It will be kept in the cache. Once you modified it, you have to clear it. But for production, the config should be static and not always change. This shouldn’t be a problem for users. Worst case you can clear the cache programmatically on the first run.
Thanks
I’ve just download it but has no CSS directory
Hi ,
First of all thanks for choosing Metronic.
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
Just a friendly reminder: In order to request a theme support you will need to have an active support subscription. To check your subscription status or renew it you can go to the Metronic page and refer to the support info below the theme price panel: https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469Regards, Sean
Hi keenthems,
Recentlly I dropped Metronic 5.5.4 for my actual project since the Metronic 6 was out, I was amazed by the speed and the look, I endded up embracing Metronic 6.
I’m running into an issue that wasn’t in Metronic 5.5.4, Actually I’m using the last version Metronic 6.1.2.
Here’s a Desktop view where every js link inside a red ovale circle is working just fine : https://ibb.co/yqHp0DK
Here’s a Responsive and mobile view where links inside a red ovale circle is working but the ones inside black one are NOT WORKING, I mean those links dragged inside a responsie (+) sign are not. : https://ibb.co/SmSjkxn
The issue is : When listing the Vehicles page in datatable.net in desktop (I mean when the menu or buttons are showed) everything works fine, but when it goes to responsive view or resize the window or even view it in mobile, it won’t fire the links in the menu or buttons that are hided in datatables (you have to click on the ’+’ of the begining of datatable line) line wich is a javascript call to a modal.
I put in the datatable .js file the snippet responsible to fire the clicks of javascript if the view is in responsive mode. that’s why it was working in Metronic 5.5.4, but seems that something is blocking this to happen in Metronic 6.1.2 either in “assets/plugins/global/plugins.bundle.js” or “assets/js/scripts.bundle.js”
My js file of datatable init (works fine in Metronic 5.5.4):
// Initit / default datatables.net Display
var table = $('#kt_vehicule_1').DataTable( {
responsive: true,
ordering: false,
pageLength: 25,
lengthMenu: [[5, 10, 25, 50, 100, -1], [5, 10, 25, 50, 100, 'All']],
//footerCallback: *** HERE ***
} );
// Responsive event handler
table.on( 'responsive-display', function ( e, datatable, row, showHide, update ) {
modalEvents(); //A call for the responsive datatables.net Display to fire the JS Modal
} );
This JS Modal behaviour/process is the base and a Must for my project, my project is based heavliy on this javascript modals call.
Please, Please keenthemes, I’m on this project since 2017, and … not a alpha version yet.
Thank you keenthemes.
Hi
Could you please use onclick delegation method to your buttons. This way will keep the click event attached to the button, even the table element’s has been changed.
$('#dataTable').on('click', '.your-btn', function(e){
// your on click action. eg. opening modal
// modalEvents();
// $('#myModal').modal();
});
Just a friendly reminder: In order to request a theme support you will need to have an active support subscription. To check your subscription status or renew it you can go to the Metronic page and refer to the support info below the theme price panel: https://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469
Thanks
Thank’s PixkelDots.
I was hopping a solution for a repsonsive way, but since this works I’m gonna take it, even if the function of all Modals URL is calling everytime you click on the datatable.net (long time, but) not like responsive way (the call can occur just when the datatable enter the reponsive rendering, meaning just 1 time.).
About the support subscription, I was registered 3 times now, when I got time I’m gonna see with the expired credit cards, give sometimes (I’m in the middle of a lots things ..) but the minutes it is done, sure will.
Thank you a lots.
Hi riterix,
Glad it worked. Let us know if you need further help.
Thanks
I’m having an issue with switching to my firebase firestore database in metronic 6.0.7.
When I change the call to get my collection of users on Firestore (the findUsers function in the auth service) the page that must list the users just indicates loading and the table remains empty.
I can see that my users are returned from firestore (in console) thus I know that my access and queries are working correctly. It appears that the subscribe that listens to the Observable<User[]> is not functioning correctly.
Please assist.
Hi
The findUsers method should return Observable<QueryResultsModel>.
If you have an active support subscription, welcome to our support panel: https://keenthemes.freshdesk.com/
Thanks
Hi there,
I did as you suggested but noticed that the ‘return forkJoin(requestToServer, lastQuery)’ did not return anything to the map of the pipe in UserEffects class.
I then piped and mapped the results from the findUsers() function to return the observable. It appears that this worked.
Thank you for your assistance.
Thank you for your response. Glad to see that this worked finally.
yarn yarn install v1.19.1 info No lockfile found. [1/4] Resolving packages… [2/4] Fetching packages… info fsevents@1.2.9: The platform “linux” is incompatible with this module. info “fsevents@1.2.9” is an optional dependency and failed compatibility check. Excluding it from installation. [3/4] Linking dependencies… warning ” > bootstrap-switch@3.3.4” has incorrect peer dependency “bootstrap@^3.1.1”.
Hi
These are only some warnings. Let us know if you have issue with it.
Thanks
Hello is it still possible to use fullscreen in portlet tools? I don’t see any examples here https://keenthemes.com/metronic/preview/demo2/components/portlets/tools.html
But I found it in the docs https://keenthemes.com/metronic/?page=docs§ion=portlet
I tried using an anchor tag with this attribute data-ktportlet-tool=”fullscreen”, but it’s not working.
When clicking the fullscreen button the class “kt-portlet—fullscreen” is appended to the body element, but the portlet size is not changing.
Hi,
Thanks for your feedback.
The fullscreen portlet feature was dropped in v6.x due to known z-index and scrollable height conflicts with other 3rd party plugins. We will consider implementing it in the near future if we can find better way of handling 3rd party plugin integrations.
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
