Hi ,

We will try to release FullCalendar 5 within June.

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

Sean,

Thank you for the quick reply? I also forgot to ask: does your FC implementation require the premium version or do you use the free/open source version? Thanks!

Hi ,

We will use free version of FullCalendar and fully customize it to match the Metronic design system.

Regards, Sean

Hi,

It seems this option was not integrated yet.

Please go to “src/sass/vendors/plugins/_tempusdominus-bootstrap-4.scss” and add below code:

.bootstrap-datetimepicker-widget {
    &.timepicker-sbs {
        width: 450px !important;
     }
}

Then recompile the asset folder with gulp to apply the changes.

Regards, Sean

Hi ,

Thanks for using Metronic. Technically there should not be any issue with that. You may give a try and let us know if you need any further clarifications.

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

Regards, Sean

Hi,

Thank you for your feedback. We will check it as soon as possible and get back it back to you.

Thanks

Hi ,

Thanks for your feedback.

Some features in v7 still are not compatible with Bootstrap 5 so trying to find alternative solutions or implement in-house. You can see the progress in the changelog: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/changelog.html

More to come to make Metronic v8 compete and extend further.

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

Regards, Sean

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