12202 comments found.
Hello, In the demo VueJS, when I try to connect to an external API (hosted on localhost:5000) it’s always returning status 404, it’s a simple query ( POST with a body data (username/password) and it’s always returning 404. thanks for you help
Nevermind, I had to deactivate the mock API calls. thanks anyways
Hi,
Yes, just need to remove MockService initialization from main.js. All the best with your project!
Regards, Lauris
Hello, how can I use typescript inside VueJs demo ?
Hi,
You can refer to official vue.js doc on typescript support: https://vuejs.org/v2/guide/typescript.htmlRegards, Lauris
can i use for my django project
Hi
,
You can use Metronic with any server side languages including Django. For more info please check https://www.youtube.com/watch?v=ptgwzvvAHy4&t=1s&ab_channel=KeenThemes
Regards, Sean
I downloaded the latest version of the project and it is giving an error stating that it is not finding the assets folder, that the javascript, images and css libraries are located
Hi,
First of all thanks for choosing Metronic.
In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.
Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.
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 note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.
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.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
Hello!
how can I implement a session timeout behaviour in react demo? so far i’ve been able to login using my API.
Thanks!
Hi Y2K_Webs,
We don’t have session timeout functionality in our React application. Anyway, we recommend you use https://www.npmjs.com/package/react-idle-timer library, it’s a well-documented and popular React library.
Regards, Keenthemes support
thank you
I installed the module but I dont get how to implement it with Metronic with React.
Do you have any othe tip? Logout works fine, but how to trigger it when timeout with that module?
thanks!!
Hi Y2K_Webs,
It’s 3d party library, which we didn’t integrate with our theme. Anyway, you have Auth redux actions in https://github.com/KeenthemesHub/Metronic/blob/master/theme/react/demo1/src/app/modules/Auth/_redux/authRedux.js and you can dispatch (with providing payload) them where you need.
Regards, Keenthemes support
Hi! I’m creating a new page using a ktdatable. I can’t seem to figure out how to control which table columns get hidden at smaller screen widths. For example, see: https://preview.keenthemes.com/metronic/demo9/crud/ktdatatable/advanced/column-rendering.html At full width, all columns show. On a slightly smaller screen, the status column collapses. Then on a slightly smaller screen, also the company screen collapses. How can I control which columns collapse and which always stay on the screen?
Thanks again for a FANTASTIC admin theme and parallel support!!
Hi,
Please use this setting to completely disable the hidding columns. Disabling it not good for mobile view.
var datatable = $('#kt_datatable').KTDatatable({
//.. other options
rows: { autoHide: false }
//..
});
Also, you can add this option in each individual column config, to prevent it from hiding on a smaller screen.
autoHide: false
Thanks
Using React, What is the best way to add a font to the project? especially a local font?
Hi Nabe J,
Try to check the article http://skyentific.me/adding-fonts-to-create-react-app/ The same with Metronic React, download TTF files into src/_metronic/_assets/, add FontFace and use it where you need.
Regards, Keenthemes support
Thanks. I imported the css file in the index.js
how to implement login/register pages on laravel? (they must have different layout. how can we implement non-sidebar layout for only login page?)
Hi,
You can just disable the layout for some roues in file theme/html_laravel/demo1/skeleton/resources/views/layout/default.blade.php
@if (Request::route()->getAction('login', false))
@include('layout.base._layout')
@else
@yield('content')
@endif
Regards, Lauris
html version not working ? !!!!! please help
Hi,
First of all thanks for choosing Metronic.
In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.
Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.
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 note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.
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.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
Can we please get a NextJS version?
Hi sazid1346
We haven’t had the NextJS version of Metronic yet. But I hope in the future we will implement some demos with NextJS too.
Regards, Keenthemes support
If I make a WordPress theme based on this template and sell it, and only use a small part of the entire project, do I need to purchase a separate license?
Hi,
Thanks for contacting us regarding this. Please note that using Metronic as part of other stock item is not allowed.
Regards, Sean
Good day,
I recently downloaded this but there is no “assets” for the html version.
Hi,
First of all thanks for choosing Metronic.
In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.
Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.
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 note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.
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.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
Thanks!
i am having a issue with the react template. i am using a real REST API but after successfully login also auth token is not working. there is some where you are using getusertoken() function.
Hi johnboxy.
Please mail us ‘support@keenthemes.com’ with all details which you have, what issue/errors do you have and step-by-step reproduction of your case.
Regards, Keenthemes support
Hi just suggestion, isn’t Summernote and Apexcharts is big so it will be great if it move separately from JS and CSS bundle just like Datatables. I try to remove it manually but still got some problem till now.
Hi,
Can you show us how you moved them in gulp config file ? If you refer to those custom bundles and how their css/js files are bundled them you can easily many custom bundle for any plugin. You can send further details to our support team via support@keenthemes.com.
Regards, Sean
Hello ! I think profile frame are missing in the Figma file. Could you add it ? or Could you send me ?
Hi,
Thanks for the feedback, Noted, we will check it as soon as possible. Please note that Figma file is provided as a bonus so it may contain limited pages only.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Does this have the angular too as described
Hi
,
Yes, you can see all available version demos here https://keenthemes.com/metronic/ and they will be included in the purchase package as well.
For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hello,
Can you guys give me an ETA on the FullCalendar v5 integration? And also, will I be able to upgrade for free with my current license?
Thanks
Hi
,
We are preparing Metronic v8.0.0 for early April and Fullcalendar 5 will be released with Metronic v8.0.1 and Metronic v8.0.2.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Sorry but I bought this because it said there is also just HTML.. but now there are over 1GB but NO html templates… and what ever I do to try to follow your documention I always run into error
I would like to get a refund because I need just an html template and no program to install…
Hi
,
First of all thanks for choosing Metronic.
There is HTML version included in Metronic theme zip folder.
In order to launch Metronic you will need to install the build tools and run the build task to generate the assets files from the “src” folder.
Nowadays using the build tools to manage the assets is de facto approach. Metronic’s default package includes all the features bundled and using the build tools you may easily customize the styles and also build your custom bundle with required features only to make the output css/js bundle file size minimal.
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 note that the build tools are required only in your development environment just to compile the changes and generate the assets and in your hosting you just need to deploy the assets folder, no need to install those build tools in your hosting.
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.
If you need any further clarifications please contact our support at support@keenthemes.com
Regards, Sean
Hello. I’m using modal including form. If you start to complete some fields and close the modal (without validation) and reopen it you can see your previous data you filled in. How I can empty the form’s fields of the modal when I close it ? Thank you.
Hi
,
You can use Bootstrap Modal close event handler API to perform your require tasks https://getbootstrap.com/docs/4.6/components/modal/#events using jQuery.
I hope the above direction will be helpful for you.
For more info please check the theme documentation: https://keenthemes.com/metronic/?page=docs and our video tutorials https://keenthemes.com/metronic/?page=video.
Please follow us at http://twitter.com/keenthemes to stay updated.
Regards, Sean
Hello Sean. Thanks for you help and your support. Regards, David
I’m trying to setup Metronic Vue and Laravel integration When I get to step “npm run dev”, I get the errors. below is from the error log. Please help.
0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli ’/home/base/.nvm/versions/node/v14.16.0/bin/node’, 1 verbose cli ’/home/base/.nvm/versions/node/v14.16.0/bin/npm’, 1 verbose cli ‘run’, 1 verbose cli ‘dev’ 1 verbose cli ] 2 info using npm@6.14.11 3 info using node@v14.16.0 4 verbose run-script [ ‘predev’, ‘dev’, ‘postdev’ ] 5 info lifecycle metronic-vue-demo1@7.2.2predev: metronic-vue-demo1@7.2.2 6 info lifecycle metronic-vue-demo1@7.2.2dev: metronic-vue-demo1@7.2.2 7 verbose lifecycle metronic-vue-demo1@7.2.2dev: unsafe-perm in lifecycle true 8 verbose lifecycle metronic-vue-demo1@7.2.2dev: PATH: /home/base/.nvm/versions/node/v14.16.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/home/base/alpha.base.com/node_modules/.bin:/home/base/.nvm/versions/node/v14.16.0/bin:/usr/local/cpanel/3rdparty/lib/path-bin:/usr/local/cpanel/3rdparty/lib/path-bin:/usr/local/cpanel/3rdparty/lib/path-bin:/usr/local/cpanel/3rdparty/lib/path-bin:/usr/local/cpanel/3rdparty/lib/path-bin:/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/opt/cpanel/composer/bin:/root/bin:/opt/cpanel/composer/bin 9 verbose lifecycle metronic-vue-demo1@7.2.2dev: CWD: /home/base/alpha.base.com 10 silly lifecycle metronic-vue-demo1@7.2.2dev: Args: [ ‘-c’, ‘npm run development’ ] 11 silly lifecycle metronic-vue-demo1@7.2.2dev: Returned: code: 1 signal: null 12 info lifecycle metronic-vue-demo1@7.2.2dev: Failed to exec dev script 13 verbose stack Error: metronic-vue-demo1@7.2.2 dev: `npm run development` 13 verbose stack Exit status 1 13 verbose stack at EventEmitter.<anonymous> (/home/base/.nvm/versions/node/v14.16.0/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16) 13 verbose stack at EventEmitter.emit (events.js:315:20) 13 verbose stack at ChildProcess.<anonymous> (/home/base/.nvm/versions/node/v14.16.0/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:315:20) 13 verbose stack at maybeClose (internal/child_process.js:1048:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5) 14 verbose pkgid metronic-vue-demo1@7.2.2 15 verbose cwd /home/base/alpha.base.com 16 verbose Linux 3.10.0-1160.11.1.el7.x86_64 17 verbose argv ”/home/base/.nvm/versions/node/v14.16.0/bin/node” ”/home/base/.nvm/versions/node/v14.16.0/bin/npm” “run” “dev” 18 verbose node v14.16.0 19 verbose npm v6.14.11 20 error code ELIFECYCLE 21 error errno 1 22 error metronic-vue-demo1@7.2.2 dev: `npm run development` 22 error Exit status 1 23 error Failed at the metronic-vue-demo1@7.2.2 dev script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]
Hi,
Have you folllowed our Metronic and Laravel integration tutorial? https://keenthemes.com/metronic/?page=docs§ion=vue-laravel-integrationThank you!
Yes, When I get to step “npm run dev”, I get the errors
This is the error that I get in terminal.
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. – configuration.optimization.splitChunks.cacheGroups[‘styles-public/css/app’] has an unknown property ‘type’. These properties are valid: object { automaticNameDelimiter?, automaticNameMaxLength?, automaticNamePrefix?, chunks?, enforce?, enforceSizeThreshold?, filename?, maxAsyncRequests?, maxInitialRequests?, maxSize?, minChunks?, minSize?, name?, priority?, reuseExistingChunk?, test? } – configuration.stats has an unknown property ‘preset’. These properties are valid: object { all?, assets?, assetsSort?, builtAt?, cached?, cachedAssets?, children?, chunkGroups?, chunkModules?, chunkOrigins?, chunks?, chunksSort?, colors?, context?, depth?, entrypoints?, env?, errorDetails?, errors?, exclude?, excludeAssets?, excludeModules?, hash?, logging?, loggingDebug?, loggingTrace?, maxModules?, moduleAssets?, moduleTrace?, modules?, modulesSort?, nestedModules?, optimizationBailout?, outputPath?, performance?, providedExports?, publicPath?, reasons?, source?, timings?, usedExports?, version?, warnings?, warningsFilter? }
package file
{ “name”: “metronic-vue-demo1”, “version”: “7.2.2”, “private”: true, “scripts”: { “dev”: “npm run development”, “development”: “mix”, “watch”: “mix watch”, “watch-poll”: “mix watch——watch-options-poll=1000”, “hot”: “mix watch—hot”, “prod”: “npm run production”, “production”: “mix—production”, “serve”: “vue-cli-service serve”, “build”: “vue-cli-service build”, “lint”: “vue-cli-service lint”, “rtl”: “webpack—config webpack-rtl.config.js” }, “dependencies”: { ”@babel/polyfill”: “7.4.4”, ”@fortawesome/fontawesome-free”: “5.13.0”, ”@mdi/font”: “3.6.95”, ”@popperjs/core”: “2.9.0”, ”@riophae/vue-treeselect”: “0.4.0”, “animate.css”: “4.1.0”, “apexcharts”: “3.19.0”, “axios-mock-adapter”: “1.18.1”, “bootstrap”: “4.5.0”, “bootstrap-vue”: “2.13.0”, “clipboard”: “2.0.6”, “core-js”: “3.6.5”, “deepmerge”: “4.2.2”, “highlight.js”: “9.18.1”, “line-awesome”: “1.3.0”, “object-path”: “0.11.4”, “perfect-scrollbar”: “1.5.0”, “portal-vue”: “2.1.7”, “roboto-fontface”: ”*”, “socicon”: “3.0.5”, “sweetalert2”: “9.10.12”, “tooltip.js”: “1.3.2”, “vue”: “2.6.12”, “vue-apexcharts”: “1.5.3”, “vue-axios”: “2.1.4”, “vue-cropperjs”: “4.1.0”, “vue-highlight.js”: “3.1.0”, “vue-i18n”: “8.17.4”, “vue-inline-svg”: “1.3.0”, “vue-router”: “3.1.5”, “vue2-perfect-scrollbar”: “1.5.0”, “vuelidate”: “0.7.5”, “vuetify”: “2.2.26”, “vuex”: “3.3.0” }, “devDependencies”: { ”@vue/cli-plugin-babel”: “4.5.9”, ”@vue/cli-plugin-eslint”: “4.5.9”, ”@vue/cli-service”: “4.5.9”, ”@vue/eslint-config-prettier”: “4.0.1”, “axios”: “0.21.1”, “babel-eslint”: “10.0.3”, “cross-env”: “7.0”, “eslint”: “5.16.0”, “eslint-plugin-prettier”: “3.1.3”, “eslint-plugin-vue”: “5.0.0”, “laravel-mix”: “6.0.6”, “lodash”: “4.17.19”, “postcss”: “8.1.14”, “sass”: “1.29.0”, “sass-loader”: “8.0.2”, “vue-cli-plugin-vuetify”: “2.2.2”, “vue-loader”: “15.9.6”, “vue-template-compiler”: “2.6.12”, “vuetify-loader”: “1.3.0”, “webpack-cli”: “3.3.11”, “webpack-messages”: “2.0.4”, “webpack-rtl-plugin”: “^2.0.0” }, “eslintConfig”: { “root”: true, “env”: { “node”: true }, “extends”: [ “plugin:vue/essential”, “eslint:recommended” ], “rules”: [], “parserOptions”: { “parser”: “babel-eslint” } }, “browserslist”: [ ”> 1%”, “last 2 versions”, “not ie <= 10” ] }
Hi,
Are you using this package.json for your vue+laravel app?
You do not need to modify anything just copy all needed dependencies from the vue version.
Regards, Lauris
I am using the package.json for vue+laravel app and am hitting errors when I run npm run dev. Can we get on a screen sharing session to help me with the setup.
Hi,
Please make sure that you have made all steps correctly: https://keenthemes.com/metronic/?page=docs§ion=vue-laravel-integration Sorry here our support is limited, we are not providing support through screen sharing, only ThemeForest comments and our support email: support@keenthemes.com, please check support policy: https://keenthemes.com/faqs#supportRegards, Lauris