Hi ,

It’s in our todo list and will be released soon. At the moment we can’t confirm the ETA. We will release it as soon as possible. Stay tuned!

Regards, Sean

Hi,

We are about to release the official Laravel version of Metronic v8 in coming week.

To stay updated please follow us at http://twitter.com/keenthemes

Regards, Sean

Sweeet .. can’t wait. Thank You

Hi,

The HTML version mostly uses jQuery plugin and those plugins are not available in the Angular version. Angular version uses Materail UI library with variety of unique features https://preview.keenthemes.com/metronic/angular/demo1/material/form-controls/autocomplete

However you can reuse any HTMl/CSS based elements/components from the HTML version in the Angular version.

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

Regards, Sean

Hi,

Thanks for your feedback.

Have you tried the latest version of Metronic v8.0.11 with updated package.json by adding:

"resolutions": {
        "gulp-dart-sass/sass": "1.32.13" 
    },

to fix the sass version for gulp dart otherwise the latest sass version throws those warnings for our custom sass and for the Bootstrap sass as well.

This workaround is good till Bootstrap SASS officially updated for Dart Sass 2:

For more info please check https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/changelog.html

If you are already using the latest version can you please email us via support@keenthemes.com your OS version and screenshot of your console and the bottom part package.json file content ?

Regards, Sean

Hi Egvikosh

HTML+jQuery version and Angular version have different sets of functionality. In our SPA applications (Angular/Vue/React) we don’t use jQuery and cause of that jQuery based plugins can’t be implemented in SPA versions.

HTML/CSS structure is the same everywhere.

Ng-Bootstrap is 3d party library for us, and yes ng-bootstrap components will look differently.

Regards Keenthemes support

Ok I see. What you would recommend in this case. In case we will need those plugins include jquery as dependency? or make angular project skeleton based on html version?

Thank you.

Hi,

Technically you can use jQuery based plugins within Angular app with some workarounds. The Angular 12 version of Metronic 8 is being prepared for the release by end of June or early July. We will provide Angular native components based on Material UI library and also you can use our in-house components written in typescript. All future updates will be free of charge.

Regards, Sean

Hi,

Thanks for your report. We will check it and let you know the result.

Thanks

Hi,

There is an issue with the dynamic output path for generating assets. We will fix it in the next update. As a workaround, please edit this file and change demo5 to demo1.

/html_bootstrap5/theme/tools/gulp.config.js

    path: {
      src: "../demo5/src",
      common_src: "../demo5/src",
      node_modules: "node_modules",
    },
    dist: ["../demo5/dist/assets"],

Thanks

Hi ,

Yes, sure. It will be based on React v17 + Bootstrap 5

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

Regards, Sean

Hi,

Thanks for your feedback on this. Noted and we will consider this. In the meantime you can use https://www.7-zip.org/ to quickly unpack the download package.

Regards, Sean

Hi,

The React version wad prioritized for sure and our React devs already preparing it for release with latest React v17 + Bootstrap 5 support. Every version has different level of complexity and sometimes the timeline can differ accordingly. We will do our best to release it as soon as possible.

Regards, Sean

Hi ,

Thanks for your feedback. Could you please clarify it ? What do you mean by “Invalid list number setting” ?

Regards, Sean

Hi,

Thanks for informing this issue. We will fix it as soon as possible.

Regards, Sean

Hi ,

Please try to add “form-check-inline” to the “form-check” element to solve this without changing any JS code.

If you need any further help please let us know.

Regards, Sean

Hi

Sorry for the inconvenience. The KTdatatable option for autohide and width does not support screen size configuration.

Thanks

Hi ,

Thanks for your feedback on this. We will check it and fix asap.

Regards, Sean

Hi,

We have fixed the issue. Sorry for the inconvenience.

Thanks

Thanks for the reply , is there any alternative until you create your own ?

So far no alternative for Block-UI, we will check it. If you see any similar plugin can you please let us know ? We will check if we can use Block-UI with latest jQuery.

sure

Hi,

Then it should be working.

Could you please attach your package.json?

Regards,
Lauris

package json = https://pastebin.com/pFfMCx9y

webpack = https://pastebin.com/Vi4mXytU

composer json = https://pastebin.com/AWsKj0w4

npm version = 6.14.8 node version = v15.0.1

Hi,

Thank you for providing the info.

Because the new version of the laravel-mix is released you should make some additional changes.

To fix this error follow these steps:

1) Update your package.json

"@vue/cli-plugin-babel": "^4.5.9",
"@vue/cli-plugin-eslint": "^4.5.9",
"@vue/cli-service": "^4.5.9",
"@vue/eslint-config-prettier": "^4.0.1",

These are not required in the latest version of laravel-mix.

npm install vue-loader

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

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]).vue();

mix.webpackConfig({
    output: {
        chunkFilename: `js/[name].js?id=[chunkhash]`
    },
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.runtime.esm.js',
            '@': path.resolve(__dirname, 'resources/js/src/')
        }
    }
});

npm install

npm run dev

Regards,
Lauris

Hi ,

We are releasing the official Laravel version within the next or latest the following week with following features:

– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

We would suggest to wait for the official Laravel version since it will save time and afford to gets started with your project.

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

Regards, Sean

Hi ,

Metronic 8 Laravel version will be released really soon with following key features:

– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

If you need any further clarifications please let us know.

Regards, Sean

Good morning. I will answer. Of course, we have integrated it into Metronic 8 vue, not just Metronic 7 vue Since the release of Metronic 8 vue, I tested it.

Integrated with Metronic 8.

Hi,

To fix this issue you should enable the typescript in your Laravel app.

We will add an updated Laravel and Vue integration doc for Metronic 8 in upcoming releases.

Regards,
Lauris

getting this error on console

VM433 scripts.bundle.js:7 Uncaught TypeError: Cannot read property ‘on’ of null at Object.init (VM418 scripts.bundle.js:7) at VM418 scripts.bundle.js:7 at Object.onDOMContentLoaded (VM418 scripts.bundle.js:7) at VM418 scripts.bundle.js:7

Hi ,

We are now preparing Metronic 8 Laravel version for release with following key features:

– Full layout integration.
– Layout builder.
– Menu generation from config.
– Fully functional authentication.
– Sign-in, sign-up and password recovery pages.
– User profile and accounts pages.

We would suggest you to wait for the official Metronic 8 Laravel version as implementing it from scratch requires time and a lot of workarounds.

If you need any further clarifications please let us know.

Regards, Sean