Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. COIf I want to be really stubborn and keep the visual interaction within CSS as much as possible, I could simply have the class of the entire fieldset change to "visible" or "checked" (via js) and have the rules in place for the expanded fieldset to be visible to that class in CSS...
      singulars
    2. COI think what is really throwing people off about this idea is the check-able fieldsets. That's why the first thing I did was validate it. Imagine a medical form where you have to choose types of family history. Semantically, in my mind, the way to keep it simple and minimize overwhelming the user is to have a list of basic groups: "Cancer", "Mental Illness", "Heart Failure", and then if they choose one of those, ask for more details. So it's not just an interactive device, the main groups are actual choices to a larger question...
      singulars
    3. COWhich raises sub-questions. So if I want my form to be as laid-out as possible (meaning checking a box doesn't suddenly change that choice in the DOM --turning it into a header, for instance) and also keeps the sub-questions actually as children of the major question (rather than tack on an extra fieldset floating next to the first question), then what makes sense to me is to have each choice expand out into a full fieldset, and the best role for the initiating choice--at that point-- is as the legend for that fieldset. Plus it LOOKS visually correct once it expands out. So says me, at least.
      singulars
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload