I am working on an UI using dash (in python) where I have a list of entities on the left pane of the screen. When a user clicks on an entity, I need to fetch and display a bunch of thumbnail images for that entity on the right pane. This bit I have already got working.
However I want the thumbnails to be clickable where-in based on the thumbnail which was clicked - I navigate to another view in my app and show the full image for that thumbnail.
However, it requires me to define all callbacks upfront. I dont know how many images (thumbnails) will be there in an entity since it can vary and so I can’t define the thumbnail click callbacks upfront. How do I deal with this in dash.
Also what dash component does the forum recommend for the thumbnails. At the moment, I am using cards from an extension called dash bootstrap components (Card - dbc docs)
I am curious how that looks. Do you have a screenshot. I did not want to use columns, because I want the user to be able to adjust the browser zoom settings and the images floating around. So, the user can zoom in and have 3 images in a row and then zoom out to have 10 or 20 images instead.
I understand the columns so that it would fixes the number of images per row. Or am I mistaken?