Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template

Cart 119,379 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

This author's response time can be up to 1 business day.

12193 comments found.

I think v8.1.7 release date(year) is wrong.

Hi :),

Please refer to the updated docs for the latest v8.1.7 release: https://preview.keenthemes.com/html/metronic/docs/index

Regards, Sean

Hello, I don’t see anything related to Laravel on the 8.1.7 changelog, so I guess there are no fixes on this one.. have the select2 been fixed? or I’ll have to wait for another release to get it fixed? thank you

Hi,

Those issues should have been fixed. Please refer to

The Laravel Starter Kit: https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/changelog

Regards, Sean

Please add Svelte templates

Hi :),

Thank you for the suggestion. Noted and we will consider that in the near future.

Regards, Sean

Asp Net Core only has demo1, is there a work around for demo7? Will there be asp net core development for demo7?

Hi,

Yes, we will consider adding more demos based on popularity but at the moment we can’t confirm the ETA. If you need Demo 7 with the Asp Net Core starter kit you can get the Demo 7 partials using the Layout Builder https://preview.keenthemes.com/metronic8/demo7/layout-builder.html create a new layout by referring to Demo 1 partials.

If you need any further assistance please reach our support team via https://devs.keenthemes.com/

Regards, Sean

I request asp net core work for CRM Dashboard Template which is Demo7. Kind regards

Hi,

Noted, we will consider them in a future update.

Regards, Sean

Hi, There will be a release this week? Thanks.

Hi :),

Yes, currently working on it and aiming to release the next update in a few days.

Regards Sean

Will there be a full demo for Blazor WebAssembly net?

Hi,

The Blazor WebAssemly would be out in the near future, but at the moment we can’t confirm the ETA. We are working on the core components improvements to support SPA frameworks with ease. We will keep you posted on this.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

Do you do custom work?

Hi :),

Thanks for your interest in our products and services. Sure, please use https://keenthemes.com/hireus to contact our development team.

Regards, Sean

Hi, How I can implement Demo27 with Laravel Version ?

Hi :),

Thank you for the feedback.

At the moment Demo 27 is not available for the Laravel StarterKit. We will consider it in a future release.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

How I can get the figma file for Metronic ?

Hi,

Please download the Themeforest package and unzip it, you will get it under “design” folder. If you need any further help please reach our support team via devs.keenthemes.com

Regards, Sean

Hello In the angular project “Time Reporting”, is there a way to make drop-down menus working on hover instead of on click ?

Hello,

Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.

We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum. 

Best regards, Sean

hi can you fix for me in demo 7 VueJs. i need aside operate like html, which have auto open and close secondary pane.

Hi :),

Sure, we will fix it in the next update as confirmed here: https://devs.keenthemes.com/question/re-creating-aside-on-demo-7-html-in-demo7-vue

Regards, Sean

Hi,

you wrote:

> The next update should be out in sever days.

You mean “in seven (7) days” or “in several days”?

