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.

CssImport when using Component Exporter by Mikhail Shabarov, 7 months ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

Trafficlight status Component !!!! Help

Haseb Ansari
7 years ago Jul 02, 2015 11:32am

i want a graphical representation of traffic light for seeing the status of process like 
Red --> Error
Amber --> Processing
Green--> Successfully Executed 

Please help me out with the said component. Thanks in advance. New to vaadin.

Thomas Mattsson
7 years ago Jul 03, 2015 10:13am

Easy to do with e.g. a label and CSS. Have 3 style names for the label and appropriate setters (setRed() would remove stylenames "yellow" and "green" and add "red"). Then, in your CSS just define the three colors.

What you put inside the Label is up to you, it can even be empty if you use background color and CSS size rules. 

Marius Reinwald
7 years ago Jul 03, 2015 11:18am

As a reference. There is already a thread about this topic which already has a small code snippet to create exactly that but with just 2 states.
https://vaadin.com/forum#!/thread/3520075
As the OP of this thread already posted on  that thread too I would suggest that all related post should be in this one as there is already a solution provided.