Welcome to the LimeSurvey Community Forum

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

NPS Colorscale in Limesurvey?

holch
Offline
LimeSurvey Community Team

More

6 years 2 months ago #183426 by holch

Replied by holch on topic NPS Colorscale in Limesurvey?

I did a quick import again and the colors don't show in preview, but somehow the code shows in the question.

Unfortunately I did it in between other things, stopped a while, went back, etc. So I can't really tell 100% what I did, etc.

But I can tell one thing: After importing the LSS file and looking at the preview, the colors don't show. When I did insert the codes from the post manually, the colors showed.

Will see if I find some time to test over the holiday with a little bit more controlled settings and a clearer approach to check what is happening.

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.

tpartner
Offline
LimeSurvey Community Team

More

6 years 2 months ago #183429 by tpartner

Replied by tpartner on topic NPS Colorscale in Limesurvey?

Hmm...I just imported to 3.17 and it worked as expected without any editing.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

holch
Offline
LimeSurvey Community Team

More

6 years 2 months ago #183430 by holch

Replied by holch on topic NPS Colorscale in Limesurvey?

As I said, I will do a new test when things are calmer and I can focus purely on this, not doing 3 things at the same time. Might be something I did, might be something with my installation (though it is the latest version, updated right before I imported this LSS for the first time).

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.

elissa
Offline
LimeSurvey Community Team

More

6 years 1 day ago #186374 by elissa

Replied by elissa on topic NPS Colorscale in Limesurvey?

Hi Colleagues,

The script added by Tony above: www.limesurvey.org/forum/can-i-do-this-w...in-limesurvey#183356 works perfectly for me (LS 3.17.7+190627). However, I would like to change the width of the first and the last column to be wider than others (to better fit the text what is an issue in my language). How can I set variable column widths in the array?

Thanks

Elzbieta Lesinska
LS voluntary Polish translator and supervisor

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

6 years 1 day ago - 6 years 1 day ago #186378 by tpartner

Replied by tpartner on topic NPS Colorscale in Limesurvey?

Hi Elzbieta,

Try something like this for the CSS - see where I reset the column widths in rows 3-5 and then define new widths in rows 13-28.

Note that the new widths should add up to 100%.

Code:

<style type="text/css">
 
  .custom-array table.subquestion-list col {
    width: auto !important;
  }
 
  .custom-array table.subquestion-list thead td,
  .custom-array table.subquestion-list thead th {
    border-bottom-width: 8px;
    border-bottom-style: solid;
  }
 
  .custom-array table.subquestion-list thead .column-0 { 
    padding: 0; 
    width: 0;
  }
 
  .custom-array table.subquestion-list thead .column-1 { border-bottom-color: #00A800; width: 23%; }
  .custom-array table.subquestion-list thead .column-2 { border-bottom-color: #5AC100; width: 6%; }
  .custom-array table.subquestion-list thead .column-3 { border-bottom-color: #9DD600; width: 6%; }
  .custom-array table.subquestion-list thead .column-4 { border-bottom-color: #9CE400; width: 6%; }
  .custom-array table.subquestion-list thead .column-5 { border-bottom-color: #E2EC00; width: 6%; }
  .custom-array table.subquestion-list thead .column-6 { border-bottom-color: #ECEC00; width: 6%; }
  .custom-array table.subquestion-list thead .column-7 { border-bottom-color: #ECE200; width: 6%; }
  .custom-array table.subquestion-list thead .column-8 { border-bottom-color: #E4C900; width: 6%; }
  .custom-array table.subquestion-list thead .column-9 { border-bottom-color: #D69D00; width: 6%; }
  .custom-array table.subquestion-list thead .column-10 { border-bottom-color: #C15A00; width: 6%; }
  .custom-array table.subquestion-list thead .column-11 { border-bottom-color: #A80200; width: 23%; }

  .custom-array td.column-1:hover,
  .custom-array td.active-item.column-1 { background-color: #00A800; }

  .custom-array td.column-2:hover,
  .custom-array td.active-item.column-2 { background-color: #5AC100; }

  .custom-array td.column-3:hover,
  .custom-array td.active-item.column-3 { background-color: #9DD600; }

  .custom-array td.column-4:hover,
  .custom-array td.active-item.column-4 { background-color: #9CE400; }

  .custom-array td.column-5:hover,
  .custom-array td.active-item.column-5 { background-color: #E2EC00; }

  .custom-array td.column-6:hover,
  .custom-array td.active-item.column-6 { background-color: #ECEC00; }

  .custom-array td.column-7:hover,
  .custom-array td.active-item.column-7 { background-color: #ECE200; }

  .custom-array td.column-8:hover,
  .custom-array td.active-item.column-8 { background-color: #E4C900; }

  .custom-array td.column-9:hover,
  .custom-array td.active-item.column-9 { background-color: #D69D00; }

  .custom-array td.column-10:hover,
  .custom-array td.active-item.column-10 { background-color: #C15A00; }

  .custom-array td.column-11:hover,
  .custom-array td.active-item.column-11 { background-color: #A80200; }
</style>