# The NEW App Bar Notification Component by NoCodeMonkey

**URL:** <https://forum.adalo.com/t/the-new-app-bar-notification-component-by-nocodemonkey/34694>\
**Category:** Get Help\
**Created:** [December 21, 2022, 8:14am UTC](https://forum.adalo.com/t/the-new-app-bar-notification-component-by-nocodemonkey/34694 "2022-12-21T08:14:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![GJulien](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/gjulien/32/31038_2.png) [@GJulien](https://forum.adalo.com/u/GJulien)\
**Post date:** [December 21, 2022, 8:14am UTC](https://forum.adalo.com/t/the-new-app-bar-notification-component-by-nocodemonkey/34694/1 "2022-12-21T08:14:15Z")

</div>

Hi there! Has anyone managed to setup this new component?

I am trying to link a like button so that it triggers the red notification dot to appear.

Anyone know how to set it up?

I have contacted the developer but no reply yet!

Thanks in advance !!

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [December 21, 2022, 9:32am UTC](https://forum.adalo.com/t/the-new-app-bar-notification-component-by-nocodemonkey/34694/2 "2022-12-21T09:32:15Z")

</div>

The dots on the app bar notification component display when there is a count that is greater than 0 within that parameter.

So you can add a new collection to your database and call it “Notifications”. Add a one-to-many relationship with users so that a user can have many notifications but a notification belongs to 1 user. Then, when a like button is clicked, create a new notification for that user.

I add a “Read” true/false parameter to the notification so that when the notification has been read, it removes the red dot.

Examples:

 ![Screen Shot 2022-12-21 at 2.31.41 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/0/d0faf91644dff1032c9058fb5d929a537a7f50f6.png)  
 ![Screen Shot 2022-12-21 at 2.32.00 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/9/5/95728508ddfac6cd97f201c176da26142360ecad.png)

---

<div class="post-metadata">

**Author:** ![GJulien](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/gjulien/32/31038_2.png) [@GJulien](https://forum.adalo.com/u/GJulien)\
**Post date:** [December 21, 2022, 1:10pm UTC](https://forum.adalo.com/t/the-new-app-bar-notification-component-by-nocodemonkey/34694/3 "2022-12-21T13:10:03Z")

</div>

Thanks Flawless!! I have a notification collection already set up so I’ll give it a try and add the read -true/false.

Thanks for the fast reply. Appreciate it 🕶

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/system/32/40401_2.png) [@system](https://forum.adalo.com/u/system)\
**Post date:** [December 31, 2022, 1:10pm UTC](https://forum.adalo.com/t/the-new-app-bar-notification-component-by-nocodemonkey/34694/4 "2022-12-31T13:10:26Z")

</div>

Closed on December 31, 2022, 1:10pm UTC

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.