How do I customize the width of the first column in a standard Grid question? (Power Surveys)

Use this script to adjust the width of columns in one of the following standard Grid questions:

• Single Choice Grid
• Multi Choice Grid
• Rank Order Grid

Note: This script will not work for visual Grid questions. 

Detailed Steps

1. Copy the script below.
2. Select the grid question in the Questionnaire Tree.
3. In the Scripting section of the question, click Edit Scripts.
4. Paste the script into Style tab.
5. Change FIRST_COL to a number in pixels that you want the first column to occupy on the grid.
6. Change OTHER_COLS to a number in pixels that you want each and the rest of the columns to occupy on the grid.
   Note: Numbers should add up to no more than 900 pixels to achieve consistent results across all browsers. For example, for a 6-column grid, 300 + 100 * 6 = 900
7. Click Save.
8. Validate and test your survey.

Script:

<!--

Script Name: How do I customize the width of the first column in a standard grid question?

To ensure your script works as expected, always copy the original script from the script library found in the support portal. Failure to use the most up to date script from the script library may cause unexpected results. 

-->

<STYLE>
.ResponseGridHeaderTd, .ResponseGridTd, .ResponseGridTdAlternate{
    width: OTHER_COLSpx !important;
}
.EmptyColumnTd, .ResponseGridTdLabelCol, .ResponseGridTdLabelColAlternate{
    width: FIRST_COLpx !important;
}
</STYLE> 

Note:

• If you want to update the column width for multiple grid questions, then please repeat this process for each question.
• If you have more than one grid question on a page, then please use the script once in the Style tab of the page.

More Information

For more information, please see these articles:

• Grid
• Rank Order Grid