A WBadge is a short text, often shown against a contrasting background, which is used to convey important information at a glance.
A badge can also be added to any WPushButton or WMenuItem. This is useful to attract the user's attention to a particular button or menu item.
void BadgeInPopupMenu() {
final WCssDecorationStyle redBadgeStyle = new WCssDecorationStyle();
redBadgeStyle.setBackgroundColor(new WColor(255, 0, 0));
final WCssDecorationStyle yellowBadgeStyle = new WCssDecorationStyle();
yellowBadgeStyle.setBackgroundColor(new WColor(255, 200, 0));
yellowBadgeStyle.setForegroundColor(new WColor(0, 0, 0));
WContainerWidget container = new WContainerWidget();
WPushButton button = new WPushButton("Features");
container.addWidget(button);
WPopupMenu popupMenu = new WPopupMenu();
popupMenu.addItem("Old boring feature");
WBadge newBadge = new WBadge("New");
newBadge.setDecorationStyle(redBadgeStyle);
newBadge.setUseDefaultStyle(false);
popupMenu.addItem("New exciting feature").setBadge(newBadge);
WBadge premiumBadge = new WBadge("Premium");
premiumBadge.setDecorationStyle(yellowBadgeStyle);
premiumBadge.setUseDefaultStyle(false);
popupMenu.addItem("Premium feature").setBadge(premiumBadge);
button.setMenu(popupMenu);
WBadge buttonBadge = new WBadge("1");
buttonBadge.setDecorationStyle(redBadgeStyle);
buttonBadge.setUseDefaultStyle(false);
button.setBadge(buttonBadge);
}