Open Closed

HOW TO CHANGE EXISTING MODULE MENU ICON #4185


User avatar
0
shijo created
  • ABP Framework version: v6.0.0
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): Identity Server Separated (Angular)
  • Exception message and stack trace:
  • Steps to reproduce the issue:" *** How to change the attached screenshot menu icons in angular without adding project source ?**
Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

1 Answer(s)
  • User Avatar
    0
    fatih.kilic created

    RoutesService can be used to patch the routes.

    import { RoutesService } from '@abp/ng.core';
    import { APP_INITIALIZER } from '@angular/core';
    
    export const APP_ROUTE_PROVIDER = [
      { provide: APP_INITIALIZER, useFactory: configureRoutes, deps: [RoutesService], multi: true },
    ];
    
    function configureRoutes(routes: RoutesService) {
      return () => {
        routes.patch('AbpIdentity::Menu:IdentityManagement', {
          iconClass: 'fas fa-chart-line',
        });
      };
    }
    
    

    This document has more information.

    • https://docs.abp.io/en/abp/latest/UI/Angular/Modifying-the-Menu#how-to-patch-or-remove-a-navigation-element
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 16, 2026, 14:50
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.