Stack Overflow
Stack Overflow

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
10
votes
7 answers

Change themes in Vaadin 7 via code

I am doing a project in Vaadin 7. In that I need to change the theme of a page. In Vaadin 6, there is a function called 'setTheme()'. so that I can change the theme using that function wherever I want in my code. But, In Vaadin 7, I couldn't find…
Gugan
  • 1,625
  • 2
  • 27
  • 65
10
votes
1 answer

Grails with Vaadin plugin, is it the right choice?

For my organization I am evaluating RICH technologies for our next projects. We are currently using grails 2.1.0 and very happy with that, especially with groovy and gorm and we would like to stay with that. The idea is to extend grails with some…
Fabio Sogni
  • 187
  • 1
  • 11
10
votes
3 answers

Infinite loop in java.util.HashMap

I have some Vaadin code blocking very often here, and I have no idea what the problem can be: Thread 7892: (state = IN_JAVA) - java.util.HashMap.getEntry(java.lang.Object) @bci=61, line=349 (Compiled frame; information may be imprecise) -…
blueFast
  • 41,341
  • 63
  • 198
  • 344
9
votes
6 answers

Java Web Application for 5000~ Users

For the first time (hopefully not the last) in my life I will be developing an application that will have to handle a high number of users (around 5000) and manage lots of data. I have developed an application that manages lots of data (around 100~…
Flakron Bytyqi
  • 3,234
  • 20
  • 20
9
votes
1 answer

Unterstanding how Vaadin uses GWT

After playing around with Vaadin for about a week I'm curious about how Vaadin uses GWT. GWT compiles Javacode to Javascript. This has to be done everytime when you are redeploying. Since Vaadin has to be understood as a server-centric framework,…
Benjamin Brandmeier
  • 724
  • 1
  • 9
  • 19
9
votes
3 answers

How to include own icon collection in Vaadin flow?

How do you include your own icons in Vaadin Flow? Do you make an HTML file like this one from Vaadin Icons and include it via @HtmlImport("frontend://path/to/your/icons.html") I did not find any documentation so far. So I guess this is one…
Steffen Harbich
  • 2,639
  • 2
  • 37
  • 71
9
votes
2 answers

Vaadin Animations, Fade out and hide with Valo theme

I'm trying to fade away something from the screen, using: comp.addStyleName("fade-out"); .fade-out { @include valo-animate-out-fade(2500ms, 1000ms); } But as soon as the animation ends, it's back on screen as before. Is there any way to get a…
Mordechai
  • 15,437
  • 2
  • 41
  • 82
9
votes
2 answers

How to add button in a Grid in Vaadin

Hi Im try to add button in a grid in vaadin but it print the reference on button object. Grid statementEnquiriesList = new Grid(); statementEnquiriesList.addColumn("", Button.class); statementEnquiriesList.addColumn("DATE/TIME",…
herman shafiq
  • 499
  • 2
  • 8
  • 26
9
votes
2 answers

Immediately select row by Arrow key in Vaadin 7 Grid

In Vaadin 7.5.3, the Grid widget responds to the user pressing the Up (↑) or Down (↓) arrow keys by moving a highlight box around a single cell. If the user then takes a second action, pressing the SpaceBar key, the row becomes selection. I am…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
9
votes
1 answer

Vaadin - Coloring table cells based on content

I have a very basic example here where I'm trying to color specific cells based on a specific string value being present in that cell. I put in print statements and I'm hitting the return "green", return "orange", etc... points, but at run time I'm…
Tom Swifty
  • 2,864
  • 2
  • 16
  • 25
9
votes
4 answers

How to detect enter key press in vaadin TextArea

I am using a vaadin TextArea as a rough console. The user can enter commands which should be executed when he presses the enter key. Is there a way to specify this with a listener on the TextArea? The closest thing I found is to use: TextArea…
BigONotation
  • 4,406
  • 5
  • 43
  • 72
9
votes
1 answer

How to migrate from traditional java web application (with web.xml) to spring boot?

I wanna switch my projects to spring-based product. My first step is to transform my java web application from a generated WAR file, to a standalone executable jar, powered by spring boot. Let's take a open source web application example from…
mfkenson
  • 123
  • 1
  • 1
  • 7
9
votes
2 answers

Vaadin - Lazy Query Container

I'm doing my project in Vaadin 7. I need to implement a Lazy Query Container for a Treetable. I will get data for the Treetable from a web service. Could someone please show how to use a Lazy Query Container with a web service as my data…
Gugan
  • 1,625
  • 2
  • 27
  • 65
9
votes
1 answer

Vaadin: how do I use Navigator from a View?

I'm looking at Vaadin plugin in Grails at the moment and this is what I'm trying to implement: I have an UI class and two View classes The UI code has a navigator in it: class MyUI extends UI { @Override protected void init(VaadinRequest…
svz
  • 4,516
  • 11
  • 40
  • 66
9
votes
4 answers

Vaadin - Expand components in Grid Layout in Vaadin

I am doing my project in Vaadin 6. In that, I have integrated the components in a Grid layout. I have attached a image with this. It resembles my Project layout. It is similar to eclipse. So, The layout will have two side panels on left and right.…
Gugan
  • 1,625
  • 2
  • 27
  • 65
1 2 3
…
99 100