How can I come up with the attached design in Jmix

Support
#1

Hello guys,
Please I need your help with this. I have checked Jmix if there is any control that I can use to produce something close to this design. I don’t have an idea yet. Just thinking if someone can assist me here.

The display is an horizontal list. The normal listbox in Jmix is rendered vertically. I need something that can be rendered horizontally. Also the list below the top should be rendered horizontally as well. The 2nd list is a sub-category of the top list. When the top is selected, the 2nd list should display its related sub-categories.

Hope to hear from someone that has an idea on this.

Thanks

image

#3

As per my knowleadge To achieve the design you described, you might need to use a combination of custom factors and styling. Then are some suggestions that could help You can produce a custom element using HBoxLayout to render particulars horizontally. This involves creating a wrapper around your particulars and adding them to the HBoxLayout. you can use another HBoxLayout for the sub catagery that stoutly updates grounded on the selection of the top list. This can be achieved using an event listener on the top list selection change, which then updates the particulars in the sub order list. You can use CSS to style your factors to insure they display rightly horizontally. You can apply styles directly to your HBoxLayout or the particulars within the layout. You can insure your data is duly bound to the factors to allow dynamic updates and selections.
Hope this will help you

#4
#5

Hello Dlisuja,
Thanks for your input. I can see the idea but how to do it is a challenge for me. I am not a UX/UI person. That is the reason I opted for Jmix because the UI is already done for the developers.
If you help with this, it will be highly appreciated.
Thanks

#6