# I want to setup the notification badge

**URL:** <https://community.glideapps.com/t/i-want-to-setup-the-notification-badge/53544>\
**Category:** Ask for Help\
**Created:** [November 7, 2022, 2:18pm UTC](https://community.glideapps.com/t/i-want-to-setup-the-notification-badge/53544 "2022-11-07T14:18:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [November 7, 2022, 2:18pm UTC](https://community.glideapps.com/t/i-want-to-setup-the-notification-badge/53544/1 "2022-11-07T14:18:57Z")

</div>

Hi

I have a notification badge,it’s just showing the badge in the tab.

Found something like this,

If I moved to another tab,it’s not showing the tab.  
But i need the notification badge there if it’s not seen.

Second,i want the notification everytime a new order comes.

How to setup this.

---

<div class="post-metadata">

**Author:** ![Hassan\_Nadeem](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hassan_nadeem/32/72956_2.png) [@Hassan\_Nadeem](https://community.glideapps.com/u/Hassan_Nadeem)\
**Post date:** [November 7, 2022, 3:00pm UTC](https://community.glideapps.com/t/i-want-to-setup-the-notification-badge/53544/2 "2022-11-07T15:00:03Z")

</div>

Use this code. Adjust the settings according to the number of tabs you have. Also make sure to include this code on each screen each tab of your screen so the notification badge is shown on all screens for that tab.

Replace the {TAB NAME} with the LABEL of your TAB where you want the notification badge to be seen. Replace the {ORDER NUMBER} with the settings of when a new order comes in.

```
button[aria-label="{TAB NAME}"]::before { content: "{ORDER NUMBER}"; position: absolute; font-size: 11px; font-weight: 800; color: white; padding: 3px; top: 0px; right: 50px; z-index: 1; height: 20px; width: 20px; background-color: red; border-radius: 50%; }
```

---

<div class="post-metadata">

**Author:** ![Manikandan\_R](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manikandan_r/32/43482_2.png) [@Manikandan\_R](https://community.glideapps.com/u/Manikandan_R)\
**Post date:** [November 7, 2022, 3:50pm UTC](https://community.glideapps.com/t/i-want-to-setup-the-notification-badge/53544/3 "2022-11-07T15:50:34Z")

</div>

Hi

Order number is like i need to count the orders ?  
And put that value here?