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
4
votes
0 answers

Vaadin 23 Error: Cannot find module '@vaadin/build-status-plugin'

I'm trying to upgrade to Vaadin 23 from Vaadin 18. After performing the steps listed on the upgrade instructions I'm having a ton of issues getting the front-end build. The latest blocker is that after starting the app, npm runs, but I see the below…
The Shoe Shiner
  • 697
  • 4
  • 20
4
votes
1 answer

Vaadin upload component - File added event

Is there a way to detect that file has been added to the upload component? There is a file-remove to detect if the file is removed, can we somehow detect if a file is added? Simplify scenario: When a File is added display a simple notification.
Arek
  • 53
  • 4
4
votes
1 answer

Scrolling issue on Vaadin 21 and ApplicationLayout

I have a strange problem with the application layout and views which need to be scrolled: If I create an application with the default App Layout, the drawer toggle is on the top and I add a VerticalLayout with fullsize as view everything is working…
Florian
  • 110
  • 7
4
votes
1 answer

Customise Vaadin CRUD Editor Width

I would like to customise the dialog of a Vaadin CRUD component (java) by replacing the min-width of the overlay with : :host([theme~="layout"]) [part="overlay"] { min-width: 100%; } I put it into a css flle and then add in my java class…
Alexandre
  • 63
  • 3
4
votes
2 answers

How do you get the column order for the Grid in Vaadin 14?

In Vaadin 8 you could just do the following for example to get a list of the columns in the order displayed on the screen. String columnOrderPreference = ((List)grid.getColumns()).stream() .map(Grid.Column::getId) …
Stephane Grenier
  • 15,527
  • 38
  • 117
  • 192
4
votes
0 answers

Vaadin Spring-Boot app will not render CSS when run as JAR in production mode

Any thoughts on why when releasing a new Vaadin / Spring-Boot app in production, Vaadin will not render the custom css in frontend directory although it does in debug mode? The app is built for production as follows: mvn install -Pproduction and…
jamie
  • 672
  • 1
  • 9
  • 17
4
votes
1 answer

Vaadin 14 FormLayout Labels are in the wrong position

I am trying to set up a FormLayout using Vaadin 14 and no matter what I try, the labels appear below the form fields. I would like them to appear to the left of the fields, but even getting them to appear above the fields would be a step in the…
Evan
  • 175
  • 7
4
votes
1 answer

Favicon For Vaadin Webapp

I am using Vaadin 20 Flow (Java) and want to assign an icon/image (.ico or .png) to my web app. This icon should be displayed besides the page title and should be used as an icon when the page is bookmarked. I know that it was possible to assign…
Felix Seifert
  • 552
  • 1
  • 9
  • 19
4
votes
1 answer

Vaadin: Tabs are displayed in a really bizarre way - is this intended?

I am really puzzled about Vaadin's Tabs/Tab-component: I have created a page with a couple of tabs essentially like this: Tabs tabs = new Tabs(); Tab tab1 = new Tab("Label 1"); tab1.add(
mmo
  • 3,897
  • 11
  • 42
  • 63
4
votes
2 answers

How to handle Access Denied properly in Vaadin 14 LTS

I started implementing authentication and authorization for our applications written in Spring Boot (2.2.6.RELEASE) and Vaadin 14 LTS (14.6.1). I have followed those resources: Securing your app with Spring Security Router Exception Handling I…
Marek Panek
  • 75
  • 1
  • 6
4
votes
0 answers

Navigation in Vaadin Flow App behind a reverse proxy that rewrites the url path

I want to run multiple Vaadin Applications (Vaadin Flow 14) as microservices behind a reverse proxy. Lets call them app1 and app2. Both have their Servlet configured by default, so map to /*. Now the reverse proxy forwards them /app1/rest/of/path…
Julian
  • 438
  • 3
  • 13
4
votes
1 answer

Vaadin 14 Time Picker - align centered

with Vaadin 14(.1.19) comes this Time Picker component: https://vaadin.com/components/vaadin-time-picker/java-examples This is how it looks like (when it's read-only): How can I get this Time Picker to show the time centered like this (this is a…
S. Doe
  • 685
  • 1
  • 6
  • 25
4
votes
1 answer

Engage "Lumo compact mode" in Vaadin 13 and later, for smaller size layouts

The release notes for Vaadin 13 includes an item for Lumo compact mode. The mention there is brief, lacking details. To quote: The compact theme/preset defines values for the sizing and spacing properties to reduce the visual space required by…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
4
votes
2 answers

Simple example of filtering items in a grid in Vaadin Flow 14

I want to suppress the display of some items in a Grid widget in Vaadin Flow 14. For example, if the user enters a year in a IntegerField widget, I want the grid to show only items with an associated date before that year. Items with a date on or…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
4
votes
1 answer

Vaadin Flow renderer for java.time date-time types beyond just LocalDateTime & LocalDate classes

In Vaadin Flow version 14.1, I find only two implementations of a renderer for date-time types: LocalDateRenderer LocalDateTimeRenderer The first is for a date-only value in the LocalDate class, without a time-of-day and without a time zone. That…
Basil Bourque
  • 303,325
  • 100
  • 852
  • 1,154
1 2
3
68 69