12221 comments found.
hello i am little confused how to upgrade to latest version i already work on my project a lot if i just replace file everything will be gone
thank you
Hi,
Please note that Metronic v7.0 fully rewrites the base code so you will need to fully reintegrate v7.0 with in your application. For more info please check our general update guidelines: https://keenthemes.com/metronic/?page=docs§ion=updateRegards, Sean
Hi, what is the equivilant call KTLayout.init in the new version 7?
Hi 
,
You can refer to “html\demo1\src\js\layout\initialize.js”. In v7.0 all layout partials are defined in separate classes in “html\demo1\src\js\layout\base” folder.
If you need any further clarifications please contact us at support@keenthemes.com
Please follow us at http://twitter.com/keenthemes to stay updated
Regards, Sean
Thanks, also please note that I have a custom <app> tag that I need for my Blazor implementation. In version 6 I was told to apply height:100% and class=”kt-grid kt-grid—hor” . What is the equivilent if I want this to work with version 7. Just to recap the original problem was that the footer would not stay at the bottom of the site due to the new app tag.
Hi ,
For v7.0 also this workaround should work. Can you please try it ? If you need any further help please send us a test link to your site in your test server we could help to debug it for you. For any further help please contact our support at support@keenthemes.com
Regards, Sean
Hi, I have uploaded the login page which shows the problem I am facing with the footer. Could you please have a look.
https://billhubclient.azurewebsites.net/loginHi,
It looks like you haven’t fully integrated the HTML code of the login page. Please open the login page and compare the HTML code. For example, you do not include this code “ ”.
Regards, Sean
Hi, I cant see anything in the example just empty quotes. Could you double check the site as I have added everything that was on the demo login and I still cant see why its not working. Is it something small I am missing?
Hi,
Please double check the Login’s full HTML code as in your code the root wrappers are missing:
<!--begin::Main-->
<div class="d-flex flex-column flex-root">
<!--begin::Login-->
<div class="login login-1 login-signin-on d-flex flex-column flex-lg-row flex-column-fluid bg-white" id="kt_login">
</div>
</div>
Regards, Sean
Hi apologies there seems to be a caching issue with my test app. The problem is really simply to replicate simply add the following tag that wraps around everything after . I cant get the site to show full height as in footer fixed at the bottom.
<app style=”height:100%;” class=”kt-grid kt-grid—hor”>
In fact if you clear your cache or try from a different browser you will see the most up to date. Its a PWA/Webassembly application so caching is still an issue.
Hi,
Please remove “kt-*” classes from old v6 and use only latest Bootstrap based classes from the original v7.0 templates.
In your case please change your App tag’s classes as shown below:
<app class="login-aside d-flex flex-column flex-row-auto h-100"> .... </app>
For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://www.youtube.com/c/KeenThemesTuts/videos.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Version 7 with bugs. Do you plan to release an update ?
Hi,
Yes, we are working on v7.0.1 update and we will release those minor bug fixes tomorrow.
Regards, Sean
Great !
There is a bug in the Tagify. Even if tags are set to read-only, it can still be removed. The bug only occurs on the version 7. Thank you!
Hi,
Thanks for your feedback. We will release a workaround for this issue and other reported bugs in the next v7.0.1 update tomorrow.
Please follow us at http://twitter.com/keenthemes to stay updated
Thanks.
Hi, I was hoping you can help me out. I was following https://keenthemes.com/metronic/?page=docs§ion=laravel-integration to integrate demo1 with my current admin. It seems like a few things have changed with your new update. The one I am currently stuck on is to add the following into app.js:
import ’../demo1/tools/webpack/vendors/global’; import ’../demo1/tools/webpack/scripts’;
Those files seem to not exists anymore, should these be something else? Also, would there be an update to the laravel-intergration page?
Thank you.
Hi ,
Regards, Sean
Hi Sean,
Thank you for the reply. I did download Metronic yesterday, so it is the latest version. I also currently already have a full functioning admin, so I liked how the older had this option:https://keenthemes.com/metronic/?page=docs§ion=laravel-integration .
Are you suggesting I should just use the ‘Laravel Quick start’, then move all my Models, Controllers, etc from my old admin to this new template one? Just trying to see what the best way to update my current admin with this new template.
Thanks again.
Hi ,
This page should have been removed since we have already fully integrated Laravel version. Please ignore it and refer to our html_laravel version instead.
Regards, Sean
How to use metronic datatable in html demo in vue?
Hi,
KTdatatable is a jquery plugin. The plugin does not include in the vue by default. But you can use it if you import jquery and the KTdatatable plugin; /theme/html/demo1/src/js/components/datatable/core.datatable.js
You can find the example of init js in the HTML version. Please let us know if you need further clarification.
Thanks
I have another web project that will use metronic template, i have buy 2 license, can i just download the theme and purchase after finish and getting paid by the client?
Hi ,
Yes, sure thing. If you need any further clarifications please let us know.
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 manage to add ktdatatable to vue demo, but i get this error when click the page zise, the page size also looks weird, i have inlcude demo1/src/sass/components/_datatable.scss to vue demo
https://i.postimg.cc/QtvwGZxR/screenshot-163.pnghow to solve that error?
solved by installing bootstrap js
Hi ,
Glad to hear that. All the best on your project!
Regards, Sean
I found error when creaeting ktdatatable
el.block is not a function, how to solve this?
el.block is called in app.js (KTApp), https://prnt.sc/sh1ape el element: https://prnt.sc/sh1bfq
error: https://prnt.sc/sh1bfq
when it get called: app.js(KTApp): https://prnt.sc/sh1ape
i found error when creating ktdatatable in vue, it seem i missed about blockui/block, how to solve this?
Hi,
Can you please do this workaround. Comment these lines in core.datatable.js app.block
app.unblock
Looks like if you import KTApp from HTML version, it will cause more issues. We will look for another solution to make it less dependent on other plugins.
Thanks
Hello! In Laravel version there is a missing folder layouts/partials/content:
This is subheader-v2:
@include(‘layout.partials.content.dropdowns._dropdown-1’)When setting subheader-v2 or 3 or 4 under layout.subheader.layout i get this error:
View [layout.partials.content.dropdowns._dropdown-1] not found. (View: /Applications/MAMP/htdocs/skeleton/resources/views/layout/partials/subheader/_subheader-v2.blade.php)
How can I fix this?
Thank you
Hi,
Thanks for your feedback. Our Laravel developer will get back to you soon. We will fix this issue in the next update v7.0.1 by tomorrow.
Please follow us at http://twitter.com/keenthemes to stay updated
Regards, Sean
Hi,
You can generate RTL version by referring to this documentation: https://keenthemes.com/metronic/?page=docs§ion=html/rtl-versionIf you need any further help please let us know.
Regards, Sean
Hi Keenthemes,
1) Just to let you know that there’s no “Logout” button in Right User bar !!??
2) Is the 3 last “Alerts” “User notifications” “Briviba SaaS” are wrong aligned vertically or you did that on pupose ??..
Thank you. Take care.
Hi,
Thanks for your feedback. We will add the logout button in the off-canvas user bar in the next update v7.0.1 on coming Monday
We will check the topbar notification alignment as well.
Regards, Sean
I purchased this theme a while ago and I still can’t figure out how to submit the login form… I thought the HTML was supposed to be just HTML without all the fancy coding around it… Now I have a theme which I can’t make functional…
Hi,
May I know which Metronic version you are using ? If you are using v7.0, we are aware if the form validation issue and we will fix it in the next update v7.0.1 by coming monday. If you need to just submit the form without JS validation you can achieve it with current login forms. What is not working for you ? Could you please provide us more details ?
Regards, Sean
Hello, thanks for this great product, regarding the updates:- with every update your team change the class names in previous version they use kt as a prefix for class names in this update they removed kt, please tell us which one we use and class names fixed now, no more change please, you know we cannot update our apps easily please use standard Best
Hi ,
Thanks for your feedback. Now we fully use the Bootstrap classes and we will keep it up. This standard classes will not be changed in the future and will keep it close to the Bootstrap standards.
Regards, Sean
Hello, I purchased again and trying to use your theme in our web app, some of the elements do not render correctly especially as the theme updates frequently and I cant find this Default CSS t<-> Metronic Css Mapping in the documentation
It would help new customer looking to implement Metronic on their old application.
- In the docs, Can you what please share/list, which default bootstrap Css variariable/classes should be replaced with the theme, Css classes
- Also, how can I get SVG icons inside the logo section
Thanks
Hi,
Please note that since v7.0 is a full rewrite of the base code so you will need to fully rewrite your code if you need to migrate from the previous version of Metronic.
Could you please clarify what do you mean by “how can I get SVG icons inside the logo section”? Could you please clarify and end send more details to our support at support@keenthemes.com ?
Regards, Sean
I have a question regarding the updates in V7.0. I see that there are new files in theme forest but the change logs are the same of the first release. I already upgrades my application with the initial version. Does this updates only contain css,is, etc changes or do I ya e to check also agains the builder generated files?
Hi,
Sorry for the late reply. This Metronic v7.0 update contains css,js,html changes. We fixed the layout builder issues and you can check it now.
If you need any further clarifications please let us know.
Regards, Sean
Where can we view the demo for version 6. And older versions? At the moment I’m finishing a website with latest version 6 and at the moment I can’t update to v7 but I need to see something on the version 6 demo. Do you have it online?
Hi ,
If you need any further assistance please contact our support at support@keenthemes.com
Regards, Sean
Oh guys, why you’ve changed the layout of DEMO2..? There’s no header_bottom anymore.
Hi ,
Regards, Sean
How can i download Older Version (V6.8)?
Hi ,
Sure thing. Could you please email our support at support@keenthemes.com and provide us your purchase key ?
Regards, Sean
First of all congratulations. I really like the version 7 of Metronic. Can you please clarify how to add new colors? I found how to override colors using _variables.custom.scss, but not how to add them. I tried adding new colors in _variables.scss but I receive an error in gulp Thank you.
Error in plugin “sass”
Message:
..\demo1\src\sass\components\utilities\_background.scss
Error: argument `$color` of `rgba($color, $alpha)` must be a color
on line 55 of ../demo1/src/sass/components/utilities/_background.scss, in function `rgba`
from line 55 of ../demo1/src/sass/components/utilities/_background.scss
from line 76 of ../demo1/src/sass/style.bundle.css
>> background-image: radial-gradient(circle, rgba(theme-light-color($color), 0.
—-—-—-—-—-—-—-——-^
Hi ,
Thank!
To add a new color you will need to follow how current colors are configured. Each color has variants(hover, inverse, light) and newly added colors must be added into color arrays:
// Bootstrap theme colors $theme-colors: (); // Extended Custom Bootstrap theme hover colors $theme-hover-colors: (); // Extended Custom Bootstrap theme inverse colors $theme-inverse-colors: (); // Extended Custom Bootstrap theme outline inverse colors $theme-outline-inverse-colors: (); // Extended Custom Bootstrap theme light colors $theme-light-colors: (); // Extended Custom Bootstrap theme shadow colors $theme-shadow-colors: ();
The above variables are used in the loop and applied to all related elements.
If you need any further help please let us know.
Regards, Sean
The layout builder as of yesterday is not updated with your changes to v7.
And the page loader from the partials the layout builder is not working at all. Should have also mentioned, I am using the new demo2.
Ok, so found the missing html code for the HTML version of demo2 for the spinner from the demo1 VueJS source.
Next big issue: plugins.bundle.js:3850 Uncaught ReferenceError: KTAppSettings is not defined at HTMLDocument.<anonymous> (scripts.bundle.js:346) at mightThrow (plugins.bundle.js:3557) at process (plugins.bundle.js:3625) I downloaded the latest source files using gulp yesterday and copied everything in to a new project.
LOL, this is crazy. So the previous script error was again the layout builder giving the wrong script in the main.html page. Just a little frustrating, but it’s getting sorted out.
Hi,
We have fixed this issue yesterday. The layout builder should export the v7 now. Could you please verify?
Thanks
It is working now with one exception, the pageloader was not included in the layoutbuilder. Thank you for the quick fix.
Thanks for the notice. We will check it and fix it asap.
Hi,
Can you please tell me where am I supposed to add the routes to components which need to load irrespective of user authentication status? I tried adding them separately in Routes.js but layout doesn’t load.
If they are in Homepage.js, then they don’t open until the user in authenticated.
Please help.
Hi fdalytics,
You should change Routes.js and add routes for you component (in unAuthorized section). Component should be wrapped with Layout comonent (the same as HomePage).
Regards, Keenthemes support
Hi ad1zka,
I already tried that. It doesn’t work. Please have a look at this screenshot:
https://www.dropbox.com/s/mcpyqrdzo6aczcv/annotation%202020-05-08%20154456.png?dl=0I wanted all homepage links to be accessible to public without authentication.
Here’s another setup I tried. Doesn’t work either:
https://www.dropbox.com/s/bfhgxuxga24zv42/Screenshot%202020-05-08%2015.53.14.png?dl=0If you don’t need authorization, just remove all logic from Routes (Except Layout+Homepage), and add your route in HomePage.
Regards, Keenthemes support
I need authorization but I also need public routes. Doesn’t metronic support protected routes and normal routes?
Your custom case doesn’t refer to Metronic Support. It’s referring to React Routing usages. Just try to create block-scheme with all your cases (Routing/Redirects/With Layout/Without Layout/With Authorization/Without Authorization) and try to implement it.
We prepared just a basic example of Private/Auth routes. We can’t predict all users’ variants. Other customization should be done by users. If you still have trouble with this, please write us to email support@keenthemes.com, we will try to show direction on customization requests.
Regards, Keenthemes support
There is no background color assigned to .toast.toast-error. That is the reason of why in the demos is white.
Hi ,
Thanks for your feedback. May I know which version are you using ? However we will check it for new Metronic v7.0 and provide a fix in the next update that we are going to release by end today.
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
