mirror of https://gitlab.com/curben/blog
docs: add 'Prevent word break in array question on LimeSurvey' post
This commit is contained in:
parent
e57b11319c
commit
d4505ba3f1
|
@ -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 %}
|
Loading…
Reference in New Issue