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,106 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.

How to get old version of metronic?

Hi :),

We can provide you v4.x and v5.x versions through our support. Please email us at support@keenthemes.com and provide us with your purchase key for Metronic.

Thanks.

I have used metronic since metronic 4 and i have got to say i feel like the code has lost its appeal up to 6, it never used to be so complicated i mean seriously just look at a class on just one of the header divs ```kt-menu__item kt-menu__item-open kt-menu__item-here kt-menu__item-submenu kt-menu__item-rel kt-menu__item-open kt-menu__item-here``` that to me says it all im afraid, and the sass configuration is just a mess it doesn’t cater for other use cases such as laravel, I have to build a dist version then import that using webpack which is a serious headache. i hope they get it back because they truly are really nice looking themes, but it needs a serious code cleanup if you ask me and a bit better thought into making it easier for the developer to import this theme.

Hi,

As can be seen from the user review Metronic is best rated for its flexibility and code quality. The class naming approach we use relay works and it is very important(despite looking complex) since it allows us to extend Metronic without any limit and integrate any 3rd party libraries or plugins without css class conflict issue. Yes, Metronic’s layout and components has extra helper classes as you stated above and each helper class actually represents an option that you can configure(or skip) and that is the power of Metronic. You can look at our demos(total 12 and counting) and each demo is almost like a different theme. All these possibilities would not be possible without our flexible coding approaches.

Regarding building the theme with 3rd party build tools(laravel, etc), please note that Metronic’s assets build process is a quite complex process that includes css/js bundling and compiling sass files separately for each demo. So to handle the assets properly you will need to use Metronic’s own build tools that are based on gulp. In your project you will need to include precompiled assets(minified and compressed js/css files) without recompiling it outside our build tools.

Also you can check our layout builder tool that helps you in building your layout and export its HTML code for super easy integrating with your server side code.

Soon we will be releasing video tutorials to show the best practices of utilizing, customization and integrating Metronic in real projects. Also we have a big plans to improve our documentation and add more examples for each feature in the theme.

Regards,

Theme is good and I believe, it will be better. I think you need to relaese a roadmap. We could learn which features is coming. Date is not necessary. We just to be sure your ideas about futures.

Hi,

We appreciate your warm feedback. We are working on delivering limitless amount of the new features that admin themes have never seen before.

Next update includes Angular versions of Demo 3, Demo 4 and a huge User Application with many options of lists, profiles, configs, which is coming shortly.

After that our roadmap for the coming weeks and months is:

- Video Tutorials - VueJS - ReactJS - Contacts App - Chat App - Project App - Help Center App - Mailbox App - Todo App - File Manager App - Search App - Calendar App - eCommerce App - Directory App - 10+ Inner Pages - Third party Plugins

There are some screens shown below.

Thank you.











Hello,

I followed your steps about switching themes. I want my website to be demo2 theme. When I load on the dashboard route, everything is fine. However, when I go through the login page, the top bar / top menu is messed up. How can i fix this ?

And please, I requested an invitation on Github after buying the template. Can you pls provide me the invite ? (I can’t reuse my purchase code on your website)

Best regards.

Hi,

By default, login page is a full screen template without header. Login page does not support header

Please give us your github username. We will check it

Thanks

Hi,

Thanks for answering. I know there is no header on the login page itself. When I use demo2 and go on the login page. Everything is fine. BUT when I log in, it redirects me to the dashboard. Then, the header is messed up. It’s even doing it on your online demos.

Best regards.

Hi :)

We have included this fix in the current development for the next update. We estimate and hope to release it by tomorrow.

Thanks

Hi :) Just a quick question: are you guys going to release Metronic v6.0.2 this week?

Hi :),

We are doing our best for that. Stay tuned!

Thanks.

Hi, is the builder updated with the option to remove the cart from nav?

Hi :),

Yes, the default demo will have this option. However you can easily remove it manually from the HTML.

Thanks.

@keenthemes is the image cropper available in the latest version? http://keenthemes.com/preview/metronic/theme/admin_1/form_image_crop.html

HI,

Thanks for your feedback. Please note that the image crop plugin does not require any integration(no js or css customization required) so you can directly include the plugin and start using it. In a future update we will include this plugin and add examples.

Regards

Hi How to download metronic 5.5

Hi :),

Please contact our support at support@keenthemes.com and provide you purchase key and we will give you the v5.5.5 download link.

Thanks

Hi, I can not find blank page on v6.0.1.

Hi, when I update the KTOptions colors in the html file, the color changes aren’t reflected. i.e.

var KTAppOptions = {
            "colors": {
                "state": {
                    "brand": "#008dcf",
                    "dark": "#282a3c",
                    "light": "#ffffff",
                    "primary": "#5867dd",
                    "success": "#34bfa3",
                    "info": "#36a3f7",
                    "warning": "#ffb822",
                    "danger": "#fd3995" 
                },
                "base": {
                    "label": ["#c5cbe3", "#a1a8c3", "#3d4465", "#3e4466"],
                    "shape": ["#f0f3ff", "#d9dffa", "#afb4d4", "#646c9a"]
                }
            }
        };

