Changing theme on the fly

Starting from Vaadin 7.3, you can change themes in the application without reloading the page. To do this, simply use the UI.setTheme(String) method.

Java

  1. public class ThemeChangeUI extends UI {
  3.   private String[] themes = { "valo", "reindeer", "runo", "chameleon" };
  5.   @Override
  6.   protected void init(VaadinRequest request) {
  7.     ComboBox themePicker = new ComboBox("Theme", Arrays.asList(themes));
  8.     themePicker.setValue(getTheme());
  10.     themePicker.addValueChangeListener(new ValueChangeListener() {
  11.       @Override
  12.       public void valueChange(ValueChangeEvent event) {
  13.         String theme = (String) event.getProperty().getValue();
  14.         setTheme(theme);
  15.       }
  16.     });
  18.     setContent(themePicker);
  19.   }
  20. }

In this way, you can let your users choose the look of your application. The functionality also makes it easier to create applications that are branded for different customers.