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

keenthemes supports this item

Supported

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

12208 comments found.

We are facing issue in Metronic Angular template, when we click on any link/tab and after it loads then breadcrumb is lost and Left menu navigation focus is also lost. Can you please suggest any solution for that.

Hi,

Thank you for your feedback. We will check this issue and provide the fix for it.

Thanks

Hi :)

We requires more information about the issue. Do you mean this tab? Please check the screenshot in the link below.

https://www.loom.com/share/a86150344b684112b7e0a3c852a93889

Thanks

Hello! I have Metronic v8.0.28 template 9 Fancy Dashboard.

it will be used mainly from tablets in horizonta mode. However there is “blocker” issue with left said menu. I have 6 menu items and starting in approx. 650px height menu buttons starting to be hidden and soon enough ~550 you can not access 1st item at all.

by removing footer button Its improves a bit, but not solve. And that button is needed for me :(

Would appreciate if you would provide some suggestions. Thanks.

Hi! Thanks for answer. But that is the thing with scrollable – it scrolling, but some how in one point it reach some limit and do not show all items. Please try your self. Basically items hides behind logo.

Hi :),

Good spot. We will release the fix in the next update. In the meantime you can fix it easily by just adding “my-auto” as shown below:

<div id="kt_aside_menu" class="menu my-auto ...">...</div>

Regards, Sean

nice :). Thank!

Is it possible to get a refund for this? Bought it for the version 8 angular version, but I’m pretty dissapointed. I wan’t to go for an other angular admin panel.

Hi,

Thanks for your interest in Metronic. We are working on Metronic 8 Angular and in a few weeks we will start releasing major updates including CRUD, Google Materail UI integration, etc.

If you like to proceed with refund please contact our support via support@keenthemes.com

Regards, Sean

hi.. i use KTDatatable and how to make function at button edit or delete..

sory i forgot.. how to make a little narrow between

to .. because my table has many columns so gap to large

Hi,

For the bootstrap select element you should add data-container=”body” to fix the overfow issue caused by it’s parent.

Regards, Sean

Hi,

Are you using local data source. The KTDatatable local search only support “like” filter. To use exact filter, you have to use the remote data source.

You can check the sample of remote datasource here theme/html/demo1/src/js/pages/crud/ktdatatable/base/data-ajax.js

Thanks

Hello,
I have a problem with the “dropdown” when adding it inside the “TopBar”. (It does not have an overflow)
https://imgur.com/a/m89yabd

I had previously reported it, and you guys recommended me to use select2, but by design I can’t use it.

I hope you can help me Thank you

Hi,

First of all, please try to get the latest Metronic v8.0.28. To use the Bootstrap Dropdown you can remove the overflow-hidden class. As an alternative solution you can use KTMenu as we used in demo1.

Regards, Sean

Hi .

When I use a table with class = “table-bordered border-primary” it doesn’t work
https://imgur.com/a/4YuWBOZ

And when I use it with the Datatables plugin it doesn’t work either
https://imgur.com/a/NJacyNT



I hope you can help me thanks

Hi,

Thank for your feedback. We will double check it further and try to provide a fix in the next update. If you need this quick fix urgently pleas e contact our support via support@keenthemes.com and we will provide you the hot fix.

Regards, Sean

Hi, is there support for bootstrap modals? Seems that none of the modals are working in Angular demo1.

According to the docs it says it’s supported, but doesn’t seem to work.

https://preview.keenthemes.com/metronic8/demo1/documentation/base/modal.html

Hi,

Our angular use the components from ng bootstrap. Please use the modal function from ng-bootstrap. Please check here for more information.

https://ng-bootstrap.github.io/#/components/modal/examples

Thanks

Thanks!

Hello this problem I reported a couple of months ago.
It is in the Datatables component

$ (’# myTable’). DataTable ({ select: true });

The colors do not work correctly when having in the table class = “table-striped”

https://imgur.com/a/vZNkeA8



I hope you can help me thanks

Hi :),

Thanks for reminding this. We will double check and try to provide a fix in the next update.

Regards, Sean

Hello This issue was reported a couple of months ago and there is still no solution

I have a problem with bootstrap 5 theme 1 The Toolbar not working with dropdown, I checked the metronic version with bootstrap 4.6 and it working correctly.

Also the toolbar shows a scrollbar to the overflow. (limiting the display of content)
https://imgur.com/a/VtoRBFJ
https://imgur.com/a/HumJ5oS

I need to download version 7 with bootstrap 4.. when downloaded i got only version 8… with bootstrap 5

please advice what to do…

Regards, Vijey

Hi Sean,

I have sent you the email to support and my themeforest id is raghavan2004 .. for your reference

Thanks a lot.

Regards, Vijey

Hi :),

Sure, we have granted the access already.

All the best with your project!

Regards, Sean

Thanks I got an email too regarding the access

Regards, Vijey

hello. i’m using metronic 7 for a project and wanted to update it to latest version but couldn’t download it. could you provide download link of latest version of 7.xx, please?

Hi,

Could you please send our support via support@keenthemes.com your github username and we will grant you access to our Metronic Github repo and you can download previouse Metronic versions easily.

Regards, Sean

Hi Hi! Again I was waiting for the error to be accommodated, my client needs to solve this, it seems that they no longer support the demo 01 version react, my client bought this template with the exclusive use of react, and they have time without updating or supporting the errors , we need to give us a date, they can not continue playing with our time.

