Kann mir bitte jemand helfen.Wie zeigt die Benachrichtigung auf vaadin Komponente
Ich muss die Benachrichtigungsnummer auf Knopf zeigen. Wie wir auf Facebook sehen oder Vaadin Formen wie unten gezeigt.
Ich habe viel gesucht aber ich bin nicht zufrieden gestellt worden. 
Vielen Dank im Voraus. Pankaj
In Schaltflächenbeschriftung können Sie benutzerdefinierte HTML injizieren.
Am Beispiel in Vaadin valo theme demo Sie Links im linken Menü sehen: 
Die Zahl in Schaltfläche Beschriftung ist mit dem Code enthalten:
b.setCaption(b.getCaption() + " <span class=\"valo-menu-badge\">123</span>");
den vollständigen Code auf github See.
Vielen Dank für Ihre Antwort. Aber ich denke, ich habe meine Frage nicht richtig erklärt. Ich habe einen Knopf mit Bildunterschrift. Jetzt muss ich eine Nummer auf dieser Schaltfläche anzeigen. Wie Newsfeed. Zum Beispiel wenn 5 Benachrichtigungen da sind dann 5. –
Ja, genau das habe ich dir erklärt. –
Bitte beachten Sie die aktualisierte Antwort. –
Ist sehr später, aber gut, wenn Sie Vaadin Armaturenbrett verwenden Sie einfach die Datei common.css
.valo-menu .valo-menu-badge,
/*.dashboard-view */.notifications.unread .v-button-caption {
@include valo-badge-style;
position: absolute;
right: round($v-unit-size/3);
font-size: round($v-font-size * 0.9);
pointer-events: none;
}
/* .dashboard-view */.notifications.unread .v-button-caption {
display: block;
top: round($v-unit-size/-5);
right: round($v-unit-size/-5);
display: block;
z-index: 1;
}
ändern müssen, wenn es nicht zu Ihrem styles.css hinzufügen
immer kommentierten Codeblöcke entfernen (/ ** /)
Jetzt, in der Button:
b.addStyleName("notifications");
b.addStyleName("unread");
b.addStyleName(ValoTheme.BUTTON_ICON_ONLY);
b.setCaption("7"); //any number, count, etc
Siehe Mitteilung sButton in DashboardView
Leider wird das Overlays-Addon für Vaadin 7 nicht unterstützt (https://vaadin.com/directory#!addon/overlays). Es würde Ihren Bedürfnissen entsprechen. –
Diese Benachrichtigung wird oft als "Badging" – petey