Open Closed

Notification Icon #5028


User avatar
0
tahseelit1 created

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:"

3 Answer(s)
  • User Avatar
    0
    devbariscanyilmaz@gmail.com created

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

  • User Avatar
    0
    tahseelit1 created

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

  • User Avatar
    0
    devbariscanyilmaz@gmail.com created

    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

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11