Vaadin 15.0.0.alpha14
Vaadin consists of a set of web components, a Java web framework, configurable themes, tools and a set of app templates.
With every major release, we will change and improve things based on your feedback. This may lead to breaking changes, which will be listed for each part of the platform in the breaking changes section.
Visit vaadin.com to get started.
Note: This version of 15.0.0 uses npm as default. pnpm is available via flag.
Note: This version of 15.0.0 does not work correctly with Spring.
Support
Vaadin 15 is supported for one month after Vaadin 16 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.
New and Noteworthy
Here are the highlighted new and improved features in Vaadin 15. To see the full list of bug fixes and improvements, check Included Projects and Change Log.
Vaadin for TypeScript
In Vaadin 15 we introduce Vaadin for TypeScript (MVP);
When creating applications with Vaadin developers can write client-side code in TypeScript so that they can stay close to the target platform (the browser), it is easy to use any of the native Web platform features directly (including Service Workers and offline support), and the code is automatically type-checked.
Client-side Router
Vaadin 15 includes Vaadin Router, the client-side router for Web Components.
npm support
In Vaadin 15 npm is used as the front-end package manager. Bower (compatibility mode) support has been dropped from Vaadin 15.
Bower (compatibility mode) and WebJars are still fully supported in Vaadin 14 (LTS).
Vaadin Flow 3.0.0.alpha17 — Pre-release
3.0.0.alpha17 is a pre-release of Vaadin Flow 3.0.0
The major breaking change in the Flow 3.x.x series is added support for TypeScript and the change in bootstrapping and routing from server-driven to client-driven.
Breaking Changes in 3.0.0.alpha17:
- Rename disable.Pnpm to pnpm.enable. The default value is false, i.e., not using pnpm (vaadin/flow#7398)
Other changes in 3.0.0.alpha17:
- Not including web components polyfill by default. (vaadin/flow#7395)
See the complete list of changes in 3.0.0.alpha17
Vaadin Combo Box
Java: 4.0.0.alpha2
4.0.0.alpha2
This is a release of the Java integration for vaadin-combo-box
Web Component (github), to be used from the server side Java with Vaadin Flow.
Noteworthy changes
- Updated webcomponent to version 5.0.10
Compatibility
This release for vaadin-combo-box-flow
- is built on
vaadin-combo-box
Web Component version 5.0.10 - tested with Vaadin Flow version 3.0.0.alpha16
WebComponent: 5.0.10
v5.0.10
Live Demo →
API Documentation →
Changes Since v5.0.9:
-
6aacb6b fix: calculate overlay max-height properly (#856)
-
cc48e41 docs: improve demos, fix indentation [skip ci] (#851)
Vaadin Date Picker
Java: 3.0.0.alpha2
This is a feature release of the Java integration for <vaadin-date-picker>
Web Component (github), to be used from the server side Java with Vaadin Flow.
Changes
- Support for Flow 3.0
Compatibility
This release for vaadin-date-picker-flow
- is built on
<vaadin-date-picker>
Web Component version4.0.6
- tested with Vaadin Flow version
3.0.0.alpha16
.
WebComponent: 4.0.6
v4.0.6
Live Demo →
API Documentation →
Changes Since v4.0.5:
-
500062b docs: improve localization demo [skip ci] (#692)
-
55a2cbf Improve date picker demos second part (#691)
-
2d1f256 docs: fix using Sugar locale in demos (#689)
-
3c32541 docs: restore sugar locale for demos (#688)
-
8c313a0 Improve Vaadin Date Picker demos (#687)
Vaadin Time Picker
Java: 3.0.0.alpha2
3.0.0.alpha2
This is a release of the Java integration for vaadin-time-picker
Web Component (github), to be used from the server side Java with Vaadin Flow.
Noteworthy changes
- Flow 3.0 support
Compatibility
This release for vaadin-time-picker-flow
- is built on
vaadin-time-picker
Web Component version 2.0.5 - tested with Vaadin Flow version 3.0.0.alpha16
WebComponent: 2.0.5
v2.0.5
Live Demo →
API Documentation →
Changes Since v2.0.4:
Vaadin Select
Java: 3.0.0.alpha2
This is a release of the Java integration for vaadin-select
Web Component (github), to be used from the server side Java with Vaadin Flow.
Noteworthy changes
- Flow 3.0 support
Compatibility
This release for vaadin-select-flow
- is built on
vaadin-select
Web Component version 2.1.7 - tested with Vaadin Flow version 3.0.0.alpha16
WebComponent: 2.1.7
v2.1.7
Live Demo →
API Documentation →
Fixes
- Lumo
align-center
andalign-right
variants now apply to overlay (#215)
Changes Since v2.1.6:
-
cbc5977 docs: update align demo, cleanup modules [skip ci]
-
a36d5ef fix: apply align theme variants to overlay (#215)
-
8feabfa docs: improve styling demos [skip ci] (#213)
Vaadin Radio Button
Java: 3.0.0.alpha2
This is a release of the Java integration for <vaadin-radio-button>
Web Component (github), to be used from the server side Java with Vaadin Flow.
Noteworthy changes in 3.0
Flow 3.0 support
Compatibility
This release for vaadin-radio-button-flow
- is built on
<vaadin-radio-button>
Web Component version 1.2.4 - tested with Vaadin Flow version 3.0.0.alpha16
WebComponent: 1.2.4
v1.2.4
Live Demo →
API Documentation →
Changes Since v1.2.3:
-
c565c1a fix: ensure change event on mouseup is fired (#124)
-
07af88a Update radio-button-theme-variants-demos.html
-
3bfdd21 Update radio-button-basic-demos.html
-
8857bdd docs: improve radio button demos [skip ci] (#122)
-
3cdf885 Move change event declaration inside the correct block
Changes since 15.0.0.alpha13
- Vaadin Flow (3.0.0.alpha17)
- Vaadin Combo Box (Flow integration 4.0.0.alpha2, web component v5.0.10)
- Vaadin Date Picker (Flow integration 3.0.0.alpha2, web component v4.0.6)
- Vaadin Time Picker (Flow integration 3.0.0.alpha2, web component v2.0.5)
- Vaadin Select (Flow integration 3.0.0.alpha2, web component v2.1.7)
- Vaadin Radio Button (Flow integration 3.0.0.alpha2, web component v1.2.4)
- Radio Button
- Radio Button Group
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.
Components
- Vaadin Accordion (Flow integration 3.0.0.alpha1, web component v1.0.1)
- Vaadin Button (Flow integration 3.0.0.alpha1, web component v2.2.2)
- Vaadin Checkbox (Flow integration 3.0.0.alpha2, web component v2.2.12)
- Checkbox
- Checkbox Group
- Vaadin Combo Box (Flow integration 4.0.0.alpha2, web component v5.0.10)
- Vaadin Context Menu (Flow integration 4.0.0.alpha1, web component v4.3.15)
- Vaadin Date Picker (Flow integration 3.0.0.alpha2, web component v4.0.6)
- Vaadin Time Picker (Flow integration 3.0.0.alpha2, web component v2.0.5)
- Vaadin Details (Flow integration 3.0.0.alpha1, web component v1.0.1)
- Vaadin Dialog (Flow integration 3.0.0.alpha1, web component v2.2.1)
- Vaadin Select (Flow integration 3.0.0.alpha2, web component v2.1.7)
- Vaadin Form Layout (Flow integration 3.0.0.alpha1, web component v2.1.6)
- Vaadin Grid (Flow integration 5.0.0.alpha1, web component v5.5.0)
- Grid
- Tree Grid
- Grid Context Menu
- Vaadin Icons (Flow integration 3.0.0.alpha1, web component v4.3.1)
- Vaadin Item (web component v2.1.1)
- Vaadin List Box (Flow integration 3.0.0.alpha1, web component v1.2.0)
- Vaadin Menu Bar (Flow integration 2.0.0.alpha1, web component v1.0.3)
- Vaadin Notification (Flow integration 3.0.0.alpha1, web component v1.4.0)
- Vaadin Ordered Layout (Flow integration 3.0.0.alpha1, web component v1.1.0)
- Horizontal Layout
- Vertical Layout
- Flex Layout
- Vaadin Progress Bar (Flow integration 3.0.0.alpha1, web component v1.1.2)
- Vaadin Radio Button (Flow integration 3.0.0.alpha2, web component v1.2.4)
- Radio Button
- Radio Button Group
- Vaadin Split Layout (Flow integration 3.0.0.alpha1, web component v4.1.1)
- Vaadin Tabs (Flow integration 3.0.0.alpha1, web component v3.0.5)
- Vaadin Text Field (Flow integration 3.0.0.alpha1, web component v2.5.3)
- Text Field
- Text Area
- Password Field
- Big Decimal Field
- Email Field
- Integer Field
- Number Field
- Vaadin Upload (Flow integration 3.0.0.alpha1, web component v4.2.2)
- Vaadin Custom Field (Flow integration 4.0.0.alpha1, web component v1.0.10)
- Vaadin App Layout (Flow integration 3.0.0.alpha1, web component v2.0.4)
- Vaadin Login (Flow integration 3.0.0.alpha1, web component v1.0.1)
- Vaadin Board (PRO) (Flow integration 4.0.0.alpha1, web component v2.1.1)
- Vaadin Charts (PRO) (Flow integration 8.0.0.alpha1, web component v6.2.4)
- Vaadin Confirm Dialog (PRO) (Flow integration 3.0.0.alpha1, web component v1.1.5)
- Vaadin Cookie Consent (PRO) (Flow integration 3.0.0.alpha1, web component v1.1.2)
- Vaadin Crud (PRO) (Flow integration 3.0.0.alpha1, web component v1.1.0)
- Vaadin Grid Pro (PRO) (Flow integration 3.0.0.alpha2, web component v2.0.6)
- Vaadin Rich Text Editor (PRO) (Flow integration 3.0.0.alpha1, web component v1.1.1)
Themes
Java Web Framework
- Vaadin Flow (3.0.0.alpha17)
- Vaadin Spring Addon (13.0.0.alpha4)
- Vaadin CDI Addon (11.2.0.alpha1). You can use the add-on with V10+, see https://github.com/vaadin/cdi#using-with-vaadin-10 for instructions.
- Maven Plugin for Vaadin (15.0.0.alpha14)
- Gradle plugin for Flow (1.2)
- Vaadin Multiplatform Runtime (Prime)
Router
- Vaadin Router (v1.6.0)
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 15 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>15.0.0.alpha14</version>
<type>pom</type>
<scope>import</scope>
</dependency>
...
</dependencyManagement>
<repositories>
<repository>
<id>vaadin-prerelease</id>
<url>https://maven.vaadin.com/vaadin-prereleases</url>
</repository>
</repositories>
<pluginRepositories>
<pluginRepository>
<id>vaadin-prerelease</id>
<url>https://maven.vaadin.com/vaadin-prereleases</url>
</pluginRepository>
</pluginRepositories>
Known Issues and Limitations
-
This version of 15.0.0 does not work correctly with Spring.
-
This is the prerelease version of Vaadin 15 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
- There are some issues in using Web Sockets as the Push channel in certain OSGi environments, but long polling works.
Components
- The dark theme preset does not work in IE11 when applied to the
<html>
element.
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