Questions tagged [vaadin]

Use the [vaadin] tag for all posts relating to any use of the Vaadin web application development platform. For posts related to a particular Vaadin or a specific component, additionally tag the post with the corresponding tag, for example: [vaadin8], and [vaadin-upload], respectively.

Overview

Vaadin is an open source platform for building web applications. The Vaadin platform consists of a set of web components, a Java web framework, a TypeScript web framework, a Collaboration Engine, and a set of tools.

Flow

The Java web framework, Flow, uses Java for both the frontend and backend code. UIs can be created either by constructing and laying out components with Java or by declaring them with a LitElement template. UI event handling code is implemented in Java and runs on the server. UI state is also maintained on the server.

Vaadin's legacy Java web application development offering, Vaadin Framework, preceded Vaadin 10, and was built on GWT (Google Web Toolkit).

Fusion

The TypeScript web framework, Fusion, uses TypeScript for the UI code and Java for the backend (endpoint) code. UIs are created by declaring them within a TypeScript/LitElement class. UI event handling code is implemented in TypeScript and runs in the browser. UI state is also maintained in the browser.

Components

Vaadin Components are standard WebComponents implemented in LitElement. In addition to being used by Flow and Fusion, Vaadin Components can be used by other web technologies, such as Angular, React, and Vue. Prior to Vaadin 15, Components were implemented in Polymer.

Marketing Blurb

  • Vaadin improves the client side presentation layer by introducing client-server web components for rapid application development.

  • For Flow-based applications, a few lines of Java code and Vaadin takes care of the rest. No complex configurations, no JavaScript. Code on the server side.

  • For Fusion-based applications, the UI gains a reactive TypeScript frontend with a Spring Boot integrated backend, so you can focus on building your app instead of configuring stuff.

  • Wide browser support - Built on Internet standards, Vaadin applications support all modern browsers.

  • Stunning Web Applications - The look and feel makes a difference. Vaadin comes with great-looking components and easy use of themes.

Versions & Roadmap

Summary

  • Vaadin 22, the latest major version, was released on 9 December 2021.

  • Vaadin 14 was released on 14 August 2019 and is the most recent LTS (Long Term Support) version.

  • Vaadin 10 was released on 25 June 2018 and is the previous LTS version.

  • Vaadin Framework 8 was released in Feb 2017.

  • Vaadin Framework 6 and 7 are still also in active use but are not officially maintained.

  • Vaadin 23, the next LTS version, is slated for release in March 2022.

For new projects, version 14 or 22 is recommended.

Details

For the most up-to-date version and roadmap details, see:

Question and Search Hints

For some questions and queries, the answer is same regardless of Vaadin version or framework. However, it is often relevant to include the major version in the question or query as well.

6816 questions
2
votes
3 answers

Any properties needs to be changed for multi user application

Please consider me as a novice and this is my first web app I am creating. I am planning to develop a web application where the traffic I am expecting is around 50 users will access the application at a single time. The webapp is developed with…
Shankar Guru
  • 1,071
  • 2
  • 26
  • 46
2
votes
2 answers

How to open a Vaadin ComboBox by code?

Is it possible to open a Vaadin ComboBox by code? I'd like to present 2 comboboxes that depend on each other. When the user selects a value in the first, I'd like the 2nd combobox to automatically open the possible selections, so that the user can…
membersound
  • 81,582
  • 193
  • 585
  • 1,120
2
votes
2 answers

Vaadin component visible event

Is there an event, or some other way, to know when a vaadin component becomes visible in the browser? This is not for hidden components. I mean when the component is off canvas, like in a different tab that is not selected. Or may be way down the…
Bahadır Yağan
  • 5,577
  • 3
  • 35
  • 39
2
votes
1 answer

Vaadin 7 : Combobox with Icon + Caption

I would like to create combobox component with icon+caption items. But I have no idea how to do this. I found an example for this but it is vaadin-6 example and codes were not fully described. Can somebody support me complete example or some useful…
Cataclysm
  • 7,592
  • 21
  • 74
  • 123
2
votes
2 answers

Exception trying to get values of ElementCollection?

I have a bean that contain an attribute List with @ElementCollection annotation. My problem is when I try get values contained at list, an exception returns and I don't know why. I can add values but I can't return this values. Look at…
FernandoPaiva
  • 4,410
  • 13
  • 59
  • 118
2
votes
2 answers

Adjust amount of spacing between Vaadin widgets

Vaadin Spacing Vaadin layouts have a method setSpacing( true ) that moves widgets apart from one another. Works well in most cases. But in the case of multiple Table objects, they are still a bit too crowded. ➜ Is there some way to increase the…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
2
votes
2 answers

How does Component.setVisible() method work?

I have some experience with GWT . In GWT , widget.setVisible() method will add style="display:none" style to widget. But component of vaadin wouldn't . I checked with firebug , I can't see my component while set component's visible to false. Why ?…
Cataclysm
  • 7,592
  • 21
  • 74
  • 123
2
votes
1 answer

Horizontal image picker vaadin

I want to display a horizontal combo box in Vaadin. Is it possible to do that? If no, what is the best component to put in a custom component to accomplish this task? Like a Button that I change CSS for onClick or a Resource using another listener…
vplusplus
  • 593
  • 2
  • 8
  • 20
2
votes
1 answer

Vaadin dependencies missing in war file created by gradle

I try to build a war file using gradle and the Vaadin gradle plugin. In the artifact created the Vaadin server jar is missing. All necessary Vaadin dependencies are included in my eclipse project created with gradle eclipseClasspath and…
2
votes
2 answers

Update UI after download with FileDownloader

I have some code which extends a button to offer a download with FileDownloader: private final InputStream stream; private final Label label; private final Button button; //… StreamResource.StreamSource source = new StreamResource.StreamSource()…
2
votes
3 answers

Change first-day-of-week for a Vaadin DateField or InlineDateField

How can I change the first day of week in the Vaadin calendar widgets, DateField & InlineDateField? For example, in the screen shot above, the week begins on a Sunday but I want Monday. I know those widgets respect the Locale, and adjusts…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
2
votes
1 answer

Vaadin 7: Filters, EntityManager per Request(hibernate), JPAContainer and push/websockets usage

I am using Wildfly 8.1 and Vaadin 7.3.beta1. I am starting an EntityManager in a @WebFilter and managing the transaction at that layer, that is folowing the entitymanager-per-request pattern recommended for the usage of the JPAContainer…
David Hofmann
  • 5,683
  • 12
  • 50
  • 78
2
votes
2 answers

Creating components as static factory style (Singleton) in Vaadin

I would like to create custom Window using static factory style (or with singleton pattern). public class MyWindow extends CustomComponent { private static Window window; private static MyWindow instance; public static MyWindow getInstance() { …
Cataclysm
  • 7,592
  • 21
  • 74
  • 123
2
votes
2 answers

Vaadin SQLContainer + Grails gives error "org.postgresql.util.PSQLException: This connection has been closed"

Edit: Here's a plain Grails project which demonstrates the problem: https://github.com/jbwiv/vaadin_connection_problem_demo. It occurs with both H2 and PostgreSQL drivers. I'm trying to use Vaadin's SQLContainer with Grails. To get access to the…
jbwiv
  • 1,015
  • 9
  • 21
2
votes
2 answers

How to set attributes in vaadin components?

In GWT , I can add my custom properties or attributes in widgets. Widget widget = new Widget(); widget.getElement().setAttribute("seq", "1001"); System.out.println(widget.getElement().getAttribute("seq")); Can I also add like this in…
Cataclysm
  • 7,592
  • 21
  • 74
  • 123