Transparence sur bouton commande dans un design

[Bricopathe]

Salut à tous,

Je viens d’intégrer une commande à mon design ( lié à un virtuel qui commande 4 volets)
Est il possible de rendre le fond de l’icône transparent?

J’ai bien coché transparent dans les paramètres d’affichage de la commande, mais ça ne change rien

J’ai bien trouvé un article mais qui s’appliquait à la V3, et je ne retrouve pas la transparence dans les paramètres comme indiqué dans l’article
https://forum.jeedom.com/viewtopic.php?t=31117

Merci d’avance pour votre aide

[iPapy]

Bonjour,

Peut être avec <div style="opacity:0.0">

[Bricopathe]

@iPapy

A ajouter dans CCS personnalisé?
Si c’est ça je viens de tenter, sans résultat.

[Mips]

Bonjour,

Essayez de décocher, sauver et de recocher (et sauvez a nouveau).
Sans garantie mais il me semble qu’il y a parfois un couac.

Quelle version du core ?

[ajja17orange]

bonjour,
si tu examines le code c’est une variable css
var(–btnEq-default-color) !important
et seul une variable modifie une variable

donc a defini via root
et on modifie

oups avec le code a coller c’est mieux

:root {
--pipo: transparent;  
  }

.cmd[data-eqlogic_id="7"]  a.btn   {
 background-color: var(--pipo)!important;
    }

petit plus si le theme est différent

/*
data-theme="core2019_Dark"
data-theme="core2019_Light
*/
:root {
--pipo: transparent;  
--pipo-light:red;  
  }

[data-theme="core2019_Dark"] .cmd[data-eqlogic_id="7"]  a.btn   {
 background-color: var(--pipo)!important;
    }	
[data-theme="core2019_Light"] .cmd[data-eqlogic_id="7"]  a.btn   {
 background-color: var(--pipo-light)!important;
    }	

[Bricopathe]

J’ai le core en 4.1.25.
J’ai bien essayé de décocher et recocher, mais ça ne fonctionne pas.

[Bricopathe]

@ajja17orange
J’aimerais tester ta solution, mais je n’arrive pas à trouver par où accéder au CSS de ma commande en particulier.

[ajja17orange]

le code que tu vois dans
personnalisation avancée
tu changes data-eqlogic_id
par l’id de ton équipement

chez moi l’équipement 7
tu le trouves dans la configuration avancée de ton équipement
quel que soit ta version

tu actives
sinon met ton navigateur en mode développeur f12
icône de gauche pour activer le sélecteur
et tu te balades dans ta page
pour avoir le code html et css
« comme mon screen »

[Bricopathe]

Je comprends bien la démarche, mais je ne comprends pas / trouve pas où je dois coller le code.
Est ce dans un fichier CSS? est ce directement dans la configuration du composant?

[ajja17orange]

réglage → système → personnalisation avancée

ça peut t’aider à comprendre avec le chemin de la solution

Formater un type "autre" sur plusieurs lignes en monotype aligné à gauche

Merci pour ta réponse. Ca m’a définitivement envie de me mettre à la personnalisation avancée dans Jeedom, surtout maintenant que la V4 apporte des fonctionnalités vraiment intéressantes. Finalement, voici ce que j’ai fait : [Capture d’écran 2020-12-13 à 09.52.54] et : [Capture d’écran 2020-12-13 à 09.54.08] Ce qui donne : [Capture d’écran 2020-12-13 à 12.34.19] Si vous avez des remarques je suis preneur bien sur… Merci encore !

[Bricopathe]

Merci beaucoup pour ta patience @ajja17orange!
J’ai mis en place le code avec le numéro du matériel concerné, et ça n’a pas marché, alors j’ai cherché , tourné le truc dans tous les sens, et au moment où j’allais te répondre que ça ne fonctionne pas, j’ai vu la case à cocher « activer » dans la personnalisation du script, et la magie a opéré!!