Because 2 months without any update is way too long. :-(

Hi,

Bootstrap 5.3 major update just out and we had to integrate it for the new update. The update is almost done and should be out within the next week.

Regards, Sean

Thank you, I’m looking forward.

Almost 2 months, and not new release. I am waiting for Laravel StarterKit fixes. Already late with my projects.

Thanks!

Hi,

The next update should be out in sever days. We have some fixed for the Laravel StarterKit. Could you please reach our core team via devs.keenthemes.com and remind which issues are you referring to ?

Appreciate your contribution!

Regards, Sean

This is the issue: https://devs.keenthemes.com/question/laravel-starterkit-authentication-error

I don’t know how to contact core team via devs.keenthemes.com

Hi,

We will try to include the fix in the next update soon.

Thanks

Hi

I was trying to use charts pie chart, I keep getting the error “Failed to create chart: can’t acquire context from the given item” in my browser console. Other charts works expect for Pie chart

Pls advise on what to do to fix this. see my code below

function getRandom(min = 1, max = 100) {
    return Math.floor(Math.random() * (max - min) + min);
}
function generateRandomData(min = 1, max = 100, count = 10) {
    var arr = [];
    for (var i = 0; i < count; i++) {
        arr.push(getRandom(min, max));
    }
    return arr;
}
var ctx = document.getElementById('skt_chartjs_3');
// Define colors
var primaryColor = KTUtil.getCssVariableValue('--kt-primary');
var dangerColor = KTUtil.getCssVariableValue('--kt-danger');
var successColor = KTUtil.getCssVariableValue('--kt-success');
var warningColor = KTUtil.getCssVariableValue('--kt-warning');
var infoColor = KTUtil.getCssVariableValue('--kt-info');
// Define fonts
var fontFamily = KTUtil.getCssVariableValue('--bs-font-sans-serif');
// Chart labels
const labels = ['January', 'February', 'March', 'April', 'May'];
// Chart data
const data = {
    labels: labels,
    datasets: [
        {
            label: 'Dataset 1',
            data: generateRandomData(1, 100, 5),
            backgroundColor: [primaryColor, dangerColor, successColor, warningColor, infoColor]
        },
    ]
};
// Chart config
const config = {
    type: 'pie',
    data: data,
    options: {
        plugins: {
            title: {
                display: false,
            }
        },
        responsive: true,
    },
    defaults:{
        global: {
            defaultFont: fontFamily
        }
    }
};
// Init ChartJS -- for more info, please visit: https://www.chartjs.org/docs/latest/
var myChart = new Chart(ctx, config);

Thanks

Hello,

Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there. You can put your code inside special tag:

<pre lang="js">
....
</pre>

We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum. 

Best regards, Sean

Hi @keenthemes Still waiting for your feedback Thanks in advance

Hi,

Noted. We will get back to you as soon as possible.

Regards, Sean

Hello,

I started project from Starter Kit for Rails 7 (bundle asset with Webpack) and activate turbo rails. Everything works fine but not with the dropdown. When click any dropdown (e.g. sidebar), it won’t expand the menus. I even tried to change ‘DOMContentLoaded’ to ‘turbolinks:load’ on any assets, but also seems doesn’t work. Is this template turbo rails friendly? Please help me solve this issue Thanks

Hello,

Since our primary support channel at: https://devs.keenthemes.com/ , we kindly ask you to create a ticket there.

We’ve been long wishing to build a bridge between us and the Keenthemes community. As the email is not the best room to support, we kindly invite you to collaborate with Keenthemes developers from everywhere on Devs Forum. 

Best regards, Sean

Horizontal form – Label

While applying horizontal form based on Bootstrap instruction

https://getbootstrap.com/docs/5.0/forms/layout/#horizontal-form-label-sizing

I realize that .col-form-label class has a different font-size from .form-label class. To be more specific, .col-form-label has font-size as “inherit” while .form-label has font-size as “1.05rem”.

If this setting comes from Metronic, not Bootstrap, could you take a look at and fix it?

Thanks

Hi Sean,

I tried to apply “col-form-label” to the label on the below link and it works

https://preview.keenthemes.com/html/metronic/docs/base/forms/controls

However, the reason is that “col-form-label” inherits from the class “fs-6” of its parents – “card-body”. In fact, if I remove “fs-6” class from the parent, the font sizes of “form-label” and “col-form-label” are different.

Thanks

Hi Sean,

I tried to apply “col-form-label” to the label on the below link and it probably works

https://preview.keenthemes.com/html/metronic/docs/base/forms/controls

However, the reason is that “col-form-label” inherits the font size of “fs-6” from its parents. In fact, if I remove “fs-6” from the parent, the font sizes of “col-form-label” and “form-label” are different.

- “form-label”: 1.05rem - “col-form-label”: 13px – inherit from html, body

Thanks

Hi,

The form label uses a custom font size variable ”$form-label-font-size” set in “core/html/src/sass/components/_variables.scss” to “1.05rem” but Bootstrap does not set the custom font size to col-form-label as does for form-label. This can be fixed by adding the below sass code into core/html/src/sass/components/forms/_labels.scss>

.col-form-label {
    @include font-size($form-label-font-size);
}

In “core/html/src/sass/components/_forms.scss” just add the new “_labels.scss” file.

We will include this fix in the next update.

Regards. Sean

Hello, I am using the Angular version and I have come across this snippet in app.module.ts. Please help me explain what it is meant to do. Thank you.

function appInitializer(authService: AuthService) {
  return () => {
    return new Promise((resolve) => {
      // @ts-ignore
      authService.getUser().subscribe().add(resolve);
    });
  };
}
</pr>

Thanks.

Hi,

This function will be called during Angular initialization to get the currently authenticated user and keep the auth token in the session.

By right, this line should be like this

authService.getUserByToken().subscribe().add(resolve);

Thanks

Hi,

We have been working on a new version of the Metronic docs to provide well-structured guides and interactive examples with vast attention to details:

Expect soon!

Regards, Sean

I need style.bundle.min.css file,Please share its .min file

Hi,

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. In order to get the theme support please provide us the purchase code from https://1.envato.market/EA4JP

However to build the minified assets you should use the gulp build tools as explained here: https://preview.keenthemes.com/html/metronic/docs/getting-started/setup

Regards, Sean

how to used intl-tel-input.js in Metronic8

Hi,

Metronic does not have intl-tel-input.js plugin integration. By right, if you included the plugin’s css/js files and followed the documentation it should work as expected.

If you enquire for further assistance or have questions, we invite you to join our products community at https://devs.keenthemes.com/. There you can get assistance and guidance from KeenThemes core developers and community members. 

Regards, Sean

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey