Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

CSS Class Name

Description

Content

NoAnswer

Hides the answer for a variable. 
Use this CSS Class when creating a variable
that is a note or instructions.

.NoAnswer .AnswerPanel 
{  
     display: none;
}

RedBackground

Displays a red background for the variable.

Tip

to create a CSS class with a different color background you would change the CSS Class name and the hexadecimal value to the desired color


.RedBackground 
{
    background: #FF0000; 
}

WhiteFont

Displays the text with a white font

.WhiteFont

  color: #FFFFFF;
}

Font12

Displays the text with 12point font-size

.Font12
{
  font-size: 12pt;
}

SmallerPickListFont10

Reduces the size of the text in a drop-down pick list variable

.SmallerPickListFont10 .AnswerPanel select
{
   font-size: 10px;
}

RadioButtonHeight30

Increases the spacing between radio buttons for a Vertical Radio Button type variable

.RadioButtonHeight30 .RadioButton
{
   height: 30px;
}

NoPaddingVar

Removes all the built-in padding around a variable

Info

This CSS Class is only valid at the variable level


.NoPaddingVar
{
   padding: 0;
}

NoPaddingVG

Removes all the built-in padding around all the variables in a variable group

Info

This CSS Class is only valid at the variable group level


.NoPaddingVG .VariablePanel
{
   padding: 0;
}

LessPaddingVG

Reduces the amount of padding around a variable 

Info

This CSS Class is only valid at the variable group level


.LessPaddingVG .VariablePanel
{
   padding: 2px;
}