Selected and unselected values formatter

The default formatter for multiple values displays only those values that were selected in the node edit form. Sometimes it's useful to show all values and with some added markup indicate which values were selected.

This module provides a formatter that shows both unselected and selected values and lets you define markup to be printed before and after the value itself. It wraps the item in a span and lets you define the css class for that span, different one for the selected and unselected value.

I18n translations will be used if the corresponding modules (Field translation, Taxonomy translation) are enabled and fields are actually translated.

Caution: no sanitation will be done on entered values on settings page.

Possible use cases

You need to express what the total space of choices are.

[_] A (superior)
[_] A-
[_] B+
[X] B (good)
[_] B-
[_] C+
[_] C (average)
[_] C-
[_] D+
[_] D (poor)
[_] F (failure)
[_] I (incomplete)
[_] PR (course in progress)
[_] W (withdrew from course)
[_] FF (failing in a pass/fail course)
[_] PP (passing in a pass/fail course)
[_] N/C (not for credit)

You need to express your progress on a checklist.

[X] AV needs sent to hotel
[X] Flowers for the head table ordered
[X] Room set-up forms sent to the hotel
[X] Head table seating determined
[X] Meal programs prepared
[_] Meal programs sent to caterer
[_] Evaluation forms for conference prepared
[_] Reminders to speakers sent

You need to be able to visually compare nodes (for example with https://drupal.org/project/views_flipped_table).

Room one       Room two       Room three
[x] Shower     [x] Shower     [x] Shower
[x] Ironing    [ ] Ironing    [ ] Ironing
[ ] Mini bar   [ ] Mini bar   [x] Mini bar
[ ] View       [x] View       [ ] View
[x] Extra bed  [ ] Extra bed  [ ] Extra bed

Style examples

Whatever markup you like, before or after the value itself.

[x] Selected
[ ] Unselected

[•] Selected
[ ] Unselected

001 [x]
002 [ ]

(some image) Selected
(other image) Unselected

You can even use an actual checkbox element and let the browser render it, for example:

<input type="checkbox" disabled="disabled" checked="checked"> 
<input type="checkbox" disabled="disabled">