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 120,088 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12220 comments found.

Hi, Whats happening with the React version? You said a couple of weeks more than 2 months ago

Hi,

We were working on some final testing and bug fixing and preparing it for release. We are targeting to release it by end of this week.

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, any updates on React-version as it was not released last week either?

Hi,

We are preparing it for release and It should be out in a few days once it’s approved.

Regards, Sean

Hi keenthemes, I am using datatables and I have the following problem.

When the page loads, datatables hits an endpoint with get method, fetches the data correctly and populates them inside the table. So far so good. When I use a filter though even though the raw variable has the correct data stored, datatables does not populate them inside the table and returns the message No records found.

Hi :)

If you are using remote data source. You need to handle the pagination, filtering and sorting in your backend. If you want it to handle in local datatable, you have to disable all these server side options.

data: {
    type: 'remote',
    //........
    serverPaging: false,
    serverFiltering: false,
    serverSorting: false,
},

Thanks

>> Failed to compile metronic bundle!

./node_modules/summernote/dist/summernote.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleParseError: Module parse failed: Unexpected character ’’ (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file)

Hi :)

Could you please try remove node_modules folder and retry? Did you use command “yarn” and “npm run build” in the tools folder? How about your yarn, npm and node.js version?

Thanks

Layout Builder not working at all!

We are working with Demo1, using Layout Builder and it defaults to standard layout. This has been reported a week ago by several other users. No fix has been released until today. That’s awful!

Hi,

Sorry for the inconvenience. We are aware of this issue and the will be released in a few hours in v6.0.8.

Regards, Sean

Missing jquery-form require in global.js file vendors (webpack build) TO fix issue “ajaxSumbit in not a function” add in global.js

// jquery-form (for ajaxSumbit)

require(‘jquery-form’);

For future versions, please – include all needed vendors in default buildable files, as is in classic mode!

Hi :),

Thanks for your feedback. We will fix it in the next update v6.0.8 in a few days.

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. You have problems with usage of font-family variable, if user needed to use fallback list of similar default fonts.

Instead of use string value in $c-font-families: ( regular: ‘Poppins’, }

use unquoted version like $c-font-families: ( regular: unquote(‘Poppins, Helvetica, sans-serif’), );

Because, without that, you need to use this kind of interpolated call font-family: #{c-get($c-font-families, regular)}; And I found that you not use this kind of call in all your code, for example in vendors customization: .uppy-Root { font-family: c-get($c-font-families, regular);

Or fix call format in all your code, or use unquoted version in variable definition.

Hi,

Thanks for your feedback on this. We will check it further and fix it in the next update v6.0.8 in a few days.

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

Is there a HTML only version available so I can transform it to Vue?

Hi :)

Sorry for the delay

The default version in the package is a HTML version with CSS and some js files. You can integrate it with any UI framework.

Thanks

Is there a HTML only version available so I can transform it to Vue?

Hi :),

Thanks for your interest in our theme -Metronic.

At the moment we have jQuery and Angular version. The Vue version is in development and we will be releasing it in 1.5-2 months.

For any further info you can also check our detailed theme documentation: https://keenthemes.com/metronic/?page=docs

Regards, Sean

Hi! Thanks for the reply. So the jQuery version consists of HTML/CSS/JS only right?

Yes, The core theme is based on pure JS. Our Angular, React and Vue versions use those core JS to initialize the theme.

Hello, there is no psd for Homepage Demo #8 V6 in the zip folder. How can I get a hold of it? Could you send me the psd perhaps? Thanks in advance.

Hi,

Could you please contact our support at support@keenthemes.com regarding this request ?

Regards, Sean

Hi, do you have any plan for ReactJS?

Hi :),

We are about to release it. The development is done and we are preparing it for release. It should be out soon.

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 there, after updating to latest vers my Quick Search didn’t work (on mobile it works). Has been changed anything, please? Thanks!

Hi,

Yes, we did some optimizations on the quick search. Can you try to fully update the HTML/JS of the quick search component with the one in the latest version ?

