Discussion on Metronic | Tailwind, Bootstrap, React, Next.js, Vue, Angular, Laravel Admin Dashboard HTML Template (Page 93)

keenthemes supports this item

Supported

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

12202 comments found.

over 4 years ago

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?

Stam88 Author Team

over 4 years ago

Hi Nabe_J,

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

Regards, Keenthemes support

Modern_Themes Purchased

over 4 years ago

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?

Stam88 Author Team

over 4 years ago

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

Modern_Themes Purchased

over 4 years ago

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.

Stam88 Author Team

over 4 years ago

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

c_rkvn

over 4 years ago

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.

Last Update	18 March 2026
High Resolution	Yes
Compatible Browsers	Firefox, Safari, Opera, Chrome, Edge
Compatible With	AngularJS, ReactJS, Bootstrap 5.x, Bootstrap 4.x, TypeScript
ThemeForest Files Included	PHP Files, HTML Files, CSS Files, Sass Files, SCSS Files, JS Files
Columns	4+
Documentation	Well Documented
Layout	Responsive
Tags	admin dashboard template, admin themes, angular, asp.net core, blazor, bootstrap 5, html, laravel, metronic, react, shadcn, tailwind, tailwind css, vuejs
Created	13 years ago

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

keenthemes supports this item

12202 comments found.

keenthemes

Tell us what you think!