Horizontal View for Image Classification

[ryanwesslen]

hi @c00lcoder!

Thanks for the context -- that makes sense.

Yes, for the layout you want, custom CSS would be the best route. I would need to take some time to think about it more in detail.

However, there may be an alternative layout too to accomplish the same task. Can you describe your choice columns a bit more--Would they be integers from 0 to 10 like your example? If so, why do you have two columns? Perhaps to avoid too long of a choice list for numbers > 10.

If this is the case, perhaps an alternative layout may be easier.

Option 1: Add a Slider

is there a slider interface?

Hi! There's not currently a slider interface, no. If you want to use values on a scale, you could set them up as choice options. This also gives you keyboard shortcuts out-of-the-box, so you can just press 1 for 1, and so on. Alternatively, you can also easily add your own slider with the html interface and a JavaScript function that adds the selected value to the current task. Here's an example: <input type="range" id="slider" min="1" max="5" onChange="handleChange(this)" /> function handleC…

Option 2: Input Box

A Prodigy community member asked something similar. They needed four choice columns below an image.

I showed them how to convert it to multiple text_input (open-ended text boxes):

Creating custom labels review recipe to remove noise from the dataset

hi @nlp-guy! Very interesting project! Thanks for sharing and your questions. Four different input panels (arms) may be challenging. The simplest would be to label one arm at a time. However, I bet you've already rejected that idea to avoid doing 4x annotations. Another option may be to create four vertically stacked input boxes with field suggestions. You'd use the open-ended text input box but add in field_suggestions which then uses an auto-suggest and auto-complete. You can tab between …

Since they were selecting categories, the post includes how to use field suggestions which may not be relevant for you since you have a numerical (integer) input.

Let me know if this helps. If not, I can try to look at the CSS later on to debug for the original layout.