LimeSurvey forums :: Topic: Using pictures in ranking question (3/3)

Welcome, Guest

TOPIC: Using pictures in ranking question

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

tpartner OFFLINE LimeSurvey Team Posts: 2870 Thank you received: 429 Karma: 246	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 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 2 years 1 week ago #61066

mattias OFFLINE Senior Lime Posts: 73 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: 2 years 1 week ago by mattias. The administrator has disabled public write access.

Re: Using pictures in ranking question 1 year 8 months ago #65048

Hunch 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 2 months 1 week ago #93810

nicktruch
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.

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

Where am I wrong ?

The administrator has disabled public write access.

Re: Using pictures in ranking question 2 months 1 week ago #93813

tpartner OFFLINE LimeSurvey Team Posts: 2870 Thank you received: 429 Karma: 246	Do you get any JavaScript errors in the console? Can you activate a test survey for us to see?
	Cheers, Tony 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 week 1 day ago #96130

nicktruch 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: dragdrop.jpg (109KB)
	Last Edit: 1 week 1 day ago by nicktruch. The administrator has disabled public write access.

Re: Using pictures in ranking question 1 week 1 day ago #96138

tpartner OFFLINE LimeSurvey Team Posts: 2870 Thank you received: 429 Karma: 246	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 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 week 1 day ago #96141

nicktruch OFFLINE Junior Lime Posts: 23 Karma: 0	It works !!!!! Thanks 1000 times, I love u LimeSurvey Team :-*
	The administrator has disabled public write access.

Forum

English support forums

Can I do this with LimeSurvey?

Using pictures in ranking question