doesn’t seem to change the brand color

Hi,

Could you please provide us more info ? What is your theme version and where did you encounter the unchanged colors ? Is it in the charts? Please note that this JS color settings are used by the dashboard chart examples and the actual layout colors are controlled through SASS code. If you need any further info please check the theme documentation and refer to the build tools and sass coding.

Thanks.

Ahh, OK, It would have been handy to be able to set the whole theme color scheme (not just the charts) via this method for my project. Thanks for your help though.

Hi :),

Changing css colors using this JS config is not possible. You can change the SASS config in order to update the theme style globally. For more info please check the theme documentation.

Thanks.

Hi, I want to use expandable search in metronic 5, plz guide me the process, I contact your support a lots of time via email but there is no response come, I sent my all purchasing detail to support.

Hi,

Thanks for your feedback.

As we have replied your email saying this Metronic v5.x’s expandable search is not compatible with Metronic 6.x. In order to implement it it requires some major changes in the layout. We will consider implementing it in a future update.

Regards

Hello, I want the application to open another page when I click on the KtDatatable row. How can i do this?

Hi :)

You could do like this;

var datatable = $('.my-datatable').KTDatatable({/*...*/});
datatable.on('click', 'tr', function () {
    window.location.href = 'new page url';
});

Thanks

It would appear that the new build download link is incomplete.. When I select to download the latest, the compressed FileSize is 160MB, did you really shave 300MB off this build? Also once downloaded and uncompressed, I try and load the documentation, and it’s missing ALLL kinds of files.. I think the App/Base stuff is all missing. I just want to copy up the new code to my assets directory.. Thanks!

Hi,

Yes, this v6.x version is smaller in size and it includes all necessary files. Please note that in order to browse the templates you will need to run the build tools to compile assets(css/js) from the source(sass/js) files. Can you please check the documentation and if you still have a question please contact our support at support@keenthemes.com

Thanks.

Hi,

Thank you for new version of metronic 6. I had the previous version before and I can git pull changes every time, but now I can’t clone the new version like exist in documentation https://github.com/KeenthemesHub/Metronic.git

if you open this repo you will have an error, could you please guide me.

Regards,

Hi,

Sorry for the late reply. Have you tried to register to the new repo via this form: https://keenthemes.com/metronic/?page=github

If you still unable to access please contact our support at support@keenthemes.com.

Thanks.

Yeah, I tried before and I have an error says you already registered before

Noted. We will check it and reply you shortly.

Hello I have one quastion can I use this template for build an app like school management system with laravel and sale it on codecanyone if anowser is No How can I use this for build app and sale it because your template ia very very best

Hi :),

Thanks for your interest in our theme.

By right you are not allowed to do so according to the license rules unless you have our special permission as the theme author. Please contact us at support@keenthemes.com to discuss possible options.

Regards

Hi guys! How can I do to build full demo4 with component and other pages? Like this preview: https://keenthemes.com/metronic/preview/demo4/

Thanks

Hi,

In the download package other demos do not include all the pages that the default demo has due to the max download file size issue. However you can recreate any page from the default demo for other demos since all features in the pages are global components and available for all demos. If you need any further help please contact our support at support@keenthemes.com

Thanks.

Hi,

How do you remove /default/ from the URL? Also, how do you make the top bar links just buttons/links which load different views rather than toggle submenus.

Thanks, Edgar.

Hi :)

Please check this documentation on how to load single demo and without demo name in the URL (it was for demo purpose). https://keenthemes.com/metronic/?page=docs&section=angular-how-set-demo

Also this link for the updated docs (which is not released yet) https://ibb.co/C67Mr4r

Thanks

Thanks. That worked! Another question. You have included a lot of widgets into the static HTML files which don’t seem to be available in the Angular version. For example, how do I use the “Predefined Ranges” with Custom selection date pickers (the one from here: https://keenthemes.com/metronic/preview/default/crud/forms/widgets/bootstrap-daterangepicker.html) in the Angular version?

Hi :)

bootstrap-daterangepicker is a jquery plugin and you must include jquery to use it. We try to avoid jquery or its plugin for the Angular and find alternative plugin. If you need it, you could integrate it into your angular. jquery plugins still work in the Angular.

Thanks

Please prioritize chat screen + user profile pages.

Hi,

Sure, User App with many pages and Chat, Contact apps our priority and we are doing our best to release them as soon as possible.

Thank you.

When you guys gonna sell the Sketch file of Metronic ???

Hi,

Metronic already comes with Sketch & PSD files. However since new version of Metronic arrived, we did not updated them yet. After releasing bunch of Applications and Custom pages Sketch & PSD files will be updated accordingly.

Please feel free to ask if we can assist you further.

Thank you.

Hi, I am using metronic 5 default version, and I want to use Expandable search bar, but in your latest version I am unable to get expandable Search bar partial code so Kindly assist me ASAP.

How can I get metronic 5 features?

Hi,

Thanks for your feedback.

Please note that the v5.x features are not compatible with v6.x out of the box. We will consider enabling this feature for v6.x in a future update. Please follow us to stay updated: http://twitter.com/keenthemes

Regards

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