Card type questioning

More
1 year 5 months ago #210281 by plafeber
Hello all,
I am learning more and more how to apply the features of Limesurvey to make more and more effective surveys and specifically assessments.
The latest result is one you can have a look at right now; www.multi-grade.nl/limesurvey/index.php/442995
I was wondering if the layout can be changed to fit better on an 'average' screen. At this moment, it is spread top down in such a way that there is some scrolling involved.
Does anyone have any ideas how to bring it more to a widescreen format? For instance placing the answer options to the right of the question?
Regards,
Philip.
The topic has been locked.
More
1 year 5 months ago - 1 year 5 months ago #210299 by tpartner
Replied by tpartner on topic Card type questioning
I think you will find that few people will waste time and provide personal information in registering. If you want help, make it easy.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 1 year 5 months ago by tpartner.
The topic has been locked.
More
1 year 5 months ago #210305 by plafeber
Replied by plafeber on topic Card type questioning
Fine. Done.
The topic has been locked.
More
1 year 5 months ago - 1 year 5 months ago #210309 by Joffm
Replied by Joffm on topic Card type questioning
Something like this?

As far as I saw in the sourcecode of your survey, you are using version 4.x. (because of answer option codes "SQ00", "SQ01" in single questions.
This all is tested in 3.x.

 


Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
Last edit: 1 year 5 months ago by Joffm.
The topic has been locked.
More
1 year 5 months ago #210312 by plafeber
Replied by plafeber on topic Card type questioning
Yes, absolutely. Thank you for these examples. Especially 23672 is something I am interested in, but 23673 is also good.
Could you tell me what you did to manage this in 3.x? Was is CSS? Do you think it's possible it wouldn't work in 4.x? Or maybe it would just work differently.
The topic has been locked.
More
1 year 5 months ago #210314 by Joffm
Replied by Joffm on topic Card type questioning
Works in 4.x.
Here is the script to get the answer options to the right.
<script type="text/javascript" charset="utf-8">
 
    $(document).on('ready pjax:scriptcomplete',function(){
 
        // Identify this question
        var thisQuestion = $('#question{QID}');
 
        // Move element(s)
        $('.question-title-container', thisQuestion).append($('.question-valid-container', thisQuestion));
    });
</script>
<style type="text/css">@media only screen and (min-width: 600px) {
 
  .question-container {
    margin-bottom: 0em;
    margin-top: 0em;
  }  
  #question{QID} .question-title-container {
    width:40%;
  }
  #question{QID} .answer-container {
    width: 60%;
    margin-top:2em;
  }
 
  #question{QID} .question-valid-container {
    padding-left: 0;
  }
}
</style>
 

You see only the question container and the answer container are placed side by side.
So you may enter any question type.

Joffm


Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
1 year 5 months ago #210325 by plafeber
Replied by plafeber on topic Card type questioning
Thank you so much! I added this to the Script block but this didn't work. I added it at the beginning of the Source Code and that DID work perfectly.
Please have a look. I like the outcome and I will now go and use it for more solutions. Again, many thanks.
The topic has been locked.
More
1 year 5 months ago #210327 by Joffm
Replied by Joffm on topic Card type questioning

I added this to the Script block

I never do this. Never got familiar with this. And working with 3.x. I am used to put it into the question source.

Please have a look

A look at what?

All the best
Joffm
 


Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
1 year 5 months ago #210328 by plafeber
Replied by plafeber on topic Card type questioning
A look at this. This is now the end result;
www.multi-grade.nl/limesurvey/index.php/442995
The topic has been locked.
More
1 year 5 months ago #210355 by holch
Replied by holch on topic Card type questioning
Doesn't work for a number of images, that are too big and are going into the answer area (US, Brazil, etc.).

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The topic has been locked.
More
1 year 5 months ago #210368 by plafeber
Replied by plafeber on topic Card type questioning
Indeed, I noticed the same issue. But that's a matter of tweaking. The good thing is that now it is possible to have the question/image and the answers side by side.
The topic has been locked.
More
1 year 1 month ago #216605 by tammo
Replied by tammo on topic Card type questioning
Please also look at this on a mobile phone, since your respondent will possibly use that.


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl
The topic has been locked.
More
1 year 4 weeks ago #216663 by plafeber
Replied by plafeber on topic Card type questioning
Good point. I checked it and I can say that it works, albeit with a real problem around space, because the screen area is so much less on phones.
So the question and the pictures almost all overlap. In web page building, web pages display the content based on a check whether they are shown on a mobile phone. If so, the content in a single column (or at least most content is displayed below the previous content). That could be the solution here too.
The topic has been locked.
More
1 year 4 weeks ago #216682 by tpartner
Replied by tpartner on topic Card type questioning

In web page building, web pages display the content based on a check whether they are shown on a mobile phone.
 
Good accessible web and survey development should not look at device type but should be responsive to screen width. I think that the survey should be designed first for smaller devices, then for larger devices like desktops.

Having said that, I often have clients who need to display a large amount of information to the respondent without scrolling (pricing tables, etc.). In those cases, we detect the screen width in the welcome page and disallow continuing if too small.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: DenisChenu
The topic has been locked.

Start now!

Just create your account and start using Limesurvey today.

Register now