Style Sheets are an advanced feature that require knowledge of HTML.
Stylesheets can be developed and applied internally within your survey. One such stylesheet that was inserted into the header of a survey is shown below:
<style>
body
{
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
}
A:link { color: #003300; }
A:visited { color: #003300; }
A:hover { color: #003300; }
.QuestionError
{
color: red;
font-weight: bold;
}
.error
{
color: red;
font-weight: bold;
}
.mySeparator
{
width: 600px;
height: 2px;
color: #003300;
align: left;
}
.myContent
{
font-size: 18px;
font-weight: bold;
color: #336633;
}
/* name preference style by Chiquita, from Chiquita, etc. */
.myName
{
font-weight: bold;
color: #336633;
font-size: 14px;
}
.myQuestion
{
font-weight: bold;
color: #336633;
font-size: 18px;
}
.myInstructionQuestion
{
font-weight: bold;
font-size: 18px;
color: #336633;
}
.myResponse
{
font-weight: bold;
}
.myResponseInline
{
font-weight: bold;
}
.myResponseInlineTiny
{
font-size: 9px;
font-weight: bold;
}
.myScale
{
font-weight: bold;
font-size: 12px;
}
.myScaleTiny
{
font-weight: bold;
font-size: 11px;
}
.myInstructions
{
font-weight: bold;
font-size: 12px;
color: #003300;
}
</style>
The actual survey questions then call for these styles.
The first question is an introductory question that uses a <span class="myContent"> command to call for the stylesheet and
define the font size and font color of the question. The .myContent style from the above stylesheet contains the following definitions for font size, font weight and font color:
.myContent
{
font-size: 18px;
font-weight: bold;
color: #336633;
}
The class code definition appears only in the header and is not repeated for each question.
Only the <span class="myContent"> command is used in the actual question code.
The actual code for the question is as follows:
<span class="myContent">
Hello and welcome!
<BR/><BR/>
We are collecting data to better understand household fruit consumption and get your opinion about a potential name for a new product.
<BR/><BR/>
Thank you for taking the time out of your busy schedule to help us learn more.
<BR/><BR/>This should take 10-15 minutes.
</span>
The actual text that is produced using the style sheet appears:
Style sheets and HTML can be used for both questions and answers.
Hello and welcome!
We are collecting data to better understand household fruit consumption and get your opinion about a potential name for a new product.
Thank you for taking the time out of your busy schedule to help us learn more.
This should take 10-15 minutes.
|
