Side Navigation - Vaadin 24.7

Greetings Team,

Has anyone tried customising side navigation menu items generated via Vaadin start?

I Have 5 items generated from vaadin start project but i cant seem to figure out how to customise them.

Here is the screenshot for my default side nav;

What do you want to customize? It’s hard to help without knowing what you wanna do.

1 Like

I want to customize this items shown in my menu. Add more items and remove some.
It was easier to deal with this in vaadin 23.x. Im trying to explore 24.x features.

I still don’t understand your concerns. The source code shown above automatically populates the menu based on the available views / routes - if you don’t like it. Don’t use it. See AppLayout with SideNav - #2 by Leif

1 Like

The MenuConfiguration is built on the @Menu annotation from your views. That is mainly intended for first steps to have a side navigation built automatically.

However you can create the side navigation manually without any usage of MenuConfiguration (which is what most applications will do later on)

1 Like

For more details see the docs: Side Navigation component | Vaadin components

There should be some sufficient examples on how to customize it.

1 Like

Hello Christian,

Thanks

Hello Stefan,

Thanks, this is exactly what i am going to do.