Configuring an item in a list of items

The Ask:

Working on a problem where I have to be able to select/enable various levels for an individual item (box).

enter image description here

Perhaps what I have is not that bad. Issue is there might be 10+ items (box) in the list, so I feel this would be clunky to drop down the items to config for each item.

Wondering if anyone has run into this type of UX before. I was also contemplating to maybe be able to click the level circles and they can toggle between nothing (white), Blue or green.

I do think, however, this is not intuitive and some discovery would be needed. I don't think I am a fan of that. But let me know your thoughts.

Basic UX flow:

  1. You would add the "item" to the list, all levels would be unselected (white)
  2. Now I need to config the item to have 2 blue, 3 green

Restrictions

This is already on an edit page, so I cannot toogle an edit mode where the dots change to say checkboxes.

Edit: This is for a training app: So Levels are just different difficulty of questions in this item. Green we can say is regular daily training, and blue we can say is some type of onboarding. That help?

Tags: