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,111 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. I am using Metronic 5.0.1 – default admin panel 1. I want to set left menu as minialize default. How can i make this? if i give m-brand-minimize and m-aside-left-minimize classes to body by jquery then there is an animation playing on screen which i want to see it. I want this menu open as minimalize when page load.

And also if i give this classes on server side (namely before the page load) then menu loading as minimal but on this time sub menu links not working properly, accordion not working properly…

Hi :),

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks

Hi, (we are using metronic 5.0.4 angular default template) We want to use remote call to web api. Web api method like below: [HttpPost] [Route("api/ABC/GetABCList")] public GetABCListResponseDTO GetABCList(GetABCListRequestDTO abc) { return this.ABCService.GetABCList(abc); }

Angular datatable.js remote call like below :

type: "remote", source: { read: { method: "POST", url: "http://localhost:****/api/ABC/GetABCList" headers: {'Content-Type': 'application/json'}, params: { query :{ abc : { } } } } },

Our problem this request from datatable access to post api method as always null. Our “abc” parameter comes null when we hit the request. Could you help us about how we supposed to send our datatable parameters to api request ? the way we use above is wrong ? or how to we fix this issue ?

Thanks

Hi,

The parameters sent wrapped in variable “datatable”. You can get the query under datatable[query]. Other metas datatable[pagination] and datatable[sort].

Thanks

Hi,

When I install the latest version (5.0.4) there is a security warning for a denial of service attack:

Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

Will this be fixed next update?

Hi :),

Thanks for your feedback on this.

Sure, we will check it further. if it has something to fix we will provide it in the next update very soon.

Thanks.

Hello,

Pre-Sale question:

- Can i use it only with Bootstrap? I mean, i have no idea of how works Node.js, NPM, Bower, Gulp… etc.. So, if i purchase the theme, and upload your theme it will work?

- Can we use the DataTables.net utility? Instead of yours? (i have already a datatable, and don’t wan’t to start again.)

- Can we use the Widgets as Sales, etc… Easy? From a MySQL data? Are there any documentation for that?

- What is Node. js, NPM, Bower, Gulp, etc. for? Can i have a little idea of what can do with all that?

Your theme is awesome!!

Hi :),

Thanks for your interest in Metronic.

1) You will need to install those prerequisite tools in order to start using the theme. I

2) Yes, you can install the datatables.net plugin and use it as its. But in v5.x we do not provide full integration but you can use it with its default skin.

3) Yes, sure. You can display a data from your database using the theme widgets and components.

4) In the documentation for each used technology or tool we provided a reference links. Please check those links to get started.

Thanks.

Hello @keenthemes, thanks for the fast answer.

Okay, so, for the 3) Are there any documentation so i can see how i can display the data from my MySQL database, and use it with your theme widgets and components?

Thank you!

Hi :),

Actually we do not provide documentation for server side integration since the server side coding is not in the theme’s scope. Basically you can pass the data from your database in JSON or string format.

Thanks.

How can I make the portlet default to be “collapsed”, I tried CSS class on portlet body - collapsed - portlet-collapsed - m-portlet-collapsed

Adding class “collapse” worked, but now I had to click the toggle icon twice to open the portlet.

<div class="m-portlet__body collapse"> </div>

Hi :),

Please try to add “m-portlet m-portlet—collapsed” class to set the portlet collapsed by default.

If you need any further clarifications please let us know.

Thanks.

Thank you, I did try on main portlet div and portlet body div but didn’t work.

<div class="m-portlet__body m-portlet—collapsed"> .... </div> <div class="m-portlet m-portlet—collapsed m-portlet--head-solid-bg m-portlet--head-sm" id="m_portlet_tools_1"> .... </div>

Hi,

May I know what Metronic version are you using ? Please try to update to the recent version since default collapsed portlet feature was added since v5.0.3.

Thanks.

hi! We’ve been using metronic for more than a year now and its amazing. We’re thinking about migrating to version 5 but our system is heavily based on the use of datatables scroller. Does version 5 has support for this datatables plug-in? Thanks!

Hi :),

The datatables plugin has been dropped in v5.x. v5.x has its own custom built datatable plugin http://keenthemes.com/metronic/preview/index.php?page=components/datatables/scrolling/vertical&demo=default

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks.

Hi!

In metronic 5.0.4 when I set the active class to a menu item in the sidebar, this a few seconds later reload and clear my active class.

How can I set the active class to an item in this version of Metronic?

Hi :),

Setting the active state for menu items should be done in your sever side code. When you click and menu link and load a page the menu link’s code should be set active using specific class in the HTML code. This should be done in your server side code. Please check the HTML code and find out what classes should be added in your to set a menu link actve. Metronic itself is not an complete application since its just an HTML theme that requires further integration with your server side.

Thanks.

Are there any plans (or recommended plugins) for floating labels in forms? I think I’ve seen them in version 4x, but can’t find anything in 5x.

Hi :),

Those floating label inputs where developed from scratch for v4.x. We will release them for v5.x as well in the near future.

Thanks.

When will the PDF Invoice example be added to this template like the earlier version?

Hi :),

Thanks for your feedback.

The PDF invoice example is not in the theme’s scope since it involves server side code to generate it. We may provide an HTML template for the invoice layouts.

Thanks.

When will demo 6, 7, and 8 be released?

Hi :),

Very soon. We are in the middle of completing these demos.

Thanks.

Hi.

Did you notice a high CPU consumption with just your template open on browser? I’m doing the following test, just open the chrome browser with this link: http://keenthemes.com/metronic/preview/index.php?page=index&demo=default

And the CPU is a quite high, I’m using Ubuntu 16.04 64bits and the chrome version is 62.0.3202.75 (Official Build) (64-bit)

