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,356 sales
Recently Updated
Well Documented

keenthemes supports this item

Supported

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

12192 comments found.

hello when is the nuxt integration starter kit available?

Hi,

We will be adding Nuxt integration guide and starter kit app very soon. At the moment we can’t confirm the ETA but we will do our best to release it asap.

Stay up-to-date with the latest news, updates, and exclusive offers by following our Twitter: https://twitter.com/keenthemes

Additionally, you’re welcome to explore our support center at https://devs.keenthemes.com/  for product assistance and engaging in community discussions.

Regards, Sean

The instructions for Vue are still broken: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/frontend/vue

There is no App.ts inside the vite-generated project structure, to begin with. If I add the contents into the script block of App.vue (since that’s the only file available), it throws a “could not find a declaration file” error. And if I declare it myself, the browser throws the error: “The requested module ’/src/theme/app/layouts/demo1.js’ does not provide an export named ‘default’”

I am not sure if anyone in your team even runs through the steps and see if they actually work. You should at least give us a demo project on Vue.

Node v20.15.0 on Mac M2.

Hi,

Thank you for your feedback.

Could you please try the latest v9.0.1 that we have released a day ago? Also please try to use the tsconfig settings that we used for the HTML version:

{
    "compilerOptions": {
        "lib": ["dom", "es2015"],
        "rootDir": "../",
        "outDir": "./lib/cjs/",
        "sourceMap": true,
        "declaration": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es5",
        "allowJs": true,
        "resolveJsonModule": true,
        "moduleResolution": "node" 
    },
    "include": ["src/**/*.ts"],
    "exclude": ["node_modules", "dist"]
}

Our core was tested for es5 to support ts common environments.

Noted your suggestion. We are working on improving the guide and providing the starter kit app.

If you need any further help please reach our support team via devs.keenthemes.com

Regards, Sean

Congratulations on the launch of version 9(Tailwind). There are some(important) pieces – APPS and MISCELLANEOUS marked as soon. Is there an ETA when would they be available?

Hi :),

Thanks for the heads-up.

We can’t confirm ETA at the moment since we are working on many new features for Metronic v9. We will do our best to release those new pages asap.

Stay up-to-date with the latest news, updates, and exclusive offers by following our Twitter: https://twitter.com/keenthemes

Regards, Sean

Your changelog page doesn’t show any information on what was changed.

Hi,

Thanks for the heads-up.

Please note that Metronic v8.x has no changes in this update. This was a bug fix update for Metronic v9 and it’s changelog you can check here.

Regards, Sean

Hello, maybe any example about Laravel with inertia (React)? Actually starter kit its with Livewire (v8.2.6)

Hi :),

Thanks for the heads-up.

Yea, we are considering Inertia integration guide, We will check Livewire as well.

Regards, Sean

Thanks! :D will be great

Hello, happy to hear about the update to version 9. When I tried this version in Firefox, I experienced problems with the dropdown, when I click it, the dropdown cannot be closed, but the dropdown works well in Chrome.

any idea about this issue?

thanks b4

Noted, thanks for the info. May I know your OS ? Windows or Mac ?

im using windows 11

Noted, let us check it further and we will provide a quick fix asap.

I have also downloaded the latest version of the product and followed your react download instructions and this is failing.

The instructions do not match the current version of the files downloaded.

Hi

Please create a support ticket and provide your purchase code at devs.keenthemes.com. We will then send you instructions for alternative download options.

Thanks

Hi,

Noted, our React expert will check it and get to you via the devs case asap.

Regards. Sean

Hi, i followed the react integration tutorial at https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/frontend/react

but failed.

im using nodejs v20.14.0 and npm 10.7.0 on windows.

tq

Hi

Could you please send a screenshot of the issue? It will help us better understand and assist you with the problem.

Thanks

Hi,

It would be great if you could post this as a support case via Devs Support Center. Please provide more info, like the screenshot of your command line.

Regards, Sean

https://keenthemes.com/metronic/tailwind/docs/components/modal

What is this page about? When view html code I won’t see HTML

Hi,

Thank you for your patience.

We have resolved the issue. You can now access the documentation for integrating the Metronic Tailwind template with your project.

If you encounter any further issues or have additional questions, please don’t hesitate to reach out.

Best regards, Metronic Support Team

Hi,

I would like to use the metronic 9 for my Blazor WASM project, can you provide some guide on this?

Thanks

Hi,

Thank you for your interest in using Metronic 9 for your Blazor WASM project.

At the moment, a specific Blazor guide is not available. We are planning to include it in future updates soon. In the meantime, we can provide a general guide if available. Please bear with us while our Blazor developer prepares the necessary information for you.

Thank you for your patience.

Best regards, Metronic Support Team

So are you dropping support for Bootstrap?

Hi,

Thanks for the heads-up.

The Metronic Bootstrap version surely will be supported, with the latest Bootstrap updates, bug fixes and improvements.

Regards, Sean

Hello, How is to add part of directive tailwind styles to laravel project… exist any example of project?

Thank you for your feedback. We have added an additional step (Step 9) in the documentation to address this issue. This should resolve the problem.

Thanks! Will be great if provide more examples about Laravel, I hope new features, thanks!

Sure, we will keep improving the guide. If you have any further feedback please do let us know :)

Hi

Why is the download so huge? Its about 10.3GB. Is this correct?

Hi,

Current Metronic 9 contians only the plain HTML + JavaScript version. The Native React/Next.js version will be released in the upcoming updates.

However we have a guide to integrate Metronic JavaScript into SPA framrworks, including React: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/frontend/react

Regards. Sean

Thank you for the reply. Yes, i notice the version 9 only contains javascript and not React. Ok will will wait for the react version.

Hi,

Thanks for the heads-up.

Fully native React/Next.js version we will be releasing really soon. We are working on it currently.

However you can integrate the JavaScript comonents for your React app as shown here

Regards, Sean

I am going to try to solve the problem because the Template is for Bazor Server and does not support all the functionalities for Blazor WebAssembly .Net 8,

for example, it causes problems with

@inject IHttpContextAccessor HttpContextAccessor Which is in the Layaut DefaultLightSidebar.razor

It also does not load the page component _CardsWidget17.razor

The following code

@code{ protected override async Task OnAfterRenderAsync(bool firstRender) { if(firstRender){ await JS.InvokeVoidAsync(“KTCardsWidget17.init”); } } }

Hoping for your help in future updates to solve these problems.

Hi,

Does injecting HttpContextAccessor cause any errors?

Please note that our current Starterkit is Blazor Server app and we currently do not provide solutions related to Blazor Webassembly.

To get general guidance for such migration you can refer to the post below: https://medium.com/@audaciatech/walkthrough-our-migration-from-blazor-server-to-blazor-webassembly-a06d6801770f

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hello guys, Congratulations for the new release of Metronic 9. Are you planning to make a pre-made layouts as you have for Metronic 8?

Hi :),

Thank you so much.

Yeah, this is just the beginning for Metronic 9 + Tailwind CSS. We will be releasing lots of fine demos with unique design and layouts for varipuse app concepts. Also multi-purpose pages, apps with CRUD are in the works.

Stay up-to-date with the latest news, updates, and exclusive offers by following our Twitter: https://twitter.com/keenthemes

Additionally, you’re welcome to explore our support center at https://devs.keenthemes.com/  for product assistance and engaging in community discussions.

Regards, Sean

Hi,

Yo need to check the path of menu files mentioned in the page https://preview.keenthemes.com/metronic8/vue/docs/getting-started/setup-theme-skeleton

The path does not match the way files are arranged in last few releases for vue demos.

Hi,

Thank you for your feedback.

The paths in our documentation are outdated. We will update them in a few days. For now, instead of /core/config, please use /layouts/default-layout/config. Also, instead of src/layouts/main-layout/, please use src/layouts/default-layout/components.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Your page mentiones that it has option of multiple backends..does that mean it includes basic backend code required too?? i am specifically interested in the springboot version.. i am guessing that means it includes springboot backend code too?. how do i get that specific one? or are all backend projects including in same purchase?

Hi,

Our backend starter kit includes basic integtation code to launch the Metronic’s demo1 layout. Also it provides core layout views, assets including examples and the index page content rendering. This allows you to start your springboot based app quickly and integrate other pages by using the HTML code from the original HTML templates.

For detailed insights, please refer to the Metronic FAQ & License Guide at: https://devs.keenthemes.com/question/understanding-metronic-themeforest-license-a-comprehensive-guide

Additionally, you’re welcome to explore our support center at https://devs.keenthemes.com/  for product assistance and engaging in community discussions.

Regards, Seam

in RTL menu hidden in aside-menu i need help or provide me the original style which it work on your live demo

so give me code inspector. for data-kt-menu-placement i didn’t find this in your docs , so how i know that ?! give me docs for that ..!

and i need it by automatically not Manuel . thanks

Hi,

Since our support is provided via devs.keenthemes.com we will reply to your case there.

Regards.

okay i have already send to u and i prefer to give me your email to send to you as attache screenshot too

Hi,

Please contact us via support@keenthemes.com and provide more details for your request.

Regards, Sean

okay i already send to you iam waiting you

hello i have issue with RTL style it not working property with header menu please send me the solution

Hi,

Could you please contact our support via devs.keenthemes.com and provide more details for you issue ?

What is your Metronic version, what is the issue, is the issue in the original template or your modified code ?

Regards, Sean

okay give me your email address to send attache and i already send to devs.keenthemes.com.

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