Je voudrais ajouter un attribut de style à chaque champ de titre à mon avis. J'ai créé un champ pour une couleur. J'ai essayé de réécrire le résultat comme ceci:
<h2 style="color: [field_color];">[title_1]</h2>
Mais l'attribut style sera supprimé. J'utilise Drupal 7.
Toute aide appréciée.
Réponses:
Vous pouvez définir une classe dans le champ de titre à l'aide des paramètres de style, comme illustré ci-dessous. Vous pouvez utiliser des remplacements de jetons dans les paramètres de style pour définir la classe dans le champ de titre.
En utilisant un petit javascript ou jquery, lisez le champ de classe de titre et définissez la même couleur que le nom de classe en utilisant la propriété CSS .
la source
Vous pouvez créer un tpl pour ce champ (exemple: views-view-field-MY-VIEW-NAME-page.tpl.php), dans ce tpl vous pouvez ajouter le jeton en écrivant ceci:
la source
J'ai également dû inclure la valeur d'un champ comme couleur en ligne pour un champ particulier. Après avoir parcouru le Web pour une solution facilement personnalisable, j'ai fini par faire ceci:
Réécrivez la fonction hook_preprocess_views_view_field () comme ceci:
Comme vous pouvez le voir, j'ai ajouté ces lignes:
Et changez la ligne sous:
la source
ajoutez un nom dans le champ anil suggéré puis ouvrez style.css dans votre dossier de thème et tapez ".my-css-name" suivi des résultats css souhaités tels que:
.my-css-name {couleur: rouge; fond: vert; }
la source
Je fais juste quelque chose de similaire et voici ce que j'ai fait:
1- Créez une vue avec des champs de couleur et de titre.
2- Créez un "views-view-fields.tpl" personnalisé pour cette vue. (Un modèle personnalisé uniquement pour le champ de couleur, m'a montré une erreur)
3- A la
field->content
ligne, ajoutez / remplacez ce dont vous avez besoin ....<h2 style="color: #<?php print $field->content; ?>">
/ / / / A partir de maintenant, je ne l'ai pas testé, mais ça devrait fonctionner correctement / / / /
4- Exclure le champ de titre et l'afficher sur l'en-tête / groupe
5- Créez un "views-view-unformatted.tpl" personnalisé pour cette vue.
6- Dans cette vue, nous ajoutons
<?php print $title; ?></h2>
après<?php print $row; ?>
. (nous ajoutons le titre et fermons la balise H ouverte dans le premier modèle)DERNIÈRE ÉDITION:
Vous pouvez simplement utiliser des vues PHP pour imprimer tout ce dont vous avez besoin et le style ne sera pas filtré.
la source
J'ai eu ce même problème et je l'ai résolu en créant un modèle nommé
Dans mon cas, le code que j'ai utilisé pour créer le code HTML dont j'avais besoin était:
Activation du module Devel et utilisation
dans le fichier modèle était TRÈS utile. Je n'aurais pas pu comprendre ça sans ça.
la source
La solution la plus simple que j'ai pu trouver était d'insérer la valeur comme attribut de données. Ensuite, dans mon JavaScript, je prends la valeur du champ de données et met à jour le CSS pour refléter le changement.
la source