Associer images à un champs

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by cct92 on

Bonjour,

Je suis nouveau sur le forum :) merci à vous pour votre accueil !

Je rencontre une difficulté dont je n'arrive pas à trouver la solution après de longues recherches alors que cela me paraît évident qu'il y ait une solution simple qui existe. Voici le problème :

J'ai créé une Views afin d'afficher des offres. Cette Views affiche les champs du contenu de types "Offre".
Or dans le contenu de type "Offre", un champs différentie 2 cas : les offres "location" et les offres "vente".

Lors qu'on souhaite créer une nouvelle offre, ce premier champs nous demande de choisir dans une liste entre "location" et "vente". Jusque là rien de bien compliqué à priori...

Seulement, dans ma Views, je ne souhaite pas afficher "location" ou "vente" mais plutôt une image associée à chacun de ces termes.

Concrètement, lorsqu'on ajoute un contenu de type "Offre" et qu'on choisit dans le premier champs "location", alors la views affichera l'image associée à "location".

Merci d'avance pour votre aide !

Forum : 
Développement
Version de Drupal : 
7.x
Tags : 
Champs
image
condition
views

Soumis par sebel le 19 Juillet, 2013 - 09:39

Salut cct92 et bien venu,
pour cela il te faut créer dans le fichier style.css une valeur personnalisé pour chaque élément.
Exemple:

.views offre. vente {
background: le chemin de ton image

.views offre. location {
background: le chemin de ton image

J'éspére que cela pourra t'aider

Soumis par cct92 le 19 Juillet, 2013 - 12:10

En fait il y a quand même quelque chose que je ne comprends pas :
Que l'utilisateur choisisse "vente" ou "location" mon champs sera en css du style "field_offre" sans faire de différence en fonction du résultat, ce qui m'empêche donc de mettre une image en arrière plan pour chacun des 2 cas!

Penses tu qu'il y ait un moyen de personnaliser ce champs afin que le CSS prenne en compte la valeur de la réponse ?

Merci pour ton aide!

Soumis par cct92 le 21 Juillet, 2013 - 13:03

Bonjour,

Merci pour ta réponse, j'ai finalement réussi à le faire, de la façon suivante :

Dans ma Views, j'ai paramétré le champ "offre" en ajoutant une class CSS de la façon suivante :

Paramètres d'affichage > Créer une classe > Classe CSS : [field_offre]

Ensuite j'ai pu appliquer le code CSS comme tu me l'as donné :

.field_offre. vente

et

.field_offre. location

J'y ai mis un background-image, et pour enlever le texte "location" / "vente", je l'ai mis en transparence de la façon suivante :

background-color: rgba(0, 0, 255, 0); /* Le dernier 0 gère l'opacité */

Il y avait peut-être mieux mais cela marche!