Notification Icon #5028

tahseelit1 created 2 years ago

hi its possible to customize the navigation menu by adding new icon for notification (bell icon)

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

If you're creating a bug/problem report, please include followings:

ABP Framework version: v6.0.0
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): yes
Exception message and stack trace:
Steps to reproduce the issue:"

devbariscanyilmaz@gmail.com created 2 years ago

Is it from chat module? I want to be sure.

tahseelit1 created 2 years ago

chat module is different., i want to add another icon for notifications

devbariscanyilmaz@gmail.com created 2 years ago

You can create a component and add it to nav items by

constructor(private navItems: NavItemsService) {
    navItems.addItems([
      {
        id: 'MySearchInput',
        order: 1,
        component: MySearchInputComponent,
      },
      {
        id: 'SignOutIcon',
        html: '<i class="fas fa-sign-out-alt fa-lg text-white m-2"><i>',
        action: () => console.log('Clicked the sign out icon'),
        order: 101, // puts as last element
      },
    ]);
  }

You can define your notification component with new icon and add it to navItems. Checkout the document