Dynamic Image Display on Selection in Detail View

Hi everyone,

In a custom verification dashboard, we’re displaying multiple product images in an inline gallery. I’d like to achieve the following behavior:

  • When a user selects an image from the gallery, the large preview on the right (Detail view (image is in background)) should either update dynamically to show the selected image,

  • Or, if the background image in the Detail view cannot be updated dynamically, then the image preview section should scale responsively, large enough to show full visual details.

Is there any recommended way to implement this behavior, either via dynamic image referencing or configurable image sizing for better visibility? Thanks in advance for any suggestions.

 

Islom_0-1746733299617.png

 

0 3 96
3 REPLIES 3

Can SVGs help?

I have not found way to use SVG and an column using Image URL.

But using a Detail View with a longtext set to HTML would work but still limited to width of detail block 

'<img src="Your_Image_URL" >'

Make sure that a full URL is used for image. Note portrait images show nice but landscape limited to design width of block. 

1746801382639977008739919519012.jpg

17468015009945955403295130325423.jpg

@Islom this is only way I know.

17468016152439124710367052378490.jpg

17468016474766295269369701885789.jpg

Top Labels in this Space