- Posts: 32
- Thank you received: 1
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
need help with Emoji Answers
- okkhalid
- Topic Author
- Offline
- Junior Member
Less
More
4 weeks 2 days ago #259104
by okkhalid
need help with Emoji Answers was created by okkhalid
Please help us help you and fill where relevant:
Your LimeSurvey version: [see right hand bottom of your LimeSurvey admin screen]
Own server or LimeSurvey hosting:
Survey theme/template:
==================
(Write here your question/remark)
Hello, in the past, we used 2.7 lime survey, and we posted this:
forums.limesurvey.org/forum/can-i-do-thi...113488-emoji-answers
We are not upgrading the last version, but the same code is not working anymore in the css.
we use have emjoy for the radio list, we have only few answers there.
so we added: with-emoji under each radio type question, under css classs, see attached.
then we applied this code to the templete css file:
Everything is working.
now after the upgrade, we did the same steps but its not working, please kindly help if you can.
Your LimeSurvey version: [see right hand bottom of your LimeSurvey admin screen]
Own server or LimeSurvey hosting:
Survey theme/template:
==================
(Write here your question/remark)
Hello, in the past, we used 2.7 lime survey, and we posted this:
forums.limesurvey.org/forum/can-i-do-thi...113488-emoji-answers
We are not upgrading the last version, but the same code is not working anymore in the css.
we use have emjoy for the radio list, we have only few answers there.
so we added: with-emoji under each radio type question, under css classs, see attached.
then we applied this code to the templete css file:
Code:
.with-emoji .radio label::before, .with-emoji .radio label::after { display: none; } .with-emoji .radio .label-text img { border: 4px solid #FFFFFF; box-sizing: content-box; -moz-transition: border-color 350ms ease; -o-transition: border-color 350ms ease; -webkit-transition:border-color 350ms ease; transition: border-color 350ms ease; } .with-emoji .radio .label-text:hover img { border-color: #ECF0F1; } .with-emoji .radio input[type="radio"]:checked + label + .label-text img { border-color: #233140; }
Everything is working.
now after the upgrade, we did the same steps but its not working, please kindly help if you can.
Please Log in to join the conversation.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
4 weeks 2 days ago #259116
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 need help with Emoji Answers
You didn't tell us which version you are now using.
Can you give a link to a small test survey?
Can you give a link to a small test survey?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Please Log in to join the conversation.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11660
- Thank you received: 2742
4 weeks 2 days ago #259118
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic need help with Emoji Answers
Please answer the questions at the beginning:
===========================
Please help us help you and fill where relevant:
Your LimeSurvey version: [see right hand bottom of your LimeSurvey admin screen]
Own server or LimeSurvey hosting:
Survey theme/template:
===========================
You told us which version you used in the past, but not which version you currently use.
===========================
Please help us help you and fill where relevant:
Your LimeSurvey version: [see right hand bottom of your LimeSurvey admin screen]
Own server or LimeSurvey hosting:
Survey theme/template:
===========================
You told us which version you used in the past, but not which version you currently use.
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Please Log in to join the conversation.
- okkhalid
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 32
- Thank you received: 1
4 weeks 2 days ago #259124
by okkhalid
Replied by okkhalid on topic need help with Emoji Answers
LimeSurvey Community Edition Version 6.5.1+240320
Please Log in to join the conversation.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
4 weeks 2 days ago #259126
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 need help with Emoji Answers
Can you give a link to a small test survey?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Please Log in to join the conversation.
- okkhalid
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 32
- Thank you received: 1
4 weeks 2 days ago #259127
by okkhalid
Replied by okkhalid on topic need help with Emoji Answers
How I can share hidden links?
Please Log in to join the conversation.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11660
- Thank you received: 2742
4 weeks 2 days ago #259131
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic need help with Emoji Answers
What do you mean with hidden links? You need to ativate your example survey and provide the link here.
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Please Log in to join the conversation.
- okkhalid
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 32
- Thank you received: 1
4 weeks 2 days ago #259132
by okkhalid
Replied by okkhalid on topic need help with Emoji Answers
Hi, sorry, I mean I do not want to have my public link out, as the survey will be by link only. is that possible to share this in private message.
Please Log in to join the conversation.
- okkhalid
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 32
- Thank you received: 1
4 weeks 2 days ago #259134
by okkhalid
Replied by okkhalid on topic need help with Emoji Answers
here it the temp link:
shorturl.at/vXZ45
shorturl.at/vXZ45
Please Log in to join the conversation.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
4 weeks 1 day ago #259145
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 need help with Emoji Answers
That survey does not use a custom theme so I don't see any rules in your custom.css{/i] file.
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Please Log in to join the conversation.
- okkhalid
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 32
- Thank you received: 1
4 weeks 1 day ago #259150
by okkhalid
Replied by okkhalid on topic need help with Emoji Answers
I have extended the template and re-applied this to the custom CSS and selected the new theme in the survey.
Code:
.with-emoji .radio label::before, .with-emoji .radio label::after { display: none; } .with-emoji .radio .label-text img { border: 4px solid #FFFFFF; box-sizing: content-box; -moz-transition: border-color 350ms ease; -o-transition: border-color 350ms ease; -webkit-transition:border-color 350ms ease; transition: border-color 350ms ease; } .with-emoji .radio .label-text:hover img { border-color: #ECF0F1; } .with-emoji .radio input[type="radio"]:checked + label + .label-text img { border-color: #233140; } /* Custome radio change 2 images. */ .with-emoji .radio label::before, .with-emoji .radio label::after { display: none; } .with-emoji .radio .label-text img.checked { display: none; } .with-emoji .radio input[type="radio"]:checked + label + .label-text img.unchecked { display: none; } .languagechanger {display:none;} .with-emoji .radio input[type="radio"]:checked + label + .label-text img.checked { display: inline; }
Please Log in to join the conversation.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
4 weeks 1 day ago #259151
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 need help with Emoji Answers
This should take care of the images in that LimeSurvey version:
Code:
.with-emoji .radio-item .control-label img { border: 4px solid #FFFFFF; box-sizing: content-box; -moz-transition: border-color 350ms ease; -o-transition: border-color 350ms ease; -webkit-transition:border-color 350ms ease; transition: border-color 350ms ease; } .with-emoji .radio-item .control-label:hover img { border-color: #ECF0F1; } .with-emoji .radio-item input[type="radio"]:checked + label + .control-label img { border-color: #233140; } .with-emoji .radio-item label::before, .with-emoji .radio-item label::after { display: none; } .with-emoji .radio-item .control-label img.checked { display: none; } .with-emoji .radio-item input[type="radio"]:checked + label.control-label img.unchecked { display: none; } .with-emoji .radio-item input[type="radio"]:checked + label.control-label img.checked { display: inline; }
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: okkhalid
Please Log in to join the conversation.