Survey Tool CSS Tricks

Labels to the Left of Inputs

The default for a Survey created in Zope is to have questions/labels appear above the corresponding input field. Sometimes, it is desireable to display labels to the left of the input fields. This is possible with CSS.

To do this create a file called local.css in the same folder as your survey. Include the following styles in the local.css file:


.survey-question-text {
  float: left;
  width: 200px;
  text-align: right;
}

.survey-question-widget {
  margin-left: 205px;
}

.survey-submit-bar {
  margin-left: 205px;
}