Vaadin 16.0.0.beta1
Vaadin consists of a set of web components, a Java web framework, configurable themes, tools and a set of app templates.
Visit vaadin.com to get started.
New and Noteworthy
Here are the highlighted new and improved features in Vaadin 16. To see the full list of bug fixes and improvements, check Included Projects and Change Log.
RTL Language Support
All components have full support for right-to-left languages (e.g. arabic, hebrew) so that they render correctly when the UI is in RTL mode.
Hierarchy column renderer
Component renderer can be used in TreeGrid hierarchy column.
Grid hidden columns performance fix
Hidden columns are no longer rendered to the DOM, which improves Grid/TreeGrid/GridPro performance with a large number of hidden columns.
Automatic Node
installation
- Available from Vaadin versions 16
- If no global or local Node installation is found Node will be automatically installed to
~/.vaadin
- Only requires the first project to install as later can use the same installation
- No need to have Node installed for CI
- Uses proxy data from
- System properties
- {project}/.npmrc
- ~/.npmrc
- Environment variables
pnpm
is the default frontend package manager
- Now pnpm is used by default instead of npm
- npm was still default in Vaadin 14.2 and 15
- No migration needed - pnpm is installed once to /.vaadin inside home folder. See differences here for more information about what has changed
Devmode
is run as a separate thread to speed up server startup
- Allows server to continue startup parallel to Flow development mode process which runs pnpm/npm and webpack build
- The browser shows a white page that is automatically refreshed to open app once devmode process has finished
- As server is started up faster, there is no timeout from "run from IDE" or from server plugins
Components
- New component:
Vaadin DateTimePicker
- Draggable, Resizable and Modal configuration for
Dialog
vaadin-ordered-layout
: support for more flexbox features in FlexLayoutvaadin-time-picker
: New max and min time API
Support
Vaadin 16 is supported for one month after Vaadin 17 has been released. The latest LTS (long term support) version is Vaadin 14. More details of our release model are available on our roadmap page.
Vaadin also provides commercial support and warranty.
Included Projects and Change Log
Vaadin includes the following projects. Release notes with detailed change logs for each project are linked below.
Projects marked as (Pro) are available for users with Pro or Prime subscriptions. Everything else is free and open source.
Java Web Framework
- Vaadin Flow (3.1.0.beta1)
- Vaadin Spring Addon (13.0.2)
- Vaadin CDI Addon (12.0.0). You can use the add-on with V10+, see https://github.com/vaadin/cdi#using-with-vaadin-10 for instructions.
- Maven Plugin for Vaadin (16.0.0.beta1)
- Gradle plugin for Flow (1.2)
- Vaadin Multiplatform Runtime (Prime)
Components
- Vaadin Accordion (Flow integration 3.1.0.beta1, web component v1.1.0)
- Vaadin App Layout (Flow integration 3.1.0.beta1, web component v2.1.0)
- Vaadin Button (Flow integration 3.1.0.beta1, web component v2.3.0)
- Vaadin Checkbox (Flow integration 3.1.0.beta1, web component v2.3.0)
- Checkbox
- Checkbox Group
- Vaadin Combo Box (Flow integration 4.1.0.beta1, web component v5.1.0)
- Vaadin Context Menu (Flow integration 4.1.0.beta1, web component v4.4.0)
- Vaadin Custom Field (Flow integration 4.1.0.beta1, web component v1.1.0)
- Vaadin Date Picker (Flow integration 3.1.0.beta1, web component v4.1.0)
- Vaadin Date Time Picker (Flow integration 2.0.0.beta1, web component v1.1.0)
- Vaadin Details (Flow integration 3.1.0.beta1, web component v1.1.0)
- Vaadin Dialog (Flow integration 3.1.0.beta1, web component v2.4.0)
- Vaadin Form Layout (Flow integration 3.1.0.beta1, web component v2.2.0)
- Vaadin Grid (Flow integration 5.1.0.beta1, web component v5.6.1)
- Grid
- Tree Grid
- Grid Context Menu
- Vaadin Icons (Flow integration 3.1.0.beta1, web component v4.3.1)
- Vaadin Item (web component v2.2.0)
- Vaadin List Box (Flow integration 3.1.0.beta1, web component v1.3.0)
- Vaadin Login (Flow integration 3.1.0.beta1, web component v1.1.0)
- Vaadin Menu Bar (Flow integration 2.1.0.beta1, web component v1.1.0)
- Vaadin Notification (Flow integration 3.1.0.beta1, web component v1.5.0)
- Vaadin Ordered Layout (Flow integration 3.1.0.beta1, web component v1.3.0)
- Horizontal Layout
- Vertical Layout
- Flex Layout
- Vaadin Progress Bar (Flow integration 3.1.0.beta1, web component v1.2.0)
- Vaadin Radio Button (Flow integration 3.1.0.beta1, web component v1.3.0)
- Radio Button
- Radio Button Group
- Vaadin Select (Flow integration 3.1.0.beta1, web component v2.2.0)
- Vaadin Split Layout (Flow integration 3.1.0.beta1, web component v4.2.0)
- Vaadin Tabs (Flow integration 3.1.0.beta1, web component v3.1.0)
- Vaadin Text Field (Flow integration 3.1.0.beta1, web component v2.6.0)
- Text Field
- Text Area
- Password Field
- Big Decimal Field
- Email Field
- Integer Field
- Number Field
- Vaadin Time Picker (Flow integration 3.1.0.beta1, web component v2.1.0)
- Vaadin Upload (Flow integration 3.1.0.beta1, web component v4.3.0)
- Vaadin Board (PRO) (Flow integration 4.1.0.beta1, web component v2.1.1)
- Vaadin Charts (PRO) (Flow integration 8.1.0.beta1, web component v6.3.0)
- Vaadin Confirm Dialog (PRO) (Flow integration 3.1.0.beta1, web component v1.2.0)
- Vaadin Cookie Consent (PRO) (Flow integration 3.1.0.beta1, web component v1.1.2)
- Vaadin Crud (PRO) (Flow integration 3.1.0.beta1, web component v1.2.0)
- Vaadin Grid Pro (PRO) (Flow integration 3.1.0.beta1, web component v2.1.0)
- Vaadin Rich Text Editor (PRO) (Flow integration 3.1.0.beta1, web component v1.2.0)
Themes
Router
- Vaadin Router (v1.7.1)
Tools
- Vaadin Designer (Pro) (Release notes)
- Vaadin TestBench (Pro) (6.2.1)
Getting Started with Vaadin
App starters
The best way to get started with Vaadin is to go to https://vaadin.com/start and pick an app template for the technology stack you’re interested in.
Note
Vaadin 16 starters are not available just yet in vaadin.com. You can use Vaadin 14 starter and manually change Vaadin version (see instructions below).
Manually changing Vaadin version for Java projects
Add the following contents to your project pom.xml.
<dependencyManagement>
...
<dependency>
<groupId>com.vaadin</groupId>
<artifactId>vaadin-bom</artifactId>
<version>16.0.0.beta1</version>
<type>pom</type>
<scope>import</scope>
</dependency>
...
</dependencyManagement>
<repositories>
<repository>
<id>vaadin-prereleases</id>
<url>https://maven.vaadin.com/vaadin-prereleases</url>
</repository>
</repositories>
<pluginRepositories>
<pluginRepository>
<id>vaadin-prereleases</id>
<url>https://maven.vaadin.com/vaadin-prereleases</url>
</pluginRepository>
</pluginRepositories>
Known Issues and Limitations
This is the prerelease version of Vaadin 16 for evaluating a number of new features and bug fixes. The API in this prerelease version is not considered final and may change based on user feedback.
Flow
- The Template-in-Template feature has some limitations
- Links matching the context do not result in browser page load by default, instead they are handled with application routing. To opt-out, set the
router-ignore
attribute on the anchor element. This opt-out is needed for cases when native browser navigation is necessary, e. g., when usingAnchor
to link aStreamResource
download.
Migrating from Vaadin 8
Migrating from Vaadin 10-14
Reporting Issues
We appreciate if you try to find the most relevant repository to report the issue in. If it is not obvious which project to add issues to, you are always welcome to report any issue at https://github.com/vaadin/platform/issues.
A few rules of thumb will help you and us in finding the correct repository for the issue:
- If you encounter an issue when using the HTML/JS API of a component or the component renders incorrectly, the problem is likely in the web component. The web component repositories are named like https://github.com/vaadin/vaadin-button
- If you encounter an issue when using the Java API of a component, the problem is likely in the Flow integration of the web component. The Flow component integration repositories are named like https://github.com/vaadin/vaadin-button-flow
- If you encounter an issue with Flow which does not seem to be related to a specific component, the problem is likely in Flow itself. The Flow repository is https://github.com/vaadin/flow
- If you encounter an issue with Designer, the repository is https://github.com/vaadin/designer
- If you encounter an issue with TestBench, the repository is https://github.com/vaadin/testbench