The LimeSurvey Fund-Raiser 2012 is complete. Thank you for donating a total of 25,000 USD!     List of donors »
Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:
Passwort vergessen? Benutzername vergessen?

THEMA: Using pictures in ranking question

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

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 4374
  • Dank erhalten: 451
  • Karma: 165
tpartner : what do you think to replace actual ranking javascript by jquery-ui sortable .

If you'r OK, i put this in bug tracker/ feature request ;)
Letzte Änderung: 2 Jahre 2 Monate her von DenisChenu.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

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

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 2853
  • Dank erhalten: 423
  • Karma: 243
what do you think to replace actual ranking javascript by jquery-ui sortable
Well, I think it's a better interface but don't you think there may be too many people using the old format that may be messed up when updating?
Cheers,
Tony

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 2 Monate her #57579

  • paulfiner
  • paulfiners Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 81
  • Dank erhalten: 1
  • Karma: 1
Hi Tony

Your picture example looks great and is exactly what I needed. However, when setting up the workaround I'm not getting the new drag and drop question.
I thought I'd try and get it working without pictures first but I just have the original ranking question showing.

The first javascript file has been copied to template.js and I have added the second smaller file to the actual ranking question.

Here's a link to my survey: finersurveys.limequery.com/19197/lang-en
Letzte Änderung: 2 Jahre 2 Monate her von paulfiner.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

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

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 4374
  • Dank erhalten: 451
  • Karma: 165
paulfiner I don't see the template.js link in the source of your template.

The link have to be set in starpage.pstpl, you can found it in default template.



To tpartner you're right :( , but we already made some modification woth some problems with old template .
Der Administrator hat öffentliche Schreibrechte deaktiviert.

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

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 2853
  • Dank erhalten: 423
  • Karma: 243
Did you figure this out Paul?

As Shnoulle says, you need to add the following just before the </head> tag in startpage.pstpl:
<script type="text/javascript" src="{TEMPLATEURL}template.js"></script>
Cheers,
Tony

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
Letzte Änderung: 2 Jahre 2 Monate her von tpartner.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

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

  • paulfiner
  • paulfiners Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 81
  • Dank erhalten: 1
  • Karma: 1
Hi Tony

I finally got some time to try your workaround and managed to get the first part sorted.
However, the images part doesn't seem to work and the 3 images I have tried just appear in the question text.

My example survey is still live so you can see what I mean.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

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

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 4374
  • Dank erhalten: 451
  • Karma: 165
Hello Paul,

For me it work ?
There are some disgracious but it's need some modification in template.css
#question2505 .dragDropTable li {
    background: none repeat scroll 0 50% transparent;
    border: 0 none;
    height: 80px;
    width: 80px;
}
#question2505 .dragDropTable .dragDropChoiceList, #question2505 .dragDropTable .dragDropRankList {
    min-height: 80px;
    min-width: 80px;
    width: auto;
}
Somethink like that :)
Der Administrator hat öffentliche Schreibrechte deaktiviert.

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

  • paulfiner
  • paulfiners Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 81
  • Dank erhalten: 1
  • Karma: 1
Hi

It seems to be working now. I added in your extra bit of CSS and everything works.
Thanks for all you help (and Tony!)

Cheers

Paul
Der Administrator hat öffentliche Schreibrechte deaktiviert.

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

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 2853
  • Dank erhalten: 423
  • Karma: 243
but it's need some modification in template.css
Yep, thanks Shnoulle, you need to modify the CSS for the size of your images as stated in the workaround:
These styles are for the default template using 50x50px images (as in the demo) and may need to be modified for other templates or image sizes.
Cheers,
Tony

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 2 Monate her #57731

  • paulfiner
  • paulfiners Avatar
  • OFFLINE
  • Expert Lime
  • Beiträge: 81
  • Dank erhalten: 1
  • Karma: 1
I have now added in all the images to complete the question and it looks good.

How difficult would it be to arrange the images into 2 or 3 columns?
In my actual question I have 24 brands on the left and the respondent must rate their top 12.
Having all 24 brands in a long list doesn't look too nice.

Cheers

Paul
Der Administrator hat öffentliche Schreibrechte deaktiviert.
Moderatoren: DenisChenu, ITEd
Ladezeit der Seite: 0.207 Sekunden
Donation Image