Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:

THEMA: Using pictures in ranking question

Re: Using pictures in ranking question 3 Jahre 1 Monat her #57735

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 3837
  • Dank erhalten: 688
  • Karma: 330
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 2 Jahre 11 Monate her #61066

  • mattias
  • mattiass Avatar
  • OFFLINE
  • Senior Lime
  • Beiträge: 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?
Letzte Änderung: 2 Jahre 11 Monate her von mattias.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 2 Jahre 7 Monate her #65048

  • Hunch
  • Hunchs Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 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?
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 1 Jahr 1 Monat her #93810

  • nicktruch
  • nicktruchs Avatar
  • OFFLINE
  • Junior Lime
  • Beiträge: 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 ?
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 1 Jahr 1 Monat her #93813

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 3837
  • Dank erhalten: 688
  • Karma: 330
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 11 Monate 6 Tage her #96130

  • nicktruch
  • nicktruchs Avatar
  • OFFLINE
  • Junior Lime
  • Beiträge: 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...

:-(
Anhang:
Letzte Änderung: 11 Monate 6 Tage her von nicktruch.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 11 Monate 6 Tage her #96138

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 3837
  • Dank erhalten: 688
  • Karma: 330
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Re: Using pictures in ranking question 11 Monate 6 Tage her #96141

  • nicktruch
  • nicktruchs Avatar
  • OFFLINE
  • Junior Lime
  • Beiträge: 23
  • Karma: 0
It works !!!!!

Thanks 1000 times,
I love u LimeSurvey Team :-*
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: ITEd
Ladezeit der Seite: 0.154 Sekunden
Donation Image