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 thumbna…

Thanks @chriddyp - was able to get it implemented using pattern matching callbacks.

Do you mind sharing your solution? I am trying the same.

Hi @mail8 - For the image thumbnails I ended up using card columns and cards from an external library for Dash called “Dash Bootstrap Components” Card - dbc docs I provided each card with an id that leverages the pattern matching callback feature as pointed out by @chriddyp earlier on this thread 📣…

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 under…

The other question would be how to update or delete single items instead of recreating the whole set. I am displaying hundreds of images and it takes quite a while to generate them sometimes.

PS: My solution looks like: ... if not os.path.isfile( fn ) or regenerate: create_preview_peakshape(ms_files, mz_mean, mz_width, rt, rt_min, rt_max, image_label, wdir, title=peak_label, colors=file_colors) if os.path.isfile(fn): …

Clickable image thumbnails without knowing number of images upfront

Dash Python

chriddyp October 8, 2020, 3:40pm 2

Try using pattern matching callbacks 📣 Dash v1.11.0 Release - Introducing Pattern-Matching Callbacks

Topic		Replies	Views
Clickable images that trigger callback? Dash Python	0	1301	January 26, 2021
Updating Card Img using Card dropdown Dash Python question	3	915	August 9, 2022
Rendering list of card images taking too long Dash Python	8	560	March 23, 2023
Variable number of image displayed Dash Python	1	516	March 30, 2022
Trigger callback on image click Dash Python	6	4255	March 22, 2021

Clickable image thumbnails without knowing number of images upfront

Related topics