- Posts: 21
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
customising the yes/no radio button when checked
- solte98
- Topic Author
- Offline
- Junior Member
Less
More
5 years 8 months ago #171871
by solte98
customising the yes/no radio button when checked was created by solte98
Hi,
we are on limesurvey 2.67.2 and wondered if we can customize the yes/no radio button when clicked/checked.
We got this to work on the 5 choices:
.choice-5-pt-radio .radio-item:nth-of-type(3) input[type="radio"]:checked + label {
background:url('images/radio3_hover.png') left top no-repeat;
}
.choice-5-pt-radio .radio-item:nth-of-type(4) input[type="radio"] + label {
background:url('images/radio4.png') left top no-repeat;
}
BUT we cannot get it to work on the .yes-no when checked
.yes-no label:first-of-type {
width: 150px;
height: 103px;
margin: 0;
border-right: 1px solid #ccc;
background: url('images/radio_yes.png') left top no-repeat;
font-size:0;
padding:0;
float: left;
}
.yes-no label:first-of-type:checked {
background: url('images/radio_yes_hover.png') left top no-repeat;
}
we are on limesurvey 2.67.2 and wondered if we can customize the yes/no radio button when clicked/checked.
We got this to work on the 5 choices:
.choice-5-pt-radio .radio-item:nth-of-type(3) input[type="radio"]:checked + label {
background:url('images/radio3_hover.png') left top no-repeat;
}
.choice-5-pt-radio .radio-item:nth-of-type(4) input[type="radio"] + label {
background:url('images/radio4.png') left top no-repeat;
}
BUT we cannot get it to work on the .yes-no when checked
.yes-no label:first-of-type {
width: 150px;
height: 103px;
margin: 0;
border-right: 1px solid #ccc;
background: url('images/radio_yes.png') left top no-repeat;
font-size:0;
padding:0;
float: left;
}
.yes-no label:first-of-type:checked {
background: url('images/radio_yes_hover.png') left top no-repeat;
}
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12908
- Thank you received: 3975
5 years 8 months ago #171873
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic customising the yes/no radio button when checked
Hi, solte98,
here are some threads about this.
Maybe they are helpful.
www.limesurvey.org/forum/can-i-do-this-w...bs-up-down-questions
If you use the Yes/No question type:
www.limesurvey.org/forum/design-issues/1...-no-different-colors
www.limesurvey.org/forum/can-i-do-this-w...checked/reply/171871
www.limesurvey.org/forum/installation-a-...or-a-yes-no-question
Best regards
Joffm
here are some threads about this.
Maybe they are helpful.
www.limesurvey.org/forum/can-i-do-this-w...bs-up-down-questions
If you use the Yes/No question type:
www.limesurvey.org/forum/design-issues/1...-no-different-colors
www.limesurvey.org/forum/can-i-do-this-w...checked/reply/171871
www.limesurvey.org/forum/installation-a-...or-a-yes-no-question
Best regards
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
- solte98
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 21
- Thank you received: 0
5 years 8 months ago #171959
by solte98
Replied by solte98 on topic customising the yes/no radio button when checked
ah, ok... i have found out that the template was created in version 1.92? so the yes/no buttons that are in 2.65+ is not visible due to the template. it shows as a radio circle
Is there a way to have the template updated so it takes on the buttons?
Is there a way to have the template updated so it takes on the buttons?
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10104
- Thank you received: 3593
5 years 8 months ago #171961
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic customising the yes/no radio button when checked
When moving from 1.92 to 2.65, it would likely be easier to start fresh with a copy of one of the core templates. There were many HTML structure changes in the 2.5x and newer series.
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: solte98
The topic has been locked.