Custom CSS on survey

[Henrik Jutterst]

We are about to create a customer survey but want to brand the survey to match our external website with background images, fonts and so on. Is there a way to have a custom css properties to a survey?

I'm looking for something like:

<style>
html {
     min-height: 100%;
}
body {
background: url(http://link-to-background.png) no-repeat center bottom;
background-size:100%;
}
</style>

The survey should include:

• A welcome / information paragraph
• About 10 questions
• Footer paragraph

All on one survey page. Where I can control CSS on all elements in the survey. Either on css class or id.

[Gaurav Bajaj · Accepted solution]

Hi,

For creating survey, you can take help from "Survey Designer"

http://wiki.servicenow.com/index.php?title=Survey_Designer#gsc.tab=0

For changing the CSS, you need to make changes in UI page "assessment_take2" and incorporate your style to it.

I just changed the background color here, you can certainly play around it.

Thanks

Gaurav

[Henrik Jutterst]

Just a quick question.. Why do I make changes in this particular UI Page and how did you know that this was the one to change in for surveys? How can I see that in the UI?

And also, If we have more than one survey, will this css effect all of them?

Kind regards

[Gaurav Bajaj]

Hi Henrik,

UI page name lies in the URL itself and yes, its going to affect the CSS of all the survey as its the one generating the surveys.

[Henrik Jutterst]

Hi Gaurav and thanks for your input.

That might be exactly what I was looking for!