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

  • RitaShen
  • RitaShen's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
2 years 11 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.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 11 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.
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.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 11 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.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 11 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 service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 11 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.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 11 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.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source