2

I have an application where the client can select items from a tree-like structure using checkboxes. Items with only some sub-items selected show only a "grayed" check mark which transports the "not entirely selected"-information quite clearly and works quite nicely.

Later on a report is generated which contains the selected items of the tree structure only (with the unselected ones omitted). Therefore it is difficult to spot which items are only partially selected on the report (changing the selection at that point is not allowed any more so no checkboxes are shown).

What would be a good visual reminder that a listed item is only partly selected?

2
  • a greyed checkmark would indicate to me that it is disabled, I prefer the indeterminate checkbox(little black square) to indicate "not entirely selected"
    – Dave Haigh
    Aug 19, 2014 at 14:06
  • @Dave Haigh: Sounds good I'll change that. Thx
    – Askaga
    Aug 19, 2014 at 14:50

3 Answers 3

2

mockup

download bmml source – Wireframes created with Balsamiq Mockups

1
  • 2
    Good idea! I would recommend having the shading be diagonal so it doesn't imply 50% (unless, of course, you render it "filling up" as more child items are checked...)
    – J. Dimeo
    Aug 27, 2014 at 11:34
3

A good representation is to use an un-checked checkbox for no items, a check mark for all and a tiny filled square for some items. This is the convention Windows 8 OS.

enter image description here

1
  • As I stated I already have that for the selection form (with gray checkboxes instead of squares). Do you suggest that I reproduce the checkboxes on the report? I think that may be quite confusing since you are not allowed to change anything anymore at that point.
    – Askaga
    Aug 19, 2014 at 13:55
0

Since indeterminate checkboxes aren't available natively on the web, I've historically supported this by preventing users from collapsing subtrees with some (but not all) children selected.

We also added a tooltip on the disclosure toggle explaining why it was disabled.

In this way the user could always see all the items that were selected at any given time (at the expense of some space on screen). For our data, that was manageable. Your mileage may vary depending on the contents of your tree.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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