Vaadin 7 UI Design By Example Beginner's Guide

Time for action – changing themes

Follow these steps to explore the different themes that come with Vaadin:

1. Open the example application named themes on your IDE.
2. Run the application. Pretty much the same as the previous examples. Actually, the same we are used to:
   
3. Edit the ThemesUI class to match the highlighted code:

   @Theme("runo")
   public class ThemesUI extends UI {
   
      // ...
   
     }
   }

4. Run the application.
5. Aha! That's one small change for code, one giant leap for UI:
   
6. Now change the theme to chameleon and check it out:
7. And one final theme, liferay:

Note

Liferay is ...