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 – render web content

Let's see that in action.

  1. Create a new Vaadin project. We are using resources as project name.
  2. Implement your UI class:
    public class ResourcesUI extends UI { protected void init(VaadinRequest request) { final TabSheet sheets = new TabSheet(); sheets.setSizeFull(); setContent(sheets); Image imageFromTheme = new Image(null, new ThemeResource( "common/icons/error.png")); imageFromTheme.setSizeFull(); Image imageFromClasspath = new Image(null, new ClassResource( "globe.png")); imageFromClasspath.setSizeFull(); BrowserFrame frameFromURL = new BrowserFrame(null, new ExternalResource("http://alejandrodu.com")); frameFromURL.setSizeFull(); BrowserFrame frameFromFileSystem = new BrowserFrame(null, new FileResource(new ...

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