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

keenthemes supports this item

Supported

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

12201 comments found.

flows folder missing from demo1\dist\authentication folder

Hi,

Please note that in the recent updates flows folder was renamed to layouts folder.

For support inquiries, we invite you to join our primary support channel at https://devs.keenthemes.com/.  ​There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

Where we can get the boilerplate of react version?

Hi,

React demo1 should be included in the zip file downloaded from themeforest.

Other demos can be downloaded from our website by providing your purchase code.
https://devs.keenthemes.com/metronic

To get access to the GitHub repo you can fill out the form on the page: https://keenthemes.com/metronic/?_ga=2.123880963.844364091.1644133725-898876560.1640377949&page=github

Regards,
Lauris

Hi, I’m looking for angular react demo 3 , when those will be available?

Hi,

We are about to deliver it. It should be available in 1.5-2.5 weeks.

Please note that after buying Metronic you will get all future updates for free including those pending demos.

If you enquire 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

Blazor Server App JavaScript Libraries Not working (Metronic8 Template)

Dears,

I have Blazor Server Side app, where I have added JavaScript and CSS Libraries for Metronic Bootstrap Template.

The template is fully loaded when I run the app, but the JavaScript is not responding.

For example when I click on Side Menu (Arrow Icon) or Expand the Lists, or click on User Profile Drop down, all those sections are not working.

But when I comment out line, Blazor Server Library (blazor.server.js) template starts working, but other Blazor Components don’t work properly (e.g. Counter).

1- I’m using Webpack to build assets

2- then using components initialization from External file js

function initial() { // Boostrap & 3rd-party components initialization KTApp.init(); }

// In-house components initialization
KTMenu.createInstances();
KTDrawer.createInstances();
KTScroll.createInstances();
KTScrolltop.createInstances();
KTSticky.createInstances();
KTDialer.createInstances();
KTImageInput.createInstances();
KTPasswordMeter.createInstances();
KTSwapper.createInstances();
KTToggle.createInstances();

3- call this function as the following code :

protected override async Task OnAfterRenderAsync(bool firstRender=false)
  {
      if (firstRender)
      {
          await JsRuntime.InvokeVoidAsync("initial");
          StateHasChanged();
      }
  }

but everything not work fine such as [dropzone,Editor,tags in product ..etc] maybe this script blazor.server.js conflict with another script in metronic8

Hi,

Have you followed our Blazor Integration doc to get started? https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/integration/blazor.html

You can load our js components and plugins files asynchronously as shown below:

@inject IJSRuntime JS
@inject NavigationManager MyNavigationManager

@code {
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            await JS.InvokeAsync<IJSObjectReference>("import", MyNavigationManager.ToAbsoluteUri("assets/plugins/global/plugins.bundle.js"));
            await JS.InvokeAsync<IJSObjectReference>("import", MyNavigationManager.ToAbsoluteUri("assets/js/scripts.bundle.js"));

        }
    }
}

For support inquiries, we invite you to join our primary support channel at https://devs.keenthemes.com/.

Regards,
Lauris

when is the update? I am waiting with the purchase.

Hi,

Thanks for your interest in Metronic. The next update will be in 1-2 weeks. If you purchase Metronic now you can get all future updates for free.

For support inquiries, we invite you to join our primary support channel at https://devs.keenthemes.com/. 

Regards, Sean

Hello I would like to use the metronic html template for an angular app. I would like to know if the template can be used or not because it uses javascript libraries incompatible with angular (example jquery) Thank you.

Hi,

Thanks for your interest in Metronic!

Metronic has native Angular version for Demo1 https://keenthemes.com/metronic/

It used only pure Typescripts components and some JS plugins. No jQuery dependancy.

If you need any further clarifications you can leave your pre-sale questions at our support center: devs.keenthemes.com

Regards, Sean

download button only get demo 1, i want demo 2 HTML, Great Job

Hi :),

Thanks for your interest in Metronic.

Now all demos can be downloaded separately from https://devs.keenthemes.com/metronic by providing your purchase key one time.

Regards, Sean

Dear community,

Welcome to Devs Forum! 

We’ve been long wishing to build a bridge between us and the Metronic community. As the ThemeForest comments section only allows limited room for conversation, we kindly invite you to collaborate with Metronic developers from everywhere on Devs Forum. 

Click Here to Get Metronic Support

Best regards, Sean

Hi. Can you do a video on how to get this up and running for React. I have VS Code, node and gulp installed, but not sure after that. A video would be great for a lot of people. Thanks.

Hi,

Thanks for your feedback. We will consider releasing React video tuts.

In the meantime if you need any further help you can post your questions at https://devs.keenthemes.com/.  ​There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

Please update GitHub

Hi,

Please note that our GitHub repo was updated with latest v8.0.36 3 version 3 days ago.

For support inquiries, we invite you to join our primary support channel at https://devs.keenthemes.com/.  ​There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

I want to download Metronic v7. Why am I using gulp? I want to download simple html structure. How can I download Metronic v7?

Hi,

​Metronic’s current version is v8 and v7 is not included in the download package. Please create a private ticket at devs.keenthemes.com and we will provide you the Metronic v7 download link.

Regards, Sean

Hello, Are there any css files that have been changed in this update? If so, are the changed css file parts marked?

Hi,

If you are using Metronic v8.0.30 or latest version you are safe to globally update the “src” folder since we did some global changes for the core sass components.

