diff --git a/source/_posts/word-break-limesurvey.md b/source/_posts/word-break-limesurvey.md new file mode 100644 index 0000000..46e07d9 --- /dev/null +++ b/source/_posts/word-break-limesurvey.md @@ -0,0 +1,50 @@ +--- +title: Prevent word break in array question on LimeSurvey +date: 2018-10-31 00:00:00 +tags: +--- +In array type question, when you add many answer options, some words might break into next line, especially when the word is long. + + + +When you have many answer options, the word can break into next line, like this: + +{% cloudinary 20181031/break-word %} + +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. + + {% cloudinary 20181031/theme-button %} + +2. 'Extend' the theme of your choice. Choose a name of the new *extended* theme. + + {% cloudinary 20181031/theme-list %} + +3. It will redirect you to 'Theme editor' page. +4. Go to 'custom.css'. + + {% cloudinary 20181031/custom-css %} + +5. Paste the following css, + + ```css + table.ls-answers { + table-layout: auto; + } + + #outerframeContainer { + word-wrap: normal; + hyphens: none; + -moz-hyphens: none; + -webkit-hyphens: none; + } + ``` + +5. Save it and change to the new theme in your survey. + +Once the word break is disabled, array answers should look like this, + +{% cloudinary 20181031/no-break-word %} \ No newline at end of file