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

after compiling v6 using build tools skins folder not generating in other demos assets folder so login page not working for other demos

yes tried it but not working

actually this command only generate assets not custom pages

Hi,

Can you please contact our support at support@keenthemes.com and send screenshots of ”/app/custom/” folder contents and the command line output ?

Thanks.

I have download the new Metronic 6 template, and use the default theme by generating assets from gulp. But I have a problem with sweetalert that won’t work and javascript error says “TypeError: this is undefined /metronic/metronic_v6.0.0/theme/default/dist/default/assets/vendors/base/vendors.bundle.js:88637”

Hi :)

Could you please send the screenshot? Was there any errors in the command console during the gulp compilation>

We did try it, but could not reproduce it. https://keenthemes.com/metronic/preview/?page=components/extended/sweetalert2

Thanks

Hi, I’m new with Metronic. I’m doing some tests with Calendar/Basics page.

I understand there are 2 dependencies dedicated to this page:

  • The bundle one: containing all depencies (jquery, fullcalendar, and new classes) : fullcalendar.bundle.js
  • And, the component one: basic.js containing the params of the basic calendar.

My plan is to customize basics.js to be able to :

  • change some params
  • add events data from a .php file.

Then, I’ve decided to delete param “events” (static datas) from basics.js to be able to rewrite it directly from the html page (dynamic data in php), and to keep the generals params in the basic.js file. That’s what I thought the best practices… but it doesn’t work:

1) When I delete all “events: [….] ” from basics.js, some datas are still loaded…(it should not) I can’t find where they provide. If I change the kt_calendar #id, then these datas are not loaded anymore…

It seems that if the basic.js file is not loaded for any reason, then the name of the id #kt_calendar is used from another dependency that automaticly add some params… it seems if I don’t use the id #kt_calendar then any dependency needed to build a calendar (bundle.js ) is loaded right?

Could you please help me a litle bit, because I don’t know how to apply my changes. What is the point? What have I to do? Changing the id, deleting the basics.js and rewritting the script in the html page? Can I use both source of param from basic.js file and “events: [..]” from the htlm page? Before using metronic, all my html/php/ajax/js was on the same html page. So, this kind of architecture/method is new for me..

2) I need to add LOCALE.JS file to be able to change the language of Fullcalendar. What are the best practices to add a new dependency to my project? Does I need to reload bundle to build new .js file with the new dependencies added?

Thanks to help !

Hi :)

Please check your email. We have reply it.

Thanks

Finally V6 got released. Congratulations on that – great work. One thing though. You advertise about tons of new components and features. I can’t really seem to find much new in v6 compared to v5 component/feature wise? can you elaborate on which components / features you have added to this version, because to me there is just about the same pages / examples as in v5?

Thanks and congratulations again

Thanks! There are tons of new pages ad features are on the way ;)

Btw. Will these be available both for Keen and Metronic in the future? I believe you mentioned that these would share codebase eventually?

Hi,

Now everything comes for Metronic only. In future we will consider equal features for Keen as well. However Keen is independent theme and it’s not going to repeat Metronic.

Thanks.

Hi Keenthemes :)

I have a quick question regarding Metronic Datatable. I usually have a special row in my table that I highlight. Since the datatable.setActive() method seems to work only with table that has checkboxes, I highlight the row while rendering:

template: function(row) { if (row.uid == "2") { return '<span id="special" class="kt-font-danger kt-font-boldest">' + row.Method + '</span>'; } else { return row.Method; } }

Is there a way to point the pagination of the table to a page that contains this row? Can I show a given datatable page on ‘kt-datatable—on-init’?

Thanks!

Hi :)

We have some fixes for it. You can either modify the plugin file for yourself. Or you can wait for us to release the next v6.0.2 update. This issue patch will be included. We plan to release it by today or tomorrow.

/theme/default/src/theme/framework/components/foundation/datatable/core.datatable.js

pg.paginateEvent = Plugin.getTablePrefix();
gotoPage: function (page) {
    Plugin.pagingObject.openPage(page);
},

Update to;

pg.paginateEvent = Plugin.getTablePrefix('paging');
gotoPage: function (page) {
    if (typeof Plugin.pagingObject !== 'undefined') {
        Plugin.isInit = true;
        Plugin.pagingObject.openPage(page);
    }
},

Thanks

Perfect! It worked! Thank you :)

Glad it worked :) We will include the fix in the next update soon

Thanks

