Hi ,

Thanks for your interest in Metronic!

Except jQuery plugins all static(HTML/SASS) and in-house(HTML/SASS/Typescript) components can be reused in React version. Please let us know your interested components and we will provide you more info.

For any further clarifications you can contact our support directly via support@keenthemes.com

Regards, Sean

Then will the following be added? Will it be added?

• Demo 2 – SaaS
• Modals – Wizards
• Apps – Calendar

Hi,

1) Demo2 should be available within the next Metronic 8 update.

2) Modals -> Wizards pages will took some time to finish we already have CreateAppModal, you can make others by referring to this existing modal and reuse html code from our html version.

Check file: demo1/src/app/pages/dashboard/_modals/create-app-stepper/CreateAppModal.tsx

3)Just created a task for full calendar integration, it should be ready and released during the few weeks.

Regards,
Lauris

Hi ,

Thanks for your interest in Metronic.

The nestable plugin is no longer supported by the authors: We will check further and try to find a replacement.

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

Regards, Sean

Hi,

You can remove modal in your ts code using this example:

import bootstrap from "bootstrap/dist/js/bootstrap.min.js";

const myModal = new bootstrap.Modal(document.getElementById('myModal'))
myModal.hide()

Check official bootstrap 5 doc for more info.

Regards,
Lauris

Hi ,

Thanks for your interest in Metronic and sorry for the late reply.

If you are using the HTML version of the theme please note that all components and 3rd-party plugins are initialized after page load automatically. This is how the classic pages work. For Metronic 8, to reinitialize all the stuff you will need to follow the below steps:

1) Reinitialize some most used components(Tooltip, Popover, Select2):

KTApp.init();

2) Reinitialize in-house components:

KTMenu.createInstances();
KTDrawer.cteateInstances();
KTSwapper.cteateInstances();

if you need any further help please contact our support via support@keenthemes.com

Regards, Sean

Hi ,

The previouse form validation plugin is no longer supported by the authors. Currently we use Premium FormValidation plugin https://preview.keenthemes.com/metronic8/demo1/documentation/forms/formvalidation/basic.html which is very powerful and extendable.

For any further clarifications please contact our support via support@keenthemes.com

Regards, Sean

Hi ,

Thanks for your interest in Metronic.

The layout builder is used for HTML manipulation only.

The Dark Mode requires special setup as explained here https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/dark-mode.html

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

Regards, Sean

Hi ,

Thanks for sharing this. We will check it out.

Regards, Sean

Hi ,

Thanks for your interest in Metronic. We are working on the pending demos and Demo 7 should be out soon.

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

Regards, Sean

Hi ,

Good spot! It seems the issue is on mobile mode. You can quickly fix it by replacing the below HTML attributes in landing HTML code:

data-kt-place

to

data-kt-swapper

We will release this fix in the next update.

Regards, Sean

Thank you so much . It is working now.

Thank you too for your quick feedback

Ok, already found the solution. thank you for your awesome template.

Glad to hear that All the best with your projects!

for example I tried to implement Toaster, I was little confusing !..

But if it was in a page in Metronic8, I could see how thing are done from the loading to the show (all the process).

I know that the doc can lead you to accomplish everything but .. I’m like majority and everybody else on the net, “Learning by example”. LoL

Thank you

Hi ,

Thanks for the suggestion. We will add real world examples, such as apps and pages to showcase those features that we added into the documentation.

Regards, Sean

Hi ,

If you need any further help please contact our support at support@keenthemes.com

Regards, Sean

Hi ,

Thanks for your interest in our theme Metronic.

The HTML version is the base version and it mostly uses jQuery plugins. However all non-jquery code from the HTML version can be reused in the React version. We will add more feature to the React version in upcoming updates.

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

Regards, Sean

Hi ,

The latest Vue version you can check here https://preview.keenthemes.com/metronic8/vue/demo1/

If you need any further clarifications please contact our support via support@keenthemes.com

Regards, Sean

Hi ,

Thanks for your interest in Metronic. Metronic does not support Nuxt at the moment.

Basically all core components and function should be initialized after their HTML referenced elements are populated. For example KTApp.init() initializes the global components such as tooltips, popovers, etc. The all in-house components such as KTMenu, KTDrawer, etc should be initialized as well:

KTMenu.createInstances();
KTDrawer.createInstances();

Regards, Sean

Hi ,

You can use those extended colors as per the Bootstrap documentation https://getbootstrap.com/docs/5.0/customize/color/ but

Metronic refers to the theme colors only(primary, success, etc).

Regards, Sean

Hi ,

Thanks for your interest in Metronic.

Basically for SPA all those instance creation should be placed right after the HTML code population.

We are now working on Metronic v8 Angular version and it should be out in a few weeks. Integration Metronic with Angular integration requires a huge work and we would recommend you to wait for the official Angular release.

Regards, Sean

Hi,

We are working on it with a high priority and we will do our best to release Metronic 8 with Angular 12 within August with lots of enhancement, such as, performance improvements, typescript support, layout optimizations, ready to use AUTH flow implementation with real REST API, native core plugins, etc.

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

Regards, Sean

Hi,

your previous reply was on16th of September 2020 “Right now we have implemented only demo1+Angular9 and demo1+Angular10+Ivy versions. Other demos (2, 3, 4) will be implemented and released in October. Please follow us at http://twitter.com/keenthemes to stay updated. Regards, Keenthemes support” still waiting…....

Hi,

We were referring to Metronic 8 Bootstrap 5 + Angular 8 version. As core frameworks and libraries having major updates sometimes it’s hard to catchup with the demo integration but with Metronic 8 we will try to provide as more demos as possible. Thanks for your understanding.

Regards, Sean

Hi,

Yes in Metronic 8 react version components are written using Hooks.

Regards,
Lauris