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
8
votes
1 answer

How can I make a VerticalLayout scrollable using vaadin?

I have a Components which exists as a common layout for all my pages. The layout of this component is as follows (made using paint so please sorry :p): Right arrows mean that this layout is a HorizontalLayout and down arrows VerticalLayout. I'm…
joninx
  • 1,775
  • 6
  • 31
  • 59
8
votes
1 answer

Get user’s IP address, and other client-side info in Vaadin 7 web app

In Vaadin 7, how does one get the IP address of the user’s computer/device? Can I get other information about the client?
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
8
votes
1 answer

Shiro LDAP Authorization config

Could you please help me with the following situation? Background information: I'm using the Vaadin framework. I'm using the Java security framework Shiro I'm using ssl. Authentication works. Username syntax = pietj@.lcl , jank@.lcl memberOf…
user3711448
  • 81
  • 1
  • 3
8
votes
2 answers

How to view PDF document in VAADIN

I want to build a view in which a can display PDF, Word, plain/text documents in Vaadin. Is there a way to do this ? Thanks.
deltascience
  • 3,321
  • 5
  • 42
  • 71
8
votes
2 answers

Vaadin Maven Repo and Artifactory

I developed an java web-app application with spring and vaadin, in this application, I used some addons like easyuploads and wizards-for-vaadin. Then i added the following configuration in my pom.xml.
Skizzo
  • 2,883
  • 8
  • 52
  • 99
8
votes
3 answers

Is there anything like Vaadin for .net?

Sorry for asking such a basic question, I have just come across Vaadin, it looks like a interesting way of creating web applications. I am very out of date of what the state of the art is these days, having last worked on web applications with…
Ian Ringrose
  • 51,220
  • 55
  • 213
  • 317
8
votes
1 answer

Using Vaadin widgets in a GWT application

Is it possible to use widgets from the Vaadin-framework from within a GWT application? I know it works the other way round, which is also documented in the Vaadin docs. But I didn't find a descrption for integrating Vaadin widgets in an ordinary GWT…
Bob
  • 5,510
  • 9
  • 48
  • 80
8
votes
2 answers

Vaadin - Iterate over components in a layout

I'm working on a project in Vaadin 7. In that I need to parse over all the components in a Layout and find a component I need. The above is the pictorial representation of my layout. I'm dynamically creating the green coloured Vertical layout…
Gugan
  • 1,625
  • 2
  • 27
  • 65
8
votes
3 answers

VAADIN cannot find themes when in productionMode

I have custom theme for my VAADIN application in src/main/webapp/VAADIN/themes/mytheme/ with files mytheme.scss and styles.scss. Everything works fine when the vaadin productionMode deployment parameter is set to false in web.xml. When I set the…
sando.lakatos
  • 97
  • 2
  • 7
8
votes
1 answer

What benefits can Vaadin offer my GWT Appengine app?

The GWT page on the Vaadin website is a bit sparse: https://vaadin.com/gwt "Only benefits, no gotchas You will enjoy everything you love in GWT and get the additional benefit of a novel server-side programming model, components, tools, themes and…
Daniel Gerson
  • 2,159
  • 1
  • 19
  • 29
8
votes
3 answers

experience with Vaadin touchkit

I´m soon to start a new mobile app project and I dont have that much experience with either iOS or Android development but I have used Vaadin for presentation tier on different occasions. The app will most likely be lightweight for the mobile…
Marthin
  • 6,413
  • 15
  • 58
  • 95
8
votes
2 answers

How to add d3 (javascript) to a vaadin application?

Good evening guys, I'm currently trying to add the visualization functionality of d3 to my vaadin application. If you don't know what d3 is, here is a quick link: http://d3js.org/ Yet I am stuck with some problems: How can I add the "d3.v2.js"…
Waylander
  • 825
  • 2
  • 12
  • 34
7
votes
3 answers

Vaadin table keeps showing scrollbars

I have a Table component inside some layouts and I don't want it to show any scrollbars. The table will always show only 25 rows, and the width should always be 720px. However, the table keeps showing both vertical and horizontal scrollbars and I…
Filip Majernik
  • 7,700
  • 13
  • 45
  • 53
7
votes
5 answers

Vaadin alternative for heavily loaded UI

Currently I am programming the Web Application based on Vaadin. I am quite happy with the learning cycle and the way how easy UI can be designed. In general pluses of Vaadin are: "Native" UI programming for Java users (component hierarchy / event…
dma_k
  • 10,431
  • 16
  • 76
  • 128
7
votes
3 answers

How to add tooltip for a item or cell of a vaadin table

I noticed that vaadin 6.7.0 beta1 supports to add tooltip for row/cell of a table. However, I did not find any example how to add it. Is there anybody who can provide some sample?
Kyleinincubator
  • 313
  • 1
  • 5
  • 12