Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Create a likert scale but move the "not applicable" option to the right

More
5 years 5 months ago #216151 by RitaShen
Create a likert scale but move the "not applicable" option to the right was created by RitaShen
Hi there,

I have find the info in this page, 
forums.limesurvey.org/forum/design-issue...-option-to-the-right
Is it possible to create for version 3.25.21?

many thanks
The topic has been locked.
Partner Banner
More
5 years 5 months ago #216184 by holch
Replied by holch on topic Create a likert scale but move the "not applicable" option to the right
Joffm has shown a very nicely styled version of this a while ago, I think. You will need to search the forum a bit.
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
5 years 5 months ago #216186 by Joffm
Replied by Joffm on topic Create a likert scale but move the "not applicable" option to the right
@holch, did you talk about this?
 

I tried the one in Rita's link, and it worked (nearly)
Only a little adaption.
Code:
<script type="text/javascript" charset="utf-8">             $(document).ready(function() {         $('#question{QID}').addClass('detached-last-item');     }); </script>

And this css you may add to your "custom.css"
Code:
<style type="text/css">.detached-last-item td.answer-item:last-child, .detached-last-item .ls-answers .ls-heading > th:last-child {     border-left: 25px solid #FFFFFF;     background-color: #efefef; } @media only screen and (max-width: 801px) {     .detached-last-item td.answer-item:last-child {         border-left: 0 none;         border-top: 25px solid #FFFFFF;     }     .detached-last-item .array1 td.answer-item:last-child {         border-top-color: #ECF0F1;     } } </style>

 

Joffm
 
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
5 years 5 months ago #216195 by DenisChenu
Replied by DenisChenu on topic Create a likert scale but move the "not applicable" option to the right
<script type="text/javascript" charset="utf-8">        
    $(document).ready(function() {
        $('#question{QID}').addClass('detached-last-item');
    });
</script>

Question : why not add detached-last-item to CSS Class attribute ?
 
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.
The topic has been locked.
More
5 years 5 months ago #216202 by Joffm
Replied by Joffm on topic Create a likert scale but move the "not applicable" option to the right
Hm, ask Tony, why he used the javascript.

I only used this solution in the link

Though you may add the css to "custom.css" and the class "detached-last-item" to the css class of the question.

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu
The topic has been locked.
More
5 years 5 months ago #216232 by tpartner
Replied by tpartner on topic Create a likert scale but move the "not applicable" option to the right

Question : why not add detached-last-item to CSS Class attribute ?

err...because I posted that solution 4 years and 8 months ago - the CSS class didn't exist! :)
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.
Moderators: holch, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source