Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi

SUJET : Using pictures in ranking question

Re: Using pictures in ranking question il y a 3 ans 6 mois #57735

  • tpartner
  • Portrait de tpartner
  • Hors ligne
  • LimeSurvey Team
  • Messages : 4207
  • Remerciements reçus 791
  • Karma: 360
There is no real way to force an unordered list to wrap into columns but adding something like the following to template.css should wrap the lists into rows. I'm not sure this behaviour is very intuitive though.
#question2505 .dragDropTable .dragDropChoiceList, 
#question2505 .dragDropTable .dragDropRankList {
    width: 285px;
}
 
#question2505 .dragDropTable li {
    float: left;    
}
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
L'administrateur a désactivé l'accès en écriture pour le public.

Re: Using pictures in ranking question il y a 3 ans 4 mois #61066

  • mattias
  • Portrait de mattias
  • Hors ligne
  • Senior Lime
  • Messages : 77
  • Karma: 1
what kind of questions should I use to achieve that effect with drag and drop my images? libraries and documentation indicating where I add?
Dernière édition: il y a 3 ans 4 mois par mattias.
L'administrateur a désactivé l'accès en écriture pour le public.

Re: Using pictures in ranking question il y a 3 ans 1 mois #65048

  • Hunch
  • Portrait de Hunch
  • Hors ligne
  • Fresh Lemon
  • Messages : 5
  • Karma: 0
Using pictures with drag and drop was exactly what i needed. Thanks!

I want people te drag 3 images in preferred order (within one column). I can solve this by hiding the ranking column, but limesurvey doesn't store this column.

Is it possible to load the images directly into the ranking column and hide the choises column?
L'administrateur a désactivé l'accès en écriture pour le public.

Re: Using pictures in ranking question il y a 1 an 6 mois #93810

  • nicktruch
  • Portrait de nicktruch
  • Hors ligne
  • Junior Lime
  • Messages : 23
  • Karma: 0
Hi,

I'm desperately trying to implement the drag-and-drop function in LS 1.92, but I can't even see any effect on the ranking question which remains untouch. Here is what I've done, following this workaround instructions :
1. JS activated as told in set up your survey to use javascript'
2. I've placed the large script in my template.js file :
first time here :
$(document).ready(function(){
HERE
});
and second time here :
HERE
$(document).ready(function(){
 
});
3. I've placed the following code in the source of my ranking question :
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
   dragDropRank("99638X1X9");	
});
</script>
4. I've inserted the CSS at the end of the template.css and I'm using the default template
I've checked that template.js is called from startpage.psptl
Here is a screenshot of my question and of the preview.

screen1.jpg


To test that it works, I use the 'preview question' button...

screen2.jpg


Where am I wrong ?
L'administrateur a désactivé l'accès en écriture pour le public.

Re: Using pictures in ranking question il y a 1 an 6 mois #93813

  • tpartner
  • Portrait de tpartner
  • Hors ligne
  • LimeSurvey Team
  • Messages : 4207
  • Remerciements reçus 791
  • Karma: 360
Do you get any JavaScript errors in the console?

Can you activate a test survey for us to see?
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
L'administrateur a désactivé l'accès en écriture pour le public.

Re: Using pictures in ranking question il y a 1 an 4 mois #96130

  • nicktruch
  • Portrait de nicktruch
  • Hors ligne
  • Junior Lime
  • Messages : 23
  • Karma: 0
Hi,

(sorry for the delay, I haven't seen your reply)

I've simplified to process just to test the drag and drop function (without images).

Here it is : I've checked both template.js and css and here is a screenshot of my question source...
The test survey is here : enquetes.univ-lyon2.fr/index.php?sid=87266&lang=fr

No more javascript errors in the console...

:-(
Pièces jointes :
Dernière édition: il y a 1 an 4 mois par nicktruch.
L'administrateur a désactivé l'accès en écriture pour le public.

Re: Using pictures in ranking question il y a 1 an 4 mois #96138

  • tpartner
  • Portrait de tpartner
  • Hors ligne
  • LimeSurvey Team
  • Messages : 4207
  • Remerciements reçus 791
  • Karma: 360
You have the wrong question ID.

The script in the source should be:
<script type="text/javascript" charset="utf-8">
 
	$(document).ready(function() {
		dragDropRank(370);
	});
</script>
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
L'administrateur a désactivé l'accès en écriture pour le public.

Re: Using pictures in ranking question il y a 1 an 4 mois #96141

  • nicktruch
  • Portrait de nicktruch
  • Hors ligne
  • Junior Lime
  • Messages : 23
  • Karma: 0
It works !!!!!

Thanks 1000 times,
I love u LimeSurvey Team :-*
L'administrateur a désactivé l'accès en écriture pour le public.
Modérateurs: ITEd
Temps de génération de la page : 0.161 secondes
Donation Image