Welcome, Guest
Username: Password: Remember me

TOPIC: Using pictures in ranking question

Re: Using pictures in ranking question 3 years 7 months ago #57735

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4256
  • Thank you received: 801
  • Karma: 367
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.
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 5 months ago #61066

  • mattias
  • mattias's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 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?
Last Edit: 3 years 5 months ago by mattias.
The administrator has disabled public write access.

Re: Using pictures in ranking question 3 years 1 month ago #65048

  • Hunch
  • Hunch's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 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?
The administrator has disabled public write access.

Re: Using pictures in ranking question 1 year 7 months ago #93810

  • nicktruch
  • nicktruch's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 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 ?
The administrator has disabled public write access.

Re: Using pictures in ranking question 1 year 7 months ago #93813

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4256
  • Thank you received: 801
  • Karma: 367
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.
The administrator has disabled public write access.

Re: Using pictures in ranking question 1 year 5 months ago #96130

  • nicktruch
  • nicktruch's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 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...

:-(
Attachments:
Last Edit: 1 year 5 months ago by nicktruch.
The administrator has disabled public write access.

Re: Using pictures in ranking question 1 year 5 months ago #96138

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4256
  • Thank you received: 801
  • Karma: 367
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.
The administrator has disabled public write access.

Re: Using pictures in ranking question 1 year 5 months ago #96141

  • nicktruch
  • nicktruch's Avatar
  • OFFLINE
  • Junior Lime
  • Posts: 23
  • Karma: 0
It works !!!!!

Thanks 1000 times,
I love u LimeSurvey Team :-*
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.146 seconds
Donation Image