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

Do you have somethink similare to this: https://prnt.sc/1mhwy4h made by https://github.com/mengxiong10/vue2-datepicker If no, Is it possible to add it, espicially I think it is a verry usefule addon. Thank you

Hi :),

Thanks for the suggestion. We will consider adding this in a future update. If you have any other suggestions please let us know.

Regards, Sean

How do I disable the auth module completely from the latest vie version of Medtronic 7 demo3.

Documentation only tells you to remove it from layout.vue but main.js has a beforeeach router function that verifies auth on every route.

How could I disable it completely so I can use my own

Hi,

Yes, look like in the doc some things are not described.

In Layout.vue you should remove v-if=”isAuthenticated” from the root element.

In main.js you need to remove MockService.init(); since in your app you will use a real api to make http requests, and inside beforeEach event need to remove this line of code.

Promise.all([store.dispatch(VERIFY_AUTH)]).then(next);

Regards,
Lauris

Hi @keenthemes, I have been using laravel8 version one of my project too. But problem is, for dynamic route your config/demo1/pages.php parameters not working. as like I have a route with (/admin/account/{id}). This id is dynamic thats why pages config didn’t work. what can we do?

Hi,

We will consider to add support menu/page config for this type of route in future updates soon. Currently only static menu is supported.

Thanks

Hi I’m using Metronic 8 HTML in a laravel 8 project with livewire. I have a modal, loaded in livewire. In this modal I have a form, and inside this form, a “Select2” input. Each time i change anything in my form (select an option of this select2 or type anything in a text field on this form), livewire refresh all the component, then the “select2” is lost and become a standard select. I don’t know how to “listen” the refresh of the component to reload the “KTApp.init();” Js function. Can you help on this point ?

Hi,

Please check on this doc about the event in the livewire. You could try to execute “KTApp.init();” inside the event.

https://laravel-livewire.com/docs/2.x/events#in-js

Thanks

Hello I fixed this issue adding this listener script :

<script> window.addEventListener(‘contentChanged’, event => { KTApp.init(); }); </script>

and in the render() method of the livewirecomponent, I added this line :

public function render() { $this->dispatchBrowserEvent(‘contentChanged’); //.... }

it works very well. Thank you. Hope it can be usefull for other people

Hi,

You are great! Glad you have solved it. It can be useful for others. Feel free to let us know if you need help.

Thanks

You used this js ( http://bp.yahooapis.com/2.4.21/browserplus-min.js ) in metronic admin theme and yahooapis server is down from last week and lots of buttons stop works because of this what is other solution you offer because no one know when yahooapis server will be back and all our clients websites button stopped and giving js error

Hi,

We have sent the email. Could you please check it.

Thanks

Solution provided by you is not working at all

Hi,

We did find browserplus v2.4.21, but it seems it is not compatible.

The one we used for Metronic v4 was browserplus v2.4.22. We will check further if we could find the backup file for browserplus v2.4.22.

Thanks

Hello @keenthemes,

in your vuejs demo 1 the forgotten password form is not triggering any event. any idea what’s wrong there? can’t figure it out.

Hi,

Can you please specify which theme version are you using?

Regards,
Lauris

metronic_v7.2.7, demo 1, vue

Hi,

In Vue Metronic 7 there is no any controller for forgot password form, you can add new controllers by referring to the signup and login forms in file demo1/src/view/pages/auth/login_pages/Login-1.vue.

Regards,
Lauris

could not get demo7 working from latest metronic version. Had a lot of issues installing, I had to downgrade my npm to 6.14.4 as someone else recommended here in the comments, this goot it to compile but when I ran it, the browser showed errors TypeError: Object(...) is not a function for all widgets and components of the page so it did not display anything and not even removing all components got the errors to dissapear because the same error kept reappearing.

Also why is demo7 calling a config file from demo2? the src/layout/header/header.vue file is calling headerFixed and headerFixedOnMobile from the demo2 config file.

I had to copy those 2 functions into the demo7 config file to get rid of the error. but i was unable to solve the TypeError: Object(...) is not a function error.

Is there any version recommendations for node and npm? any other thing i gotta install to get it working?

Hi :),

Thanks for your feedback. We will check this issue and get back to you shortly.

Regards, Sean

Hi,

We are using the latest stable version.
node: v14.17.4
npm: 6.14.14

Can you please specify which version you had a problem with?

It was the idea file auto-detected import, it should be replaced with the file import from the demo7, we will fix it in upcoming update.

Regards,
Lauris

Hi @keenthemes, I have been using laravel8 version one of my project. But problem is, for dynamic route your config/demo1/pages.php parameters not working. as like I have a route with (/admin/account/{id}). This id is dynamic thats why pages config didn’t work. what can I do now?

Hi,

We will consider adding a support menu/page config for this type of route. Hopefully can include it in the next updates soon. At the moment, only the static menu is supported.

Thanks

Hi keenthemes. Your Metronic theme is so good but the reactjs version is typescript only. The description did not write any warn about it. Since I only know javascript, I can not do anything with your theme. I want to refund.

Sure thing. All the best with your projects :)

