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

keenthemes supports this item

Supported

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

12208 comments found.

Hello, can you please pass information about Vue 3 release? Which themes will have this version first?

Best Regards

Hi :),

Thanks for your interest in Metronic.

Currently Vue 3 version is available for Demo 1 and for other demos we will release it soon.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi,

How can I use this feature, which I used in Version 7, in Version 8.

Code =>

KTApp.blockPage({ overlayColor: “red”, opacity: 0.1, type: “loader”, state: “primary”, message: “Processing…” });

Hi :),

Thanks for your interest in Metronic v8!

We will release BlockUI integration for Metronic v8 soon. It’s in our todo list. If you need any other features from v7 you may email us via support@keenthemes.com and we will plan it for upcoming updates if they can be compatible with Bootstrap 5.

Regards, Sean

There are no email template pages

Hi :),

Yes, the email templates were missing in the recent updates. We will include the email templates in today’s update shortly.

Regards, Sean

HI,

How to do Laravel + Vue integrations for Metronic 8?

Hi,

Sorry but at the moment we do not have such tutorial, we will add it in upcoming releases, you can check out Metronic 7 Laravel + Vue integration doc to begin, but since Metronic 8 uses typescript, you will need to enable it, you can check this tutorial to enable typescript in Laravel+Vue project.

Regards,
Lauris

Is there a guide / example for implementing Firebase authentication with React Metronic?

Hi oliersej,

We don’t have Firebase authentication integration guide.

Regards, Keenthemes support

Hi, Do you plan to release the demo 7 and 13 Angular version of metronic 7 this month? do you have a date? Thank you

Hi :),

Thanks for your interest in Metronic.

To stay up to date with with React v17 and Bootstrap 5 we will be release Metronic v8 React demos as soon as possible. For v7 you can refer to existing demos implement demo 7 or demo 17 as per your requirements. If possible please wait for v8 new demos with react v17 as v8 is recommended for long run.

Regards, Sean

Hi, I usually use wix, shopify or wordpress to build a hotel website. Can I build a hotel website (frontend and backend) by using this? Sorry for my silly question. I really want to start a new journey without wix and shopify.

Hi :),

Thank you for your interest

Yes, you can use Metronic to build your Hotel website. But Metronic requires development skills and custom coding according to your requirements.

if you need any further clarifications please let us know.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

I wrote a react application that’s based on metronic react. the thing is the metronic folder has files that are all imported by index.js and its subs. but I obviously do not use all the code you’ve provided. do you have any method to delete unused metronic code by my application without breaking the application?

Hi Nabe_J,

Try to follow the doc: https://keenthemes.com/metronic/?page=docs&section=react-skeleton

Regards, Keenthemes support

Hi, when I call an API from Metronic Angular template and trying to display the result array on a view. The same code works with the default angular template and not with Metronic. Here is my code:

SERVICE:

import { Injectable } from '@angular/core';
import { HttpClient } from "@angular/common/http";

@Injectable({
  providedIn: 'root'
})
export class ApiCallService {

    url = 'https://jsonplaceholder.typicode.com/users/1/posts';

    constructor(private http: HttpClient) { }

    getPosts() {

        return this.http.get(this.url);
    }
}

COMPONENT:

import { Component, OnInit } from '@angular/core';
import { ApiCallService } from "../../services/api-call.service";

@Component({
  selector: 'app-api-call',
  templateUrl: './api-call.component.html',
  styleUrls: ['./api-call.component.scss']
})
export class ApiCallComponent implements OnInit {

    constructor(private api: ApiCallService) { }
    data: any;

    ngOnInit(): void {

        this.api.getPosts().subscribe(res => {

            this.data = res;
        });
    }

}

in HTML I am looping data variable using *ngFor

This is just a simple example and the data is also comming to the property but why it is not working in Metronic?

Hi Modern_Themes,

Try to do next steps: 1. Switch API from mock to Real https://keenthemes.com/metronic/?page=docs&section=angular-mock-backend

2. For increasing performance in Metronic Angular, we choose ChangeDetectionStrategy OnPush.

Try to follow the doc: https://alligator.io/angular/change-detection-strategy/ In your case, in constructor add private param: ‘cd: ChangeDetectorRef’, then in your subrscribe result call ‘this.cd.detectChanges();’

Regards, Keenthemes support

Hi, in my project it is already changed from mock to real. It started working after adding “this.cd.detectChanges();” code. But its better if you can include these kind of codes in your documentation and explain in order to avoid confusion. Anyway thank you for your support.

