Color modification for a "Yes"/No question.

More
6 months 3 weeks ago #165986 by remhk
remhk created the topic: Color modification for a "Yes"/No question.
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

Please Log in or Create an account to join the conversation.

More
6 months 3 weeks ago - 6 months 3 weeks ago #165996 by Joffm
Joffm replied the topic: Color modification for a "Yes"/No question.
Do a search here in the forum.
There is a thread about that.

Here:
https://www.limesurvey.org/forum/italian-forum/113889-cambio-colore-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 months 3 weeks ago by Joffm.

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166579 by remhk
remhk replied the topic: Color modification for a "Yes"/No question.
Thanks for the reply. I tried doing but didn't get any luck with it. Can you please help?

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166586 by Joffm
Joffm replied the topic: Color modification for a "Yes"/No question.
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

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166616 by remhk
remhk replied the topic: Color modification for a "Yes"/No question.
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?

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166617 by remhk
remhk replied the topic: Color modification for a "Yes"/No question.
Attached is the screenshot of the color template we are using. We need a contrast color for the Yes/No qs.

Hope that helps!
Attachments:

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166618 by holch
holch replied the topic: Color modification for a "Yes"/No question.

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'm not a LimeSurvey GmbH member. I answer at the LimeSurvey forum in my spare time. No support via private message.
Some helpful links: Manual (EN) | Question Types | Workarounds

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166636 by remhk
remhk replied the topic: Color modification for a "Yes"/No question.
Here is a sample survey file. Hope this helps!

File Attachment:

File Name: limesurvey...9241.lss
File Size:12 KB
Attachments:

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166645 by Joffm
Joffm replied the topic: Color modification for a "Yes"/No question.
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:
https://manual.limesurvey.org/SGQA_identifier#Dynamically_reference_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
Attachments:

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166647 by tpartner
tpartner replied the topic: Color modification for a "Yes"/No question.
Try adding something like this to the end of template.css:

/* 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.
Attachments:

Please Log in or Create an account to join the conversation.

More
6 months 2 weeks ago #166715 by remhk
remhk replied the topic: Color modification for a "Yes"/No question.
Thank you so much! That worked like a charm. Truly appreciate your help!

Please Log in or Create an account to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!