O'Reilly logo

Vaadin 7 UI Design By Example Beginner's Guide by Alejandro Duarte

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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:
    Time for action – adding icons

    If you don't want ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required