Hi ,

Thanks for your interest in Metronic. Yes, the aside width can be easily changed in the SASS variable in themes\metronic\html\demo1\src\sass\layout\_variables.scss:

// Aside
$aside-config: (
    z-index: 101, // Aside's z-index property
    transition-speed: 0.3s, // transition speed
    padding-x: 25px,
    menu-indention: 0.75rem,
    bg-color: #1e1e2d,
    logo-bg-color: darken(#1e1e2d, 2%),
    scrollbar-color: if(isDarkMode(), $gray-200, #3b3b64),
    scrollbar-hover-color: if(isDarkMode(), $gray-300, lighten(#3b3b64, 3%)),
    width: 265px, // Aside width for desktop mode
    minimized-width: 75px,  // Aside minimized width for desktop mode
    box-shadow: if(isDarkMode(), none, 0 0 28px 0 rgba(82,63,105,.05)), // Aside box shadow
    minimized-hover-box-shadow: if(isDarkMode(), none, 5px 0px 10px rgba(70, 78, 95, 0.075)) // Monimized hover box shadow
) !default;

Then recompile the assets folder with gulp or webpack.

For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html

Regards, Sean

Hi,

Sorry for the late reply.

Unfortunately, we weren’t able to find any provided solution.

Have you followed our Blazor tutorial or it is your custom integration? https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/integration/blazor.html

If you faced any issues or errors, could you please describe them? So that we can fix them in an upcoming release.

Regards,
Lauris

Hi,

Thanks for your feedback. The fixed toolbar works only with fixed layout. We will add a notice for this layout configuration.

We will consider the sticky toolbar layout in a future update. Which demo are you using ?

Regards, Sean

Demo 1

Nioted, thanks for the clarification.

Hi

When the column is in the hidden row, there is an event. You have to add the listener to trigger after the column is shown.

I am referring to this example. Probably it could help. https://datatables.net/examples/api/row_details.html

    // Add event listener for opening and closing details
    $('#example tbody').on('click', 'td.dt-control', function () {
        var tr = $(this).closest('tr');
        var row = table.row( tr );

        if ( row.child.isShown() ) {
            // This row is already open
        }
        else {
            // Open row
            // you can try to init dropdown here
        }
    } );

Thanks

not working

Hi,

We would suggest you to disable responsive option in the datatable, then for mobile view, you will have to use horizontal scroll. So the dropdown column will not be hidden.

responsive: false

Thanks

Hi ,

Appreciate your patience . We have just replied.

Regards, Sean

Hi,

Sorry for the late reply.

I think in React version you can add a variable to switch the state of the pricing page and update it when the top buttons are clicked.

let state = "monthly";

Then in the component switch prices and other content depending on this variable:

{ state === "monthly" ? 12 : 13 }

Regards,
Lauris

Hi ,

Thanks for your interest in Metronic.

Metronic is a custom HTML theme based on Bootstrap 5 and it requires further server side development according to a project requirements. It also has fully functional Laravel version with fully authentication, i18n support and some system modules to get started with any PHP based project. If you need any further clarifications please contact our support via support@keenthemes.com

For more info about using Metronic please check the theme documentation https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and video tutorials https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html

Regards, Sean

Hi,

Thank you for your fast response. And thank you for giving me the link of the getting started documentation. It helped me a lot!

I will read and watch the video tutorial soon and can’t wait to order your beautiful theme!

Regards, Erlando

Great to hear your good start! All the best with your projects

Hi,

You need to remove code below in file vue/demo1/src/router/index.ts.

setTimeout(() => {
    window.scrollTo(0, 0);
}, 100);

Regards,
Lauris

Hi ),

Thanks for your interest in Metronic.

Sure, we will release complete ecommerce frontend and admin pages soon and you will get all future updates for free.

Regards, Sean

Any possible date? Thank You.

Sorry, we can’t confirm the date but we will do our best to release it asap. Stay tuned!

This plugin is discounted so we can not include in the Metronic package. If you still like to use it you can integrate it within gulp and use for your own needs. Please check the “Manage Metronic With Gulp” https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/video-tutorials.html

please provide any alternate because wordpress and other companies also using

Noted, We will check this further if there is any alternative solution.

Hi ,

Thanks for your feedback. We will double check it. Would be great if you can email our support via support@keenthemes.com and provide screenshot/code to use in our investigate of this matter.

Regards, Sean

Hi,

We have added this into our todo list and we will implement it soon and you can get all future updates for free. Thanks for your feedback on this.

Regards, Sean

Hi, thanks for adding it in ToDo. Really apricate and desperately waiting

Meantime, maybe you can fix sele2 search field focus issue too. Here is solution, which works for me https://github.com/select2/select2/issues/5993

$(document).on(‘select2:open’, () => { let allFound = document.querySelectorAll(’.select2-container—open .select2-search__field’); $(this).one(‘mouseup’,()=>{ setTimeout(()=>{ allFound[allFound.length – 1].focus(); },0); }); });

Hi ,

Thanks for sharing this. We will check it further and consider adding it in a future update.

Regards, Sean

Thanks a lot )

Hi ,

Glad to help you out. Please note that the layout code is bundled within scripts.bundle.js so make sure it’s included in your page.

Then go to each layout class and disable auto initialization on page content load event(this is for classic pages only):

// On document ready
KTUtil.onDOMContentLoaded(function () {
    KTLayoutToolbar.init();
});

Then you can initialize it whenever you need within your SPA scope:

KTLayoutToolbar.init();

Regards Sean

thanks again

can u elaborate in detail how to do this “disable auto initialization on page content load event(this is for classic pages only):”

still getting this error

index.js??clonedRuleSet-5.use[0]./resources/js/Layouts/AppLayout.vue?vue&type=script&lang=js:59 Uncaught (in promise) TypeError: KTLayoutToolbar.init is not a function

Please remove the below code the toolbar.js and call KTLayoutToolbar.init() when you need not once the page loaded.

// On document ready
KTUtil.onDOMContentLoaded(function () {
    KTLayoutToolbar.init();
});

?

Hi,

In v8 we use more flexible KTmenu component and it uses HTML level attributes for the submenu alignments based on https://popper.js.org/ so it has to be handled at the HTML level since there use case of KTMenu depends on the user’s requirements and most of the time it depends on the parent container’s placements.

Regards, Sean

Thank you Sean,

wanted to know if I’ll wait for it or go the manual HtML setting route…

Thank you for the quick reply.

Sure thing, You are welcome! Thank you!

Hi ,

We have just released our Laravel backend API. We will release the React Laravel version very soon since the Vue Laravel was just released.

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

Regards, Sean

Hello,

Sorry to hear this. Yes, you are right that you have reached Envato support. Their support is very fast.

I would suggest you to wait for another day or two. If your issue is not solved until that and you need Metronic urgently, you may purchase another license and after your issue is solved, you can request a full refund for one of the licenses.

Please feel free to ask if we can assist you further.

Best regards, Bob

Okay, thank you.

I have this question, is there a dark version in all versions?

Hi,

Yes, all versions and demos(except demo4) support the dark mode. For the HTML version please check the dark mode setup guide here https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/dark-mode.html

For SPA versions:

Vue: https://preview.keenthemes.com/metronic8/vue/docs/#/dark-mode Angualar: https://preview.keenthemes.com/metronic8/angular/docs/dark-mode React: https://preview.keenthemes.com/metronic8/react/demo1-docs/docs/dark-mode

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

Regards, Sean

Hi ,

Thanks for your feedback. Sure, we will check it further and provide an update with improvements as soon as possible.

If you have any other feedback please do let us know.

Regards, Sean

Hi ,

We have included the available Figma files and illustration and duetone icons source files as well. It’s in the design folder of the download package.

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

Regards, Sean

Hi,

We are now fully focusing on this and hopefully we will release it as soon as possible. At the moment we can’t confirm the ETA

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

Regards, Sean