How do I get the Bell icon to show notifications?

[catmanchar]

I am working in a portal and would like to have notifications shown as numbers on the bell icon in the header. How do I achieve this goal?

[Allen Andreas]

Hi,

What bell do you have in your header as OOB that's not a feature?

If you could screenshot that, that would help.

But...as far as placing notifications there, I would imagine you'd have to create a table if you don't already have one and then look at the logic for the header item "My Requests" to see how to push those numbers to show on the header.

Please mark reply as Helpful/Correct, if applicable. Thanks!

[SatheeshKumar]

Can you provide more details on this! What scenario you need to implement? Thanks, Satheesh

[catmanchar]

Just like the bell at the top of this community board shows that I have unread messages, I would like to increase/decrease the number at the top of my banner header to show how many unread requests I have related to a task table. 

I have the following code to add a bell with a static number, but need to replace the static number with a reference to the task table. 

<span class="fa-stack fa-1x">
<i class="fa fa-bell fa-stack-2x"></i>
<i class="fa fa-bell fa-stack-1x fa-inverse"></i>
<span class="badge">17</span>
</span>

.badge{
background-color: red;
color: white;
position: relative;
margin-left: 60%;
margin-top: -60%;
}

I hope this description is more clear.