Hi, I downloaded this template, but I can’t see icons in left navigation in Firefox Browser https://ibb.co/zfpLd6Z Thank you…

Hi,

You probably opened the HTML template file in offline mode(directly from a HTML file from the classic package). Please note that firefox does not display the font icons in offline mode. If you load it from webster everything will work fine. This is the browser’s behavior.

If you need any further clarifications please let us know.

Thanks.

Hi, Metronic layouts have been updated. I want previous layout structure or design. so How can I Get that design?

Hi,

Could you please send your license code to our support at support@keenthemes.com? We will provide an older version.

Thank you.

Can you please give a realistic estimate when you will be releasing the other demos for angular. Specifically demo 7. Thanks

Hi,

The angular version will be implemented for all demos. Now we are working on Demo 3 and we will release it when it is ready. We can’t confirm any timeline but we will do our best to release them as soon as possible.

Thanks

Would be great if you guys provide a CLEAN download. I don’t understand why compile a template with example code (like validation) in login. The new design is awesome and honestly, I loved both versions (5 and 6) but I can’t fell love for the organization.

Why not put JS on JS folder and SAAS on SAAS folder and not merge SAAS with JS when the file aren’t from a “vendor”? And again: Avoid demo code. For those who aren’t using Angular or Default version, we spend a lot of time cleaning up and organising everything.

Hi,

The Metronic v6.x new file structure is actually very flexible and clean Now every feature in Metronic v6.x considered as a separate component and each component has own folder with related sass and js source files in it. This modular file structure organization approach is used by many popular projects including Google’s Material Web Components library: https://github.com/material-components/material-components-web

The Angular and jQuery versions are put in separate folders in the download package.The demo code is quite useful as a reference and guidance on how to properly initialize and integrate the features. However we believe that removing the unused demo code is not a difficult task and majority of the demo code can be reused for actual requirements. Also users may refer to the demo code to learn how the features are initialized and used.

If you need any further clarifications please feel free to contact our support at support@keenthemes.com

I think it’s unfair to write such a negative review after receiving support and so many updates. We are always keen to help if you have any questions. Could you please change your review?

Regards

Hi Metronic Creators,

i’ve been using metronic for a while and was really stunned by its design. I really don’t get it why you decided to change so much in the new v6. The new theme look murky, shallow and doesn’t stand out in comparison with other dashboard providers.

I get it that there is a team of developers, who got to work on the theme day in and day out, but it doesnt justify continuous change of the look. Does it mean, that v7 will look nothing like previous version?

It would be nice if you will let users, who purchased this theme to offer the download of the previous version as well. Its a shame that most of newcomers wont be able to use it.

Hi,

Thanks for using Metronic.

According to the majority customers feedback the new UI looks stunning. The design trends are rapidly changing and we have to deliver fresh and exceptional looking Admin Theme. And we believe we have done so.

We have a huge plans for v6 to add many Applications and Custom pages. Now the design looks pretty solid, so we will focus on custom UI requested by many customers.

Metronic comes with amazing and most importantly unique demos designed and coded by our dedicated team. You can choose the one that best fits your requirements. This is one of the advantages of Metronic.

Yes, older versions are available as per request at our support support@keenthemes.com. However we would highly suggest you using v6.0.

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

Thank you.

of course it’s understand that the majority of feedback is positive, its because older customers, who are not satisfied simply don’t comment on that issue or don’t yet know about the new version. You can simply do a poll on your site to this topic it would be intertsing to see the results. Especially in the future it would be nice if you ask 60k customers that have this theme whether they find drastic design changes acceptable.

To the point that design trends are changing i just say its not true. How often amazon, twitter or gmail change its look? There is a reason those site look the same over the years, because they found something that works and they know that changing design may lead their customers to leave the site. And why would you suggest old customers just to switch to v6? What about my regular site customers, which are used to current design and functions. You must know that most customers who work with a system for a long time may find such drastic changes irritating and unwelcome

Hi,

There are many returning customers that purchasing new license for new projects. Now all new projects and new customers has the new UI.

We don’t see any issues with improving design, since we still provide older versions as per request. And each version of Metronic comes with massive amount of features that can be used for long term projects.

However if you have Metronic 5 related questions, please feel free to ask our support at support@keenthemes.com

Thank you.

How to remove Aside on Demo12?

Only on Demo1 i can select in Buider “Dont Display Aside”, why not in Demo12?

Hi :),

