Vaadin introduced declarative syntax for initializing screen compositions in Framework 7.4. Since its release, declarative serialization and initialization have been associated for the most part with the Vaadin Designer product, where this syntax is used to describe a user interface design in a ...

The Free Vaadin 8 Certification week officially ended on Sunday evening last week. During this past week over 1250 developers from our community signed up for the certification and tried to pass the examination. This was the strongest attendance during our free trial periods in the history of ...

This is a series of tutorials for upgrading the Table component to Grid. It will be performed by migrating to Framework 7 style of Grid, then migrating to Framework 8. As a reference, Gridv7 is the Grid component from Framework 7, while Grid is the latest Grid component in Framework 8. Naturally, ...

A simple responsive layout example without any tricks nor manipulating DOM with JavaScript. Responsive design is used to create good user interfaces across all display sizes and devices. Generally, this means the size, position, and visibility of each section within the UI is dependent on the ...

This is a series of tutorials for upgrading the Table component to Grid. In this post I won’t be able to migrate to an older version of Grid, because adding components inside Grid appeared only with the newly announced version a few weeks ago, so I will jump directly from Table to Grid for ...

This is a series of tutorials for upgrading the Table component to Grid. It will be performed by migrating to Framework 7 style of Grid, then migrating to Framework 8. As a reference, Gridv7 is the Grid component from Framework 7, while Grid is the latest Grid component in Framework 8. Naturally, ...

A great web application needs awesome graphs to visualize data in a human-readable form, so let’s have a look at how to add some to yours. Let’s first consider the different options we have for creating charts; Vaadin Pro and Prime come with Vaadin Charts, Vaadin Directory has several add-ons for ...

As promised earlier, here is the first and most basic example. As a reference, Gridv7 is the Grid component from Framework 7, while Grid is the latest Grid component in Framework 8. Naturally, you can also migrate straight from Table to the Framework 8 style Grid. Migrate from Table to Framework 7 ...

After the releases of Vaadin 8 and 8.1 we are happy to announce that our certifications have been updated as well. We’d like to celebrate this with you during our upcoming Free Vaadin 8 Certification Week. You’ll get the chance to join our more than 1000 Certified Vaadin developers all over the ...