1

I need to create a tree-view which allows users to select nodes (using a checkbox). The tree-view contains two types of node, "group" and "item". A "group" node can contain both "group" and "item" nodes. An item node can't contain other nodes. Crucially selecting a group node should automatically select all node below it (to the bottom of the tree).

However, due to this last criteria I can't figure out the following behaviour (I make reference to the attached diagram).

  1. The user selects Group A
  2. Now Group A, Group B, Item 1 and Item 2 are now checked.
  3. The user then deselects Item 1

What should the state of Group A be (checked, unchecked or indeterminate)?

Diagram

  • Does your implementation automatically select Group A if Group B, Item 1, and Item 2 are all independently selected by the user? – Kit Grose Jan 14 at 7:00
4

The latter answer is generally used in the tree view on MS based products.

I would question the what are you trying to achieve from a users point of view, symbols are fine in long used MS products, but you don't have the luxury of that familiarity. I would suggest:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.