Possible to style a specific answer column?

Plus d'informations
il y a 4 ans 3 mois #94620 par smiit
smiit a créé le sujet : Possible to style a specific answer column?
I have an array question with 6 answer columns.

Is it possible to use CSS styling to modify only the 1st column?

I want to draw a border around it and add shading but leave the remaining 5 columns to the right of it unaffected.

Thanks.

Connexion pour participer à la conversation.

Plus d'informations
il y a 4 ans 3 mois - il y a 4 ans 3 mois #94637 par tpartner
tpartner a répondu au sujet : Possible to style a specific answer column?
Add this to the end of template.js:
$(document).ready(function() { 	
	// Add some column-specific classes
	$('.array-flexible-row table.question tr').each(function(i, el){
		$('> *', this).each(function(i, el){ 
			$(el).addClass('col-'+i);
		});
	});
});


And then something like this to the end of template.css:
.array-flexible-row .col-1 {
	background: pink !important;
	border: 1px solid red;
}



Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Pièces jointes :
Dernière édition: il y a 4 ans 3 mois par tpartner. Raison: Typo
Les utilisateur(s) suivant ont remercié: smiit

Connexion pour participer à la conversation.

Plus d'informations
il y a 4 ans 3 mois #94655 par DenisChenu
DenisChenu a répondu au sujet : Possible to style a specific answer column?
And only css solution:
.array-flexible-row table.question tbody td:first-of-type  {
	background: pink !important;
	border: 1px solid red;
}
www.w3.org/CSS/Selectors/pseudo-classes/:first-of-type

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Connexion pour participer à la conversation.

Plus d'informations
il y a 4 ans 3 mois #94658 par tpartner
tpartner a répondu au sujet : Possible to style a specific answer column?

And only css solution:

Yes, but be aware that it's not supported in IE7 or IE8 - reference.sitepoint.com/css/pseudoclass-firstoftype

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

Connexion pour participer à la conversation.

Plus d'informations
il y a 4 ans 3 mois #94756 par smiit
smiit a répondu au sujet : Possible to style a specific answer column?
Thank you both for the clear, timely responses. Tony's .js plus css combo worked perfectly.

Connexion pour participer à la conversation.

Plus d'informations
il y a 4 ans 3 mois #94781 par DenisChenu
DenisChenu a répondu au sujet : Possible to style a specific answer column?

tpartner écrit:

And only css solution:

Yes, but be aware that it's not supported in IE7 or IE8 -

Maybe selectivizr.com/ can be added ;).

And for give the "Can i use" , i prefer caniuse.com/ : caniuse.com/#feat=css-sel3
Because in CC-by-sa 3 ;)

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Connexion pour participer à la conversation.

Avez-vous déjà participé à notre enquête auprès des clients?

Ne manquez pas votre chance à des prix incroyables.

S'il vous plaît cliquez ici pour participer:

Commencer

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant