Appliquer un CSS sur un élément du Design

[OUARZA]

Bonjour à tous,
Je n’arrive pas à appliquer un CSS sur un élément de mon Design.
Je suis sous Jeedom V4.
Voici ce que j’ai fait :

• Du côté de la configuration avancée de Jeedom
  

  

• Du côté de la configuration de mon élément de Design
  

  

Merci pour votre aide.
Mathieu

[Spine]

Bonjour,

Pourquoi tu ne le mets pas directement dans la case CSS personnalisé?

[Spine]

Bon ça marche à moitié :

Mais pour la couleur tu n’as pas besoin de CSS perso., il y a une option exprès :

[OUARZA]

Hello,
L’idée est de pouvoir appliquer un CSS sur plusieurs éléments.
Si je veux modifier, j’ai juste à modifier une fois le CSS.
Mathieu

[Spine]

Ah ok, et bien dans ce cas là il faut trouver la bonne classe des éléments en question à l’aide du mode développeur de ton navigateur.

[OUARZA]

Peut-on trouver ces éléments avec cela ?

• Valeurs:
  

  

• Légende:
  

  

Si j’applique ce paramètre :

Voici le résultat (non prise en compte de la couleur, ni du style sur la valeur) :

Mathieu

[Spine]

@OUARZA

Peut-on trouver ces éléments avec cela ?

Oui tout à fait mais ce n’est pas toujours évident car il y a des sous-classes et des classes qui englobent plus de choses et qui risquent d’impacter des éléments que tu ne souhaites pas modifier, il faut y aller petit à petit. Ça c’est pour la personnalisation avancée.

@OUARZA

Si j’applique ce paramètre :
Voici le résultat (non prise en compte de la couleur, ni du style sur la valeur) :

Essayes en mettant une * dans la case sélecteur.
Sinon donnes moi le type de commande et le widget en question pour que j’essaye, sans garantie…

[OUARZA]

Avec le * j’ai ceci (pas de modification de la couleur pour la valeur) :

Puis-je mettre cela dans la ligne « CSS personnalisé » de l’élément ?
@import url(« URL DE MON CSS »);

Enfin, pourquoi c’est si compliqué ? Pourquoi en mettant un CSS dans Jeedom, je peux pas demander simplement qu’il soit appliqué sur les éléments que je veux ?

Mathieu

[Spine]

@OUARZA

Puis-je mettre cela dans la ligne “CSS personnalisé” de l’élément ?
@import url(“URL DE MON CSS”);

Je ne pense pas mais je ne suis pas un pro non plus…

@OUARZA

Enfin, pourquoi c’est si compliqué ? Pourquoi en mettant un CSS dans Jeedom, je peux pas demander simplement qu’il soit appliqué sur les éléments que je veux ?

J’essaye simplement de t’aider, le reste est indépendant de ma volonté, il faut s’adapter…
PS : tu n’as pas répondu à ma demande…

[Spine]

@OUARZA

Enfin, pourquoi c’est si compliqué ? Pourquoi en mettant un CSS dans Jeedom, je peux pas demander simplement qu’il soit appliqué sur les éléments que je veux ?

Car il y a des classes définies dans le CSS du core tout simplement…

[Spine]

[PARTAGE] Jauges Highcharts paramétrable, ouvert aux contributions

Avec ça : .eqLogic-widget[data-eqlogic_id="8"] .highcharts-tick {stroke: blue;} J’arrive à cibler une tuile : [Annotation%202020-02-27%20180526] [Annotation%202020-02-27%20175434] Mais c’est sûr que ce serait mieux en option, ce n’est pas comme si on était à une option près maintenant. Pas de pression @olive.

Voici un exemple de CSS ciblé sur une tuile…

[OUARZA]

@Spine

J’essaye simplement de t’aider, le reste est indépendant de ma volonté, il faut s’adapter…

Oui, oui, ne t’inquiète pas, c’est très gentil de ta part de m’apporter ton aide et ton expérience pour trouver une solution

Pour avoir quelque chose d’uniforme dans les chiffres, aujourd’hui j’ai du faire des virtuels et puis un widget.
C’est de l’info numérique que j’affiche.

Je vais regarder ton lien

Mathieu