12202 comments found.
how I can add button in header to Switchable Color Schemes in whole website?
Hi,
Could you please contact our support via support@keenthemes.com clarify your question with more details ? Are you referring to the layout theme options(dark/light) or something else ?
Regards, Sean
yes, I want switch between Dark/Light by button
Noted, we have just replied you with some instructions.
Hi amr_mor1,
Could you please clarify, which framework(HTML/React/Angular/Vue/Laravel), version(7x.x/6.x.x)/ and demo number of Metronic do you use?
Regards Keenthemes support
Hello, HTML and demo number 3 Thanks in advance.
Hello,
I’m watching the video tutorial you gave me, but I’m stuck at 28:34
On the terminal, I have exactly the same as you.
But just bellow : Finished ‘default’ after 96ms
An error is displayed :
[15:00:01] Finished ‘default’ after 179 ms Error in plugin “sass” Message: ..\demo1\src\sass\_init.scss Error: File to import not found or unreadable: bootstrap/scss/_mixins.scss. on line 15 of ../demo1/src/sass/_init.scss from line 11 of ../demo1/src/sass/style.bundle.css >> @import “bootstrap/scss/_mixins.scss”;
internal/streams/leagcy.js:61 throw er; // Unhandled stream error in pipe.
PluginError: ..\demo1\src\sass\_init.scss Error: File to…
It dit generate the assets folder for me in dist assets, but without the css files…
Do you know how to solve this problem?
Thank you.
Hi,
Thank you for your report. We will release a quick bug fix shortly in a few hours.
Thanks
Hello, I purchased the theme and i can’t find any RTL version
Feel free to ask additional questions.
Hi, https://keenthemes.com/metronic/?page=docs§ion=react-internationalization Section 2. Format it with component Code is broken can you fix it.
Hi Nabe_J
Thank you for your message. We will update the docs.
Regards, Keenthemes support
Can you explain to me how src\index.js is related to I18nProvider. I’ve read the code and I can I can understand how the languague is choosen and & written in localStorage. However how it is being read by index.js I cannot understand? Thanks.
Hi Nabe_J,
In the src/app/app.js we have wrapper tag ‘I18nProvider’ over on all controls. I18nProvider uses ‘useLang’ hooks from ‘Metronici18n’ which is a wrapper of the whole application it the src/index.js. ‘useLang’ hook reads selected language from localStorage.
Regards, Keenthemes support
Perfect Thanks.
Hello,
I just bought your template for the html version.
I am int the following folder : theme > html > demo1 > dist > index.html
When I launch the index.html file one the browser, css/js files is not taken into account.
I’m missing the assets folder with plugins, css folder.
Do you know where I could find this folder?
(I already looked in the documentation, but I didn’t find anything)
Thank you.
Hi Jallase,
Since Metronic v7.1.5 update the precompiled assets folder is no longer included. In the download package only the source files are included and the assets folder must be generated. by using the build tools so in order to launch the theme you will need to generate the “assets” folder from “src” folder by installing the build tools and running the build tasks in command line.
The good news is you can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs§ion=html-build-tools and install the build tools and generate the assets by your own in a few minutes. This approach is nowadays defacto for all developers so 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.
Hello,
Thank for you reply.
I almost passed the tutorial.
I’m watching the video tutorial you gave me, but I’m stuck at 28:34
On the terminal, I have exactly the same as you.
But just bellow : Finished ‘default’ after 96ms
An error is displayed : [15:00:01] Finished ‘default’ after 179 ms Error in plugin “sass” Message: ..\demo1\src\sass\_init.scss Error: File to import not found or unreadable: bootstrap/scss/_mixins.scss. on line 15 of ../demo1/src/sass/_init.scss from line 11 of ../demo1/src/sass/style.bundle.css >> @import “bootstrap/scss/_mixins.scss”;
internal/streams/leagcy.js:61 throw er; // Unhandled stream error in pipe.
PluginError: ..\demo1\src\sass\_init.scss Error: File to…
It dit generate the assets folder for me in dist assets, but without the css files…
Do you know how to solve this problem?
Thank you.
Hi,
Sorry for the inconvenience. It seems this issue is occurred due to some other 3rd party plugins updates and we will release a new update shortly to solve this issue. You will be notified once the new update arrives shortly.
Regards, Sean
You have example quotation template?
Hi!
Please check this link: https://preview.keenthemes.com/metronic/demo1/custom/pages/invoices/invoice-1.html
Feel free to ask additional questions
Hello,
I would like to buy your html template, but I need some information.
1) How does the download happen once the template is purchased? (email, download section…)
2) In the zip file, the 13 demos are inclued? With css, js files?
3) How are the future update of your template going? Will you send theme to us by email?
Thanks.
Hi Jallase!
First of all thank you for choosing our product.
1) You will get download link and it will be always available in your themeforest profile – downloads. 2) In the download package only the source files are included and the assets folder must be generated. by using the build tools so in order to launch the theme you will need to generate the “assets” folder from “src” folder by installing the build tools and running the build tasks in command line. 3) You will get notification by email about new updates and you can download it from your themeforest profile.
Feel free to ask additional questions.
Kind regards
Hello , We use metronic latest version with html . We want to use remote call into datatable , our remoet service response like below : { “items”: [ { “lastModificationTime”: null, “lastModifierId”: null, “creationTime”: “2020-12-21T10:18:04.6879761”, “creatorId”: null, “id”: “ba699796-1ac0-4ebb-3099-39f9965663a2” } ] } Because of our list name (Items) we can not get data to table. We think metronic accept only ”data” named lists from server. When we change json object list name from “Items” to ”data” it works but we don’t want to use like that. How to solve this mapping issue with differen list object name for datatables ?
Thank you.
Hi,
You can try this callback option to map data from your “Items”.. Here is the example;
var datatable = $('#kt_datatable').KTDatatable({
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: HOST_URL + '/api/datatables/demos/default.php',
map: function(raw) {
// sample data mapping
var dataSet = raw;
if (typeof raw.Items !== 'undefined') {
dataSet = raw.Items;
}
return dataSet;
},
},
},
Thanks
Dears, where can i find the RTL files or how to enable it ? i am working on latest version v 7.1.7
Hi! Please check our documentation: https://keenthemes.com/metronic/?page=docs§ion=html-rtl-version
Hello, it is possible create KTDatatable with row selection but using data from html? I try do this, but id doesn’t work 
Hi,
Please try to set this option true, selector: true,
columns: [{
field: 'RecordID',
title: '#',
sortable: false,
width: 20,
type: 'number',
selector: true,
textAlign: 'center',
}
Thanks
Hi 
,
First of all thanks for choosing Metronic.
Since Metronic v7.1.5 update the precompiled assets folder is no longer included. In the download package only the source files are included and the assets folder must be generated. by using the build tools so in order to launch the theme you will need to generate the “assets” folder from “src” folder by installing the build tools and running the build tasks in command line.
The good news is you can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs§ion=html-build-tools and install the build tools and generate the assets by your own in a few minutes. This approach is nowadays defacto for all developers so 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.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hello!
Thank you for your theme!
Did you plan to release an SSR version?
Hi,
Thanks for your feedback. It’s not in the plans but we will consider this /
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
asset folder is not included in download for any demo, can you please give good archive.
Hi ,
First of all thanks for choosing Metronic.
Since Metronic v7.1.5 update the precompiled assets folder is no longer included. In the download package only the source files are included and the assets folder must be generated. by using the build tools so in order to launch the theme you will need to generate the “assets” folder from “src” folder by installing the build tools and running the build tasks in command line.
The good news is you can follow https://www.youtube.com/watch?v=NDlQ09mmvu8&ab_channel=KeenThemes or https://keenthemes.com/metronic/?page=docs§ion=html-build-tools and install the build tools and generate the assets by your own in a few minutes. This approach is nowadays defacto for all developers so 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.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
``` // CSS3 Transitions only after page load(.page-loading class added to body tag and remove with JS on page load) window.onload = function() { var result = KTUtil.getByTagName(‘body’); if (result && result0) { console.log(result); KTUtil.removeClass(result0, ‘page-loading’); } } ```
this code should not be called in vue version, because it has and should be removed in layout.vue this.$store.dispatch(REMOVE_BODY_CLASSNAME, “page-loading”);
Hi,
Sorry for the late reply.
Yes you are right this code shouldn’t exist in vue version we will remove it in upcoming update. Thank you!
Regards, Lauris
Hello. I’m using Bootstrap Date Picker with validation here : https://preview.keenthemes.com/metronic/demo13/crud/forms/validation/form-widgets.html I’m french and I’d would like to use my local language. I saw french calendar setting in the plugin.bundle.js Is it possible to use them in the form-widget.js to have french format ? I changed the format date in the setting (dd/jj/yyyy) but it’s not enough. Days / months are displayed in english in the pop-up and in France the first day of the week is Monday. Thank you for you help and thank again for you awesome work.
Hi,
You can refer to this site for the example of bootstrap datepicker with different language.
https://bootstrap-datepicker.readthedocs.io/en/latest/i18n.html
$('.datepicker').datepicker({
language: 'fr'
});
Please import or copy this file for the French config. theme/html/tools/node_modules/bootstrap-datepicker/js/locales/bootstrap-datepicker.fr.js
Thanks
Hello. It works very well. Thanks for your help
Your welcome. Feel free to let us know if you need more help.
Thanks
Need some help, i try to clear the validation error using this code :
fv.resetForm(true);i already define the fv like this
const fv = FormValidation.formValidation( //validation codebut it still give me an error like this: Uncaught TypeError: Cannot read property ‘getAttribute’ of undefined. So what i have to do to fix it? thanks.
Hi,
It looks like this error is not related to fv.resetForm(true);, can you please send the full code of FormValidation usage to our support mail support@keenthemes.com?
Regards, Lauris
here you can take a look here. It’s on line 395. I want to put it inside edithadler function on line 231 but it produce same error.
https://pastebin.com/mMbvR5EkHi,
Sorry for the late reply.
Checked your code I guess that error is because of 265 line, ‘this’ is undefined.
You can read about how to use getAttribute() function on page: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeRegards, Lauris
that code work just fine, i don’t have any problem with it. I even use it in editHandler function and it’s work either. I have the problem to remove all the error massage. if it using jqueryValidation i can easily using validator.resetForm(); but since u guys using formvalidation i don’t know how to do it correctly since there is no example and the documentation is so less.
Maybe u guys can give an example how to do it using your validation plugin? thanks
Hi,
We have some examples of validation in file vue/demo1/src/view/pages/auth/login_pages/Login-1.vue You can check them and reuse that code. Just update a fields and validators.
Regards, Lauris
I already take a look but there’s no script to remove error message highlight. It just normal validation.
As I said previously I think that this error is not related to the form validation and I was not able to reproduce it. Can you please also attach the for html code?
Regards, Lauris
OK, All i want is simple to clear any error highlight when Modal is open or close. Here’s my HTML Code:
https://pastebin.com/ey9QSZURI Use Demo 12.
Hi,
Thank you for the provided the code!
It is not good practice just clearing an error even if everything is working fine. This error happens for a reason so something is not correct and should be fixed.
Regards, Lauris
nevermind, i guess i had to refresh the page every time there is validation error. Although it might great to revalidate form without refreshing the page. this validation plugin is suck, maybe i should get other template which use jquery validation for this kind of thing.
Hi,
If your project require reset the validation you can try to use https://formvalidation.io/guide/api/reset-form methodIf you need any further help can you please contact our support team directly via support@keenthemes.com
Regards, Sean
Hi there, I try to use KTDatatable ajax with csrf autogenerated token. So everytime request already sent the respon will give the new token and have to use the new token for the next request. here my pieces of code for the data, I use variabel to store the token :
kt_datatable_user = $('#kt_datatable_user').KTDatatable({
// datasource definition
data: {
type: 'remote',
source: {
read: {
url: BASE_URL + Modules + '/' + Controller + '/lists_kt_datatable',
headers: {
[CSRF_NAME]: CSRF_TOKEN
},
},
},
pageSize: 10,
saveState: false,
serverPaging: true,
serverFiltering: true,
serverSorting: true,
}});
The new token will be set to the variabel CSRF_TOKEN for the next request after event “datatable-on-ajax-done”, here my code :
kt_datatable_user.on('datatable-on-ajax-done', function(event, data) {
let json = data[0].csrf;
CSRF_TOKEN = json.hash;
});
But when I try to navigate to next page/previous page, the new token for the next request did not change. It’s still using the old token. I already try to find in the documentation but could not find the answer. Can you please help me? Thanks
I already found the answer on the event “datatable-on-ajax-done”, here is the code :
kt_datatable_user.on('datatable-on-ajax-done', function(event, data) {
let json = data[0].csrf;
CSRF_TOKEN = json.hash;
kt_datatable_user.options.data.source.read.headers[CSRF_NAME] = CSRF_TOKEN;
});
and just in case if ajax is failed use this code :
kt_datatable_user.on('datatable-on-ajax-fail', function(event, jqXHR) {
kt_datatable_user.options.data.source.read.headers[CSRF_NAME] = CSRF_TOKEN;
kt_datatable_user.reload();
});
Hi,
Glad you found the solution for it. Thank you for sharing your solution. Feel free to let us know if you need any help.
Thanks
Hi, i am having trouble making it compatible with tailwindcss. Do you have a solution on this issue? I can convert Laravel blade files with “tailwindo”. But I don’t know how to make customized sass files compatible.
https://github.com/awssat/tailwindoHi,
Sorry at the moment Metronic does not have a tailwindcss solution. You can check this tutorial in the tailwindcss official doc: https://tailwindcss.com/docs/guides/laravel
Regards, Lauris
Hi if i have project A, and shutdown the A project. can I use same license for Project B after shutdown the A project?
Hi ,
We have to clarify it with the marketplace support and we will get back to you once we have a reply from the Envato support team.
Regards, Sean
whats is minimum required module in src/core/plugins/metronic.js
if we want to use vue version
Hi!
All these scripts are required but you can remove some of them depending on your requirements.
Regards, Lauris
Hi,
Just an update on your earlier request. We are still waiting for the Envato support reply and once we get it we will inform you.
Regards, Sean
good themes have a switch to switch between light mode and dark mode? In the demo I see the separate themes, any way to unite them to get this switch function?
Hi,
Thanks for your feedback.
At the moment the dark mode is not supported for the entire theme. We are considering enabling it in the near future.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hi ,
Just in case if you haven’t seen it yet, we are delighted to inform you that Metronic finally has its complete dark mode version. You can check the dark mode preview here https://preview.keenthemes.com/metronic8/demo1/dark/index.html
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
