Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Checkbox emphazinig

  • Dezember
  • Dezember's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
2 years 4 months ago - 2 years 4 months ago #231934 by Dezember
Checkbox emphazinig was created by Dezember
lease 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:
==================

Hello! I have a checkbox question in my survey and I want to customize it. Can I do the following things:
1) emphasize chosen item by color or border?
2) put the checking box from top to the center?

 Version: 5.4.0
Attachments:
Last edit: 2 years 4 months ago by Dezember.

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 4 months ago #231935 by holch
Replied by holch on topic Checkbox emphazinig
Please do not paste images into the WYSIWYG-Editor, it creates "code salad" and renders the thread pretty much unusable.

I'll delete it from your post, because you probably can't. Please upload it via the "attachements" function and then "insert" it into your post (you can find this below your text field when posting (not via quick reply).
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.

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 4 months ago #231936 by holch
Replied by holch on topic Checkbox emphazinig
Ok, you solved it already!
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 following user(s) said Thank You: Dezember

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 4 months ago - 2 years 4 months ago #231937 by holch
Replied by holch on topic Checkbox emphazinig

lease 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:


These questions are not there as a practical joke, they actually can be very necessary for those that want to help you hear.

E.g. in your case the Limesurvey Version you are using and the theme of the survey can be essential for a response.
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.
Last edit: 2 years 4 months ago by holch.

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 4 months ago #231958 by tpartner
Replied by tpartner on topic Checkbox emphazinig
Something like this in the question source:

Code:
<style type="text/css" data-author="Tony Partner">
  #question{QID} .checkbox-item  label {
    margin-left: 10px;
    padding: 0;
    border: 10px solid transparent;
  }   
 
  #question{QID} .checkbox-item input[type="checkbox"]:checked + label {
    border-color: #337AB7;
  }   
 
  #question{QID} .checkbox-item label::before {
    top: 50%;
    margin-top: -8px;
    margin-left: -35px;
  }
 
  #question{QID} .checkbox-item label::after {
    top: 50%;
    margin-top: -7px;
    margin-left: -35px;
  }
</style>

 
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: Dezember

Please Log in to join the conversation.

  • Dezember
  • Dezember's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
2 years 4 months ago #231977 by Dezember
Replied by Dezember on topic Checkbox emphazinig
Oh, wow! But where should I put this code?

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 4 months ago #231986 by holch
Replied by holch on topic Checkbox emphazinig
Into the source code of your question. Switch off the WYSIWYG-Editor if you are using it by clicking on "source" in the top left corner of the editor box I think and insert the code there.
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 following user(s) said Thank You: Dezember

Please Log in to join the conversation.

  • Dezember
  • Dezember's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
2 years 3 months ago - 2 years 3 months ago #232904 by Dezember
Replied by Dezember on topic Checkbox emphazinig
  HI! This solution perfectly worked for Version 5.3.28+220727, but not for Version 5.4.4+221004.

Is there any way to solve the problem?
Last edit: 2 years 3 months ago by Dezember.

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 months ago #232911 by holch
Replied by holch on topic Checkbox emphazinig
To me this looks like someone has switched on the XSS filter in your installation between Version 5.3.28+220727 and Version 5.4.4+221004.
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.

Please Log in to join the conversation.

  • Dezember
  • Dezember's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
2 years 3 months ago #232913 by Dezember
Replied by Dezember on topic Checkbox emphazinig
hm so, no way to change it?

Please Log in to join the conversation.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 months ago #232914 by holch
Replied by holch on topic Checkbox emphazinig

hm so, no way to change it?


Check if the XSS filter is on and switch it off. If it is off, then we would need to see by what this was caused.
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.

Please Log in to join the conversation.

  • Dezember
  • Dezember's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
2 years 3 months ago #232916 by Dezember
Replied by Dezember on topic Checkbox emphazinig
Where I can find it?

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source