From d4505ba3f1fa2771a1f598df4ded46650e813ce8 Mon Sep 17 00:00:00 2001
From: curben <curben@users.noreply.gitlab.com>
Date: Wed, 31 Oct 2018 17:37:53 +1030
Subject: [PATCH] docs: add 'Prevent word break in array question on
 LimeSurvey' post

---
 source/_posts/word-break-limesurvey.md | 50 ++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 source/_posts/word-break-limesurvey.md

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.
+
+<!-- more -->
+
+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