12220 comments found.
Hello,
I have purchased your theme, I wish you could implement this animation and rendering sub component to view detail. (ANGULAR 
Thanks Mian Talha
Hi Mian Talha 
Thank you for your suggestion. It would be great. We will consider implementing it in the future.
Thanks
Hallo.
i get some issue when i want to run npm install for first setup to installation the project. ” npm ERR! Unexpected end of JSON input while parsing near ’...oFZQv5rkG64QirOtF1zD7’
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\IT-Dev2\AppData\Roaming\npm-cache\_logs\2019-11-05T03_37_52_844Z-debug.log “
Thank you.
Hi,
Could you please try to run this command first. Then retry from start.
npm cache clean --force
Thanks
Why are all the widget’s numbered? There’s no way to tell what the widget does just by using the number. Is there any way for you to add more descriptive names?
Also the documentation seems to be lacking quite a bit. I find myself having to go back to the demo themes and inspecting the source to get exactly what I need. Is improving the documentation somewhere on the roadmap?
Hi ,
Thanks for your feedback on this. We will check this further and do necessary improvement in a future update.
For the components usage the demo source code is the best resource but for the overall theme and layout features our documentation and video tutorials have all the info. But we will keep improvement the documentation as well.
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 or Installation & Getting Started Using Webpack: https://youtu.be/gMUbZMdDRCo
2. Your First Project: https://youtu.be/yu0O2Y2NXxc
3. Customization: https://youtu.be/7PG5Qbg0-gM
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
Hi,
Thanks for the response. Can you also elaborate on the widget names? Is there any reason why they’re numbered?
Hi,
This is just a naming. We used numbering to differentiate widgets. In the meantime you can refer to the code comments in the HTML in order to refer to the widgets.
Regards, Sean
That’s really unfortunate. I have to say that so far I’m a bit disappointed with the theme. While is looks great there are just some things that make it a pain to use.
1. The documentation doesn’t really get into the different components and styling. It’s left up to me to figure out what the difference between things like widget17 and widget19 are.
2. I’m not sure why this design decision was made, but you basically overridded all the Bootstrap 4 styling with your own proprietary styling. This basically defeats the point of using bootstrap in the first place…
I really want to like this product, but it’s just such a pain to do basic things that I would’ve been able to do in bootstrap because everything is proprietary. I find myself having to open up the demo link ever time, inspecting an element and copying the code from there. It works, but it’s definitely not an ideal way to work.
If there’s any way you can point me in the right direction for how to properly develop with this theme I’d great appreciate it.
Is it possible for me to get a refund?
Hi,
Thanks for your feedback and suggestions. In the following updates we will do necessary improvements especially on the standard Bootstrap class usage and css class naming along with Bootstrap 5 launch.
You still can use Metronic as more get to know Metronic you will start understand it’s benefits. Otherwise you can keep your license to get all future updates for free or you can request a refund from your themeforest account. For any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
metronic_v6.1.2 Themeforest download zip error.
Failed to load resource: net::ERR_FILE_NOT_FOUND fullcalendar.bundle.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND plugins.bundle.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND style.bundle.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND plugins.bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND scripts.bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND fullcalendar.bundle.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND gmaps.js:1 Uncaught ReferenceError: jQuery is not defined dashboard.js:2126
I don’t know how to use node js. I don’t have to know for installation. why css and js files do not exist.
Hi
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 the 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
If you need any further help please let us know.
Please follow us at http://twitter.com/keenthemes to stay updated.
Due to increasing theme file size, we had to remove the classic package. But we can provide it on request. Please email our support at support@keenthemes.com
Thanks
Mail gönderdim. cevabınızı bekliyorum.
Hi,
Could you please give your email?
Thanks
I have a problem with sorting the table on the server side. From backend comes sorted data but they are not sorted in table therefore, I ask for your help.
I use the theme: “metronic / demo7” for angular 8. The table I use is <mat-table>. The following is the course of events.- When selecting the “mat-sort-header” field, the “sortChange” is triggered
- “sortChange” calls “loadProductsList()”.
- “loadProductsList()”
- here I’m generating “queryParams”.
- this.store.dispatch (new ProductsPageRequested ({page: queryParams}));
- then “ProductsEffects.loadProductsPage $” is triggered
- the response comes sorted as I wish (so everything is OK here)
- follows the “ngrx” flow new ProductsPageLoaded ({ products: result.items, totalCount: result.totalCount, page: lastQuery });
- “ProductsReducer” is triggered -> “ACTION.ProductsPageLoaded”
- then “ProductsSelector”
- “selectProductsInStore” and here appears an array that is not sorted / as shown in the table
Why is this so and how to correct it?
Hi Marina_Mestrovic.
Just a 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/4021469About sorting, looks like you have issue with NGRX Entity libs. 2 ways: 1) You can rewrite your reducer without EntityState – (without entityState, ngrx will store your data without internal optimizations and will return sorted data) 2) You can store lastQuery, and in selectProductsInStore you can sort your data by lastQuery.sortField. You can see the example of it in our sources.
Thanks.
When will the next LineAwesome update come to Metronic?
Hi ,
Thanks for your feedback. We will check it and try to include in the next 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
I purchased your theme and requested Github access via the required page doesn’t send me the access invitation? How do I gain access?
github account: bvanhou
Hi bvanhou,
Sorry for the inconvenience.We have sent the invitation to Metronic github repo.
Thanks
Hi,
I have downloaded v6.1.2, I couldn’t find the html folder where I can browse all theme pages easily over the browser like before… Should I do something to start browsing the theme on my machine.
Thank you
Hi
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
If you need any further help please let us know.
Please follow us at http://twitter.com/keenthemes to stay updated.
Thanks
Hi,
Then I will have all the html pages in normal view as the old “Classic” folder? That’s what I am looking for.. static html pages to be opened and edited in the simplest way as before.
Thanks again
Hi,
Due to increasing theme file size we had to remove the classic package. But we can provide it on request. Please email our support at support@keenthemes.com
Thanks
Hi
I did and will be waiting for your response.
Thank you for your support.
Could you please let us know what is your email address ?
Thanks
I have installed demo12 at the following URL: https://portal.ixtkc.com/gms/?page=1. when I load this page on a desktop – i can see the header and the aside menu. When I look at it on either a table or mobile device, they do not appear. I’m sure this is a setting – I am not able to find it. Can you please advise?
i found it – the content in the <!-BEGIN HEADER MOBILE -> did not appear in the index or layout pages created from the demo12 Layout Builder. I wonder if I did something wrong?
Hi
Thanks
I have been watching and following the 2nd metronic video on youtube. i am working with Metronic V6.1.2 and a couple things are different from the video. It looks like now – when you use the Layout Builder tool – the generated files are in sub folders instead of all being in the partials folder (as is in the video). Also – in your video, using demo 12, when you load the index – all you see if the header and aside section. In the most recent build of the Layout Builder files for DEMO12, the layout file (as referenced by index) does not have the aside structure at all, neither does it show the div header section where div id = kt_header.
It was kind of as it everything was the opposite from the video – in other words, when I loaded the index file – i saw all the content from the dashboard but none of the header / aside section.
I ended up going to the build (demo12 folder from the download) and finding the sections. I built a seperate partial for the menu and had to add the include the for _aside\base.html partial file.
UPDATE: i found an include command on the layout.php page ‘html-partial:include:{file“}]’ that I had failed to convert to the .php include statement (per your video). That fixed the header issue – but it does appear the buid layout program leaves out the line that would be used to include the aside.
html-partial:include:{file“}]
Hi
Thank you for your feedback. This part in the HTML comment (html-partial:include) should refer to each file that needs to be included.
About the header/aside menu content, we will add the example menu content back.
We will check into this issue further.
Thanks
Hi keenthemes,
I know that this question has been asked before, I made a search here, but without luck, anyway …
Is there a quick way to resize the Demo 3 Top Header Menu to the default size like when you scroll down a page it resized,
The default head menu size : https://ibb.co/bXn801r
The head menu after scrolling : https://ibb.co/wCVgZ0M
I just want to make the default size like the The head menu after scrolling size.
thank you.
Hi,
Sorry for the late reply. Could you please clarify your question with more details ? Currently during the page scroll both top menu and subheader do minimize(resize): https://keenthemes.com/metronic/preview/demo3/ You do not want it resized ?Regards, Sean
I’m sorry I didn’t gave you a well structured information.
1 – Yes I do not want the Top Menu to resize 2 – I want the top menu size to be small to the size of when the top menu size scroll down.
thank you keenthemes.
Hi,
In this case you will need to customize the top menu for the page scroll mode. You can edit demo3\src\assets\sass\global\layout\header\_header.scss>
// Fixed and minimized header
.kt-header--fixed.kt-header--minimize & {
.kt-header-menu {
// Menu nav
.kt-menu__nav {
> .kt-menu__item {
// Menu link
> .kt-menu__link {
.kt-menu__link-text {
// change font size here
}
}
}
}
}
}
Regards, Sean
Now I delete scrolling, good.
but what about the height ? I want it small ? as the same size when it shrink/ minimize /scroll ??
thank you
I got it :
editing the file theme/default/demo3/src/assets/sass/global/layout/header/_config.scss and chagne the height from 80px to 55px (when it scrolled minimizeHeight: 55px)
and commenting the lines ((height, transition) in the files theme/default/demo3/src/assets/sass/global/layout/header/_config.scss
thank you
Great! Yes, that’s right
+1 for Vue.js version. Looking forward for it!
Hi ,
Yes, we are working on it and it should be released in a few weeks.
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, I’m using Metronic Classic Reborn (demo12). When I add checkbox in a table as a column and add jquery code for select all the checkboxes, it doesn’t work. I tried a lot of way but can not work. The codes is working clearly on other project whitch not using metronic. If someone can help, I will be appreciate. My code is below
<script type="text/javascript">
$("#selectall").change(function(){
$(".checkbox1").prop('checked', $(this).prop("checked"));
});
</script>
<div><input id='selectall' type='checkbox'></div>
| <input class=’checkbox1’ type=’checkbox’ name=’r_person_ID’ value=’1’> |
Hi ,
You can try to use each method to loop the selection and set the prob value individually:
$("#selectall").change(function(){
var checked = $(this).prop("checked");
$(".checkbox1").each(function() {
$(this).prop('checked', checked);
});
});
Regards, Sean
Hi, im having this errors: I Deploy and run gulp with demo1 preset inside build.json. A Litle help? Regards!
vendors.bundle.js:3841 jQuery.Deferred exception: Chart is not defined ReferenceError: Chart is not defined at dailySales (http://local/new/assets/js/demo1/pages/dashboard.js:123:21) at Object.init (http://local/new/assets/js/demo1/pages/dashboard.js:2080:13) at HTMLDocument.<anonymous> (http://local/new/assets/js/demo1/pages/dashboard.js:2125:17) at mightThrow (http://local/new/assets/vendors/global/vendors.bundle.js:3557:29) at process (http://local/new/assets/vendors/global/vendors.bundle.js:3625:12) undefined jQuery.Deferred.exceptionHook @ vendors.bundle.js:3841 process @ vendors.bundle.js:3629 vendors.bundle.js:3850 Uncaught ReferenceError: Chart is not defined at dailySales (dashboard.js:123) at Object.init (dashboard.js:2080) at HTMLDocument.<anonymous> (dashboard.js:2125) at mightThrow (vendors.bundle.js:3557) at process (vendors.bundle.js:3625)
Hi
Please check your package.json file, If chart.js is missing.
Thanks
not missing: “chart.js”: “^2.7.3”,
Hi,
Do you have done any changes? Or moved the folder? Please check if you have run the build command and properly completed.
1. cd theme/default/demo1/tools
2. yarn
3. gulp build
Thanks
Hey there!
There are a pure html/css/js version?
Hi ,
Yes, after your purchase you can request the classic version(with just css/js/html) and we will provide you the download link.
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!
Thank you for your fast anwser. I’ve purchased, can you send me please? I tried the support channel but, it’s out for me.
Thank you so much! Best Regards! Leonardo,
Hi ,
Thanks for your purchase.
Sure, can you please email our support at support@keenthemes.com and provide us your purchase code.
Regards, Sean
Hey there, where should I overwrite CSS (sass/global/* and sass/pages/*), please? It’s annoying to check all files after each update and if I tried to overwrite them in sass/style.css … it’s loaded before the main file, so they’re not overwritten. Thanks!
Hi,
You can check our video tutorials to learn the best practices of using and customizing Metronic in real world projects:
1. Installation & Getting Started Using Gulp: https://youtu.be/d-pSVf8Xazk or Installation & Getting Started Using Webpack: https://youtu.be/gMUbZMdDRCo
2. Your First Project: https://youtu.be/yu0O2Y2NXxc
3. Customization: https://youtu.be/7PG5Qbg0-gM
For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs
Just a friendly reminder. In order to request a theme support you will need to have an active support subscription. To check your subscriptuon 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
Thanks for respond, Sean. However, this doesn’t help me really because I cannot override some styles (e.g. in DEMO2, the background of .kt-header__topbar .kt-header__topbar-item .kt-header__topbar-wrapper .kt-badge)... Why it has background..? Using class kt-badge--danger or kt-badge--brand would be absolutely enough…
Hi,
You will need to use correct CSS selector in order to override it or you can try to use !important to force your override. Also please make sure that your code is triggered after the base style.
If you need any further help can you please let us know which element are you trying to customize ?
Just a friendly reminder. In order to request a theme support you will need to have an active support subscription. To check your subscriptuon 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
Hello – I have read through the documentation (skimmed it) to see what education / training information is available. I have a question about creating custom layouts. Is there any documentation / tutorials that show us how to build layouts? I viewed the youtbue tutorials and they are helpful. But I tried to create a custom layout based on the dashboard from the default and it bombed. Example – in the default home page (the dashboard) the first row has 3 widgets (trends, activity, and blog). I wanted to remove the blog widget and have the trends and activity widgest adjust to fill the row. I removed the blog widget by finding the comments stating where it begins and ends, then saved.
Is there any documentation to help learn how to make these kind of adjustments?
Hi,
Thanks for your feedback.
I see that you tried to do the customizations on the content part. Basically the content’s layout are handled using the Bootstrap grid component: https://getbootstrap.com/docs/4.3/layout/grid/. By referring to this grid documentation you can form your content structure as per your requirements. Basically inside the grid cells you can put any Metronic components.
If you need any further help you can contact our support team at support@keenthemes.com
Regards, Sean
Does this package include html files?
Hi ,
Thanks for your interest in our theme – Metronic.
Yes, it includes a full source code, build tools, html files, documentation and video tutorials. If you need any further clarifications please let us know.
Regards, Sean
thank you!
If I don’t use Angular and React, I only use jQuery, will I have problems with the use?
Hi ,
Not at all, Metronic has separate versions for jQuery and other frameworks. You can use the default version with jQuery support.
Regards, Sean
I just downloaded the most recent version. 6.1.2. I previously have worked with 5.1.7. When I followed the instructions in the documents, all subsequent demos are missing from the dist folder after performing the GULP Build command. When I unpack the zip file the structure is as though all the demos have their own content and each needs to be individually installed. Am I missing something?
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
If you need any further help please let us know.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Thank you for your quick reply. I followed the instructions in the documentation. When I completed the GULP Build command, the ‘dist’ folder was created and all the files / assets / etc were compiled for the default demo. However, none of the subsequent demo folders were copied over. I only have access to launch the default demo.
The other demo’s were in the download package, and I can see them in the unpacked folder – but the build process did not include them in the ‘dist’ folder.
I can try and reinstall to see if I missed anything.
Thank you.
Hi,
Please note that if you are using the latest v6.1.x versions each demo is considered as a separate sub theme and you need to install each demo separately. If you are not using the latest version please consider using it.
If you need any further help please do let us know.
Regards, Sean
Hi
Just want to know if dropdown menu that shows aside brand logo works in angular 8. I see it works on html template but in angular.
Please any guide for getting it to work will be much appreciated. Thanks.
Hi,
Could you please clarify which demo are you referring to ? For better support experience you may email our support at support@keenthemes.com and provide more details and screenshot.
Regards, Sean
I just wrote you an email. Thanks
Thanks, we will check your email and reply you asap.
Hi there, its been about a week now and I have not receive an answer. I did receive a “we will check it further and provide a necessary fix for it” and that’s it.
Hi,
Normally we do reply each request in immediately. Sorry if we overlooked your email. Could you please let us know what is your email address ?
Regards, Sean
Hi evallgar,
We have sent the workaround to your email.
The fix will be included in the next release.
Thanks
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
