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

More

9 months 1 week 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:

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

More

9 months 1 week ago #259116 by tpartner

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?

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

More

9 months 1 week ago #259118 by holch

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.

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

More

9 months 1 week 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

More

9 months 1 week ago #259126 by tpartner

Replied by tpartner on topic need help with Emoji Answers

tpartner wrote:
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

More

9 months 1 week 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

More

9 months 1 week ago #259131 by holch

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

More

9 months 1 week 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

More

9 months 1 week ago #259134 by okkhalid

Replied by okkhalid on topic need help with Emoji Answers

here it the temp link:
shorturl.at/vXZ45

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

9 months 6 days ago #259145 by tpartner

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

More

9 months 6 days 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

More

9 months 6 days ago #259151 by tpartner

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.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

need help with Emoji Answers

Lime-years ahead

Legal

About Us

Open Source