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

keenthemes supports this item

Supported

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

12202 comments found.

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

Hi, is there any possibility to put picture slider in landing page in the future?

Thanks.

Yes, main hero slider.

Hi :),

Noted, thanks for the clarification. We will consider it.

Regards, Sean

Thank you,

It will make the landing page perfect. I think.

Hi :),

Wonder how to get started with Metronic in a real project ? Check out a new video “Your first project with Metronic” from the Metronic’s core team: https://youtu.be/2uWJpnuCMKQ

Please subscribe to our channel for more videos: https://www.youtube.com/c/KeenThemesTuts/videos

Regards, Sean

hi keen.. how to use format decimal at KTDatatable options

Hi,

Please use type: ‘number’, in the column option.

columns: [
{
     field: 'field',
     type: 'number',
}
<pre>

Thanks</pre>

Hi When the Coming Soon Finish ? and Do you have plan for react typescript template to Add?

Hi,

We have Demo 1 and Demo 2 React version with typescript and you can check it here: https://keenthemes.com/metronic/

Regards, Sean

Hi, Would ask about datatable on react, is it available now?

Hi :),

Thanks for your interest in Metronic. We are working it and we will release a custom CRUD solution soon.

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

Regards, Sean


In-house made unique Plugins

Hey :),

We have been working on some amazing stuff and shortly we will be releasing:

1. HTML Demo 12:
– Unique Concept.
– Landing Page.
– Right Sidebar.
– Sidebar Menu.
– Main Menu.
– Tabbed Dashboard.
– Dark Mode Support.
– New Video Tutorials.

2. HTML Version:
– Bootstrap 5.1.3 Update.
– FormValidation v1.9.0 Update.
– SweetAlert Plugin.
– Bootstrap Form Controls.
– Bootstrap Input Group.
– Advanced Form Controls.
– Bootstrap Toasts.
– Documentation Improvements.

3. Laravel Demo 9
– Full Itegration.
– Dark Mode.
– Layout builder.
– Configurable Menu .
– Complete Authentication.
– Sign-in Page.
– Sign-up Page.
– Password Recovery Pages.
– User Profile Pages.
– Account Pages.

4. Vue – Subscriptions App
– Getting Started.
– Subscriptions list.
– Add subscription.
– View subscription.

5. Vue Version
– Alerts Component.
– Rating Component.
– Ribbon Component.
– Documentation Improvments

Next Up:
– Demo 14 HTML.
– Demo 15 HTML.
– Demo 16 HTML.
– Demo 17 HTML.
– Demo 18 HTML.
– Demo 3 Vue.
– Demo 3 React.
– Demo 2 Angular.
– Demo 3 Angular.
– Demo 11 Laravel.
– Demo 12 Laravel.
– React CRUD Solution.
– Angular CRUD Solution.

Stay tuned for endless updates to empower your projects.

All updates are free, always!

Regards, Sean

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