Welcome to the LimeSurvey Community Forum

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

Color modification for a "Yes"/No question.

  • remhk
  • remhk's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 3 weeks ago #165986 by remhk
The version we are using is- Version 2.62.2+170203.

I am using the "Newspaper" template.

I was looking making a maximum contrast between a "Yes" versus "No" reply. Can someone please help?

Thanks,
Manisha
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 3 weeks ago - 6 years 3 weeks ago #165996 by Joffm
Do a search here in the forum.
There is a thread about that.

Here:
www.limesurvey.org/forum/italian-forum/1...re-box-domanda-si-no

You may translate by Google.
But the main part, the css is understandable.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 6 years 3 weeks ago by Joffm.
The topic has been locked.
  • remhk
  • remhk's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 2 weeks ago #166579 by remhk
Thanks for the reply. I tried doing but didn't get any luck with it. Can you please help?
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 weeks ago #166586 by Joffm
What did you do, exactly?

And send a sample survey.
I will include it.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • remhk
  • remhk's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 2 weeks ago #166616 by remhk
Here is the example qs-

Question- Did you go to school today?
Answer Type- Yes/No

Surveyid-12345
Questiongrpid-4567
Questionid-89

How would you do it for this one?
The topic has been locked.
  • remhk
  • remhk's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 2 weeks ago #166617 by remhk
Attached is the screenshot of the color template we are using. We need a contrast color for the Yes/No qs.

Hope that helps!
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 weeks ago #166618 by holch

remhk wrote: Here is the example qs-

Question- Did you go to school today?
Answer Type- Yes/No

Surveyid-12345
Questiongrpid-4567
Questionid-89

How would you do it for this one?


This is not a sample question. We do not have access to your surveys. Send a survey with just the question that is relevant (export as LSS).

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.
  • remhk
  • remhk's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 2 weeks ago #166636 by remhk
Here is a sample survey file. Hope this helps!

File Attachment:

File Name: limesurvey...9241.lss
File Size:12 KB
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 weeks ago #166645 by Joffm
And back.
Have a look into the sourcecode of the question.

Now you can play around with
color
background-color
border
and all other css options.

For the {SGQ} placeholder, you may read here:
manual.limesurvey.org/SGQA_identifier#Dy...e_the_SGQ_identifier

File Attachment:

File Name: limesurvey...9241.lss
File Size:13 KB

Regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 weeks ago #166647 by tpartner
Replied by tpartner on topic Color modification for a "Yes"/No question.
Try adding something like this to the end of template.css:

Code:
/* More contrast for Yes-No buttons */
 
.answer-container .btn-group .btn-primary {
    background-color: #95A5A6;
  border-color: #95A5A6;
}
 
.answer-container .btn-group .btn-primary:hover {
    background-color: #2C3E50;
  border-color: #2C3E50;
}
 
.answer-container .btn-group .btn-primary:active, 
.answer-container .btn-group .btn-primary.active {
    background-color: #1A242F !important;
    border-color: #161F29 !important;
}


Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • remhk
  • remhk's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 2 weeks ago #166715 by remhk
Thank you so much! That worked like a charm. Truly appreciate your help!
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose