WPF Utility Controls - New Badge Control (v19.2)

WPF Team Blog
05 February 2020
Our v19.2 release includes a new Badge control. With its API, you can display a badge over any control or UI element, be it a data grid column or a Toolbar\Ribbon item. In addition to standard WPF properties, our Badge control ships with numerous customization options.

Shape

The Badge API includes a predefined shape set. You can use predefined shapes without modification or customize a shape via the CornerRadius property: WPF Badges - Shapes

Color

The Badge API also includes a Badge.BadgeKind property. Each BadgeKind ships with a predefined color value.

WPF Badges - BadgeKind

Color values can vary based on the DevExpress Theme used in an application.

WPF Badges - Theme Colors

You can specify custom Badge colors via Badge.Background, Badge.BorderBrush, and Badge.Foreground:

WPF Badges - Color Properties

Position

A Badge’s default position is over the top-right corner of the parent UI element, but you can customize its horizontal\vertical alignment and anchor as needed.

WPF Badges - Position

When you display a Badge over a BarItem with a glyph, the Badge is displayed over the glyph:

WPF Badges - BarItem Badge

Content Format

You can use ContentStringFormat and ContentFormatProvider to format Badge Content when it is displayed as a string:

WPF Badges - Content Format

Useful Resources

Your Feedback Matters

We’d love to hear your thoughts on our new WPF Badge control. Are there any additional features you’d like to see us add in the future? Feel free to comment below and share your experiences with the entire DevExpress community.

What’s New in v20.1

To explore the scope, breadth and capabilities of our new products/features, please visit: https://www.devexpress.com/Subscriptions/New-2020-1.xml.
6 comment(s)
Chris Dickerson
Chris Dickerson
With users spending so much time with mobile devices, their visual elements being included in the desktop applications increases usability. Great stuff.
5 February 2020
Jim Foye
Jim Foye
I like it!
5 February 2020
Andrew Tinkler
Andrew Tinkler
Using it already - our users love it!
5 February 2020
Cedrus Bank SAL
Cedrus Bank SAL
Is there a WinForms version ?
5 February 2020
PETE N
PETE N
I think it's a great addition
5 February 2020
Dmitry (DevExpress)
Dmitry (DevExpress)

@Cedrus Bank SAL

Sure, there's the AdornerUIManager in WinForms for a few years now :) It has three element types - Hints (tooltips drawn inside an adorner layer), Guides (highlight specific areas and display instructions for users), and Badges (that's what you need). Just add a Badge, specify its appearance and set its TargetElement property to draw this badge above a specific UI element.

6 February 2020

Please login or register to post comments.