(Mostly applicable to array questions) Given that it is important that respondents clearly see the difference between an answer to a question and an option 'don't know' or 'not applicable', I wondered how this can be provided in Lime survey. I do not see a possibility to 1) create an empty space between two columns; or 2) give the last column (e.g. 'don't know') a different color compared to the other columns. How can this difference between the two answer-types be made more clear in the lay-out of the question? Do people have tips to share? Thanks!

Like this?


with this in question text with answer_cell_9 the answer option code.

And here you find how to define column width in arrays.
forums.limesurvey.org/forum/can-i-do-thi...rvey?start=15#186378

Joffm

Well, I think that looks great, Joffm. Need to have a look at that.

Yes, this is how I want it to look. Thank you!

Maybe this would be more universal:

This works great but is it also possible to add this code to a template so all array questions that use this template have this layout so I don't have to include this code in every array question?
I work with Limesurvey 3.15
Thanks in advance and best regards,

Enter this to your custom.css
And in each question you want to use this, enter the css class "no-answer-border".
You may name it as you like.

Joffm

I'm not sure about the {QID} placeholder in custom.css.

@tpartner
Nor am I.
You are more experienced in these things
I tried and it worked. But it was an artefact.

It really works without the "#question{QID}"
only ".no-answer-border td.answer-item:last-child".

Without class "no-answer-border"
 

with class "no-answer-border"
 

Joffm

Hello,
This works, but a bit too good.
This seems to work for ALL array questions in my survey even without entering the name of the class (no-answer-border) in the CSS classes field.

Did I do something wrong?

I made an extension of the default fruity theme and named it "fruity_no-answer-border"
I added the code in the custom.css using the theme editor.

"no-answer-border" is not to be the theme name, it is intended to be a CSS class added to the question - manual.limesurvey.org/Question_type_-_Ar...lass_.28css_class.29

Sorry, my mistake.
I forgot to remove the "#question{QID}" part.
Now I have the following code in the custom.css file which works as described.

.no-answer-border td.answer-item:last-child {
background-color: #efefef !important;
border-left: 2px solid #aaa !important;
}

Thanks for your help.