Thanks for your time. Kind regards.

Hi :),

Thanks for your feedback.

The dashboard page includes a big number of widgets which may lead to slowness and higher CPU usage. Please try it with below page without those widgets: http://keenthemes.com/metronic/preview/index.php?page=builder&demo=default

Thanks.

Hi.

I try that page on the same browser and the problem remains, the chrome gets at least 20%-30% of CPU usage. I also try on Windows 10, and see this image ( https://ibb.co/bFLnvw ) to check the CPU usage. On Windows 10 the the IE is always above 15% of usage.

Thanks for your time. Kind regards.

Hi,

Thanks for proving details.

We have tested this in several machines and encountered that during page load chrome, firefox and IE sues 5-20% CPU usage. We tested other admin themes in the market and some other websites with rich content and the results were similar. I would suggest you to try to restart your PC, clear browser cache and retry it. Also please try to check other sites and themes and let us know the result.

Thanks.

I’m very excited with this theme, I’m building my crm based on metronic 5 but I need RTL version soon , can u tell me when will it be ready (range of time not exact time one month, two months,etc,.. ) to plan my next version ? . Thanks and sorry for poor english

Hi :),

Thanks for your feedback. The RTL version is in out todo list but at the moment we can not give any clear timeline. But we will do our best to release it as soon as possible.

Thanks.

Hi there.

I’m using your last version 5.0.4, and i’m trying to understand your folder structure and the way the code are organised but I can’t really understand. I’m looking the documentation: metronic_v5.0.4/docs/documentation.html and already made the Quick Start and the build and everything works ok, but now I’ve a few questions:

1 - where are located the default source code of metronic_v5.0.4?
2 - where are located the default source code of metronic_v5.0.4 after build? I mean the bundle files, etc?
3- I'm using ZendFramework, what is the best way to develop with your default source code and when I will put the code in production use the bundles?

Thanks for your time. Kind regards.

Hi :),

Thanks for your feedback.

The theme source are located under “theme/src/” and the compiled assets and html templates are located in “theme/dist/default/[demo_id] ”. After compilation you can get the bundle assets js/css and the HTML templates from the distribution folder(e.g: theme/dist/default/demo_id]) to use it for your application. The bundle files will be compiled per dome and you can find it under “assets” folder of every demo.

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks.

Hi.

Thanks for your help ;).

You are welcome :)

Waiting for two months,Demo6 never to here,233333333

Hello,

New demos are coming very soon. Also soon we will announce roadmap for new outstanding demos. Just now we’ve released unique layout builder that saves you a lot of time. Enjoy using it and stay tuned for upcoming endless demos and unlimited new features.

Thank you.

Do you have a timeline when you will be updating your demos? 6-8 have been Coming Soon for a long time. Thank you!

Hi :),

Thanks for the feedback. We will announce the ETA very soon once we are near to the release date. At the moment we are working hard on those pending demos. Stay tuned!

Just a friendly reminder: Seems your support subscription is expired and if you wish to get any further theme support you will need to renew your support subscription. For further check please go to Metronic purchase page http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes

For more info please check: https://help.market.envato.com/hc/en-us/articles/208191263-What-is-Item-Support- or http://themeforest.net/page/item_support_policy

Thanks.

The theme looks very nice but the HTML code is a bit too heavy to my taste. For instance to create a simple button I have

<a href="#" class="btn btn-primary m-btn m-btn--icon">
  <span>
    <i class="la la-archive" />
    <span>
      Primary
    </span>
  </span>
</a>

A simple

<a href="#" class="btn btn-primary btn-icon">
  <i class="la la-archive" />
  Primary
</a>

Would be sufficient.

This is an example but the whole theme is filled with extra classes that requires extra work (for every form group I have to add m-form__group for instance).

Hi :),

Thanks for your feedback. The reason using current button HTML markup to make the icon vertical centering more flexible(without hard coding with padding top and padding bottom) since we have 3 icon types. Also you can globally change the font size and the buttons can still look nice with any configuration.

Metronic 5 uses namespace class names(e.g: m-form__group, m-row-no-padding, etc) for own components or whenever it extends the bootstrap components and other plugins. The namespacing is very useful when you have a lot of 3rd party plugins and this is better approach rather than directly overriding original classes. Also having more modifier classes(e.g: m-btn m-btn-pill, m-btn-air, m-btn—icon, etc) means more optional flexibility.

Thanks.

The documentation for Angular could be much more better and in detail, It’s very hard for an Angular beginner to understand the theme out of the box. Especially things such as routing and how to replace fake-backend implementations with our own backend API.

Hi :),

Thanks for your feedback. We will be working on improving the documentation to make as detailed as possible. In the meantime you can contact our support if you have any questions.

Thanks.

Hi, nice job. Could we expect the mailbox page for Metronic 5 very soon ?

Hi,

Yes, mailbox for Metronic 5 is in our roadmap. We will add it in future releases.

Thank you.

@kgokce08

I had the same issue.

I solved it with by exposing the angular 2 function publicly.

See: https://stackoverflow.com/questions/35296704/angular2-how-to-call-component-function-from-outside-the-app

It’s not the best way but it’s a good workaround until we get the native angular datatable component from keenthemes :grin:

Hi :),

Thanks for sharing this. Yes, we are working on the native version with TS. Stay tuned!

Thanks.

I dont want to use “vendor” files, there is any documentation saying what i need to use?

Hi,

There are some minimal required vendor and 3rd party plugins defined in the build config: “tools/build.json” under “vendors->base->src->mandatory” list. You can exclude any plugin from “optional” list and build your bundle css/js.

For more info please refer to the documentation.

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