If you need any further help please contact our support at support@keenthemes.com

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

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

can i make the left sidebar demo6 same with demo1 ? i want to fixed the sidebar, dont want showing when the mouse is moving there.

Hi,

Sorry, we could not understand your question. Are you using Demo 6 and you want to make it’s sidebar similar to Demo 1 one ? Please note that each demo comes with it’s own layout features and that developed uniquely for each demo. All available features of each demo can be seen in the demo’s layout builder.

Regards, Sean

demo6 left sidebar will hidden when the mouse scroll out and visible when mouse hover, can i always show the left sidebar ?

Hi,

Yes, you can achieve it by removing “kt-aside—minimize” class from the body tag and change the logo bar width. Basically you can customize and recompile the theme after SASS code changes.

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

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,

Are you still working on Native Angular? Couldn’t find components like ‘Calendar’ in the angular demo.

Thanks!

Hi,

Thanks for your feedback.

Our Native Angular version has been released since v6.x. However the calendar component we haven’t added yet but you can use any available angular calendar component that matches your requirements.

Regards, Sean

How to disable check on clicking the whole node in jstree?

I have modified code in jstreebundle.js where whole_node: false from true.

it worked for unchecking but it’s not working for a check. Please do the help asap.

Hi,

You can check the jstree related info in the plugin’s official website: https://www.jstree.com/

To edit the theme’s js/css you should edit it from the theme’s souce, not from the bundled js/css files. 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 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

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. You have an issue with jquery-validation in wizard demos (webpack build) https://i.imgur.com/2k2BjQg.png I tested and cause of this is missing additional methods in global.js vendors file Change to fix that: require(“jquery-validation/dist/additional-methods.js”) after line require(“jquery-validation”);

I would be happy to share other bugs found, but I do not have an account with a purchased theme, unfortunately, for have access to github

Hi,

Thanks for your feedback. We will check that further and provide the fix in the next update that we are planning to release in a few days.

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, Any predictions for the release of demos 13 and 14?

Hi,

Sorry, we can’t confirm the date for that features. We have a lot of thing going on and we will release them 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 there.

Is that possible to use only “metronic datatable” for my another project which is not metronic? If possible, it would be awesome. I like metronic’s awesome datatables.

Hi,

Yes, you can use it outside Metronic based on your purchased license. However you will need to extract the required sass and js code and compile it separately. KTDatatable.js also depends on KTUtill.js and it’s sass code also has some dependencies. If you check the theme documentation and browser the source code you will be able to figure it out.

Regards, Sean

Hello , we ae planning to buy Template with extended version, we have some queries before . if we brought this theme with Extend Licence to develop own product and list on envento and market (may be),we are planning to develop multiple script to upload on codecanyon and others marketplace will be authorized to develop and list , if bought extend licence ??? if yes , we expect your answer on : alert.algorithmtree@gmail.com , if no what will be the process from our side to fulfill our requirement.

Hi :),

Thanks for your interest in Metronic. Standard themeforest licenses(both regular and extended) do not allow using Metronic in other stock items. But we can consider a partnership basic agreement with you. We will react you via email soon.

Regards, Sean

will be waiting your email.

Hi How can i remove unused css from Metronic style file in my project? I want only load css classes that i used in my project

Hi :),

You can customize the build by removing unused optional 3rd party plugins. You can refer to our documentation https://keenthemes.com/metronic/?page=docs&env=preview&section=build-tools and remove unused plugins as explained.

If you need any further clarifications please let us know.

Regards, Sean

Where can I find “Datatable” (That box that contains “Company”, “Date”, “status”, “Managed By” , “Actions”. ) I want to change the data inside but I can’t find it?

Demo 9

Hi :)

Do you mean KTDatatable or Datatables.net? You can find all the sample of js init datatable in this directory. /theme/default/demo9/src/assets/js/pages/crud/metronic-datatable/

Let us know if you need further clarifications.

Thanks

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