Hi,

Thanks for staying in touch. We are working on all above. You may stay updated at https://twitter.com/keenthemes .

Thank you.

Very good!

Hi,

Sorry, but we were not able to reproduce this issue.

Did you make any changes to our codebase?
If yes please describe them.

Regards,
Lauris

No I haven’t, just yarn build

Can you try to update the publicPath inside the file vue.config.js?

In the production build, it will be deployed in a /metronic/vue/demo1/, you can update this path or even remove it in case to deploy the app to the root folder.

You can read more about this option here

Regards,
Lauris

Hi ,

Thanks for your interest in Metronic.

You can fully customize your build and reduce the plugins bundle size by excluding any unused plugin from “optional” plugins in gulp config in “core\html\tools\gulp.config.js” as shown here:

You can refer to Metronic v7 video tutorial https://www.youtube.com/watch?v=NDlQ09mmvu8 as the instruction can be applied for Metronic v8 as well.

If you need any further clarifications please let us know

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

Regards, Sean

Hello ,

Thank you for your interest in Metronic.

If you are using Gulp builder, you can fully customize your build and reduce the plugins bundle size by excluding any unused plugin from “optional” plugins in gulp config in “core\html\tools\gulp.config.js” as shown here: https://imgur.com/dh36bVr

You can refer to Metronic v7 video tutorial https://www.youtube.com/watch?v=NDlQ09mmvu8 as the instruction can be applied for Metronic v8 as well.

If you are using Webpack builder, please refer to the Webpack config file tools\webpack.config.js and core\html\tools\webpack\plugins\plugins.js and core\html\tools\webpack\plugins\plugins.scss to exclude any optional plugins.

Please note that mandatory plugins should not be removed as they needed for the theme core layout functionality.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes/ and check our market for other amazing products coming soon: https://keenthemes.com/

Regards, Sean

Hi ,

Thanks for your interest in our theme – Metronic.

For newly populated menus you will need to call the below API method to initialize the menu instances:

var selector = ''[data-kt-menu="true"]'';
KTMenu.createInstances(selector);
You should call the above API within the Datatable data load callback functuon.

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

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

Regards, Sean

Thank you, this works perfectly! I haven’t seen this in the v8 documentation, so unless I failed to find it, you guys should write a page about it.

Hi ,

Glad to hear that. Sure, we are preparing detailed documentation for over 20 in-house components and will be released soon. If you need any further help please do let us know.

Regards, Sean

Hi,

You can add the below attribute to the body tag to show the offcanvas aside menu by default:

data-offcanvas-aside="on" 

You can also set overlay: false to remove the overlay block from the page body in “src/js/layout/base/aside.js”

// Initialize mobile aside offcanvas
        _offcanvasObject = new KTOffcanvas(_element, {
            baseClass: offcanvasClass,
            overlay: false,
            closeBy: 'kt_aside_close_btn',
            toggleBy: ['kt_aside_desktop_toggle', 'kt_aside_tablet_and_mobile_toggle']
        });

After making the above js code changes you will need to recompile the assets folder.

All the best with your projects!

Regards, Sean

Hi ,

Thanks for informing this. We will fix it in the next update. if you need a quick fix please replace “src/sass/components/_stepper-links.scss” with the below code:

.stepper.stepper-links {
    .stepper-nav {
        display: flex;
        margin: 0 auto;
        justify-content: center;
        align-items: center;    
        flex-wrap: wrap;

        .stepper-item {
            position: relative;
            flex-shrink: 0;
            margin: 1rem 1.5rem;

            &:after {
                content: " ";
                position: absolute;
                top: 2.3rem;
                left: 0;
                height: 2px;
                width: 100%;
                background-color: transparent;
                transition: $transition-link;
            }           

            .stepper-title {
                color: $dark;
                font-weight: 600;
                font-size: 1.25rem; 
            }             

            // Current
            &.current {
                transition: $transition-link;

                .stepper-title {
                    color: $primary;                     
                }               

                &:after {                    
                    background-color: $primary;
                }                                              
            } 

            &.completed {
                .stepper-title {
                    color: $gray-400;
                }              
            }
        }
    }     
}

And in HTML the change the padding and margin classes as shown below: https://imgur.com/4rmOdCr

For any further clarifications 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 interest in our theme – Metronic.

For newly populated menus you will need to call the below API method to initialize the menu instances:

var selector = ''[data-kt-menu="true"]'';
KTMenu.createInstances(selector);

You should call the above API within the Datatable data load callback functuon.

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

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

Regards, Sean

Hi ,

Yes, more features and modules will be released in the upcoming releases.

Regards, Sean

Hi ,

Thank you for your interest in our theme – Metronic.

If you check gulp or webpack config file you can see the assets and plugins you can see that there are 2 types of bundles(global and sub bundles). The global bundle includes the core features that used in all pages while sub bundles such as datatable.bundle, fullcalendar.bundle can be included on demand. Nowadays the bundle approach the most preferred way of including assets in your pages since single bundle is loaded more faster than separate files and it’s kept in the browser cache which speeds up subsequent pages loading.

Including each resource separately is not a common approach and we do not have such option within our theme. However you can take advantage of our build tools and divide the bundle into sub dandles to include them on demand.

Regarding the .NET sass compiler, our theme assets requires it’s own custom compiler(gulp or webpack builder) in order to properly compile and pack the theme features into the bundle so whenever you chage the theme src folder files you will need to use our builders to recompile your assets folder. Thus you don’t have to run the compile always. You need it only when you change the source code of sass or js in src folder.

If you need any further help please contact our support via support@keenthemes.com and we will guide you further if you provide us more details on your current progress.

Regards, Sean

Hi,

As I see the request is sent once, but there is a different problem, that the button is not disabled after the first request and you are able to send another request.
I guess in your case request has been send twice because of a double click.

The button should be disabled after the first click and we will fix it in an upcoming release.

Now as a temporary solution you can just set disabled property to true inside onSubmitLogin function in file vue/demo1/src/views/auth/SignIn.vue.

submitButton.value.disabled = true;

Regards,
Lauris

Hi ,

At the moment we have Laravel + Html version. We will provide Laravel + React in the future.

Regards, Sean

Hi ,

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

Regards, Sean

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