Versions Compared

Version Old Version 17 New Version 18
Changes made by

Mary Lukowski

Mary Lukowski

Saved on

Key

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

...

A CSS class is defined on the Global Code tab of the Project Update page in the Styles (Css) section.  The text in the Content column of the table below can be pasted into the Styles (Css) section.  The CSS Class can then be used within the project at the Variable or Variable Group level.  If using any of the examples below, the value in the CSS Class Name column is specifed in the variable or variable group CSS Class field. 

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

Removes all the built-in padding around a variable

.NoPadding .VariablePanel
{
   padding: 0;
}

NoPaddingVG

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

.NoPadding .VariablePanel
{
   padding: 0;
}