Thanks for your feedback on this. We will enable this in the next update. Stay tuned!

Regards.

Hi, I’m used to Metronic 4, I have already built UI tools using UI elemnts and css classes of that version. Metronic 5 had radical change in css classes. Now in Metronic 6, the old 4 is gone. Could you please bring back the old css class library with your new design?

Hi,

Metronic 6 introduces a lot of improvements in both design and codebase aspects. This is normal approach when an HTML theme is developed for a long time where the design and codebase always get improved.

For more info on the v6.0 update notes please check: https://keenthemes.com/metronic/?page=docs&section=migration

Regards

Hi, and thanks for the reply! I have no doubt that you are aiming to enhance the theme, which is great. But what I actually meant is that the original v4 felt like basic bootstrap. I didn’t have to learn new css classes, and the HTML structure was clear and easy that I created reusable components based on your theme. What would be great to have is the ability use the old html structure and css (with only replacing newer version of css file and minor HTML tweaks) to upgrade the look and feel of my components to your new styling. Like I said I already invested a long time on creating UI components based on your theme, and now every time you get a new version, I need to invest similar time to get the new theme’s look and feel.

Thanks again for the awesome work!

Hi :),

Thanks for your appreciation.

Once you migrated to v6.0 the further updates will be smooth. We primarily used BEM the css class naming rule to avoid 3rd party class conflicts. BEM is quate popular and it is actually very efficient as it is used by many projects including Google’s open source frameworks such as Material Design For Web. For more info please check: https://github.com/material-components/material-components-web

Thanks.

Hello, How can I hide a column when loading a table. I don’t want a button click after the table is loaded

{ field: ‘CompanyName’, title: ‘Company Name’, responsive: { hidden: ‘xl’ }, }

Hi :)

Thanks for your feedback. We will check this issue further and get back to you the solution.

Thanks

After downloading version 6 there is no files in assets folder only redme file available so not a single demo is working

After compiling default theme login page css not working in other demos only working in default demo because in assets folder there is no folder like skins in other demos only available skins folder in default demo so should i have copy paste that folder manually in all other demos

sticky action bar not working in metronic 5.5.5 in demo 5

Hi,

We would like to suggest you to migrate to v6.x. For more info please refer to: https://keenthemes.com/metronic/?page=docs&section=migration

Thanks.

这个是初始版本,推荐我们做更新吗?

KTLayout.getAsideMenu().setActiveItem($(‘a#kt-m’)[0]) ,我想手动激活某一个item,但是会报错 scripts.bundle.js:1142 Uncaught TypeError: Cannot read property ‘style’ of undefined at Object.hide (scripts.bundle.js:1142) at Object.resetActiveItem (scripts.bundle.js:6544) at Object.setActiveItem (scripts.bundle.js:6570) at KTMenu.the.setActiveItem (scripts.bundle.js:6691) at eval (eval at <anonymous> (scripts.bundle.js:8804), <anonymous>:1:25) at HTMLDivElement.<anonymous> (scripts.bundle.js:8804)

class them default

Hi :)

We need to check your aside menu structure first. Could you please send the whole left aside menu html?

Please send it via https://gist.github.com

Thanks

the metronic KTDatatables HTML have arrow on the right side, how to disable that arrow ? or it cant ?

Hi :)

Could you please send the screenshot of the issue?

Thanks

Hi, I use to call a php file that contains php function and which declares Class {public $...} I use/need to call. My php file (myscript.php) is located at Metronicscript/assets/myscript.

Before using Metronic Theme, I use this function to be able to use the contain and it worked. require_once ’/assets/myscript/myscript.php’;

Now it doesn’t work. I guess the public $ inside the Class can make some incompatibilies ? Is there any solution?

my mistakes… it s ok srry =)

Hi :)

Glad it worked. Please feel free to ask if you have any more questions

Thanks

Please, send me the steps for the installation for Metronic V6 latest version . I think you did huge changes.

Hi,

i need user profile left sidebar like bellow url

Link

Here we go ;)

woww, when you will update it please i need it a lot

Hi,

We are working on User Application at the moment. We wish it should be out soon, however no ETA at the moment.

Stay tuned ;)

Did you release 6.0.1? The changelog is still on 6.0 https://keenthemes.com/metronic/?page=changelog

Hi :)

Please refresh the browser by pressing ctrl+shift+R. Sometimes browser keep the page as cache.

Thanks

Thanks!

Your welcome :)

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