ChangeDetection strategy is the core and important thing in Angular, and well described in official Angular documentation. We aren’t able to copy all libraries’ core documentation into Metronic one.

Regards, Keenthemes support

Hi, first of all I want to say you did a great job. Thank you very much. We want to buy Metronic for a project we will start, but most of the pages prepared in metronic 7 version do not appear in metronic 8 demo. For example, if I need to give an example through the HTML version of Demo 1, I see that many pages related to form elements are available in metronic 7 (ie for bootstrap 4), but not in metronic 8 (for bootstrap 5). Could you give a date on when these pages will be added? Thanks in advance for your answer.

Hi :),

Thanks for your interest in Metronic.

Metronic v8 with Bootstrap 5 is getting more powerful with every update. In fact it offers now new features that are not available in v7. At the same time we are porting v7 features as they are ready for Bootstrap 5 in every update.

You can check currently available v8 features: https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html and changelog https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/changelog.html

if you need a specific features from v7 please email our support at support@keenthemes.com and we will speed up it’s availability in v8 as soon as we can.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi – when are you planning to release the Angular version for Metronic 8?

Hello,

It is our next roadmap after React version of Metronic 8 is released. It is hard to set a due date for now, however our target is to release it within July.

Thank you.

Hello team! Are you guys going to tweak fullcalendar to be fully responsive? it doesn’t look good on mobile devices. thanks

Hi,

We plan to add basic permissions feature in the next update. Also permissions and roles listing UI probably after next wek update.

More features will be avaialble in the future updates soon.

Thanks

Hi :),

Noted, we will improve the Fullcalendar responsiveness in the next update.

Regards, Sean

Thank you guys! amazing job with M8 :)

Hi,

Do you have plans to release the theme version 8, with angular version 12 this month? do you have some date?

Note: Will it have the new functionality of APP_INITIALIZER with Observables?

Hi WeslleyPaulo,

ETA for the Angular Metronic version 8 is 20-30 of July. We don’t have changes related to APP_INITIALIZER in the new version.

Regards, Keenthemes support

I would like to know if the frontend is in HTML or in some language like REACT or VUE

Hello,

Metronic 7 comes all versions. HTML, Vue, React, Angular. Metronic 8 at the moment comes with HTML & Vue, while React version is almost ready for release. Angular is coming soon as well.

Please feel free to ask if you have questions.

Thank you and stay tuned ;)

Hi!

My +1 for the dark skin development, to motivate your developers for a release ASAP. :-)

Best regards!

Noted :) Thanks for your feedback!

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Hi, just one question. Does the Layout builder export all the templates/pages included in the demo? User preferences, projects etc.

Hi :),

The layout builder exports only the layout HTML code and you can use it with your assets in your local development environment. This makes it easier prepare your app layout and you can build your pages by copy and pasting features from the theme.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

excellent sales results!

Thanks a lot for the comment :)

presentation of information for every taste, I like it!

Yes, even more features will be released soon. Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Looking forward for the dark skin (horizontal and vertical demo) :)

Hi :),

We are on it now and going to release it soon.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi :),

Just in case if you haven’t seen it yet, we are delighted to inform you that Metronic finally has its complete dark mode version. You can check the dark mode preview here https://preview.keenthemes.com/metronic8/demo1/dark/index.html

Regards, Sean

Hi there, i already purchased that and we need 2 licenses more. But i need a independent suggest by you professionals to work with correct developers.

what is the best version (VueJS, React, Angular 11 & Laravel) to build a Web-App (Frontend, Backend for customers with profile & workers on managing-dashboard AND smartphone-App (android & iOS)?

All shall work with one database

Thank you very much guys – great great job!

Hi :),

Thanks for your interest in our theme – Metronic.

Metronic offers all: HTML, Angular, React , Vue and Laravel. It depends on how large is your project and your deadline. The HTML version can be an easier one to start and deploy while the SPA frameworks are best for large and long-run projects. Also, it depends on your developer’s skills they are comfortable with the SPA versions would be a great choice as well.

Stay tuned for updates via https://twitter.com/keenthemes and https://www.instagram.com/keenthemes

Regards, Sean

Hi, what text editor you are going to use in version 8? thanks.

Hi :),

Thanks for your interest in – Metronic.

We use https://quilljs.com/playground/ and it’s globally available in the main css/js bundle. You can use it by referring to https://preview.keenthemes.com/metronic8/demo1/widgets/feeds.html

We will add this and other editor plugins integration documentation soon.

Regards, Sean

Summernote is still be used or not later? i hear it’s not compatible with Bootstrap 5 is it true? thanks.

Yes, it’s not being updated yet. We will provide alternative editors soon.

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