Card component

General
21

Exciting to see the Card component coming together. @Jouni1, do you know when this will be available as a Flow component? Thanks.

22

it’s currently in progress to back port it to 24.7

2 Likes
23

As @knoobie said, very soon in a 24.7 patch release (and still behind a feature flag).

24

@Jouni1 @knoobie first off all, beautiful design - i really need this component.

But, do i understand you two correctly that the card flow implementation, will be added with a feature flag, to 24.7.1?

Roadmap shows card flow implementation for 24.8 - or is this a release not behind a feature flag?

Thank you!

25

Yes, it’s (probably) going to be included in 24.7.2 - still behind a feature flag.

1 Like
26

Well thanks for the fast answer, thats perfect. I do have to ask if you have any idea on release time period?

27

We first planned to include it in 24.8, since new features are in general introduced in minors and not in maintenance/patch releases. But since this component is behind a feature flag we think it’s perfectly fine to add it in any release.

I suspect it might still be behind a flag in 24.8. The 24.9 release could be a more suitable release to remove the flag. But this hasn’t been decided yet, as the Flow component hasn’t even been release yet, so we haven’t had any feedback how well the API works in real-world use.

Edit: oh, and thanks a lot for the kind words – glad to hear you like it!

1 Like
28

I don’t :slightly_smiling_face: I can just share you the pull request that’s going to finalize its integration. feat: add Card Flow API preview to 24.7 by sissbruecker · Pull Request #7484 · vaadin/platform · GitHub

My personal guess would be mid or end of next week

1 Like
29

Wow, awesome - looking forward to the release! Thank you @knoobie @Jouni1

30

Next most awaited compoenent is this

image
image680×510 34.6 KB

1 Like
31

Hi there,

I’m struggling to test this component in my Flow app. I’m not used to Feature Flags but I followed instruction provided at How to configure feature flags in Vaadin Flow

First issue I had is that the Card package com.vaadin.flow.component.card wasn’t resolved.

I tried to find which dependency should have it and after searching the Vaadin GitHub repos I found

  <dependency>
        <groupId>com.vaadin</groupId>
        <artifactId>vaadin-card-flow</artifactId>
        <version>${vaadin.version}</version>
    </dependency>

But then the Card class defined in 24.7.1 doesn’t define any of the Card methods presented in the doc (setTitle, setMedia, …)

Anyone here could point me to a solution ?

32

It’s introduced as a preview feature for Flow only starting from Vaadin 24.7.2 which was released earlier today.

33

Damn it ! I didn’t see 24.7.2 on Maven central so I didn’t try.
Thanks a lot, I can move on.

34

Well, actually I didn’t move that much :slight_smile:

Got a initialization issue

java.lang.ExceptionInInitializerError: Exception java.lang.NoSuchFieldError: Class com.github.javaparser.ParserConfiguration$LanguageLevel does not have member field ‘com.github.javaparser.ParserConfiguration$LanguageLevel JAVA_21’ [in thread “main”]
com.vaadin.copilot.Copilot.(Copilot.java:28)
com.vaadin.copilot.CopilotIndexHtmlLoader.serviceInit(CopilotIndexHtmlLoader.java:44)

35

Hello Dummy,

you seem to have a version conflict in your project. Try using

mvn dependency:tree

and see why you have some older javaparser than 3.26

36

That’s right. Problem fixed. Responsiveness much appreciated !