FLUID-3870: Redesign the grid reorderer demo

Description

Redesign the grid reorderer to be a alphabet sorter.

• Replace the words with a random order of letters.
• Add a title and instruction directing the user what to do (perhaps the title "Letter Sorter" and the instruction text "Re-arrange the letters into alphabetical order."
• Add keyboard instruction text similar to that seen in Layout reorderer.

Attachments

• FLUID-3870.patch
• FLUID-3870-2.patch
• FLUID-3870-3.patch
• FLUID-3870-4.patch
• FLUID-3870-5.patch
• FLUID-3870-6.patch
• FLUID-3870-7.patch

Comments

• Jonathan Hung commented 2010-12-01T11:09:25.091-0500

  The design is to be finalized. Should be done very soon!

• Justin Obara commented 2010-12-01T17:05:14.304-0500

  "Bug Parade Infusion 1.3"

• heidi valles commented 2010-12-03T10:41:23.203-0500

  Grid reorderer changes - please review Jon!

• Jonathan Hung commented 2010-12-06T10:21:00.453-0500

  Simplified.

• Jonathan Hung commented 2010-12-06T10:25:16.312-0500

  Simplified.

• Jonathan Hung commented 2010-12-06T10:26:33.418-0500

  Patch-4 attached. Review please.

• heidi valles commented 2010-12-06T12:43:42.982-0500

  Re: patch 4 I've noticed a few things on IE8:

  -the moveable pointer doesn't happen on selected items
  -when clicking on the whitespace of an unselected item, the entire grid gets a black outline
  -when tabbing to the grid, an outline around the grid flashes
  -also a black line along the bottom of the page when tabbing out of the grid

• Jonathan Hung commented 2010-12-06T15:24:18.107-0500

  Fixed problems in IE8: unable to select items, black lines.

• Jonathan Hung commented 2010-12-06T16:22:09.859-0500

  Patch-6 successfully passed initial testing. Please review.

• Jonathan Hung commented 2010-12-07T16:30:15.903-0500

  Review patch-6 please.

• Michelle D'Souza commented 2010-12-08T10:43:03.416-0500

  I think it would be better to change the markup to not use a 'ul' since this demo isn't semantically a list.

• Jonathan Hung commented 2010-12-08T14:46:17.679-0500

  Switched from reorderable List to DIVs.

• Jonathan Hung commented 2010-12-09T10:41:29.604-0500

  Please review patch 7.