Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,701 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

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.html

Regards, 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&section=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&section=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&section=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&section=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,

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&section=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#support

Regards, Lauris

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey