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.

Hello, i m buying your template, but i m wondering if the angular version uses the new standalone components or modules instead? Thank you,

Thank you for your interest in buying the Metronic 8 Angular version template. The Angular version of Metronic 8 uses the modules.

Thanks

Using your project with java spring boot but I could not connect database mysql because there are no settings in application.properties file. You are using a different orm, not hibernate! I wish you would write a mysql connection dump here

Hi,

Could you please check the reply in this post. I guess its your recent post. If you need any further help please do let us know.

Regards, Sean

Hi,

We are currently preparing the guide for the DB connection. However it’s not currently covered by our Spring Starter Kit but we are spending some time to write it down and send you so you can accomplish DB connection for your app.

Please allow us a few hours to prepare this.

Regards. Sean

Hi,

Here are instructions on how you can get started with MySQL in our starterkit.

  1. Install MySQL on your machine. https://dev.mysql.com/downloads/
  2. You can use the default root and no password user to login to your MySQL console by running mysql -u root -p
  3. Login to MySql console and create your database and tables.
  4. In file src/main/resources/application.properties add database properties.
    spring.datasource.url=jdbc:mysql://localhost:3306/db-name
    spring.datasource.username=your-user-name
    spring.datasource.password=your-passowrd
    spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
    
    Make sure to change db-name with your database name and update your username and password.
  5. Add dependencies below to starterkit/pom.xml.
    <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-data-jpa</artifactId>
            </dependency>
    
  6. Execute mvn clean install.
  7. This is all configuration you need to do to get started with database.
  8. You can add your entity, repository, and controller classes to display your database data in markup. Entity examples:
    package com.theme.starterkit.models;
    
    import javax.persistence.Entity;
    import javax.persistence.GeneratedValue;
    import javax.persistence.GenerationType;
    import javax.persistence.Id;
    
    @Entity
    public class User {
        @Id
        @GeneratedValue(strategy = GenerationType.IDENTITY)
        public Long id;
    
        public String first_name;
        public String last_name;
    }
    
    Repository example:
    package com.theme.starterkit.repository;
    
    import com.theme.starterkit.models.User;
    import org.springframework.data.jpa.repository.JpaRepository;
    import org.springframework.stereotype.Repository;
    
    @Repository
    public interface UsersRepository extends JpaRepository<User, Long> {
        User findById(long id);
    }
    
    Controller example.
    package com.theme.starterkit.controller;
    
    import com.theme.starterkit.repository.UsersRepository;
    import com.theme.starterkit.models.Users;
    import org.springframework.beans.factory.annotation.Autowired;
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.GetMapping;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.PathVariable;
    
    import com.theme.starterkit.libs.KTTheme;
    import com.theme.starterkit.libs.config.KTThemeBaseConfig;
    
    @Controller
    public class UserController {
        @Autowired
        private KTTheme theme;
    
        @Autowired
        private UserRepository userRepository;
    
        @GetMapping("/user/{id}")
        public String getUserById(@PathVariable long id, Model model) {
            User user = usersRepository.findById(id);
            model.addAttribute("user", user);
            return theme.getPageView("user", "user-details");
        }
    }
    
  9. Then you can add user-detail.html inside resources/templates/pages/user with the following code.
    <html lang="en" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{${@theme.getView(@settings.getDefaultLayout())}}" >
    <head>
        <title>User Details</title>
    </head>
    
    <div layout:fragment="content">
        <h1>User Details</h1>
        <div th:if="${user}">
            <p>User ID: <span th:text="${user.id}" /></p>
            <p>Name: <span th:text="${user.first_name}" /></p>
            <p>Email: <span th:text="${user.last_name}" /></p>
        </div>
        <div th:unless="${user}">
            <p>User not found</p>
        </div>
    </div>
    
    

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi Team,

I recently purchased your theme and I am interested in using the Demo35 theme (from the HTML section) with my Django and React as frontend.

However, I am unsure if I am restricted to selecting themes only from the Django and React sections. Currently, there is only one theme available under the Django section and eight under React.

Could you kindly provide more details and clarity on this matter?

Hi,

Please note that our React and Django solutions are separate solutions and can be used as React frontend and Django backend separately . Basically the Django starter kit uses Demo 1 HTML version as frontend and implements the layout, assets and basic pages(index, auth, error pages) while the React version implements some features from the HTML version but it comes without backend integration such as Django, etc.

Just in case Metronic does not fulfill your project requirements you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.you

Regards, Sean

Hello, I am developing websites and web applications with Asp.net Mvc. If I sell my projects that I developed using your theme on themeforest.net, will I have any license problems with metronic theme?

Hi,

Thank you for your interest in Metronic!

You can use Metronic in your products and sell it by purchasing a seperate license for each sold copy of your product. But you can seel your products on themeforest unless we give a special author permission. For further info pleaae reach our support via devs.keenthemes.com

Regards, Sean

Hi, I downloaded the latest version and tried to install it with Laravel. How ever there are missing themes files. for example Menu.php and many others. These files were not in the zip and did not get installed with yarn

Please note that we have two versions of Laravel available: the legacy Laravel app and the latest Laravel Starter Kit. The menu.php file is specific to the legacy Laravel app and is not included in the Laravel Starter Kit.

If you are referring to the legacy Laravel app and need assistance or a download link for the zip file, please let us know, and we will provide you with the necessary resources.

For further support and guidance, we encourage you to join our products community at https://devs.keenthemes.com/. This platform allows you to connect with KeenThemes’ core developers and other community members who can provide help, answer your questions, and offer valuable insights.

Thank you for your understanding, and we look forward to assisting you further.

Best regards,

Hi, I didn’t know there was a legacy version. Yes, please let me know how I can download it.

We could not provide the direct download link here as the comment section here is for public view. Please write on https://devs.keenthemes.com/. We will reply with the download link privately.

Thanks

I bought this template so I could use the same feature in html, in the react. I have open the react project and I discovered not even 1/3 of the feature in html is in react and from your demo, it wasn’t displayed this way. if it was, I wouldn’t buy this template, it is basically useless to me, what is the difference between building from scratch and this template. how can I use the html pages in react. with the responsiveness, transitions and animations, how can I migrate the html to react.

Hi,

Thank you for your feedback.

Please note that the React Demos of Metronic come with limited features as shown and advertised in the React Demo1 preview.

You can browse the HTML version and reuse static HTML features(content part, blocks, widgets) by copy and pasting into the React app by your own. However those jQuery plugins are not available in the React version. Those global static HTML features are available via the same global css bundle available in the React version as well.

Just in case Metronic Angular does not fulfill your project requirements you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

Regards, Sean

I can not complete the download, please could you upload separately that weighs less

Hi,

Sure. You can contact our support via devs.keenthemes.com or via support@keenthemes.com and provide with your purchase key then we will help to solve the download issue.

Regards, Sean

Hello, I’d like to buy the template, I want to use with Angular version, testing the preview mode for Angular version there are not the whole templates including in HTML version, is there documentation to include some of the templates from HTML version in the Angular version if I buy the template?

Hi,

Thank you for your interest in Metronic.

All the available Angular version features are shown in the Angular demos preview and at the moment not all HTML features are ported into the Angular version. However you can use the static HTML elements in the Angular version since those features are available in the global sass for both HTML and Angular versions. jQuery based plugins are not available in the Angular version.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

When is Bootstrap 5.3 support expected with interactive dark/light model selector?

Hi,

Metronic currently supports Bootstrap 5.3.0 Alpha2 with dark and light mode switching. In the coming weeks, we will release the Metronic v8.1.9 update with the Bootstrap 5.3.0 stable version.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

Hi,

Do you mean the online demo? You just have to click continue button to login. The login info already provided in the form.

Thanks

any nextjs 13 version?

Hi,

It’s not available at the moment. We will be releasing NextJS in the near future. Probably by end of 2023 or early 2024.

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

Hello, are do all examples have a React implementation. More specifically I am interested in this dashboard: https://preview.keenthemes.com/metronic8/demo30/dashboards/pos.html

Hi,

Each version has own implemented features. At the moment demo30 is available only for the HTML version.

You can check here all available demo versions https://keenthemes.com/metronic

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean,

Hi I use V8 html Demo1 and my framework is Laravel, when I want to use the submenu in the modal or show a page with Ajax it’s not work.

<button type=”button” class=”btn btn-sm btn-icon btn-active-light-dark” data-kt-menu-trigger=”click” data-kt-menu-placement=”bottom-end”> Filter </button>

Hi,

To display Metronic components via Ajax content loading you should initialize the newly populated components using KTComponents.init() method on Ajax content populated. For more info please check Metronic Docs.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

Hello why in laravel project no pages((((( Please return my monay back

Where is this page? layout? Nothing inside and inside hmlt folder too ? There 59 folders with demo in which folder this page?

Hi,

The laravel version is a started kit and it does not include all html tempaltes. At the moment it provides only core layout, assets and some pages(index, auth) integration. However all the HTML theme features can be used within the Laravel Starter kit by placing the html code from the html version and including required assets via KTTheme API.

Just in case Metronic Laravel does not fulfill your project requirements you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

Regards, Sean

Hello, I have a question do I still have to make the links in HTML for other pages or is that all done

Hi,

Metronic provide you raw HTML templates that you should further implement according to your project requirements.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean.

is there a Figma version of this ?

Hi,

You can download the Figma file from the Themeforest download zip package under design folder.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

Hello, I want to use React as frontend, so I have downloaded one of the React demos, but I want to change the view by one of the others HTML templates. Is there any guide how to implement it?

Hi,

Metronic’s React version comes with limited features as shown in the react demos. The HTML version features are not fully available for the React version. You can check each version’s available features in the Metronic Preview.

However, the static HTML features are available in the React version since those features are implemented in the global CSS bundle.

Just in case Metronic React does not fulfill your project requirements you may request a refund using Themeforest Refund Form. 100% money back is guaranteed.

Regards, Sean

Hello, Just wanted to ask before we purchase. This is still using laravel9? because we want to build our project in laravel 9 instead of laravel 10

Hi,

We use the latest Laravel 10. if you need Laravel 9, they can downgrade themselves by updating the composer.json file. laravel/framework to ^9.0.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. There you can get assistance and guidance from KeenThemes core developers and community members.

Regards, Sean

amazing work

Hi :),

Thank you! Appreciate your feedback.

Regards, Sean

Hello

I have script about ai tools and i will install it in subdomain

And i want to set frontend to my website in main domain

My question is

Can i use your templates to build my frontend to my site and customize frontend from admin dashboard and link frontend with my script ( just login and register links)

Thanks

Hi,

Thank you for your feedback.

Yes, you can use Metronic templates for your application’s frontend part. However, the user log in and registration part must be implemented on your own according to your project requirements. Metronic provides the UI/UX and HTML templates.

If you enquire for further assistance or have questions, we invite you to join our Community Support Forum. 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