How can I create a "gallery"

Support
#1

Hi there,

how can I create a view with products like most e-commerce sites have in jmix? What I want is to display a picture and some info of a number of items (tradingcards in this case) horizontally with the next couple of items in the next row beneath the previous one, thus expanding vertically.

I tried using fragments, getting width of a vbox and using that for creating a hbox with a number of fragments. However this is not very pretty. Could someone point me in a better direction?

Kind regards,

Willem.

#2

Hi Willem

Perhaps the following video does help you.

Making Web UI in Java Fancy: Fast Prototype Consumer Facing App on Jmix
https://www.youtube.com/live/roBa0Qb8R2E

image

Gleb is showing a lot of nice things.

Regards

Felix

#3

Hi,

I would use a grid with details - that way you can easily display a table with your products and users will be able to filter them easily. You will then need to make grid rows high, and then place pictures and render some icons and buttons maybe. Since the grid is scrollable, user will scroll through their filter result.
https://demo.jmix.io/ui-samples/sample/data-grid-custom-renderer?tab=Description

Kind regards,
Mladen

#4

Hi Felix and Mladen,

thanks for the quick replies. Both interesting, I will look in to them!

Kind regards,

Willem.