Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

emoji answers

  • okkhalid
  • okkhalid's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 1 month ago #163435 by okkhalid
Replied by okkhalid on topic emoji answers
got it, i used the columns :)
The topic has been locked.
  • okkhalid
  • okkhalid's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 1 month ago - 6 years 1 month ago #163974 by okkhalid
Replied by okkhalid on topic emoji answers
The survey is working fine, but only if I use the Arabic Language, the css rules got messed up.

I have used:
English - Working fine
Chineses - working fine
Frensh - working fine

Arabic - the css is not able to display correctly, not sure why.

I have attached all the snapshots to see.

Please help.

English:



Arabic:


Chiness:






tpartner wrote: Something like this:

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;
}

Last edit: 6 years 1 month ago by okkhalid.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 1 month ago #163975 by tpartner
Replied by tpartner on topic emoji answers
It doesn't look like any of your CSS is applied to the Arabic which is rendered right-to-left. Can you see the CSS in the source of the page?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • okkhalid
  • okkhalid's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 years 1 month ago #163977 by okkhalid
Replied by okkhalid on topic emoji answers
I see only the template-rtl.css that show when I switch to Arabic.
So I added the code to the template-rtl.css and its working fine now in Arabic.

the templet.css does not show when I switch to arabic., I used firefox developer tools

Is that right?
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 1 month ago #163980 by tpartner
Replied by tpartner on topic emoji answers
Sounds to me like you've got it. :)

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
The topic has been locked.
More
5 years 5 months ago #175369 by niwong
Replied by niwong on topic emoji answers
Hi Tony, i'm using Limesurvey 3, and I want to add emoji's to the radio button answers. How do I do this in Limeservey 3, your help would be appreciated. Thanks.
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 5 months ago #175370 by holch
Replied by holch on topic emoji answers
This whole thread explains what you want to do. Did you read it? What did you try?

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The following user(s) said Thank You: DenisChenu
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 5 months ago #175378 by DenisChenu
Replied by DenisChenu on topic emoji answers

holch wrote: This whole thread explains what you want to do. Did you read it? What did you try?

:)

In LimeSurvey 3 : the only difference : theme.css is loaded too with rtl language. rtl language have just one more css (bootsrap-rtl.css).

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
More
5 years 5 months ago #175414 by niwong
Replied by niwong on topic emoji answers
I added the following to the end of the Custom.css file (in this thread it said to add it to the end of template.css, but I think this is for ls v2.7):

.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;
}
The topic has been locked.
More
5 years 5 months ago #175416 by niwong
Replied by niwong on topic emoji answers
Note: I have not specified any emoji images on the server.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 5 months ago #175418 by tpartner
Replied by tpartner on topic emoji answers
Well, it won't work unless you upload images and assign CSS class to the question.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose