Select Items to Rank

In default mode, the Ranking question requires that respondents sort all choice options available. This demo shows how to configure a rank order question to enable respondents to filter out unwanted items and only prioritize the items they want.

To enable item selection, assign true to the selectToRankEnabled property. With this setting, the Ranking question displays two areas for ranked and unranked items. To order items, respondents should first drag them from the unranked to the ranked area.

The ranked and unranked areas are positioned next to each other. If you want to display them one above the other, set the selectToRankAreasLayout property to "vertical". This example demonstrates both the horizontal and vertical layouts.

If you want to limit the maximum number of choices that respondents can select, assign this number to the maxSelectedChoices property. On reaching the limit, the ranked area stops accepting items. In this demo, the maxSelectedChoices property is set to 3.

Similarly, you can use the minSelectedChoices property to specify a minimum number of choices. If respondents select fewer choices, the Ranking question displays a validation error. This demo sets the minSelectedChoices property to 2.