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
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
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...
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.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter