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

Listener on MenuBar in Vaadin

I want to add a ClickListener to an Item of a MenuBar in Vaadin. I know about the normal situation, which i got working: MenuBar menubar = new MenuBar(); menubar.addItem("Item", new MenuBar.Command() { @Override …
hoedding
  • 257
  • 1
  • 4
  • 14
2
votes
2 answers

Html contents in a vaadin label

Is it possible to draw html contents in vaadin label? I have texts with
contents. Is it available to let the label to use them?
chabeee
  • 305
  • 3
  • 14
2
votes
1 answer

Listener for AbstractComponent that becomes visible in browser viewport with Vaadin

I've got several Layout components, added as tabs, in Vaadin that execute time-consuming operations to display some values. In order to minimize the computation time I'd like to execute the time-consuming operation only if the concerning…
PAX
  • 1,056
  • 15
  • 33
2
votes
1 answer

How to add css-keyframes to vaadin components?

I'd like to add a keyframe-animation to a vaadin Label component: the background should make a colored transition from red to yellow. But the bg color does not change in any way. Am I missing anything? private Label label = new Label("background…
membersound
  • 81,582
  • 193
  • 585
  • 1,120
2
votes
1 answer

How to use refresher addon in vaadin?

I'm trying to use the refresher addon in vaadin. But the refresh method is never executed. What am I missing? @VaadinUI @PreserveOnRefresh public class RootUI extends UI { @Override protected void init(VaadinRequest request) { …
membersound
  • 81,582
  • 193
  • 585
  • 1,120
2
votes
3 answers

Why Vaadin @Autowired service returns null .?

here is my code public class AddressbookUI extends UI { @Autowired private AddressService addressService; .....in my method Contact contact=new Contact(); contact.setName("Test"); …
Priyan Chngd
  • 35
  • 1
  • 3
  • 9
2
votes
1 answer

Consume available space in Vaadin Gridlayout, but consider line breaks

I use Vaadin's GridLayout for visualization of some title and value labels. The GridLayout has 2 columns and several rows. Title labels are on the left side and their associated value labels on the right. I want the first column to consume as less…
PAX
  • 1,056
  • 15
  • 33
2
votes
1 answer

Vaadin open new tab in web browser using listener

I'm just doing a simple bookmark app, and I want to open up a webpage from a URL in new tab when I double click on my bookmark in my table. I did the listener waiting for the double click but I have no idea how to open a new tab with…
shnek
  • 19
  • 3
2
votes
0 answers

VAADIN (Server response didn't contain an id)

I am trying to navigate through views in my application and I suddenly get this in the console of debugger like: com.vaadin.client.VConsole SEVERE: Server response didn't contain an id And I getting this error message at the top of my…
Kareem
  • 130
  • 7
2
votes
2 answers

Huge space between vaadin panels

This piece of code that I wrote creates 2 panels. The aim is to have one of them directly on top of the other with no space in between, but the problem is that there is a huge gap between them. Cann anyone help me out with this? Code: Panel…
user3702643
  • 1,465
  • 5
  • 21
  • 48
2
votes
3 answers

Alignment in Vaadin

I have the following piece of code that I wrote in Vaadin. The problem is that the alignment does not work. I set it to bottom_center, but the components are all stuck to the top (top_center) of my web browser. Can anyone help me out with…
user3702643
  • 1,465
  • 5
  • 21
  • 48
2
votes
1 answer

Forcing creation of new instance of object while injecting it

I'm writing an application in which I have defined a custom ComboBox (Let's call it MyComboBox). I want to use it separately in two different panel (Let's say APanel and BPanel ). The injection hierarchy goes as follows: BPanel has MyComboBox…
TheMP
  • 8,257
  • 9
  • 44
  • 73
2
votes
2 answers

Vaadin: Auto click button after on return key

As the LoginForm is no longer present in Vaadin 7, what is the best approach to handle a basic login page consisting of a single username/password input and a "login" button. How can I make sure that when hitting the return key the form is…
mgrstnr
  • 490
  • 1
  • 5
  • 23
2
votes
1 answer

Vaadin TextField action at every key pressed

In Vaadin 7 there are no KeyListener in TextField only on EnterKey press. I'm looking for an add-on which contains a SuperImmediateTextField but compatible with Vaadin 7. I use Vaadin version 7.1.8
Paolo Forgia
  • 6,572
  • 8
  • 46
  • 58
2
votes
1 answer

How to define validation constraints on TextFields in vaadin?

I have a TextField and add validation by field.addValidator(validator). I want to use the field both for editing an entity, as well as creating a new one. Problem: when creating a new one, I would like to have more validators applied then when…
membersound
  • 81,582
  • 193
  • 585
  • 1,120
1 2 3
…
99
100