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
19
votes
3 answers

How to add scrollbar to Vaadin layout

I have found many questions where people are asking how to hide scrollbars in Vaadin layouts, but my problem is that Vaadin don't show me any scrollbars. For example I can have this code: HorizontalLayout layout = new…
Firzen
  • 1,909
  • 9
  • 28
  • 42
19
votes
2 answers

Vaadin authentication best practice

I am interested in the best practice in authentication in Vaadin I think there is mainly two option here: ThreadLocal (can cause Out of memory, can have the same thread for different users) Spring Security + Vaadin integration (seems a little too…
czupe
  • 4,740
  • 7
  • 34
  • 52
18
votes
5 answers

Vaadin Grid cell not showing multiline rows

With Vaadin Grid, I want to generate multiline cells for every cell that have more content in cell that overlaps its width. I have allready tried: java \n new line character and CSS stylings like white-space: pre; but it does not seem to work.…
Zigac
  • 1,551
  • 1
  • 16
  • 27
18
votes
2 answers

Memory footprint for large systems in Vaadin

I'm working in financial sector and we are about to select Vaadin 7 for development of large heavy load system. But I'm a bit worried about Vaadin memory footprint for large systems since Vaadin keeps all state in session. It means that for every…
17
votes
5 answers

How can I force Vaadin v8 to update the screen?

I have a small Vaadin v8 application that has several input fields (comboboxes, selectgroups, etc...). The content of most of these is determined by the chosen content of the first ComboBox. However, when I select something in it, all the others…
Valyrion
  • 2,342
  • 9
  • 29
  • 60
17
votes
2 answers

Using Clojure with Vaadin

Has anyone tried implementing a web application with Clojure ( using Compojure ) and Vaadin ? I had seen an article on using Clojure with JWT for creating web apps. Vaadin is based on GWT so you get a lot of the advantages of GWT ( though Vaadin is…
Arun R
  • 8,372
  • 6
  • 37
  • 46
17
votes
4 answers

IntelliJ and Maven Source folder issue

I'm trying to create a simple Java webapp using IntelliJ (v11.1.3) and integrate it with a simple maven pom file to download the Vaadin jar. Here is my pom file:
user1597121
  • 333
  • 2
  • 3
  • 10
16
votes
2 answers

How to add grid filters in Vaadin 8?

Vaadin 8 just came out. the adding of filters in Grid was never in their documentation, i only found one working solution here in stackoverflow. HeaderCell cell = filterRow.getCell(pid); // Have an input field to use for…
gigz
  • 942
  • 2
  • 9
  • 26
16
votes
4 answers

Vaadin: failed to load widgetset.nocache.js

I'm using Vaadin 6.8.2 and Maven to develop an application. I've tried to add the Calendar add-on (1.3.0 - the version for Vaadin 6) to my project by following step by step the tutorial from this link:…
Marius Manastireanu
  • 2,461
  • 5
  • 19
  • 29
16
votes
1 answer

Maven build error: Failed to execute goal, missing a class

I'm trying to package the sample application from vaadin 7.0.0 with the maven plugin for eclipse, but every time a run the goal "package", building fails with the following error: [ERROR] Failed to execute goal…
Ben
  • 966
  • 2
  • 10
  • 24
15
votes
2 answers

Minimal example of Push in Vaadin 7 app ("@Push")

I want to see the most minimal example of using the new Push technology in Vaadin 7, such as the new @Push annotation. I am having problems getting server-push to work in my app. I would like to try a simple example app before trying to fix my own…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
15
votes
2 answers

Create Sidebar or Vertical Menu in Vaadin

How can I create a VerticalMenu or Sidebar in Vaadin? Is there any specific component or Have I do programatically and using CSS? I would like to create something like Vaadin Demo: I'm using the new Valo Theme.
Rafa Romero
  • 2,667
  • 5
  • 25
  • 51
14
votes
3 answers

Is it possible to use jQuery inside of Vaadin framework?

As Vaadin is a Java web application framework, so is it possible to insert the jQuery javascript snippet in the Vaadin Java code?
Kyleinincubator
  • 313
  • 1
  • 5
  • 12
14
votes
2 answers

Scale down the Valo theme’s spacing and widget size to that of the Reindeer theme

The new Valo theme is now the default in Vaadin 7.3 apps. This theme renders visually with widgets (buttons, fields, and so on) that are dramatically larger (wider and taller) than in the previous default Reindeer theme. This kind of look is now…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
14
votes
4 answers

How can I compile only necessary widgets in Vaadin 7 with Maven?

I am new to the Vaadin framework which I looks very interesting, using eclipse and maven to develop and build my application I find pretty annoying that every time I do a mvn clean install it will take so long time to build the app, I found that…
raspacorp
  • 5,037
  • 11
  • 39
  • 51