CSS Parameters

CSS Survey Parameters

CSS stands for Cascading Style Sheets
Styles define how to display HTML elements. Below you can find the parameters used in our application.

Note: rank scale question type refers to both 'Rate Different Items' and 3D Matrix types of question. Changing appropriate styles will be applied to both types of question in your survey.

Click here to view how CSS classes are represented within a survey:

BACKGROUND	Survey background
#tablelogo	Survey logo table parameter
HTLOGO	Survey logo parameter
TABLEBCKG	Survey body table background
UPTABLE	Row of survey name - 'tr' parameter
H1	Survey name parameters - 'td' parameter
H10	Survey text description
H2	Question text parameters
H22	Text only (introduction and headings) parameters
H3	Answer text parameters
H4	Answer text parameters for rank scale question type
H4LEFT	Answer text parameters for rank scale question type left part
H4RIGHT	Answer text parameters for rank scale question type right part
H5	Answer text parameters for left column of 'Compare One Against Another' question type
H11	Word 'or' between left and right columns of 'Compare One Against Another' question type
H6	Answer text parameters for right column of 'Compare One Against Another' question type
H7,H8,H9 H12-H21	Title text parameters for rank scale question type Example: 3 columns: 7-8-9 4 columns: 7-12-13-9 5 columns: 7-12-8-13-9 6 columns: 7-12-14-15-13-9 7 columns: 7-12-14-8-15-13-9 8 columns: 7-12-14-16-17-15-13-9 9 columns: 7-12-14-16-8-17-15-13-9 10 columns: 7-12-14-16-18-19-17-15-13-9 11 columns: 7-12-14-16-18-8-19-17-15-13-9 12 columns: 7-12-14-16-18-20-21-19-17-15-13-9
HHeader	"Survey Header" text parameter
H1name	"Survey Name" text parameter if survey contains "Survey Header"
HFooter	"Survey Footer" text parameter
ODD	Background of odd lines of answer text parameters
EVEN	Background of even lines of answer text parameters
ODD_BAR	Color of completed part of the survey progress bar.
EVEN_BAR	Color of not completed part of the survey progress bar.
HAND	Cursor parameters Example:.Hand {cursor: hand; border-style: none}
HEADING	Background of heading answers text parameters
H23	Text 'Page x of y' parameters
H25	Total column in numeric allocation
HRG3D	"3D Matrix" column elements parameter
HBUTTONS	Survey buttons parameter
htmlButton	HTML buttons parameter
cRadio	Style of radio buttons
cCheckbox	Style of check boxes
inputSingleLine inputNumericAllocation inputNumericAllocationTotal input3DH7 input3DH8 input3DH9 input3DH11 input3DH12 input3DH13 input3DH14 input3DH15 input3DH16 input3DH17 input3DH18 input3DH19 input3DH20 input3DH21 input3DH23 input3DH24 input3DH25 inputPickOneOther inputCheckAllOther inputPickOneComment	Text fields parameters for appropriate question type
textareaMultiLine	Multiline fields parameter
FormSelectBox	Dropdown fields parameter
.TYP_main #TYPbackground #TYPtablebckg #TYPuptable #TYPH1 #TYPbody #TYPtblAnswer #TYPODD #TYPH3	'Thank You' page parameters.
.WBP_main #WBPbackground #WBPtablebckg #WBPuptable #WBPH1 #WBPbody #WBPtblAnswer #WBPODD #WBPH3	'Welcome Back' page parameters.

Note

Rank scale question type refers to both 'Rate Different Items' and 3D Matrix types of question. Changing appropriate styles will be applied to both types of question in your survey.
By default the 'Thank You' page and 'Welcome Back' page design inherit the design applied to your survey. To change particular elements of both pages use the CSS provided in the table above.

Click Back to go back to the previous page.

To restore the default settings, click the Default button.

Click the Add to Library button to edit your own CSS style and add the modified theme to the library.