Tree Multiselect

4 Responses

1. Lauri Kieksi

   Working on a new multiselect control for our CMS to accommodate both flat and hierarchical data types. The major remaining issue is how to indicate the selected items' path in a compact way without opening the actual menu, so if anyone has any ideas, I'd be happy to hear them :)

   over 1 year ago

2. Tomislav Glavaš

   Use checkboxes, imho. Put them on the right side, so they are easily scannable, add a border between each of the categories, so its easily seen wich category is checked..

   And finaly, seperate via a vertical border the clickable area that expands the subtree, and the clickable area that changes the checked state.

   As you can see, Im good with words. Lol. :D

   over 1 year ago

3. Tomislav Glavaš

   Now that I looked a bit closer, its a rather complex UI concept. Using checkboxes would mean those selected should never be hidden by toggling the parent.

   Somehow I dont have much love for mixing the tree control, "tag mechanism" and search all in one. I dont know where to click, or double click to add a category...

   1likes

   over 1 year ago

4. Lauri Kieksi

   Thanks for the feedback. There's a lot going on in a tight space, so it's probably not immediately intuitive. It's likely we'll end up using a kind of custom checkbox as the click target for adding a category to the selection. It's worth noting that the dropdown is a secondary input method, whereas the primary is to drop categories into the tag box from elsewhere.

   over 1 year ago