Hi ,

Glad to help you out. Please note that the layout code is bundled within scripts.bundle.js so make sure it’s included in your page.

Then go to each layout class and disable auto initialization on page content load event(this is for classic pages only):

// On document ready
KTUtil.onDOMContentLoaded(function () {
    KTLayoutToolbar.init();
});

Then you can initialize it whenever you need within your SPA scope:

KTLayoutToolbar.init();

Regards Sean

thanks again

can u elaborate in detail how to do this “disable auto initialization on page content load event(this is for classic pages only):”

still getting this error

index.js??clonedRuleSet-5.use[0]./resources/js/Layouts/AppLayout.vue?vue&type=script&lang=js:59 Uncaught (in promise) TypeError: KTLayoutToolbar.init is not a function

Please remove the below code the toolbar.js and call KTLayoutToolbar.init() when you need not once the page loaded.

// On document ready
KTUtil.onDOMContentLoaded(function () {
    KTLayoutToolbar.init();
});

Hi,

In v8 we use more flexible KTmenu component and it uses HTML level attributes for the submenu alignments based on https://popper.js.org/ so it has to be handled at the HTML level since there use case of KTMenu depends on the user’s requirements and most of the time it depends on the parent container’s placements.

Regards, Sean

Thank you Sean,

wanted to know if I’ll wait for it or go the manual HtML setting route…

Thank you for the quick reply.

Sure thing, You are welcome! Thank you!

Hi ,

We have just released our Laravel backend API. We will release the React Laravel version very soon since the Vue Laravel was just released.

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

Regards, Sean

Hello,

Sorry to hear this. Yes, you are right that you have reached Envato support. Their support is very fast.

I would suggest you to wait for another day or two. If your issue is not solved until that and you need Metronic urgently, you may purchase another license and after your issue is solved, you can request a full refund for one of the licenses.

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

Best regards, Bob

Okay, thank you.

I have this question, is there a dark version in all versions?

Hi,

For SPA versions:

Vue: https://preview.keenthemes.com/metronic8/vue/docs/#/dark-mode Angualar: https://preview.keenthemes.com/metronic8/angular/docs/dark-mode React: https://preview.keenthemes.com/metronic8/react/demo1-docs/docs/dark-mode

If you need any further help please do let us know.

Regards, Sean

Hi ,

Thanks for your feedback. Sure, we will check it further and provide an update with improvements as soon as possible.

If you have any other feedback please do let us know.

Regards, Sean

Hi ,

We have included the available Figma files and illustration and duetone icons source files as well. It’s in the design folder of the download package.

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

Regards, Sean

Hi,

We are now fully focusing on this and hopefully we will release it as soon as possible. At the moment we can’t confirm the ETA

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

Regards, Sean

I copied html/theme/demo1/dist folder to public folder and modified Router so that it loads that landing page. Let me know if you see any issues in this approach.

I got the following error.

TypeError: DrawerComponent.closest is not a function

src/_metronic/assets/ts/components/_DrawerComponent.ts:337

Hi,

If you have fully copied an html/theme/demo1/dist folder into a public folder in react project I don’t think that it is good to approach.

By default all landing page style file should already be included into React version, you can find it in react/demo1/src/_metronic/assets/sass/components/_landing.scss.

Just add a new router page, the same way as it is done with error pages in file react/demo1/src/app/routing/Routes.tsx, and then copy and paste HTML code from the HTML version into this page component.

Regards,
Lauris

Hi,

Thank you for your report. We will fix it soon.

Thanks

Ahh ok, thank you guys.

Hi

The laravel documentation for the laravel installation can be found in this site.

Thanks

Hi,

The Angular does not have rtl support. We will consider adding it in the future updates.

Thanks

Hi,

The sweetalart and dropzone should already be included in Metronic 8 Vue version.

You can use other plugins by referring to our HTML version doc: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html

Before usage install the plugin with the command: npm install <plugin name>

Regards,
Lauris

Hi ,

Thanks for your interest in Metronic.

Metronic 8 uses only the latest version of Vue which is VueJS v3.x. If you have any further questions please let us know.

Regards, Sean

Hi ,

Thanks for your feedback.

All features are available in all demos. At the moment we do not have e-commerce pages but we will add them soon. At the moment you can check available apps such as

Regards, Sean

Thanks Sean for your reply

Do we know the schedule of when will the ecommerce launch? so we can plan for it, just the forcast when it will be, tq

Hi ,

We can’t confirm the release date but we will do our best to release it as soon as possible. Hopefully by end of the year .

Regards, Sean

Hi,

Thanks for reminding this. It’s our to-do list and we will implement it as soon as possible.

Regards, Sean

thank you

Hi ,

Thanks for your suggestion. We will definitely implement this plugin in a future update. If you have other suggestions please let us know.

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

Regards, Sean

Hi ,

Thanks for your suggestion. We will update the “No jquery” documentation to include all jquery plugins to remove for gulp and webpack build so at least users can just follow and get all the jquery plugins removed in a few minutes.

Noted on the KTApp changes, we will consider it for sure. At least we can add jquery availability checking for select2 plugin.

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

Regards, Sean

Thanks Sean, hope to add this in your backlogs and see this soon update. appreciate to you and the team for the great theme

Sure thing, thanks for your feedback as well!

Hi Lauris,

Thanks for checking this.

1) We are encountering two more issues with this. a) If you log in full screen and then you change the screen size to have less width, the menu duplicates itself. You can see this on the preview site as well on the image attached below. b) If we change the Header to not fixed in the layout builder, it looses it’s style and becomes grey as you can also see in the image.

How to fix this?

2) Thanks, we’ll do it like that!

Best wishes

Hi,

I think that (a) issue appears because of the same problem as a previous case. (b) reproduced this issue and already fixed it.

Fixes for (a) and (b) will be available in Metronic v8.0.31.

Regards,
Lauris

Thank you Lauris,

Best regards

Hi,

Please email us via support@keenthemes.com and provide your Github username and we will grant you access so you can download Metronic v7 from our Gtihub repo

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

Regards. Sean