Webinar: Recent changes to Vaadin components

Hey folks! :wave:

Our webinar kicks off in just under 2 hours—still time to grab a spot! :popcorn:

We’ll use this thread to keep the conversation going afterward. Drop in with your thoughts, questions, or anything you didn’t get a chance to ask live. See you soon!

4 Likes

Thanks for that webinar!
To see all that “in action” instead of only reading the documentation was pretty impressive!

Cheers
Mojo

1 Like

Hey @Miikka_Andersson,
I missed the webinar, but I would really like to watch the recording. Could you please share the link? Thank you :slight_smile:

Hi René, and thanks for your interest! We’re publishing the recording on YouTube later today. I’ll drop the link here as soon as it’s live!

1 Like

Hi everyone! The recording from last week’s webinar is now available on YouTube — feel free to share your thoughts or follow-up questions in this thread!

1 Like

@rolf.smeds you asked if there was a point in having FlexLayout now that HorizontalLayout can do the same.

I use FlexLayout in my “navigator” component, which contains a potentially very long list of query parameters:

Since we can very many fields, we want them to not be wider than they need to.
To do that I do the following, which I believe you suggested:

In the code:
field.getStyle().set("--length", "4ch");

in css:

vaadin-text-field > input {
    width: var(--length, 10ch);
}

When I changed to HorizontalLayout, this no longer worked and all fields got their wide default width again.

Great webinar @rolf.smeds and @Miikka_Andersson. Thank you!

1 Like