Horizontal View for Image Classification

[ines (Ines Montani)]

Hi! One solution would be to use the global_css setting and define two columns: one for the image container and one for the container of the choice options. This example here shows how to align the options themselves in two columns but the idea is the same for the .prodigy-container block with the image and choice options.

Display choice options in columns

With the new global_css option in v1.7, you should be able to add this pretty easily. The options container doesn’t have a human-readable class name at the moment, but you can find the current compiled one by opening your browser’s developer tools: [54] If you’re using a modern browser, the following CSS should be all you need: .c01132 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } This will display the contents of that container (i.e. the options) using CSS …

If your labels are very short, you could even do both: display the labels in two columns, in a column next to the image