Clickable image thumbnails without knowing number of images upfront

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.

I tried using dynamically defined callbacks by referring to this thread Dynamic Controls and Dynamic Output Components

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 (https://dash-bootstrap-components.opensource.faculty.ai/docs/components/card/)

1 post - 1 participant

Read full topic