Sawtooth Software: The Survey Software of Choice

Adding text to a page with CSS

Is it possible to add text to a spot on the question that isn't normally editable?

CSS and JavaScript can both be used to add content to your page, even if SSI Web doesn't give you a window to edit that area specifically.  This Knowledge Base article covers using CSS.

CSS has a "before" and "after" way to create a psuedo-element on your page that is positioned before or after content in an existing element.  To use an example, when Semantic Differential questions were added to SSI Web, but there is no way to put an corner labels. The HTML table cells that made up these corners, however, have unique CSS classes to them, which we can use to target with before and after.

<style type="text/css">
.left_label_header:before {content:"hello";}
.right_label_header:before {content:"goodbye";}

The above code will find the left label header and stick the word "hello" in it, and do the same with right label header and goodbye.  The above code should work back through IE 8.

Sawtooth Software

6:30 AM to 5:30 PM Mountain Time
(GMT-6; GMT-7 Autumn/Winter)
Monday through Friday

Phone: +1 801 477 4700
Fax: +1 801 337 7410

SKIM Software

9:00 AM to 5:30 PM Central European
(GMT+2; GMT+1 Autumn/Winter)
Monday through Friday

Phone: +31 10 282 3500
Fax: +31 10 282 3560

We're open!

Lighthouse Studio

Lighthouse Studio is our flagship software for producing and analyzing online and offline surveys. It contains modules for general interviewing, choice-based conjoint, adaptive choice-based conjoint, adaptive choice analysis, choice-value analysis, and maxdiff exercises.

Try Lighthouse Studio

  Buy Lighthouse Studio