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

Summary

We learned some classic, old-school web development stuff in this chapter. Look at what we have covered:

  • We met four out-of-the-box Vaadin themes.
  • We learned how Vaadin allows us to define our own themes using Sass.
  • We learned some basics of CSS.
  • We learned how Sass extends CSS by adding variables, nesting, and mixins.
  • We learned that Vaadin UI components are rendered as HTML elements with proper CSS classes according to the component's type.
  • We learned how to use inspect HTML in Firefox and Chrome.
  • We learned how to create a new Vaadin theme.
  • We saw several examples of customizing some of the most common Vaadin UI components.

At this point you must be quite proficient with Vaadin. You have used most Vaadin UI components, you know how Vaadin data ...

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