Library       Drag-and-Drop Ranking in Grid

Adds drag-and-drop ranking functionality to a grid question.



Transforms the specified rows or columns from numeric ranking to drag-and-drop ranking.


  • Any row / column that is going to be drag-and-drop should be set as ranking-type with numeric fields in the grid settings.
  • Line 44 of the footer must be updated with the orientation of the grid.
  • Line 45 of the footer must be updated with which rows / columns are to have drag-and-drop and how many items are to be ranked. Example:
    rankedListValues = {
    1: colsList.length, // set first row to drag-and-drop where all columns must be ranked (for col-oriented grid, use "rowsList.length")
    2: 2 // set the second row to drag-and-drop where two items must be ranked

    Uncommenting lines 48-50 will set each row to use drag-and-drop with all items being ranked.
    Uncommenting lines 51-53 will set each column to use drag-and-drop with all items being ranked.


  • Line 54 of the footer can be updated with whether the first click should rank the entire row / column.
  • Line 55 and line 56 can be used to hide the first row / first column of the non-mobile grid.


So alternating colors look best, it is recommended that you set "Alternating Color Direction" to the same value as your grid orientation.

 Usage Terms     Read Question Library Help

Community Question Library

Explore Question Library

Beginning with Lighthouse Studio 9.3, you may create a personal question library with your favorite questions. This page contains survey questions that have been submitted by our user community. You may download the questions and then import them into your Lighthouse Studio question library and freely use them within your surveys. All of the amazing items in this library are entirely user-contributed and user-supported!

Explore Question Library