Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Question about radio list design.

More
7 years 7 months ago #162824 by tomtom
Question about radio list design. was created by tomtom
Hi there,

I have a question regarding to the radio button list design. Please see my attached shot, I setup the radio list for likert scale question in 5 column. It displays in normal computer screen. But I would to to keep it in mobile/responsive/small monitor display, since the horizontal align may have a priming effect. Is it possible to let all answers keep in a vertical direction in mobile view? Thank you very much.
The topic has been locked.
More
7 years 7 months ago #162836 by tpartner
Replied by tpartner on topic Question about radio list design.
I'm confused, you say you want to keep the answers it a vertical alignment but you have an X beside that in your image.

What LimeSurvey version and template are you using?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
7 years 7 months ago #162838 by holch
Replied by holch on topic Question about radio list design.
And somehow the vertical version suddenly gains an answer item... ;-)
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
More
7 years 7 months ago #162841 by tomtom
Replied by tomtom on topic Question about radio list design.
Hi Tony,

Can I use 5 column view in mobile device? It automatically changes to 1 column view for mobile devices. Tested in iPhone 6. Thank you.
The topic has been locked.
More
7 years 7 months ago #162842 by tomtom
Replied by tomtom on topic Question about radio list design.
Hi Holch,

The "tick" one is what I want, I think it is more meaningful for likert scale selections.
The topic has been locked.
More
7 years 7 months ago #162844 by tpartner
Replied by tpartner on topic Question about radio list design.
I ask again - what LimeSurvey version and template are you using?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
7 years 7 months ago #162847 by tomtom
Replied by tomtom on topic Question about radio list design.
Hi Tony, sorry I miss your message.

My limesurvey version : 2.67
theme: default / flat and modern.css

Thank you so much!!!!!!!!!!
The topic has been locked.
More
7 years 7 months ago #162850 by tpartner
Replied by tpartner on topic Question about radio list design.
Well, you could add a script like this to the question source which will stop the elements from moving to vertical on small screens but I think you will find the question unusable due to the need to scroll.

Code:
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
 
    $('#question{QID} .answers-list > div').removeClass('col-xs-12').addClass('col-xs-2');
 
  });
</script>
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: Robert1973
The topic has been locked.
More
7 years 7 months ago #162871 by tomtom
Replied by tomtom on topic Question about radio list design.
Hi Tony,

It works! The survey is now similar to the original paper and pen format!!!!
The topic has been locked.
  • LouisGac
  • LouisGac's Avatar
  • New Member
  • New Member
More
7 years 7 months ago #162876 by LouisGac
Replied by LouisGac on topic Question about radio list design.
in 3.x we should add an option to turn on/off the no-more-table behavior
The topic has been locked.
More
7 years 7 months ago #162893 by tpartner
Replied by tpartner on topic Question about radio list design.
Yes, Tony approves. :)

In this case, however, I don't think that will help as it's not an array question using a table layout. But, a 3.x custom question would do the trick.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
7 years 7 months ago #163442 by Robert1973
Replied by Robert1973 on topic Question about radio list design.
This was something I was looking for, great to have a solution! Is the solution on version 2.50/Default template, my version, different than this one, since it doesn't seem to work for me? (remains vertical on small screen)
The topic has been locked.
More
7 years 7 months ago #163464 by tpartner
Replied by tpartner on topic Question about radio list design.
I cannot test on that version. Can you activate a small test survey and give us a link?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
7 years 7 months ago #163468 by Robert1973
Replied by Robert1973 on topic Question about radio list design.
Thanks Tony!

Here's the link :
37.252.121.232/bewustzijnmeter/index.php/286349
The topic has been locked.
More
7 years 7 months ago #163477 by tpartner
Replied by tpartner on topic Question about radio list design.
I see that the script is commented out in your survey, but try this:

Code:
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
 
    $('#question{QID} .subquestions-list > div').removeClass('col-xs-12').addClass('col-xs-2');
 
  });
</script>
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: Robert1973
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source