LimeSurvey forums :: Topic: Change default class name (1/2)

Welcome, Guest

TOPIC: Change default class name

Change default class name 8 months 2 weeks ago #85211

TwentyTwo NOW ONLINE Junior Lime Posts: 32 Thank you received: 1 Karma: 1	I am trying to create a new template based on - jquery mobile. Is it possible to change the default css class per question. So for example I have a normal list (radio) question. How could I override the default class for the answers. Can I add in some script to replace the: input class="radio" just to: input class="radio-custom" Thanks!
	The administrator has disabled public write access.

Re: Change default class name 8 months 2 weeks ago #85222

tpartner NOW ONLINE LimeSurvey Team Posts: 2867 Thank you received: 426 Karma: 246	Add the following to the end of template.js: $(document).ready(function(){ $('input.radio').addClass('radio-custom').removeClass('radio'); });
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re: Change default class name 8 months 2 weeks ago #85250

TwentyTwo NOW ONLINE Junior Lime Posts: 32 Thank you received: 1 Karma: 1	thanks for the answer! Is there a way to do this per question itself as well? To have different layouts for different list radio questions?
	The administrator has disabled public write access.

Re: Change default class name 8 months 2 weeks ago #85257

tpartner NOW ONLINE LimeSurvey Team Posts: 2867 Thank you received: 426 Karma: 246	For that, I think you can just use the question IDs as selectors. For example, if your question ID is 123, use this: #question123
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re: Change default class name 8 months 1 week ago #85330

TwentyTwo NOW ONLINE Junior Lime Posts: 32 Thank you received: 1 Karma: 1	Thanks Tony, Yes this is how I indeed use it when just changing the css for a particular question. My problem however is that I really want to change the class, because I am trying to have the jquery-mobile working. It is not only the style that needs to change but with the class name js functions are referring to these.
	The administrator has disabled public write access.

Re: Change default class name 8 months 1 week ago #85332

tpartner NOW ONLINE LimeSurvey Team Posts: 2867 Thank you received: 426 Karma: 246	Sure, I understand what you are trying to do. Just use the unique question IDs in your selectors: $(document).ready(function(){ $('#question123 input.radio').addClass('radio-custom').removeClass('radio'); });
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re: Change default class name 8 months 1 week ago #85333

TwentyTwo NOW ONLINE Junior Lime Posts: 32 Thank you received: 1 Karma: 1	Great! I am going to play around with this later, this should work!! Thanks again!!
	The administrator has disabled public write access.

Re: Change default class name 7 months 2 weeks ago #86500

TwentyTwo
NOW ONLINE
Junior Lime
Posts: 32
Thank you received: 1
Karma: 1

I have tried some more but unfortunately I don't get it working.
Not sure if I miss something.

By adding the add class / remove class I do see something is changing, because I don't see my answers anymore.
However when checking the source I don't see the class is renamed.

I have also tried to change the class of the answer instead of the question but that gives the same result.

See hereby a test survey: example

Any idea what I am missing?

The administrator has disabled public write access.

Re: Change default class name 7 months 2 weeks ago #86504

tpartner NOW ONLINE LimeSurvey Team Posts: 2867 Thank you received: 426 Karma: 246	You will not see the class changed when "viewing the source" because that is the source when the page loads, not what it is after JavaScript manipulation. To see the dynamic source use a tool like Firebug for Firefox. Your demo survey is not accessible.
	Cheers, Tony LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project. The administrator has disabled public write access.

Re: Change default class name 7 months 2 weeks ago #86516

TwentyTwo NOW ONLINE Junior Lime Posts: 32 Thank you received: 1 Karma: 1	Ah yes indeed! All perfect, this addClass - removeClass is now working! I will continue with the jquery mobile investigation and will share this when succesfully implemented. like always thanks for your great help!
	The administrator has disabled public write access.

Forum

English support forums

Design issues

Change default class name