How do I get my refund? Do you have any tutorial?

Your refund is approved, thanks for your interest in Metronic!

..

Hi :),

Thanks for your interest in Metronic.

To get started with Metronic please check the documentation or please contact our support@keenthemes.com for any further assistance.

Have a great day and all the best with your project!

Regards, Sean

Are there some Form input groups working on Metronic 8 at the moment? I tried those from Metronic 7 https://preview.keenthemes.com/metronic/demo1/crud/forms/controls/input-group.html but it seems that layout is broken on Metronic 8.

Hi :),

Thanks for your interest in Metronic.

For Bootstrap 5 form groups you can refer to the official documentation: https://getbootstrap.com/docs/5.1/forms/input-group/

In a future update we will add extended form group examples for Metronic v8.

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

Regards, Sean

Hi keenthemes,

I tried to put tooltip to a select2, but without luck, LoL

Although, it works on all aother components (Buttons, Images, Symbol, ....etc) any snippet that I could use ?

thank you,

Hi,

Putting tooltip on Select2 can be tricky since it can cause conflict on the Select2 functionally. You may try to wrap select2 with a container and attach a hoverable tooltip to it.

Regards, Sean

Gotcha.

thank you.

Any plans for this?

1. Laravel Version: – CRUD Solution. – 2 Steps Authentication. – Application Settings. – Integrated Charts.

Hi :),

Thanks for your interest in our Metronic Laravel solution.

Yes, we are working on these features and we will be releasing them in a future update.

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

Regards, Sean

I just noticed dark mode has finally landed on Metronic but to my surprise is only available in the HTML version.

Are there any plans to bring it to Vue?

Also, and this is a major one, I would like to see the same features from the HTML version, there are a lot more page samples and App demos in there than in the Vue and React counterparts. Some controls doesn’t even look the same as in the HTML version.

Please consider those points and you may have a returning customer.

Hi :),

The dark mode can be easiliy setup following the Vue Dark Mode documentation here for Demo 1: https://preview.keenthemes.com/metronic8/vue/docs/#/dark-mode

For others Vue demos we will enable dark mode support soon/

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

Regards, Sean

Hello! where do i find all the functions i need to initialize? I’m using the HTML version in an angular 12 project, and there are things that don’t work like the hidden menu. kt_aside_toggle

Stam88 Author Team

Hi Alejandro987,

Please write email to our support support@keenthemes.com with your licence number and full details/examples of your case.

Regards, Keenthemes support

Why has Demo 3 now become Demo 7?

Hi :),

Thanks for your feedback.

We have some fresh demos coming that we like show on top. However this is just a demo number and no changes in the code.

Regards, Sean

I understand but it is not fair to drop these changes onto end users without making them aware ahead of time.

Please in future, communicate clearly your proposed future changes as to not mislead your users.