Hi,

Thanks for your patience. No worries, we are checking this now and get back to you shortly.

Regards, Sean

Hello keenthemes,

We are waiting for the Minimalist Dashboard theme with my teammates. When will this theme be published as HTML? I want to quickly apply it to our project.

Hi :),

Thanks for your interest in Metronic. Metronic 8 Demo 15 should arrive this or latest by the next week: https://keenthemes.com/metronic/

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Thank you very much for the comment. So, will the minimalist dashboard come in metronic 7? We had a hard time integrating Metronic 8 in our own project. Plugin.js amounted to 10mb. Metronic 7 seemed like a better solution to us.

Hi,

Our future updates will be for Metronic 8 and Bootstrap 5. Please check out our video tutorial https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html and manage your build by removing unused plugins. There should not be any issue with Metronic 8 plugins bundle. If you need any further help please contact our support via support@keenthemes.com

Regards, Sean

Hi keenthemes,

Can flatpickr support locales out of the box in metronic, or should we import the i10 files in html as said in flatpickr docs ?

Are you planning to make it as you did in Metronic7 ?, like here’s the code of a datepicker in metronic7 : // inline picker $('#kt_datepicker_6').datepicker({ rtl: KTUtil.isRTL(), todayHighlight: true, templates: arrows, language: "ru" }); .just to know if you don’t plan to mke it this way, so we go the import javascript inline file route. so we don’t go back.or wait if you are to plan it.

thank you so much Keenthemes .

Oh, if you are using webpack you will need to add the file in:

core\html\tools\webpack\plugins\plugins.js:

// Flatpickr - is a lightweight and powerful datetime picker.
require('flatpickr/dist/flatpickr.min.js');
require('flatpickr/dist/i18n/ru.js');
require('@/src/js/vendors/plugins/flatpickr.init.js');

Regards, Sean

I knew it, LoL Because I went back to Metronic7 and I found those require lines for datepikers locales .

Hope this time it will be it.

I guess this is the same thing to get datatables locales ?

thank you.

Hi :),

Sure, you can include additional files of 3rd-party plugins in webpack config.

Regards, Sean

Hi keenthemes,

Swapper doesn’t work on modals, any idea ?

used the same exact example here : https://preview.keenthemes.com/metronic8/demo1/documentation/general/swapper.html

thank you.

Hi :),

Sorry for the late reply on this. In order to fully investigate the issue can you please provide the full code ? The swapper plugins html attribute values are not visible. Can you please use public gist https://gist.github.com/ to show your code so we can copy and paste it and reproduce the issue here.

Regards, Sean

Basically it’s taking the Swapper of the normal and put them on a modal, that”s what I did, but unfortunatly doesn’t work !

could you provide an example in the doc for the swapper modal use ?

thank you.

Hi,

Noted, we will double check it and update the docs soon.

Regards, Sean

Why in the html folder i can’t found the filemanger App, for none demo ??? Thank.

Valerio

Hi,

You can find the file manager pages in this folder;
/html/theme/demo1/dist/apps/file-manager/*

And the JS init files in this folder;
/html/theme/demo1/src/js/custom/apps/file-manager

Thanks

Hi keenthemes.

Thank you for the bootstrap toast, it is amazing (we did switch to bootstrap toast, better than toaster).

Thank you also for input-group it looks sick in matter of UI, wonderfull, but we really would like if you supplly it’s validation state.

We really appreciate if you could supply the avatar image resize befiore submit in the avatar box, we talked you about. hopefully next release.

Also full callendar event custom color.

Thank you so much guys

Hi :),

Thanks for the feedback. Glad to hear that you liked the new update. Sure, we implement those features in a future update.

Regards, Sean

Hi, your Dropdown not working in Ajax Datatable

Sure :) Good luck with your project!

Hi Sean,

I’m having another issue, I checked the documentation but I didn’t found anything about tooltip, it’s not working in ajax reloaded html.

Regards, Ameer

Hi:),

To initialize all core components you just need to call KTApp.init() in your ajax response callback.

Regards, Sean

We are facing an issue in Metronic Angular template, everything is loading on double click, like menu, button, paging. On first click data is NOT loading but on second click its loading. What could be the solution.

Hi,

We use ChangeDetection.OnPush.

​ChangeDetection.OnPush strategy is just performance improvements https://www.digitalocean.com/community/tutorials/angular-change-detection-strategy

Use detectChanges() function to update the view.

  constructor(private cd: ChangeDetectorRef) {}

  refresh() {
    this.cd.detectChanges();
  }

You can set ChangeDetection.Default mode, then no need to call ChangeDetectorRef.detectChanges() ​method.

Thanks

Hello, I am using Metronic 8.0.28 Laravel version, How can I use the main / route? every time I try to access for example domain.com it redirects me to domain.com/login and i want to do some stuff with the main domain, what should I do to access my main / without being redirected to /login ? Thank you

Hi,

Please check the route. If you are using routes path from config, you can remove the auth middleware. routes/web.php

// $route->middleware('auth');

Thanks

if I remove or comment that line then i get this https://imgur.com/9Cx2jKJ

Hi,

This is a bug. We will include the fix in the next update. As workaround, please add this.

if ($user && (!method_exists($user...

in file app/Core/Adapters/Menu.php line 37

https://ibb.co/f2t7Mc6

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