Please help us help you and fill where relevant:
Your LimeSurvey version: 5.3.6
Own server or LimeSurvey hosting: Self Hosted
Survey theme/template: default
==================
Hi there,
I would like to change the width of the columns in a array text survey. I have seen countless threads (many of them more than 9 years old) and was unable to make them work. What I want to achieve:
The left hand side contains the description and should be much wider, while the right column simply contains a text field and should be much, much smaller.
Attempt 1
My first maybe somewhat naive attempt following some forum advice was to set Display > (Sub-)question width to a certain value. I though setting this to - say 25% - would force the first column to become bigger. This didn't work.
Attempt 2
I embedded the following code in the question HTML code (shamelessly stolen from another post here):
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var qID = {QID};
$('#question'+qID+' .subquestions-list col').css({
'width':'auto'
});
$('#question'+qID+' .subquestions-list thead td').css({
'width':'75%'
});
$('#question'+qID+' .subquestions-list thead th:eq(0)').css({
'width':'25%'
});
$('#question'+qID+' .subquestions-list input[type="text"]').css({
'width':'90%'
});
});
</script>
This changed nothing. I did set
Filter HTML for XSS to
Off in Settings > Global > Security, with no obvious result.
How do I change the width of these column? Many thanks in advance!