Versions Compared

Version Old Version 18 New Version 19
Changes made by

Mary Lukowski

Mary Lukowski

Saved on

Key

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

...

Info

The CSS class names are case-sensitive.  The name entered in the CSS Class field for the variable or variable group must match the case of the CSS class name entered in the global code

 


Examples:

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;
}

RadioButtonHeight30

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

.RadioButtonHeight30 .RadioButton
{
   height: 30px;
}

VariableNoPadding NoPaddingVar

Removes all the built-in padding around a variable

.NoPadding .VariablePanel NoPaddingVar
{
   padding: 0;
}

NoPaddingVG

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

.NoPadding NoPaddingVG .VariablePanel
{
   padding: 0;
}