radio questions not in a list element on Version 3

Mehr
1 Jahr 3 Tage her #168744 von jbrewster
COM_KUNENA_MESSAGE_CREATED_NEW
I am needing to make actions on the clicked answer in the radio list. On version 2.XX The answers we displayed in a list element and was able to make the mods. On version 3 they are listed in a div not li element. Any suggestions?

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

LimeSurvey Partners
Mehr
1 Jahr 3 Tage her #168746 von Joffm
COM_KUNENA_MESSAGE_REPLIED_NEW
Hi, I've not the least idea what you are going to do.

What is 2.XX? Is it 2.05/2.06 or is it 2.50/2.73?

What actions?

But here is something about the click event for radios in version 3.x
https://www.limesurvey.org/forum/design-issues/113947-how-to-auto-advance-to-the-next-question-in-version-3

Regards
Joffm


Volunteers are not paid.
Not because they are worthless, but because they are priceless

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her - 1 Jahr 3 Tage her #168760 von DenisChenu
COM_KUNENA_MESSAGE_REPLIED_NEW
On current version 3 : it's a real list : master.sondages.pro/22549?lang=fr (ul/li)

On 2.5X to 2.7X it's not a list. And in 2.6lts and before it's a list

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand .
An error happen ? Before make a new topic : remind the Debug mode .
Last edit: 1 Jahr 3 Tage her by DenisChenu.

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her #168762 von jbrewster
COM_KUNENA_MESSAGE_REPLIED_NEW
I am actually on version 2.7 currently. I thought we upgraded to 3.X. So that is why the radio list is the way it is.

Any way to highlight on click instead of the radio button on 2.7?

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her #168763 von tpartner
COM_KUNENA_MESSAGE_REPLIED_NEW
I don't understand "highlight". What exactly are you trying to do?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her #168764 von jbrewster
COM_KUNENA_MESSAGE_REPLIED_NEW
I am looking for a more responsive look like the attached screenshot.
Anhang:

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her - 1 Jahr 3 Tage her #168766 von tpartner
COM_KUNENA_MESSAGE_REPLIED_NEW
You need to target the div.answer-item with your CSS but you will also need to add some JavaScript to toggle a class on that element when the radio is clicked.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com
Last edit: 1 Jahr 3 Tage her by tpartner.

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her #168767 von jbrewster
COM_KUNENA_MESSAGE_REPLIED_NEW
Is there a way to do this across the whole survey or do I have to add it to each question?

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her #168769 von tpartner
COM_KUNENA_MESSAGE_REPLIED_NEW
You can do it across the whole survey by adding JS to template.js and CSS to template.css.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Official LimeSurvey Partner - partnersurveys.com

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her - 1 Jahr 3 Tage her #168771 von Joffm
COM_KUNENA_MESSAGE_REPLIED_NEW
Hi, in version 2.7x you can do the following:

Insert this in your template.css
.blo input[type=radio] + label+div {
color: #000;
padding: 10px;
border: 1px solid #f1f1f1;
border: 1px solid #aaaaaa;
margin-left: -20px !important;
background-color: #ecd28f;
}
.blo input[type=radio]:checked + label+div {
color: #0e3e63;
color:white;
background-color: #f1f1f1;
background-color: green;
background-color: #C18D00;
font-style: normal;
padding: 10px;
border: 1px solid #0e3e63;
margin-left: -20px !important;
}
.blo .radio label::before {
visibility: hidden !important;
}
.blo .radio label::after {
visibility: hidden !important;
}
 
.blo input[type=checkbox] + label+div {
color: #000;
padding: 10px;
border: 1px solid #f1f1f1;
margin-left: -20px !important;
background-color: #ecd28f;
}
.blo input[type=checkbox]:checked + label+div {
color: #0e3e63;
color:white;
background-color: #f1f1f1;
background-color: green;
background-color: #C18D00;
font-style: normal;
padding: 10px;
border: 1px solid #0e3e63;
margin-left: -20px !important;
}
.blo input[type=checkbox]:disabled + label+div {
color: #aaa;
background-color: #f1f1f1;
background-color: green;
background-color: #EEE;
font-style: normal;
padding: 10px;
border: 1px solid #eee;
margin-left: -20px !important;
cursor: not-allowed;
}
 
.blo .checkbox label::before {
visibility: hidden !important;
}
.blo .checkbox label::after {
visibility: hidden !important;
}

give the question a css class "blo" (something like "block")

And you get this.



1. Colors up to you.
2. Works as well for multiple questions.


Regards
Joffm


Volunteers are not paid.
Not because they are worthless, but because they are priceless
Anhang:
Last edit: 1 Jahr 3 Tage her by Joffm.

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Jahr 3 Tage her #168780 von jbrewster
COM_KUNENA_MESSAGE_REPLIED_NEW
thanks Joffm. That is exactly what I was looking for.

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für alle Neuigkeiten rund um LimeSurvey
captcha