Contact us
Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Calling javascript synchronously by Enver Haase, 21 hours ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

how to add a badge to a button ?

Yinon Shiryan
6 years ago Sep 13, 2016 10:46am

How to add badge to a button (like the bell button in vaadin dashborad demo) ? I couldn't get it to work

Thanks

Olli Tietäväinen
6 years ago Sep 13, 2016 11:26am

Hi,

you can use the setIcon method of Button to do that. See some examples here: https://dev.vaadin.com/svn/branches/jounis-layout-protos/demo/src/com/vaadin/demo/sampler/features/commons/IconsExample.java

Yinon Shiryan
6 years ago Sep 13, 2016 11:42am

Thanks but setIcon won't add the icon over the button. 
I am looking for a solution for something similar to the attached image
(see attached image)

Olli Tietäväinen
6 years ago Sep 13, 2016 11:57am

Ah! That badge is actually just a Label that is aligned over the button with CSS.

-Olli