Changing column width of array text

Plus d'informations
il y a 6 ans 4 mois #95326 par Limer2001
Hi,

how can I change the column width for questions of the type: array text?

I want the question textcolumn to be 5% first column 70% second answer column 25%.

Tried different things with css and javascript but can't get it to work..

I'm on 2.00+ Build 130423

Connexion ou Créer un compte pour participer à la conversation.

LimeSurvey Partners
Plus d'informations
il y a 6 ans 4 mois #95335 par tpartner
Try something like this in the source of the question:

<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':'5%'
		});
		$('#question'+qID+' .subquestions-list thead th:eq(0)').css({
			'width':'70%'
		});
		$('#question'+qID+' .subquestions-list thead th:eq(2)').css({
			'width':'25%'
		});
		$('#question'+qID+' .subquestions-list input[type="text"]').css({
			'width':'90%'
		});
	});
</script>

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 6 ans 4 mois #95338 par Limer2001
Thank you it's working with the standard template I just need to make it work with my own...
Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 6 ans 4 mois #95340 par tpartner
That's because you have a JavaScript error - imagetick_lime.js is called before jQuery.

In startpage.pstpl, change this:
	<script type="text/javascript" src="{TEMPLATEURL}imagetick_lime.js"></script>	
	{TEMPLATEJS}

To this:
	{TEMPLATEJS}
	<script type="text/javascript" src="{TEMPLATEURL}imagetick_lime.js"></script>

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com
Les utilisateur(s) suivant ont remercié: Limer2001

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 6 ans 4 mois #95342 par Limer2001
Thank you!

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 an 10 mois #160050 par achecchini
This is an old thread but very useful for me. I want to change the width of the question column in a text array. So I try to use the example above changing the script in the question like this:

<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':'40%' });
$('#question'+qID+' .subquestions-list thead th:eq(0)').css({ 'width':'15%' });
$('#question'+qID+' .subquestions-list thead th:eq(1)').css({ 'width':'15%' });
$('#question'+qID+' .subquestions-list thead th:eq(2)').css({ 'width':'15%' });
$('#question'+qID+' .subquestions-list thead th:eq(3)').css({ 'width':'15%' });

$('#question'+qID+' .subquestions-list input[type="text"]').css({ 'width':'90%' });
});
</script>

If I test the script on the single question this perfectly function; but when I start whole survey I catch an error: undefinite offeset: -1 It's a template error?
Cause my lack of knowledge in programming I didn't find a solution !! Note that if I drop the code from the question I didn't catch any error ...
Thanks in advance for helping me!
A.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 an 10 mois #160052 par tpartner
Please attach an exported .lss file of a small test survey.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 an 10 mois #160053 par achecchini
Tanks for quick response. But now I was a little confused :-(
because the survey it's a very very long survey (7 groups for 86 question!!) I try to export only the group where I use the code in a new survey. BUT when I test the single question and the new survey (with only a group) I didn't catch errors and it's now functioning !!
Please give me more time for analyzing this and replicate the error !!
A.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 an 10 mois #160056 par achecchini
I have solved the problem by cancelling all the actual answer recorded in the DB!! VERY strange!
Because the survey it's in a testing phase no matter. I'm asking to me if this behavior may be a symptom of inconsistence for the platform or the DB ...
Thank in any case for your attention!
Have a nice day
A.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 2 jours #187802 par orsegal
Réponse de orsegal sur le sujet Changing column width of array text
Hi,
Thanks for the great help here!

I know it's an old thread, so hoping I'm not asking something that's already been answered somewhere else.

I'm trying to get this fix to work in my survey (version 3.17.7) and it's not playing along. Any ideas?

The exported sample survey is attached and here's the code:
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		var qID = 4691;
 
		$('#question'+qID+' .subquestions-list col').css({
			'width':'auto'
		});
		$('#question'+qID+' .subquestions-list thead td').css({
			'width':'10%'
		});
		$('#question'+qID+' .subquestions-list thead th:eq(0)').css({
			'width':'30%'
		});
      	$('#question'+qID+' .subquestions-list thead th:eq(1)').css({
			'width':'10%'
		});
		$('#question'+qID+' .subquestions-list thead th:eq(2)').css({
			'width':'10%'
		});
      	$('#question'+qID+' .subquestions-list thead th:eq(3)').css({
			'width':'10%'
		});
      	$('#question'+qID+' .subquestions-list thead th:eq(4)').css({
			'width':'30%'
		});
		$('#question'+qID+' .subquestions-list input[type="text"]').css({
			'width':'90%'
		});
	});
</script>

Thanks!
O
Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!