How to use Vertical Drag and Drop

Transform a single choice grid question into a drag and drop question.  The row responses are dragged from above onto the droppable areas containing the contents of the column headings.

  

Sort Item Layout

  • Sort items per row - The number of sort items per row
  • Sort Item table spacing - The spacing above the first row and below the last row of sort items

Sort Item Styling

  • Sort item colour- The colour of the sort items
  • Sort item width - The width of each sort item
  • Sort item height- The height of each sort item
  • Sort Item top space - The space above the contents of each sort item
  • Sort Item Rounded- Rounded corners on the sort item
  • Image Auto size - Automatically size images to fit sort items. Image width is set to the width of the sort items.

Sort Item Text Styling

  • Sort item text colour - The colour of the text in the sort items
  • Copy Editor Text Styling - Copy font size, weight and horizontal alignment from editor
  • Sort Item Text Size - Set the font size  of any text contained within the sorti Items.
  • Sort Item Text Weight - Set the font weight  of any text contained within the sorti Items.
  • Sort Item Text Style - Set the font style  of any text contained within the sort iItems.
  • Horizontal alignment of text - The horizontal alignment of any text contained within the sort iItem.
  • Hide Text - Hide the text in the sort items (show only images)

Sort Item Border

  • Sort Item Border- Show a 3D border around the sort items
  • Border Width - Set the width of the border

Drop Item Styling

  • Drop item colour- The colour of the Drop items
  • Drop Colour - Colour the drop item flashes to indicate a drop
  • Drop item width - The width of each drop item
  • Drop item height- The height of each drop item
  • Vertical align - The alignment of the dropt item text
  • Drop item spacing- Spacing around the drop items
  • Drop Item Rounded - Rounded corners on the drop item
  • Image Auto size - Automatically size images to fit drop items. Image width is set to the width of the drop items.

Drop Item Text Styling

  • Drop item text colour - The colour of the text in the drop items
  • Copy Editor Text Styling - Copy font size, weight and horizontal alignment from editor
  • Drop Item Text Size - Set the font size  of any text contained within the drop items.
  • Drop Item Text Weight - Set the font weight  of any text contained within the drop items.
  • Drop Item Text Style - Set the font style  of any text contained within the drop items.
  • Horizontal alignment of text - The horizontal alignment of any text contained within the drop item.
  • Hide Text - Hide the text in the drop items (show only images)

Drop Item Border

  • Drop Item Border- Show a 3D border around the drop items
  • Border Width - Set the width of the border
  • Auto Next - Automatically move to the next question when all items have been dropped

Advanced

  • Debug Mode - For advanced users, additional error messages are displayed.