Hi

For the existing laravel 8 project, you may use the HTML version. You can integrate the assets (js/css) and make the layout base from HTML file.

You can also use partial files by download it from layout builder page;

https://preview.keenthemes.com/metronic8/demo1/layout-builder.html

Thanks

Hi ,

This is amazing. We will have a look further. Thanks for sharing this.

Regards, Sean

Could you share date please , I have release this Friday ,

Please we need the Js Tree ASAP !!!

Hi ,

Sure, we will try.

Regards. Seam

Hi,

Have you followed our Vue+Laravel integration doc?

You do not need to install all dependencies manually, actually, you can just copy the example of package.json in doc and paste it into package.json in your app.

Delete your current node_modules folder and pacakge-lock.json and then execute npm install again.

Regards,
Lauris

Hi,

Can you please attach the configuration of your webpack.mix.js?

It looks like you have errors in it. You can copy a valid configuration from our doc:

const mix = require('laravel-mix');
const path = require('path');

mix
.ts("resources/ts/app.ts", "public/js")
.vue({ version: 3 })
.webpackConfig({
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'resources/ts/src/')
      }
    }
  });

Also please make sure that you have installed all required dependencies.

Regards,
Lauris

I added it but still the same error, can you support via email(yilmazoktay124@gmail.com)?

Sure, we will reach you shortly via your email address. Thanks.

Hi,

May I know what is your Metronic version and demo ? If you contacted our support via email please let us know your email address so we can double check your request. As per current we have related to all cases related to Angular.

Regards, Sean

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?

Metronic 8 (Bootstrap 5) React

• 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();

You can check other plugins and call their reinitialization methods accordingly: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html

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 ,

You can refer to the Dark Mode setup documentation here https://preview.keenthemes.com/metronic8/demo2/documentation/getting-started/dark-mode.html

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 ,

Thanks for your interest in Metronic. Metronic v8 Vue complete and even has more features comparing to the React version. Please check all available versions here and compare: https://keenthemes.com/metronic/

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