Tree Multiselect

Tree-multiselect-dribbble

4 Responses

  1. Lauri Kieksi 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 2 years ago

  2. Tomislav Glavaš 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 2 years ago

  3. Tomislav Glavaš 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...

    likes

    over 2 years ago

  4. Lauri Kieksi 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 2 years ago

keyboard shortcuts: previous shot next shot L or F like