12221 comments found.
how to use chat from html demo in vue?
Hi,
At the moment our chat example is available only in the HTML version and at the moment we do not have working example for other versions. We will consider implementing the chat module in other versions in a future update.
Regards, Sean
Hello im interest in buy your product it is possible to connect with a PostgreSQL database with any problem? in case of not, what are the compatibility database works?
Hi 
,
Regards, Sean
Hello, changelog is missing for 7.0.1
Hi ,
Regards, Sean
Hi Sean, it was not there when I asked but thanks for updating
I see that all the assets files are added in .gitignore any particular reason?
- assets /public/media /src/_metronic/_assets/js /src/_metronic/_assets/plugins /src/_metronic/_assets/sass
Hi harhamv,
Just remove these from .gitignore, the reason why we set up it is Metronic internal environment logic.
Regards, Keenthemes support
Any deadline for demo18? I need small left menu but with text and icons.
Hi ,
At the moment we can not confirm accurate date for Demo 18 but pending demos will be released in following release as soon as possible.
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 Guys,
My developer is facing a small issue with data-tables. When he tries to change the datatable columns, the pagination and search stops showing ?
Screenshot :- https://yadi.sk/d/LGheYiXG9gek8A Video :- https://yadi.sk/d/TP2ikA-DJWCr2A
Thanks
Hi
Please check the js file which init the datatable. You have match the column in the HTML and in the datatable JS settings.
Thanks
I’d like to purchase the previous version of demo9, is this possible?
Hi ,
Sure, you can purchase current version of Metronic which is v7.0 and send your purchase code to our support at support@keenthemes.com and we will provide you previous v6.x download link.
Please follow us at http://twitter.com/keenthemes to stay updated
Regards, Sean
I was working on old demo5 and now I see that it has gone. Both from web and also from download package. Even the last V6 package was not working properly but still I was fixing it and now I can’t even see how it is look like originally. What is the logic behind removing old demos entirely?
Hi,
We understand your frustration and apologize for the inconvenience.
In Metronic 7.0 we did a complete code rewrite in order to improve the performance, file structure and sass/html code quality.
If you can, please consider using v7.0 for your future projects as all future updates, new features will be released for v7.x.
However old v6.x package is still available for download. Also we still provide support for all Metronic versions. The demo6 like layout will be released in upcoming updates with improved codebase and design. For any further help please contact our support and we will do our best to help you out.
Regards, Sean
Thank you for reply I look forward for your updates.
My client purchased the metronic theme and wanted me to use it. Did you have any docs related to describe&use Html elements and Vue Components?
You have a clear docs for theme installation but I didn’t find any docs for using the elements.
Hi,
We used https://vuetifyjs.com and https://bootstrap-vue.org/ and you can check these online documentation.
Regards, Sean
In the react template. Whats the best place or way to set Subheader value?
Hi harshamv,
First write details, Which version do you use? 6.x.x/7.0.0?
Regards, Keenthemes support
6.x
Try this:
Import in your page: import { LayoutSubheader } from ’../../../../_metronic/layout/LayoutContext’;
Inside your render method, just declare this component anywhere: <LayoutSubheader title=”Your custom title” breadcrumb=”this > that” description=”my custom description” />
This will override the state of the subheader.
Regards, Keenthemes support
Thank you!
Question about screen size and font size
First thank you for this amazing project, i love it
I have question about the size of the components. I use labtop 15’ . the app is too big , i can’t add a lot in the views. what do i need to change to get the ffect of zooming out and get smaller components ?
Hi,
May I know your screen resolution ? Can you also send some screenshots to our support at support@keenthemes.com ? By right you can adjust the portlet widths using the Bootstrap grid.
Regards, Seam
hi i have same error many times with different components on first run :
“Warning: React.createElement: type is invalid—expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports.
Check your code at QuickPanelToggle.js:38. in QuickPanelToggler (at Topbar.js:42) in div (at Topbar.js:14) in Topbar (at Header.js:47) in div (at Header.js:34) in Header (created by ConnectFunction) in ConnectFunction (at Layout.js:61) in div (at Layout.js:55) in div (at Layout.js:47) in div (at Layout.js:45) in LayoutInitializer (at Layout.js:36) in Layout (created by ConnectFunction) in ConnectFunction (at Routes.js:51) in Switch (at Routes.js:35) in LayoutContextProvider (at Routes.js:34) in Unknown (created by Context.Consumer) in withRouter() (at App.js:30) in IntlProvider (at I18nProvider.js:33) in I18nProvider (at App.js:28) in ThemeProvider (at ThemeProvider.js:58) in ThemeProvider (at App.js:26) in LastLocationProvider (created by Context.Consumer) in withRouter(LastLocationProvider) (at App.js:24) in Router (created by BrowserRouter) in BrowserRouter (at App.js:22) in Suspense (at App.js:20) in PersistGate (at App.js:18) in Provider (at App.js:16) in App (at admin/index.js:43)”
Hi medisail,
Please write details first, which version are you using? 6.1.8 / 6.1.7 / 7.0.0. How to achieve your case? (And in your message I see ‘Warnings’ not ‘Error’).
Regards, Keenthemes support,
@ad1zka i used the 6.1.8 version with error but now i upgrade to 7.0.0 so the error is gone
hi why the wizard component missing only in react demo ?
I’ve just checked 6.1.8, couldn’t achieve your case. Everything works without warnings which you mentioned.
React (2019)/Default (2014)/Angular(2018) have different sets of functionalities. About wizard, you able to use html+css structure of wizard from the Default version and it will be applied in React too. Form validation/stepper parts of wizards users should implement by yourself.
Hi,I am interested purchase this application but can i resell and i have all Property rights
Hi ,
Thanks for your interest in our theme – Metronic.
According to the marketplace rules the proper rights are not obtainable upon purchase. Both regular and extended licenses are limited to a single use so you can resell it unless you purchase a separate license each sold copy.
For more info please check our license-related video here: https://www.youtube.com/watch?v=HJ3RNhoI24A&feature=emb_title if you need any further clarifications please let us know.Regards, Sean
which different between regular licence and extended licence ? we need purchase but we need resell,if you agree we purchase this. please confirm us
Hi,
You can develop your product using Metronic but you have to purchase separate license for each sold copy. One license is limited for one product copy.
Regards, Sean
we need multi time resell, how can we purchase this application many time licence?
Hi ,
Can you please contact our support at support@keenthemes.com to get further info regarding to your request ?
Regards, Sean
Good evening, I downloaded the template and the css only came in the compressed file; templates are not attached; Please how do I download version 7 templates? Thank you
What is missing is the index.html file into demo2
Hi,
In your download package the precompiled assets are included by default so you can browse all demos without installing the build tools and compilation. However to compile Metronic from it’s src please refer to the documentation: https://keenthemes.com/metronic/?page=docsRegards, Sean
Good morning my friend, I saw that you updated the downloadable package with the addition of the demos; Once again, EXCELLENT WORK; You are to be congratulated;
Thank you, all the best on your project!
Good evening,
Excellent job, I already bought the template, now, did you or will you make a dark theme for DEMO2 in HTML? I use DEMO2 in the applications and I was asked to make the dark theme available.
Thanks in advance
Hi,
Dark skin is not available for the demos but you can implement it by customizing your selected demo’s SASS files/variables.
Maybe in the future we will make a tutorial/video regarding creating dark skins for demos. At the moment we are fully occupied with other more demanding features are the in our todo list.
Regards, Sean
Hello, from the demos I would like to create a new project that gets bundled. I would like to need some color changes and only very limited plugins included. My problem is getting the build enviroment where all assets are ready to get build with webpack. Can you help me get started?
Hi,
You can change the theme colors in “src/components/_variables.custom.scss” by referring to the variables set in “src/components/_variables.scss”. Thus you can change bootstrap theme colors(primary, success, danger, ect).
To remove unused plugins from webpack build please go to:
“tools\webpack\plugins\plugins.scss” and remove any plugins after “import "~/src/plugins/keenthemes-icons/font/ki.css”;” one.
In ”\tools\webpack\plugins\plugins.js” you can remove any plugin after “window.PerfectScrollbar = require(‘perfect-scrollbar/dist/perfect-scrollbar’);”
In the next update v7.0.1 we will add code comments to the webpack build files to make this more clear and easy.
If you need any further help please let us know.
Regards, Sean
My question is more in the direction: How do I start a new project without all the demo folders. From the docs I have the feeling the tools/webpack folder is always refferring to the demo folders e.g. “npm run build—demo1”
The last getting started video had a different File Structure (v6.x.x compared to v7.x.x)
I am trying to start a project based on the html/demo1 version.
This video used older versions of Metronic but overall steps and guidelines can be applied to all versions. Basically you can use Layout Builder and export your prefered layout and use it with gulp or webpack compiled assets.
So there is no other intended way as editing the demo directly? Feels wrong. I was expecting smth. like sandboxed demo folders that can be copied with everything like build tools etc. in it to initiate a new project and develop further on it. Can you help me set this up?
The Getting Started Video was also suggesting smth. in this direction. Why was the structure changed again?
I know About the Layout Builder and how to create the html structure. That is not the problem
I do not want to copy the CSS and JS files everytime I change a „setting“. Instead I want to build directly within my project.
Yes, we are doing new video tutorials for v7.0 and soon we will publish those videos soon.
Hello, struggling with integrating demo1 Laravel example into existing project: when running “npm run dev”, the next error message pops up in console:
@include border-top-left-radius($card-border-radius);
^
Undefined mixin.
resources/theme/metronic/sass/components/_card.scss 308:5 @import
The only change I did after copying all example files into my project – I’ve set “mix” to compile all theme resources into subdirectory (I updated all paths in “webpack.mix.js”). But the issue still exists. What am I doing wrong?
Hi,
Please verify if you already have included the bootstrap scss? This mixin (border-top-left-radius) function is from the scss.
@import “~bootstrap/scss/bootstrap”;
Thanks
Hi PixelDots, thank you for your hint. I’ve managed to solve my problem, it was the bootstrap version: I accidentally installed “4.1.1” instead of “4.4.1”
Hello there. First of all, you have done a very successful job. I congratulate you. When I was browsing through Safari, I noticed that most pages were broken. I kindly request your support regarding these problems.
Hi,
Could you please email us screenshots of those pages ? We are aware of some reported bugs and we are going to release by today so most of the issues you saw will be fixed by today. But you may send us more details and we will double check for sure.
Regards, Sean
Hello again,
Thank you for your answer. I sent the e-mail you requested.
I’m waiting for your answer.
Best regards,
Soner.
Hello,
I did not get any information from you about the solution of my problem. Has there been any improvement regarding Safari errors? What does HOST_URL = “https://keenthemes.com/metronic/tools/preview” do?
Best regards,
Soner.
Hi,
Could you please let us know your email address? Have you sent us screenshots and your OS/Browser versions as well? We are aware of some reported Safar related issues. We will double-check your request.
We use HOST_URL for some remote Ajax data loading to show KTDatatable and Datatables.net examples with dynamically loaded data from server-side. This can be removed in your actual project since this is for demo only
Regards, Sean
Yes, I sent the screenshots to you. We have also corresponded a few times via email, but it remained in the air. soner.tasci@ibb.gov.tr
Hi,
Most probably you having assets loading issue with Safar when you open HTML templates in offline mode. Can you try it with Chrome ? This can be Safari’s restriction when you open the HTML templates directly from a file. If you need any further help could you please send us your screenshot of your browser’s console ? If there are any warning or error we can refer.
Regards, Sean
Hi there!
I made all of these requests and shared them with you via email. I think you are not interested in these. If you really don’t find a solution, I want to start the refund process…
Thanks.
Hi,
We noted your requests and there are in our todo list. Please note bug fixes, improvements, and features requests are released in the following updates.
Regarding your above issue, could you please provide us your feedback. W haven’t got your reply for our last email response. Most probably you having assets loading issue with Safar when you open HTML templates in offline mode. Can you try it with Chrome ? This can be Safari’s restriction when you open the HTML templates directly from a file. If you need any further help could you please send us the screenshot of your browser’s console? If there are any warnings or error we can refer.
Are you free to request a refund but if you like to continue using Metronic we will do our best to help you out.
Regards, Sean
HI all, i’m trying to undestand how the actions link button in the ‘Actions” column in a datable are generated. Any idea where i can find this informations ?
Hi freezben, Please write details first, Which framework/version do you mention? React/Angular/v7.0.0/v6.1.8?
Regards, Keenthemes support
Hi, i am using v1.6.8 HTML version integrated with CakePHP. The page that i am testing is this one /crud/datatables/data-sources/html.html and i am looking for the ‘actions’ columns who seems to be generated dynamically.
Thanks in advance
Hi,
Please check the datatable init js here. /theme/html/demo1/src/js/pages/crud/datatables/data-sources/html.js
You will find the “Action” template in render columnDefs option
Thanks
Thanks a lot for your help and your quick answer. It’s really appreciated. Best regards, Ben
Hi! how to change datepicker language to french ?
datepicker is undefined
Hi,
May I know which Metronic version you are using ? How are you compiling the theme ? With gulp or webpack ?
As explained in the plugin’s docs https://bootstrap-datepicker.readthedocs.io/en/latest/i18n.html to use the datepicker language options you should include required language’s JS file in the build. Please go to gulp config or webpack config file and add FR language JS file after the main plugin’s JS file:
node_modules\bootstrap-datepicker\dist\locales\bootstrap-datepicker.ar.min.js
In gulp.config.json you can add it after:
"scripts": [
"{$config.path.node_modules}/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js",
"{$config.path.node_modules}/bootstrap-datepicker/dist/js/locales/bootstrap-datepicker.fr.js",
"{$config.path.src}/js/vendors/plugins/bootstrap-datepicker.init.js"
]
Regards, Sean
This item was featured on ThemeForest
Power Elite Author
Contact the Envato Market Help Team
