Vaadin 7 UI Design By Example Beginner's Guide

Time for action – adding icons

Follow these steps and see how icons beautify applications:

1. Create a new Vaadin project. We are using icons as project name.
2. Add some class level fields for the input components in your UI class:

   public class IconsUI extends UI {
   
     private TextField tf = new TextField("Email");
     private ComboBox cb = new ComboBox("Type");
     private TextArea ta = new TextArea("Details");
     private OptionGroup og = new OptionGroup("Priority");
     private Button bt = new Button("Send");
   
     // ...
   
   }

3. We don't want to go out of shape with our Vaadin skills right? Add all the input components using your knowledge to a layout like this:
   

   If you don't want ...