Notification counter MetroWindow.RightWindowCommands

[JobaDiniz]

Hi, I've added a toggle button that act like a notification center (much like facebook) in RightWindowCommands:

But now I want to show how many notifications are unread... I'd like to show in the top right corner of the "globe" button. Any ideas?

[bigworld12]

yes there is an easy idea
1 - get how many notifications
2 - name the "image" control of the "globe" button any name : like globeImg
3 -you have two ways
3-1 create a new image and write text to it
3-2 adding a textblock ABOVE the image and write how many notifications you want using codebehind

[JobaDiniz]

Sorry for not being specific. I want ideas of how to implement the UI part. Code behind I already implemented hehe.

Here is the current code (I use icons, not image):

<ToggleButton>
  <Rectangle Fill="White">
        <Rectangle.OpacityMask>
            <VisualBrush Visual="{StaticResource appbar_globe}" Stretch="Fill" />
        </Rectangle.OpacityMask>
    </Rectangle>
</ToggleButton>

I'll try the TextBlock suggestion. Thanks.

[ghost]

Hello @JobaDiniz,

My notification badge design uses a combination of the vector bell with two borders that have a corner radius of 50 to give this appearance. I have a centered TextBlock inside the second border bound to the unread notification count.

I hope this helps.

[JobaDiniz]

This icon is what I wanted hehe... I even opened a suggestion issue (Templarian/WindowsIcons#208) for it.

Your vector is really nice, however, if I understood right, when there is no notification, the red circle will be shown with "0" inside it. That's not what I want.

Thanks for sharing, though 👍

[ghost]

Thank you for the kind words. Actually no, when there are no unread notifications, a visibility binding causes the borders to go away, leaving only the bell.

[JobaDiniz]

Awesome. Would you mind to share code?

[ghost]

Absolutely, I'll pull it out of my project to post an isolated example and share the link here.

[ghost]

I've created a repository for you to check out here. I hope this helps :)

[JobaDiniz]

thanks! I'll check it out later

On Fri Feb 20 2015 at 12:55:51 PM Justin Horner notifications@github.com
wrote:

I've created a repository for you to check out here
https://github.com/justinhhorner/wpf-notificationbadge. I hope this
helps :)

—
Reply to this email directly or view it on GitHub
#1804 (comment)
.