Autoscroll for Rank Order/ Pick, Group, and Rank Questions

Question

I've seen this question asked before, and any Javascript or CSS snippets I find that would seemingly solve the problem never work for me, unfortunately.

I have a Pick, Group, and Rank question with a bunch of items (about 20), and the same number of groups (we want respondents to drag each item into one box, with just one item per box). I've managed to make the Group box heights smaller, but unfortunately, the number of items and groups is still too large to view all in one screen, and the screen does not automatically scroll when a respondent picks an item and tries dragging it to a group box that's far below on a page. I would just love this to be a possibility, as it makes answering the question properly virtually impossible/ I imagine respondents would get tired of shifting items around in the groups if they even took the trouble to do so, to get around the lack of scrolling while having selected an item to drag and drop.

Any help in getting an autoscroll with drag and drop? I can't imagine it's more than a couple of lines of code, but it's been beyond me so far. Many thanks!

TomG · Accepted Answer

The quick and dirty answer is change the items to stacked and autoscroll will work.There is a  long and involved answer that doesn't require stacking. The the drag and drop uses the jquery ui sortable widget.  To get the page to scroll you need to create (and style) a helper clone and append it to the document body.

lamason_ncsu19 · Answer

Stacked items negate ability to rank so that does not work with multiple items. And there have been enough queries on this topic - QUaltrics please just fix this for us novice users.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded