Open Closed

Customization of header and sidebar menu #2534


User avatar
0
basavraj.chorgasti created

Hi i want to customize the header section of the abpio commercial template ,i have tried it with replacement properties then the error is (" Can't bind to 'abpReplaceableTemplate' since it isn't a known property of 'abp-header'.") .so how i can customize the the header section of the abpio template

  • ABP Framework version: 5.1.1
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): yes
  • Exception message and stack trace: Can't bind to 'abpReplaceableTemplate' since it isn't a known property of 'abp-header'.
  • Steps to reproduce the issue:"

5 Answer(s)
  • User Avatar
    0
    bunyamin created

    Hello,

    Could you please share your code?

  • User Avatar
    0
    basavraj.chorgasti created

    Hello,

    Could you please share your code?

    I want to remove the Parent menu of Saas any solution for that ,i have use this code for that but Parent menu is still there

    import { RoutesService, eLayoutType } 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.remove(['Saas::Editions']);
      routes.remove(['Saas::Tenants']);
      routes.remove(['::Menu:Saas']);
    
    routes.add([
      // {
      //   path: '/',
      //   name: '::Menu:Home',
      //   iconClass: 'fas fa-home',
      //   order: 1,
      //   layout: eLayoutType.application,
      // },
      {
        path: '/dashboard',
        name: 'Dashboard',
        iconClass: 'icon-rsmHome',
        order: 1,
        layout: eLayoutType.application,
        requiredPolicy: 'StoryBook.Dashboard.Host  || StoryBook.Dashboard.Tenant',
      },
      {
        path: '/saas/editions',       
        name: 'Edition',
        iconClass: 'icon-employee',
        order: 2,
        layout: eLayoutType.application,
        requiredPolicy: 'StoryBook.Dashboard.Host  || StoryBook.Dashboard.Tenant',
      },
      {
        path: '/saas/tenants',       
        name: 'Tenants',
        iconClass: 'icon-cards',
        order: 3,
        layout: eLayoutType.application,
        requiredPolicy: 'StoryBook.Dashboard.Host  || StoryBook.Dashboard.Tenant',
      },
    ]);
    

    }; }

  • User Avatar
    1
    muhammedaltug created

    Hello

    You can remove the saas parent menu as shown below

    import { eSaasRouteNames } from '@volo/abp.ng.saas/config';
    
    function configureRoutes(routes: RoutesService) {
      return () => {
        routes.patch(eSaasRouteNames.Editions, { parentName: null, order: 2 });
        routes.patch(eSaasRouteNames.Tenants, { parentName: null, order: 3 });
        routes.remove([eSaasRouteNames.Saas]);
        // ... other route config
      };
    }
    
  • User Avatar
    0
    basavraj.chorgasti created

    Hello

    You can remove the saas parent menu as shown below

    import { eSaasRouteNames } from '@volo/abp.ng.saas/config'; 
     
    function configureRoutes(routes: RoutesService) { 
      return () => { 
        routes.patch(eSaasRouteNames.Editions, { parentName: null, order: 2 }); 
        routes.patch(eSaasRouteNames.Tenants, { parentName: null, order: 3 }); 
        routes.remove([eSaasRouteNames.Saas]); 
        // ... other route config 
      }; 
    } 
    

    hi

    **Thank you **** it is working properly for me, and also i have check all other routing enums , i have the all other routing enums but still one is pending that main menu administration ,i have find the routing enums inside the administration **

  • User Avatar
    0
    bunyamin created

    Hello @basavraj,

    Is this issue resolved? Can we close this one?

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.0.0-preview. Updated on July 17, 2025, 06:22