Creating a UI with Vaadin??

Hello, i am very VERY new to vaadin. I have gotten an internship and the compny use vaadin with eclipse. I have a project week in college and i am going to make a small weather app using vaadin. Only thing is i dont know where to start. I would like to get the Interface done by the end of the day.
Here is the template (attached)
Can you just drop and drag like making a java applet with eclipse?
Or will i have to code it all in?

Sorry for being SO clueless.



There is a visual editor for Eclipse, but I’d recommend coding the UIs, as you anyhow need to code the user interaction logic.

Yes I have decided to Code the UI as it will help me learn more. I am slowly getting there:) Just trying to figure out how to size and place now.

What table is used in the image? Ive tried adding a few but none look the same. Thanks

The look of your table is defined by the theme of your UI (see @Theme annotation), not by the type of Table being used.
You might want to use the standard Valo theme, avoiding complications when customizing a theme.
Other built-in themes are Reindeer, Runo, Chameleon.

@Title("My Application")
public class MainUI extends UI {

protected void init(VaadinRequest request) {