Willkommen, Gast
Benutzername: Passwort: Angemeldet bleiben:
  • Seite:
  • 1
  • 2

THEMA: Change color of chosen answer....

Change color of chosen answer.... 9 Monate 1 Woche her #97666

  • jaytsang
  • jaytsangs Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 4
  • Karma: 0
Hi,
I am newbie in using LimeSurvey. So I have question, is there a way to change the color of the selected answer(s)?

regards,
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97676

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 5830
  • Dank erhalten: 710
  • Karma: 219
Hello,

You can use somethink like that for "radio" and "checkbox" button:
input.radio:checked + label,input.checkbox:checked + label{
color:red;
}
Work on real browser (not in IE6/7, to be tested in IE8).
Letzte Änderung: 9 Monate 1 Woche her von DenisChenu.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97681

  • tpartner
  • tpartners Avatar
  • OFFLINE
  • LimeSurvey Team
  • Beiträge: 3813
  • Dank erhalten: 683
  • Karma: 327
Here is a post about applying "unanswered" and "answered" classes to questions.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97697

  • jaytsang
  • jaytsangs Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 4
  • Karma: 0
Hi, thanks for replying. but I tried to inject the code in the template.js, but unfortantely it didn't work. I am using imagetick.js script to control the shape of the answers (especially radio buttons, and checkboxes).

is there any advice???
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97713

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 5830
  • Dank erhalten: 710
  • Karma: 219
Hello,

This part:
input.radio:checked + label,input.checkbox:checked + label{
color:red;
}
is for template.css.

Denis
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97723

  • jaytsang
  • jaytsangs Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 4
  • Karma: 0
Hi Denis,
i tried the code you gave me but nothing cahnged. I put it at the end of the "template.css" file.


also, Tpartner;
I tried the code in "www.limesurvey.org/en/forum/design-issue...k-mark-when-answered"; it is not cahnged.

any help???
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97725

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 5830
  • Dank erhalten: 710
  • Karma: 219
ts2k13 schrieb:
Hi Denis,
i tried the code you gave me but nothing cahnged. I put it at the end of the "template.css" file.
Provide a test link (a survey activated with this template).

Denis
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97830

  • jaytsang
  • jaytsangs Avatar
  • OFFLINE
  • Fresh Lemon
  • Beiträge: 4
  • Karma: 0
Hi Denis,
How can I provide a test link? I tried to do it but unfortiantley I couldn't.

regards,
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 9 Monate 1 Woche her #97840

  • DenisChenu
  • DenisChenus Avatar
  • OFFLINE
  • Moderator Lime
  • Beiträge: 5830
  • Dank erhalten: 710
  • Karma: 219
Hello,

Create a "simple survey" with only one or 2 question ( one single choice question radio button).
Put the template you made for this survey
Activate the survey
Send us the link for access to this survey.

A test link : limesurvey.sondages.pro/975921/lang-fr

Denis
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Change color of chosen answer.... 3 Monate 3 Wochen her #102838

  • dweisser
  • dweissers Avatar
  • OFFLINE
  • Gold Donor
  • Beiträge: 182
  • Dank erhalten: 5
  • Karma: 5
Hi there,

With regard to this:
Hello,

This part:
input.radio:checked + label,input.checkbox:checked + label{
color:red;
}
is for template.css.
- which works perfectly, does anyone know how you might extend the style to encompass the entire li where the answer is found? I'm using ImageTick with multi-opt question type...

<li id="javatbd171641X190X1314SQ001" class="question-item answer-item checkbox-item">
<img src="/survey/upload/templates/Clear_logo_Clone/check.png" alt="no_tick" class="checkboxes" id="tick_img_answer171641X190X1314SQ001" style="opacity: 1;"><input class="checkbox" type="checkbox" name="171641X190X1314SQ001" id="answer171641X190X1314SQ001" value="Y" onclick="cancelBubbleThis(event);checkconditions(this.value, this.name, this.type)" style="position: absolute; left: -99999px;">
<label for="answer171641X190X1314SQ001" class="answertext">Completeness of communication</label>
<input type="hidden" name="java171641X190X1314SQ001" id="java171641X190X1314SQ001" value="Y">
</li>

Any advice would be appreciated.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
  • Seite:
  • 1
  • 2
Moderatoren: ITEd
Ladezeit der Seite: 0.183 Sekunden
Donation Image