Two images at the same time

[ines (Ines Montani)]

Hi! This should hopefully not be difficult to solve How are you planning on loading in the image pairs? Do you have them saved as files somewhere, or do you have them in a Prodigy dataset? So depending on how your data is stored, you probably want to write a small function that loads the image pairs and creates one example dict with two images.

Next, you could use a custom HTML template to display them side by side. I've posted a similar example in this thread:

Custom styling: split window with input and suggested output

To expand the card, you can use the "cardMaxWidth" setting in "theme", which takes a number for the pixels. If you set it to a higher number, the card can be wider. For everything else, you might want to use a custom "html_template"? You can style it inline, or use the "global_css" for it. Here’s a simple example – imagine your task data looks like this: {"html_report": "<strong>Some HTML here</strong>", "output": "Suggested output here"} Your template could then look like this: <div style=…

It's for an input / output comparison, but the idea is pretty much the same. In your case, both columns would then include something like <img src="{{image1}}" />, which would refer to the "image1" property in your task.