SharePoint 2010 Surveys & How to Fix the Rating Scale Spacing

I recently have been asked to create surveys to capture this and that and the most commonly used question in my experience is the rating scales, but this question type is also the cause of an issue.  The issue is that longer questions within the scale get smashed together like I have shown below and make it nearly unreadable.  In this article I will show you how to fix this issue.

To Fix This Issue You Will Need:

1.    SharePoint 2010

2.    A Survey

3.    A question using rating scales

4.    SharePoint Designer

5.    This Code Block:

<style>

.ms-gridT1 { padding-top: 10px; padding-bottom: 10px; }

</style>

After you have created the Survey and you have questions which utilize the rating scale, you will need to open SharePoint Designer.

From SharePoint designer navigate to your site and then open the survey under lists and libraries.

The next set of steps will need to be done for the “DispForm.aspx”, “EditForm.aspx”, & “NewForm.aspx”.

To increase the padding between questions:

!1.    Right Click the NewForm.Aspx & edit in advanced mode

2.    Set the View to either Code or Split

3.    Find the Tags <ContentTemplate></ContentTemplate>

4.    Place the provided code block within these tags like the image below:

a.    

5.    Right Click the form tab and select save.

6.    Say Yes to the following message

a.    

7.    Navigate to your site and pull view the form (whichever form you did these steps for, I happened to do the newform for this example) and it should look like the below screen shot

!!!Please Note!!!!!

You will have to do this process for each of the forms within your survey.  In this example I did the newform, but if I were to view the item using the viewform, the questions would be smushed since we have not modified that display form.

I hope this helps and enjoy the easy to read surveys!

Dan