Creating a custom grid layout for checkboxes in Prodigy UI


I'd like to create a custom grid-based layout for a manual multilabel text classification task, as in this mockup:

What would be the easiest way to do this in Prodigy?

(The actual task will have ~40 labels in 8 columns, and the task setting is fixed, i.e. the task cannot be decomposed into e.g. multiple stages.)

Hi! Here's a very small CSS snippet that should work pretty much out-of-the-box:

If you need more than two columns, you can just add another entry to the grid-template-columns. You can also customise the cardMaxWidth theme setting if you need the annotation card to be wider and give it more space for the columns.

Brilliant, thanks for the quick response!