Questions tagged [vaadin-flow]

Use the [vaadin] and [vaadin-flow] tags for any posts relating to the use of Vaadin Flow. For posts related to any other Vaadin topic, such as Fusion or a specific component, instead tag the post with its corresponding tag, for example: [vaadin-fusion] or [vaadin-upload], respectively.

Vaadin Flow is the new generation of the user-interface toolkit for building professional-looking, business-oriented single-page web apps in Java. Now based on standard Web Components technology.

Vaadin Flow is the major re-write of the venerable Vaadin Framework tool for building professional-looking business-oriented user-interfaces for web apps. This new generation of Vaadin replaces the internal use of GWT with the use of modern Web Components technology.

Vaadin apps are written in Java, executing server-side in a Java Servlet web container. At runtime Vaadin automatically renders a web-standards based user-interface in the client-side web browser via HTML, CSS, JavaScript, DOM, AJAX, XML & JSON, WebSocket, and Push technologies, all done transparently to the Java programmer.

The current Long Term Support (LTS) version of Vaadin is 14. The previous LTS version is 10. Version 10 succeeded Vaadin 8 (Framework).

The current major version is 22.

The next LTS version will be version 23, slated for March 2022.

1023 questions
3
votes
0 answers

How to prevent tab selection change in Vaadin Flow

Using the Vaadin Flow Tabs component, is there a possibility to prevent the tab selection change event? I have a tab that should ask for saving unsaved changes when navigating to other tabs before really navigating.
Steffen Harbich
  • 2,639
  • 2
  • 37
  • 71
3
votes
0 answers

Get header text from Vaadin 14 Grid (HeaderCell)

I have implemented an export functionality from a Vaadin 7 and Vaadin 8 Grid. Now we migrate to Vaadin 14 and I cannot find a way to get the header text. I tried to work with the Renderer: Column column = grid.getColumnByKey(columnKey); Renderer…
bingele28
  • 61
  • 1
  • 5
3
votes
1 answer

Why getElement().getProperty("value") not working

I have a problem with reading property in my webcomponent. I don't understand why it's not working. I create simple example and after click the button I should get value of property but it's null. I don't know why ? In my others test, setProperty…
3
votes
1 answer

Vaadin TextArea set starting row number to 1

My question is related to this post in the "old" Vaadin Forum. I want to set the initial row number of the Vaadin TextArea to 1, so it looks like a TextField. The mentioned post has the solution: This requires a bit of JavaScript to fix. You need…
Mathias
  • 282
  • 1
  • 16
3
votes
2 answers

Using Threads to Update UI in Vaadin 14

I created a thread (via a lambda expression) to fetch some data based on user input fields but when I try to click on dropdown menus while it is retrieving data I get the mini progress bar indicator. So is a new thread even being created? What am I…
samwatts
  • 111
  • 8
3
votes
1 answer

How to get leading zeros displayed in the Vaadin DateTimePicker component?

In my Vaadin Flow application, I'm using the Vaadin DateTimePicker component. If I select a date, it will be displayed without the leading zeros (e.g. "4.7.2021"). I would like the component to display the leading zeros (e.g. "04.07.2021"), but I…
McPringle
  • 1,939
  • 2
  • 16
  • 19
3
votes
1 answer

Vaadin ComboBox set text-field width to 0 (CSS shadow dom)

I use a Vaadin ComboBox to create a dropdown menu, where the user can set a state which will be displayed in another element of the web page. So I really do not need the text-field-part of the ComboBox (the blue line in the image). Setting the…
Mathias
  • 282
  • 1
  • 16
3
votes
1 answer

Vaadin Flow Redirect to Specific Route on Page Reload

I am using Vaadin Flow. I am facing a problem that after I have navigated to a route and if I reload the page, i still land on the same page(Which is the way it should work I suppose). I wish to redirect to a specific route on reload. Something like…
3
votes
1 answer

Vaadin: change CSS variables dynamically

Is there a way to change dynamically the lumo primary colors: html { --lumo-primary-text-color: hsl(214, 35%, 15%); --lumo-primary-color-50pct: rgba(140, 236, 0, 0.5); --lumo-primary-color-10pct: rgba(140, 236, 0, 0.1); --lumo-primary-color:…
Thomas
  • 131
  • 7
3
votes
1 answer

Initialize router events from a template file in a Vaadin (20) Flow project

I have a Vaadin 20 application that is Flow-based. All views are written in Java, and the routes are set up with Java. I wanted to have a nicer navigation component, so I created a frontend TS template for my project, as frontend/src/vaadin-nav.ts.…
Jens Jansson
  • 4,626
  • 4
  • 25
  • 29
3
votes
1 answer

Vaadin 14: cannot set HTML value by attribute to vaadin rich text editor

I want to set the html value of a rich text editor component by attribute. The tag and attributes below results in the printscreen below. How can I set the html-value by attribute?
3
votes
1 answer

Updating Vaadin 14.0.10 app to 14.5.4 results into MIME type error for resources loaded from /VAADIN/

I have a Vaadin 14.0.10 app with Spring Boot and a Spring Security configuration. I'm trying to update it to 14.5.4, but after the update, I get a blank page when I try to load the app. There are no errors on the server logs, but on the browser…
ollitietavainen
  • 3,900
  • 13
  • 30
3
votes
1 answer

Cannot get @CssImport to apply only to component scope

I have been wasted hours and days trying to style the Vaadin Upload component. The goal is simple: sometimes I need the component to show the uploaded file using its built-in file list with allows delete. other times, I want to hide this list…
Joshua Ting
  • 103
  • 7
3
votes
1 answer

In Vaadin Flow how do I embedd my Vaadin page inside another web page?

I have an existing app (written in WebGuiToolkit.org) and I am trying to embed a Vaadin Flow page in it. I have seen several guides for Vaadin 8, like https://vaadin.com/learn/training/embedding-vaadin but no guide or help for Vaadin 14. What do I…
Arno
  • 53
  • 5
3
votes
1 answer

Vaadin horizontal scroll on mouse wheel

I use a Vaadin Grid which has many columns (50) and only some rows (10). By default it scrolls vertically when the user uses the mouse wheel which is not desired in this scenario. Is there a built in way to achieve horizontal scrolling on mouse…
hornisgrinde
  • 152
  • 1
  • 10