You can follow some general guidelines https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/updates.html

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

This page seems to be missing from the vue folder on demo7: https://preview.keenthemes.com/metronic8/demo7/authentication/extended/multi-steps-sign-up.html

Where can i find the template files for this?

Hi,

This template is not available in the Vue version yet. You can implement it by referring to the current authentication template. The javascript part and overall flow is same. Only some html part is different.

For support inquiries, we invite you to join our primary support channel at https://devs.keenthemes.com/.  ​There you can get assistance and guidance from KeenThemes core developers and community members.

Regards

I need React version of “Demo 3 – New Trend” – METRONIC 8. How long will it take you to finish it?

Hi,

It’s in process now and will be released in few weeks.

If you require further assistance, please create a ticket using the link below. KeenThemes will help you out.

Click Here to Get Metronic Support

Regards, Sean

Hi keenthemes.

I would like to Thank you soooooooooooo much for the select2 RTL support, finally the layout is rendering well in RTL mode. It is a great relief. LoL ;)

Another thing, You’ve made an amazing job, by creating a selectable demo download in https://devs.keenthemes.com/metronic

it was consice, neat and perfect work.

from 3GB to 129mb, it is inbelievable.

Thank you soooo much. guys,

keep up the good work

Hi :),

Thank you so much. We appreciate your continued feedback and contribution. The RTL version getting better after your valuable feedback. We have lots of work ahead and more to come.

Regards, Sean

You’re welcome Sean, no problem.

We are pleased to help.

Thank you again.

Hi, I’m using Demo18 in metronic 8 in blazor, I have issue when using Server Side Integration in blazor I followed steps as the following link

https://preview.keenthemes.com/metronic8/demo18/documentation/getting-started/integration/blazor.html

can provide video to illustrate it

Yes, you can use not bundled versions of our js files, in this case, you will need to call all our js functions separately from your c#.

@inject IJSRuntime JS

await JS.InvokeAsync<string>("JSFunctionName", functionArguments)

For more info please check official doc: https://docs.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet?view=aspnetcore-6.0

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,
Lauris

I know this approche, but i dont know what is JSFunctionName in assets/plugins/global/plugins.bundle.js and assets/js/scripts.bundle.js can provide me JSFunctionName for each of assets/plugins/global/plugins.bundle.js and assets/js/scripts.bundle.js

Hi,

There are no functions in scripts.js or plugins.js, you should wrap them with your own function, and then trigger these functions from your C# code.

Hey! I want a ask, all of the download almost 3.0 G, but on 8.0.36 just got 669 MB, what thats mean?

Hi,

The latest Metronic package size is 4GB that includes 4 frameworks and 21 demos. In order to enhance Metronic further with new frameworks and demos, we decided to allow users to download demos separately at their convenience.  

The sign-up is required for license code verification and allows to download updated demos with one click: https://devs.keenthemes.com/metronic

Regards, Sean

No encuentro la guia de Inicio Rapido (GETTING STARTED) para la version Vue. Me pueden apoyar con un link, un documento o algo?

Hi,

Please refer to the Demo 1 Vue preview: https://preview.keenthemes.com/metronic8/vue/demo1/#/dashboard Getting started documentation you can find here: https://preview.keenthemes.com/metronic8/vue/docs/#/doc-overview

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

Hi Amazing , I check your perfect theme, About data table how can show the data table number total of rows ex:(Showing 1 to 10 of 57 entries) , you never appear this option in your theme tables , Please how can do it ??? thanks

Hi,

This feature is available in Metronic 8. Here you can see a complete integration documentation of Datatables: https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/overview.html

If you enquire 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

Hi, Thank you for your replay,

Hey :),

We have been working on some amazing stuff and shortly we will be releasing:

1 HTML Version:
– Online Course Dashboard
– Tagify External Suggestions
– Select2 RTL Improvements
– Layout Builder Improvements

2 HTML Demo 21:
– Monochrome Style
– Dark Mode
– Tabbed Layout
– Horizontal Menu
– Aside Menu
– Fluid Layout
– Layout Builder

3 HTML Contacts App:
– Getting Started
– 3 Columns Layout
– Contact View
– Contact Add
– Contact Edit

4 HTML eCommerce App Update:
– Customers Listing
– Reports Builder
– Settings Page

5 Vue Version:
– Calendar App Improvements
– File Sructure Overview
– Docs Improvements

6 React Version:
– React Router Update
– Route Progress Bar
– Layout Improvements
– Docs Improvements

7 Angular Version:
– Layout Improvements
– Docs Improvements

8 Laravel Version:
– Laravel 9 Update
– Dark Mode Switch Menu
– Fonticons Set
– Artisan Optimization
– Layout Improvements
– Docs Improvements
– Assets Optimization

Next Up:
– Demo 22 HTML
– Demo 23 HTML
– Demo 24 HTML
– Demo 25 HTML
– Demo 3 Vue
– Demo 4 Vue
– Demo 5 Vue
– Demo 3 React
– Demo 4 React
– Demo 5 React
– Demo 2 Angular
– Demo 3 Angular
– Demo 4 Angular
– Demo 5 Angular
– Demo 11 Laravel
– Demo 12 Laravel
– Demo 13 Laravel
– Demo 14 Laravel
– Demo 15 Laravel
– React CRUD Solution
– Angular CRUD Solution
– React User Management App
– Angular User Management App

Stay tuned for endless updates to empower your projects.

All updates are free, always!

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