Book Image

Building a Rich Internet Application with Vaadin [Video]

By : Mikołaj Olszewski
Book Image

Building a Rich Internet Application with Vaadin [Video]

By: Mikołaj Olszewski

Overview of this book

<p>Vaadin is a Java framework designed to build modern web applications that look great, perform well, and make you and your users happy. The programming model in Vaadin is similar to those you might have worked with before, with a focus on your productivity. Thanks to Vaadin, the process of creating a fully-featured application from scratch is simple.<br /><br />This tutorial develops a powerful application from scratch by adding features in small increments, with a rapid feedback cycle, until a complete piece of working software is written. You will get started with a simple “hello world” application generated by a Vaadin plugin to Eclipse. When you know your requirements, you will go on to organise the contents of your software with views and connect navigation to them. The next step is connecting data from a SQL database, followed by improving the look-and-feel of the application. You then learn how to store user information in session data and improve responsiveness by using background threads. Lastly, you will take a look at extending the framework with your own components and add-ons from the commercial Vaadin offering. <br /><br />All in all, the journey from "hello world" to working software should give you a glimpse of how easy it is to develop an outstanding web application with Vaadin.</p> <h1>Style and Approach</h1> <p>Learn by doing. The video follows the process of developing an application by explaining what needs to be done and why, and doing it to see the results.</p>
Table of Contents (8 chapters)
Chapter 4
Styles, Themes, and Notifications
Content Locked
Section 3
Width, Height, and Layouts
While everything should be, by principle, styled using CSS files, there are situations when this is not desirable. One of the reasons is that any style information placed directly in the code cannot be overridden by any CSS style. One of the most important styling information we can override is the component's size. We will take a look at how to size components and align them using layouts. - Size the components and set their width - Arrange components in CSSLayout - Arrange components in a split panel