فتح مغلق

How to add notification UI in angular with bell icon and count? #7286


User avatar
0
BOMSDevTeam خلقت
  • ABP Framework version: v8.1.1
  • UI Type: Angular
  • Database System: SQL Server
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

I have tried to implement notification bell icon but notification bell icon button does not appear in web. Can you please provide more details for add notification modal popup in header in angular?

I need notification UI as below image


3 إجابة (إجابات)
  • User Avatar
    0
    Anjali_Musmade خلقت
    فريق الدعم Support Team Member

    Hello,

    Please check similar issue https://support.abp.io/QA/Questions/6728/NotificationsBell-Icon-component-ShowNotifications-button-is-not-working if it helps you

    Thanks

  • User Avatar
    0
    BOMSDevTeam خلقت

    Hello,

    Please check similar issue https://support.abp.io/QA/Questions/6728/NotificationsBell-Icon-component-ShowNotifications-button-is-not-working if it helps you

    Thanks

    Hi anjali,

    This link for Blazor I have used angular. Can you please provide any angular documentation?

    Thanks

  • User Avatar
    0
    Anjali_Musmade خلقت
    فريق الدعم Support Team Member

    Hello,

    There is no such document for this. I will give you some hints -

    Replace the toolbar component using this doc https://docs.abp.io/en/commercial/7.3/themes/lepton-x/angular#toolbar-component You may download the source code of leptonX for further customization using command abp get-source Volo.Abp.LeptonXTheme.Pro --version 3.1.0

    For functionality, you may refer to this article https://community.abp.io/posts/realtime-notifications-via-signalr-in-abp-project-tsp2uqd3

    Thanks

Made with ❤️ on ABP v8.2.0-preview Updated on مارس 25, 2024, 15:11