Thanks for a fantastic addon! Will there be support for Vaadin 23 LTS?

Thanks for a fantastic addon!!
Will there be support for Vaadin 23 LTS?

I use it (21.0.0-beta1) with Vaadin 23, just need to

$ npm install @vaadin/vaadin-element-mixin

Not saying it works flawlessly, but I haven’t had any trouble.

I have no idea where to add the npm install command.I’m not build my app by hand, it is done by gradle. Is that a depdency that should be added somewhere? An annotation maybe?

It is not an annotation. Run the command in the top directory of your webapp, eg. in the same place where the node_modules folder resides.

jon martin solaas
Thank you very much, I tried already but failed with migration to V23. But I’ll try again with your hint!

Best, Simon

It worked for me, with some adjusting.

As I said, I can’t make it from command line as my project is in CI build, making a local command on npm will just have no effect in the final build.

So I added the fallowing annotation to some View in my project:

@NpmPackage(“@vaadin/vaadin-element-mixin”, version = “21.0.5”);

Thank you for your hint. Hope they make a final upgrade of this component.

Nice variant :-) An update for Vaadin 23 would be even better, doesn't seem like it would require much work.

Hi just to update as I check for a newer version of the addon from time to time..

The app layout worked fine (Thank you very much) with your hint, but Top-Level navigation fields are greyed out, if there is a sub-level navigation bar.

The visible ones are added like this:

LeftNavigationItemEx is just an extension of LeftNavigationItem

The greyed out ones are added like this:

OR


Is there a workaround with the update - or did I misconfigure something?


Best, Simon

Hi

I fixed this by altering the css selector, just add this to your styles.css definition,

.app-menu-item {

  --lumo-disabled-text-color: var(--app-layout-app-color, var(--primary-text-color)) !important;

}

![18860073.png|932x1118](upload://oSadVsAQuGgWkrRgYu7G6i4GeF3.png)