# New symbol on unread items **URL:** \ **Category:** Ask for Help\ **Created:** [October 21, 2022, 10:51pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224 "2022-10-21T22:51:31Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\ **Post date:** [October 21, 2022, 10:51pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/1 "2022-10-21T22:51:31Z")
In my item bar, I have a view with a list of objects. I want to have the item bar symbol turn red, when an item has been added to the list that the user hasn’t read yet. This should be different for every user, so the user only gets a red icon, when he hasn’t seen the new item in the list. Is this possible? Can you even detect, if a user has seen the list after an update? ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [October 21, 2022, 11:47pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/2 "2022-10-21T23:47:05Z")
yes, you can detect if the user will click on it… then, you can switch images or emoji for that item in the USC column ---
**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\ **Post date:** [October 22, 2022, 6:47pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/3 "2022-10-22T18:47:57Z")
How can I detect when the user clicks on the page? And can I make the background of the tab item another color? But only for one of the items, not all of them ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [October 22, 2022, 6:57pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/4 "2022-10-22T18:57:18Z")
not a page, any element that has an action… what do you mean by “tab item”… you can do anything with CSS as long you are using Apps not Pages. ---
**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\ **Post date:** [October 22, 2022, 7:00pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/5 "2022-10-22T19:00:48Z")
In the bottom bar, I have a page with a list, whenever an item gets added to this list, I want to make it clear to the user that an item has been added. Either by changing the background or changing the icon (emoji with a “new” bubble at the top). But when you have seen the new list, the icon should change back to the neutral one. ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [October 22, 2022, 7:02pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/6 "2022-10-22T19:02:01Z")
Do you mean something like this? > **[Code BOOK - Desktop](https://code-book-desktop.glideapp.io/dl/da19fa/s/04a872/r/bUbhp9mWQCaq4YUEquz6ZQ)** > > share cool CSS, scripts and links ![Screen Shot 2022-10-22 at 3.02.47 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/f/3fe69d759dfac1ef0eb329a0469b5de683b3162a.jpeg) ---
**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\ **Post date:** [October 22, 2022, 7:17pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/7 "2022-10-22T19:17:45Z")
I’m new to CSS, so can you be a bit more specific. Where do I input this code in a glide? ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [October 22, 2022, 7:18pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/8 "2022-10-22T19:18:55Z")
ad a Rich Text component, and paste it, for the code above… you need to do that for each tab… this only works in Glide Apps… do not use it for Glide Pages ---
**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\ **Post date:** [October 22, 2022, 7:36pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/9 "2022-10-22T19:36:29Z")
It works great now, but how can I make the red circle disappear when the button bar has been clicked on? Is it possible to call an action when button bar gets clicked on, because if that is the case, then I know how to solve the problem. ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [October 22, 2022, 7:42pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/10 "2022-10-22T19:42:35Z")
no… there is no action for tab icons… you can show the pop-up message, that the user can dismiss… which will create an action to clear the notifications count… or when they go through notifications… increment down the count, every time tey click the list item. ---
**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\ **Post date:** [October 22, 2022, 9:33pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/11 "2022-10-22T21:33:15Z")
Thanks for everything. 1 last question, can I make the number(22) be connected to the table, so it is dynamic. E.g when the count is 4 it shows 4, when count is 8 it shows 8. ---
**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\ **Post date:** [October 22, 2022, 9:37pm UTC](https://community.glideapps.com/t/new-symbol-on-unread-items/52224/12 "2022-10-22T21:37:39Z")
you did not read the description… yes… use the template column… substitute 22 with your own number or text