2018-10-31 07:07:53 +00:00
|
|
|
---
|
|
|
|
title: Prevent word break in array question on LimeSurvey
|
2019-08-09 04:25:10 +00:00
|
|
|
excerpt: In array type question, when you add many answer options, some words might break into next line, especially when the word is long.
|
2019-05-19 02:05:03 +00:00
|
|
|
date: 2018-10-31
|
2018-10-31 07:07:53 +00:00
|
|
|
tags:
|
2019-06-21 01:58:05 +00:00
|
|
|
- stats
|
|
|
|
- limesurvey
|
2018-10-31 07:07:53 +00:00
|
|
|
---
|
2019-06-06 11:22:43 +00:00
|
|
|
|
2018-10-31 07:07:53 +00:00
|
|
|
When you have many answer options, the word can break into next line, like this:
|
|
|
|
|
2019-12-26 06:16:07 +00:00
|
|
|

|
2018-10-31 07:07:53 +00:00
|
|
|
|
|
|
|
LimeSurvey does this to have consistent column width size across array question. Personally, I prefer not to have word break than fixed width.
|
|
|
|
|
|
|
|
Here's how to prevent word break.
|
|
|
|
|
|
|
|
1. Go to the main admin page and then Themes.
|
|
|
|
|
2019-12-26 06:16:07 +00:00
|
|
|

|
2018-10-31 07:07:53 +00:00
|
|
|
|
|
|
|
2. 'Extend' the theme of your choice. Choose a name of the new *extended* theme.
|
|
|
|
|
2019-12-26 06:16:07 +00:00
|
|
|

|
2018-10-31 07:07:53 +00:00
|
|
|
|
|
|
|
3. It will redirect you to 'Theme editor' page.
|
|
|
|
4. Go to 'custom.css'.
|
|
|
|
|
2019-12-26 06:16:07 +00:00
|
|
|

|
2018-10-31 07:07:53 +00:00
|
|
|
|
|
|
|
5. Paste the following css,
|
|
|
|
|
2019-10-06 09:55:47 +00:00
|
|
|
```css
|
|
|
|
table.ls-answers {
|
|
|
|
table-layout: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
#outerframeContainer {
|
|
|
|
word-wrap: normal;
|
|
|
|
hyphens: none;
|
|
|
|
-moz-hyphens: none;
|
|
|
|
-webkit-hyphens: none;
|
|
|
|
}
|
|
|
|
```
|
2018-10-31 07:07:53 +00:00
|
|
|
|
|
|
|
5. Save it and change to the new theme in your survey.
|
|
|
|
|
|
|
|
Once the word break is disabled, array answers should look like this,
|
|
|
|
|
2019-12-26 06:16:07 +00:00
|
|
|

|