Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

The issue in 10-point scale with 2 value on each side.

More
3 years 6 months ago #224825 by freezhao
The issue in 10-point scale with 2 value on each side. was created by freezhao
Please help us help you and fill where relevant:
Your LimeSurvey version: url=https://lab.freezhao.cn:2227/index.php?r=surveyAdministration/rendersidemenulink&subaction=generalsettings&surveyid=171332#modalSystemInformation]Version 5.2.11+220124[/url
Own server or LimeSurvey hosting: Own server on a NAS
Survey theme/template: fruity
==================
Finally, I found the tutorial ( youtu.be/7134QebOQzY ), the last part of the video is exactly what I need: Two values on each side in an array type. BUT……
After setting a 10-point scale with 2 values on each side, all the items crash together in the front-end interface. 

How can I solve this?  I want to give them a good space for each other. Make them look better in a better design.

Thanks~~

Please Log in to join the conversation.

More
3 years 6 months ago - 3 years 6 months ago #224826 by Joffm
Replied by Joffm on topic The issue in 10-point scale with 2 value on each side.
What did you set as "subquestion width"?
 

Joffm

P.S.
Always read the manual about the specific question type to be aware of the offered settings.
[url] www.limesurvey.org/manual/Question_type_...subquestion_width.29 [/url]
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 3 years 6 months ago by Joffm.

Please Log in to join the conversation.

More
3 years 6 months ago #224827 by freezhao
Replied by freezhao on topic The issue in 10-point scale with 2 value on each side.

What did you set as "subquestion width"?
 

Joffm
 
Thanks so much for your quick and useful answer!
Yes, find it works, but I couldn't  figure out the meaning of numbers. It shows"Set the percentage width of the (sub-)question column (1-100)", I think if I set 24, it mean each sub-question will takes 24% of the width, but the result seems no in that way. Could you teach me how to understand it? Thanks!!!

If it's possible could you also teach me the meaning of Repeating Headers? Thanks again~~~for your help.
 

Please Log in to join the conversation.

More
3 years 6 months ago #224828 by Joffm
Replied by Joffm on topic The issue in 10-point scale with 2 value on each side.

it mean each sub-question will takes 24%


Yes, and as you splitted the subquestion into two parts, each will take 12%.
Here it is set to 50.
You see each side takes about 25%
 

And:

the meaning of Repeating Headers

Read here
[url] www.limesurvey.org/manual/Question_type_....28repeat_headers.29 [/url]

Try it out. Set it to 1, 2, 3 and you will see.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

More
3 years 6 months ago #224830 by free521521521
Replied by free521521521 on topic The issue in 10-point scale with 2 value on each side.
Thanks！ I will try it out!

Please Log in to join the conversation.

More
3 years 3 months ago #227799 by phorcast2022
Replied by phorcast2022 on topic The issue in 10-point scale with 2 value on each side.
Hi all, I'm using 5.3.11 and it is hosted on LimeSurvey. We're using the fruity theme. 

Is there any way to ensure that the 2 values/subquestions on either side of this question does not break into two lines as seen in the image attached? We have label wrapper width set as hidden as we would like the scale centered underneath the question. Is it just a matter of shrinking the text size or is there any applicable code that forces both values to stay in one line?

Thanks everyone! 

Please Log in to join the conversation.

More
3 years 3 months ago #227809 by Joffm
Replied by Joffm on topic The issue in 10-point scale with 2 value on each side.
Hi, you can do this with this css snippet
Code:
.slider-list .slider-left, .slider-list .slider-right {
    white-space: nowrap;
}
But beware:
On smaller screens you may get this
 
and on smartphone this
 

So you should use at least @media queries to set a min-width.

But as you use the "ticks" javascript I do not know if it will work.

Joffm
 
Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

More
3 years 3 months ago #227826 by tpartner
Replied by tpartner on topic The issue in 10-point scale with 2 value on each side.
If already using JavaScript, you should be able to move the left/right labels under the slider, providing more room for both the labels and the slider.

Can you attach a small sample survey (.lss file) containing only the relevant question?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source