How should I create hierarchical side nave items for hybrid applications?

How should I create hierarchical side nave items for hybrid applications with VAADIN 24.4?

SideNav is hierarchical Side Navigation | Components | Vaadin Docs

What exactly is your question?

I found the solution for both flow alone and flow + hilla by myself.
Thank you.

Please share your solution here too so future developers looking for a solution can find it :slight_smile:

There are two versions.

One is flow only and the other is flow + hilla hybrid.
For flow + hilla hybrid I implemented the hierarchical side nav item usage by using DB.

For your reference, anyone can refer to GitHub - candleofe-sju/flumen-flow for flow only, GitHub - candleofe-sju/flumen-hybrid: https://github.com/candleofe-sju/flumen-hybrid.git for flow + hilla hybrid.
They are not only for the hierarchical side nav item but also for react view on flow, pdf viewer, barcode generator, and many to many relationships with ROLE table instead of enum, VTK, katex, echarts, SVG, and so on.

All of them are gathered into a single place as a starting point for my reference.

1 Like

One more to add.

I added the confirmation functionality when downloading a file.