Imaging my suprise when I saw demo 3 now had a dark theme, and then I noticed that demo 3 has been changed and is now in fact demo 7 and I now have to use the ‘demo7’ folder/build scripts. This is an unnecessary change. If you want to add a new demo, increment the exist demo numbers – do not replace an existing number.

There isn’t actually a dark mode for the original demo3 – which we have been building our project with – so I downloaded it for nothing.

Hi :),

You are absolutely right. We missed that information in the changelog. Next time we will take it into account. And for the demo 7 we will enable the dark mode in the next update for sure.

Have a nice weekend ahead!

Regards, Sean

Hello there,

There is a plugin that links to https://svgjs.com/ in html_bootstrap5/theme/demo1/dist/assets/plugins/global/plugins.bundle.js that you have used.

If you notice at https://preview.keenthemes.com/metronic8/demo1/index.html , it adds an svg at the bottom just before the body closes.

<svg id=”SvgjsSvg1001” width=”2” height=”0” xmlns=”http://www.w3.org/2000/svg” version=”1.1” xmlns:xlink=”http://www. w3.org/1999/xlink” xmlns:svgjs=”http://svgjs.com/svgjs” style=”overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0; ”><defs id=”SvgjsDefs1002”></defs><polyline id=”SvgjsPolyline1003” points=”0,0”></polyline><path id=”SvgjsPath1004” d=”M0 0 ”></path ></svg>

svgjs=”http://svgjs.com/svgjs”

what is this ?

Hi,

Thanks for your feedback on this

This namespace URL is generated by Apexchart library as discussed here https://github.com/apexcharts/apexcharts.js/issues/2435

We will be following the Apexchart and incude the official fix as soon as possible.

Regards, Sean


Hey :)

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

1. HTML Version:
– Bootstrap 5.1.0 Update.
– Duotune – 300+ In-house Icons.
– jsTree.
– Vis-Timeline.

2. HTML Demo 3:
– Dark Mode.
– Layout.
– Pages.
– UI Elements.
– 3rd Party Plugins.
– In-house Components.
– Widgets.
– Layout Builder.
– Documentation.

3. Laravel Version:
– Demo 4.
– Demo 2 Dark Mode.
– Webpack Mix Improvements.
– Docs Improvements.

4. Vue Version:
– Demo 2.
– Demo 3.
– Docs Improvements.

5. React Version:
– Demo 2.
– Docs Improvements.

Next Up:

1. Laravel Version:
– CRUD Solution.
– 2 Steps Authentication.
– Application Settings.
– Integrated Charts.

2. More:
– Demo 8 HTML.
– Demo 9 HTML.
– Demo 10 HTML.
– Demo 4 Vue.
– Demo 3 React.
– Demo 1 Angular.

Stay tuned on endless updates to empower your projects.

All updates are free, always!

Regards, Sean

Hi keenthemes,

Is it possible to Increase the width timeline hour ?, here’s a image for more explanation : https://ibb.co/1XgHq5d

thank you

aziko_

aziko_ Author Team

Hi,

Please change the timeline time element’s width in “metronic/theme/html/demo1/src/sass/components/_timeline-label.scss” sass file as shown below:

      .timeline-label {
            $label-width: 80px;
      }

Then recompile the assets folder with your preferred build method(gulp or webpack).

If you need any further clarifications please let us know.

Regards, Aziko

Thank you Aziko,

Will make 2 : .timeline-label : 80px and dateline-lable : 150px

thank you.

aziko_

aziko_ Author Team

Hi :),

I am glad to help you out!

If you need any further help please let me know.

Regards, Aziko

Hi!

The support center should be extended with a list of “own” tickets (which the user created), separated by a status (open, closed, waiting for user answer), a priority (high, normal, low) and an option to reply to open tickets.

HTML, Demo 5, dark mode

https://preview.keenthemes.com/metronic8/demo5/dark/apps/support-center/tickets/list.html

Best regards!

Hi :),

Thanks for your interest in Metronic.

Noted, we will consider implementing these improvements.

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

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