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
Topic Author
Offline
Junior Member

More

6 years 11 months ago #165986 by remhk

Color modification for a "Yes"/No question. was created 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
Offline
LimeSurvey Community Team

More

6 years 11 months ago - 6 years 11 months ago #165996 by Joffm

Replied by Joffm on topic Color modification for a "Yes"/No question.

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 11 months ago by Joffm.

The topic has been locked.

remhk
Topic Author
Offline
Junior Member

More

6 years 10 months ago #166579 by remhk

Replied by remhk on 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?

The topic has been locked.

Joffm
Offline
LimeSurvey Community Team

More

6 years 10 months ago #166586 by Joffm

Replied by Joffm on 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

The topic has been locked.

remhk
Topic Author
Offline
Junior Member

More

6 years 10 months ago #166616 by remhk

Replied by remhk on 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?

The topic has been locked.

remhk
Topic Author
Offline
Junior Member

More

6 years 10 months ago #166617 by remhk

Replied by remhk on 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:

...10.49.37AM.png

The topic has been locked.

holch
Offline
LimeSurvey Community Team

More

6 years 10 months ago #166618 by holch

Replied by holch on 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).

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.

remhk
Topic Author
Offline
Junior Member

More

6 years 10 months ago #166636 by remhk

Replied by remhk on 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:

limesurvey...9241.lss

The topic has been locked.

Joffm
Offline
LimeSurvey Community Team

More

6 years 10 months ago #166645 by Joffm

Replied by Joffm on 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:
www.limesurvey.org/manual/SGQA_identifie...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

Attachments:

limesurvey...9241.lss

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

6 years 10 months 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;
}