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

keenthemes supports this item

Supported

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

12197 comments found.

Next update schedule

Hi,

It’s coming soon. Probably in a few weeks with Laravel Auth/User Management fully working modules, new demos, the latest Bootstrap 5.3.0 Alpha-3.

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, Keenthemes Support

hello, where can i download a history version?eg meronic 7

Hi,

Please contact our support via support@keenthemes.com or devs.keenthemes.com and provide your purchase code and we will send you the Metronic v.7.2.x direct link.

Regards, Sean

hello, i’ve sent a mail to support@keenthemes.com

Hi :),

We have just replied to your email.

Regards, Sean

Does this template support ASP.NET Core and Blazor with .NET 7?

Hi,

Sorry for the late reply.

Metronic is a primarely an HTML theme and it also comes with Asp.Net and Blazor Server starter kits with layout, assets and a few core pages integration. You can refer to the HTML version templates and copy paste the content part of any page and use it within the starter kit apps.

Our Blazor Server and Asp.Net-Core Starterkits use .NET 7.

For any further help please reach our support via devs.keenthemes.com

Regards, SEAN

Hi,

why I cannot access your https://devs.keenthemes.com/metronic website. Can you help download the django metronic version.

Thanks

Hi,

Could you please retry it? As per our checking our server is up and everything is working fine. Most probably it was a temporary hosting issue. If the issue still persists could you please contact our support via support@keenthemes.com and provide your id address?

Regards, Sean

Ok Thanks!

this modal only selecting only one selection echo “

Actions <!-begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-> <svg width=’24’ height=’24’ viewBox=’0 0 24 24’ fill=’none’ xmlns=’http://www.w3.org/2000/svg’> <path d=’M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z’ fill=’currentColor’ /> </svg> <!-end::Svg Icon-> <!-begin::Menu-> <!-begin::Menu item-> Edit <!-end::Menu item-> <!-end::Menu-> ”; require “sample_include.php”;

Project’s

<button type=”button” class=”btn btn-sm btn-icon btn-active-color-primary h-40px w-40px me-n6” id=”kt_engage_demos_close”> <svg width=”24” height=”24” viewBox=”0 0 24 24” fill=”none” xmlns=”http://www.w3.org/2000/svg”> <rect opacity=”0.5” x=”6” y=”17.3137” width=”16” height=”2” rx=”1” transform=”rotate(-45 6 17.3137)” fill=”currentColor” /> <rect x=”7.41422” y=”6” width=”16” height=”2” rx=”1” transform=”rotate(45 7.41422 6)” fill=”currentColor” /> </svg> </button> <form class=”form” action=”” method=”post”> <?php $query =”SELECT * FROM projects where pro_id = $pro_id”; $confirm = mysqli_query($conn, $query); while ($row = mysqli_fetch_assoc($confirm)) { $pro_name =$row[‘pro_name’]; $pro_desc =$row[‘pro_desc’]; $pro_owner= $row[‘pro_owner’]; $pro_measurement =$row[‘pro_measurement’]; $pro_budget =$row[‘pro_budget’]; $pro_priority =$row[‘pro_priority’]; $pro_collaborate =$row[‘pro_collaborate’]; }

if (isset($_POST[‘submit’])) { $pro_name =$_POST[‘pro_name’]; $pro_desc =$_POST[‘pro_desc’]; $pro_owner= $_POST[‘pro_owner’]; $pro_measurement =$_POST[‘pro_measurement’]; $pro_budget =$_POST[‘pro_budget’]; $pro_priority =$_POST[‘pro_priority’]; $pro_collaborate =$_POST[‘pro_collaborate’]; $query =”UPDATE projects SET pro_name =’$pro_name’, pro_desc =’$pro_desc’, pro_owner =’$pro_owner’, pro_measurement =’$pro_measurement’, pro_budget =’$pro_budget’, pro_collaborate =’$pro_collaborate’ where pro_id = $pro_id”; $confirm = mysqli_query($conn, $query); } ?>

<label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Project Name </label> <input type=”text” class=”form-control form-control-solid” placeholder=”Project Name” name=”pro_name” value=”<?php echo $pro_name; ?>” /> <label class=”fs-6 fw-semibold mb-2”>Description</label> <textarea name=”pro_desc” class=”form-control form-control-solid” rows=”3” placeholder=”Description”></textarea> <label class=”required fs-6 fw-semibold mb-2”>Assign User</label> <select class=”form-select form-select-solid” data-control=”select2” data-hide-search=”true” data-placeholder=”Select User” name=”pro_owner”> <?php $query =”SELECT * FROM section”; $confirm = mysqli_query($conn, $query); while ($row = mysqli_fetch_assoc($confirm)) { $sec_id =$row[‘sec_id’]; $sec_name =$row[‘sec_name’]; echo ”<option value=’$sec_id’>$sec_name</option>”; } ?> </select> <label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Weight </label> <input type=”text” class=”form-control form-control-solid” placeholder=”Weight” name=”pro_measurement” /> <label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Budget </label> <input type=”text” class=”form-control form-control-solid” placeholder=”Budget” name=”pro_budget” /> <label class=”required fs-6 fw-semibold mb-2”>Priority</label> <select class=”form-select form-select-solid” data-control=”select2” data-hide-search=”true” data-placeholder=”Select User” name=”pro_priority”> <option>Hight</option> <option>Mediem</option> <option>Low</option> </select> <label class=”d-flex align-items-center fs-6 fw-semibold mb-2”> Collaboratores </label> <input class=”form-control form-control-solid” value=”” name=”pro_collaborate” id=”kt_tagify_7”/> <button type=”submit” class=”btn btn-primary” name=”submit”>Submit</button> </form>

Hi,

Sorry, we are not able to execute your code on our end.

Could you please contact our support via devs.keenthemes.com, singup there and post your question ? You can use gist.github.com to show us your source code. You can also provide a test link to your page in a private reply so we can check it online.

Regards. Sean

Download package doesn’t even include any of the template. Just an HTML file that forward you to the author’s website, and then request login information to download, which isn’t provided in the download package. Refunding.

Hi,

Please just create an account at devs.keenthemes.com and download all demos with one click by entering your purchase code.

Please note that Metronic’s complete package is about 10GB so it can not fit into the Themeforest default package.

We just send you the alternative download link. In case you need a refund you can resend your refund request and we will approve it immediately.

Regards. Sean

Ok, I think I figured it out. I’m not sure why you wouldn’t put those instructions somewhere in the top level folder of the download or something. This is a ridiculous way to get a product and it makes me question the code quality.

Hi,

The info about it was stated in the readme and other-demos files. Noted and we will consider your suggestion in the next update.

Regards, Sean.

Do you discriminate keenthemes.com website users by IP address? It looks like the website and its subdomains do not respond as usual.

Hi,

It could be the claud hosting provider’s or your ISP temporary issue. In our end we do not explicitly do so.

You can retry it by resetting your router and ip address. For any further help please contact our support via support@keenthemes.com and provide your IP address for checking.

Regards. Sean

Geez, please fix your download server. This is not the first time I have trouble downloading from your server. Why is it so hard to get what I paid for? The warez sites out there are even much faster for downloading metronic. But do I have to use the null version, even though I already paid for this item? :(

I just emailed it. Thanks!

thanks for your kind help, from email i can download now.

You are welcome :) Appreciate your understanding.

Is there a way to download the code for the Podcast Prebuilt after purchase?

Hi,

Yes, this is a page that is available within Demo 1 that you can download and locate it in metronic_html_v8.1.8_demo1/demo1/dist/dashboards/podcast.html.

Regards, Sean

Perfect, thank you!

You are most welcome :)

Hi, where is the angular version in full package?

Hi,

To get other framework integrations and demos simply sign up to our official developer portal https://devs.keenthemes.com/ and head over to the Metronic demo downloads page https://devs.keenthemes.com/metronic to pick your demo. You’ll need to enter your purchase code for us to validate your purchase from https://themeforest.net/downloads.

Regards, Sean

I am migrating our existing application to vue based framework.

I was wondering, where is main.js file as mentioned in the URL: https://preview.keenthemes.com/metronic8/vue/docs/#/setup-theme-skeleton

It writes as “Change router path inside file main.js to the following path: “

Is the location of main.js file changed in Metronic version “metronic_vue_v8.1.8” or is the router path information is placed in some other file in metronic_vue_v8.1.8.

I updated path in a file named “vite.config.ts” inside root theme folder. And with that, I can access the theme as web application on vite server on the path that I updated in that file. Just want to confirm, if that is right way to do it.

I suppose documentation would need update in that case for latest metronic vue version 8.xx.

Hi,

I appreciate you bringing this to our attention so that we can deal with it immediately.

The documentation is mistaken, instead of main.js you should update main.ts. We will fix this mistake in the next release.

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

Regards,
Lauris Stepanovs,
Keenthemes Support Team

I’ll request to update the documentation for your latest version at the earliest. I am working with vue version.

It would be really great if you can brief the steps as what exactly they do in your documentation.

Like for example, it will really help developer if you can detail out with one complete change cycle for say a link or button and calling a web service to fetch data and display it. Also how to submit data using forms in your theme.

Hi,

Thank you for your feedback.

I will create tasks in our task system to add these examples.

In the next releases, we are planning to migrate to Vue Datatable.net solution. We are already using Datatable.net plugin in our main HTML version and it has a huge amount of available functionalities. Check out their documentation: https://datatables.net/manual/vue

You can use axios to send form data to your API. You check out this tutorial. https://5balloons.info/post-form-data-to-api-using-axios-in-vuejs

Regards,
Lauris Stepanovs,
Keenthemes Support Team

where can I get my purchase code from ?

Hello,

Kindly proceed to the Downloads page and click on the Download button. You will find an option to download the “License certificate & Purchase code.”

Please let us know if you need further assistance. We will work on improving the download instructions on our Developers forum.

Best regards, Bob

Thanks

I have tried to follow the instructions to download the latest React version. It is totally unclear as to how to do that on the website. You have various ‘demos’ but i am looking for the original layout version. What is the best way to find it?

Hi,

After signing up with devs.keenthemes.com her you should be able to download all React demos: https://devs.keenthemes.com/metronic/react

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

Regards, Sean

Hi, I bought this and want to use angular version of it and downloaded the demos mentioned in your website but cant see the components separately like in html. There is no page for inputs, buttons, alerts etc. Can you let me know where to find them? Or did I pay only for the project structure nothing in it?

Hi,

You can find Metronic Angular version docs here: https://preview.keenthemes.com/metronic8/angular/docs/quick-start

For the form controls you can refer to https://ng-bootstrap.github.io/#/home

Please note that Angular version comes with limited but important features and it does not mean to fully porting all the HTML features since the volume of work is huge and most of the HTML features are built with jquery based plugins. However, all HTML/CSS only features are fully available in the SPA versions so you can reuse the templates/components makeup without any issue.

Just in case you are not satisfied with Metronic Angular you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

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

You should definetely mention about the content of the package when yo uare selling it. Other themes definetely contain really a good library

Hi,

Noted, we will improve the product description.

However the features advertised and shown in the product preview http://keenthemes.com/metronic is provided in the purchase package.

Regards, Sean

I have bought the theme long time ago, and i have been using this theme (react version) on my recent work. The problem is that, the pagination doesnt seems to work on table, as its showing all the available pages as navigation. For example, the if table has 100 records and 10 pages means the buttom pagination is showing from page 1 to 10, and if its 1 to 100 pages means the same thing is happening !

How to deal this pagination in react version of metronic ? Please share some guide or something, I couldnt see any details about this !

Hi,

Could you please contact our support team via Devs Forum and provide more info for your issue ? If you can provide a test link to your page please provide it in a private reply. Which Metronic version and demo are you using ? Is this original theme’s issue or in your custom code only ?

Regards, Sean

Hello, I bought metronic theme long time ago, but never used it, till now. Now I have tried to make laravel project via Mac OS X Venture ARM64 CPU, and I’m stuck on 9.th step from the manual “cp .env.example .env”, there is no such file. I even used search, and there is no such file. When I do clean laravel example project, it makes .env.example… so it has to be something with your upload, I used latest for date where I write. Thanks.

I have checked old download, 7.1.8 and it had it in skeleton folder.

Hi,

You can locate the .env.example file in the root directory of the starter kit folder.

https://ibb.co/pWxHbw8

Thanks

I found it. It was in root. Not sure why it didn’t copy paste to new folder. Thanks. All works now.

Hi :),

Glad to hear that. If you need any further help please reach our support team via Devs Forum.

Regards, Sean

Hi I’m thinking to purchase , I have few doubts.

What version of angular it using?

Can I get angular 15 update?

Hi :),

Thank you for your interest in Metronic.

Yes, Metronic v8.1.8 comes with the Angular v15.

If you need any further clarifications please reach our support team via Support Forum.

Regards, Sean, Keenthemes

Vue js or angular theme is not downloading

Folder is coming with only download.html file

Hi :),

As stated in the readme file in the download package, the additional framework demos can be download by simply signing up to our Devs Forum and head over to the Metronic Downloads page. You’ll need to enter your purchase code for us to validate your purchase from Themeforest Downloads page.

If you need any further help please contact us via support@keenthemes.com and we will provide you an alternative download link to download link to quickly download all the demos.

Have a great day!

Regards, Sean

medtronic v7.x I couldn’t figure out how to download it. the latest version is coming down from the themaforest download page how can I access the older versions?

I sent the request 2 times, but they marked the issue as resolved and did not respond. i shared my purchase code in

1. link: https://devs.keenthemes.com/question/angular-crud

Hi,

We have replied to your request. Can you see it ?

Regards, Sean

yes, thank you very much

Hello, Does the starter kit updated to Laravel v10 now?

Hi,

Yes, the starter kit has been updated to Laravel v10. You can download the latest version from our website

Thanks

Hello again, According to the article below I should use webpack to compile the assets but Laravel 10 is using Vite so is there a way to compile the Metronic assets using Vite? https://preview.keenthemes.com/html/metronic/docs/getting-started/integration/laravel

Hi,

Please note that some core plugins that Metronic depends, such as, Select, Datatables.net, Datepicker, etc are not compatible with Vite in the meantime we have to use Webpack Mix for our Laravel Starter Kit. We may support Vite in the near future once all the 3rd party plugins we use are compatible with Vite.

If you need any further assistance please reach our support team via Devs Forum.

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