Couleur fond icone - commande

[Franck_jeedom]

Bonjour
Question simple je ne trouve pas de solution après de nombreuses recherches.
J’utilise des Icones pour mes commandes, le fond de chaque Icone à une couleur sombre que j’aimerai supprimer en la rendant transparente.

Ici, on voit les icones flêches en exemple.

Merci de vos astuces

[Phpvarious]

Bonjour,
dans les personnalisation avancées :

1. Réglages/système/personnalisation avancée/custom.css
2. Copie/colle ce code en modifiant l’id par celui de ton équipement.

[data-eqlogic_id="931"] .cmd.cmd-widget .btn {
  background-color: transparent !important;
}

3. Sauvegarder
4. Activer les personnalisations si ce n’est pas déja fait.

Bonne journée.

[Franck_jeedom]

Excellent merci
Comme j’ai des boutons icône, je ne voudrais perturber tout mes designs ou ne pas à avoir chercher l’ID à chaque fois. Y a t il une solution pour mettre ce code au niveau d’un virtuel. Si par exemple je le colle dans la mise en forme d’un tableau (mon virtuel utilise un tableau) ?

[Phpvarious]

Je suis pas sur d’avoir saisie, tu veut un code qui agirait directement sur le bouton, mais que ce code soit intégré dans l’équipement et non dans les personnalisations ?
c’est pas possible directement dans l’équipement.
mais je peut te donner une autre méthode qui permet de ne pas s’occuper de l’id de l’équipement :

• dans l’équipement en question , configuration avancée , Affichage
  
  

1. ajoute un paramètre optionnel.
2. nomme le obligatoirement class
3. choisi un nom de class dont tu te rappellera, pour la suite de cette exemple je vais le nommer boutonTransparent.
4. sauvegarde.

Ensuite dans le custom.css, il suffira de modifier la class du 1ere exemple :

[data-eqlogic_id="931"] .cmd.cmd-widget .btn {
  background-color: transparent !important;
}

Par

.boutonTransparent .cmd.cmd-widget .btn {
  background-color: transparent !important;
}

et voila, tout équipement dont tu aura mis la class boutonTransparent dans les paramètres optionnels auront désormais des boutons transparent.

[Franck_jeedom]

@Phpvarious

boutonTransparent

Génial ! c’est pile ce qui me fallait et en plus j’ai appris !
Merci beau d’avoir pris du temps pour moi

[Franck_jeedom]

Bonjour

Petite question complémentaire.
J’ai ajouté la gestion de la taille de l’icône dans ton code mais en dur.
Comment passer la valeur en paramètre ?

Merci par avance de ton aide

[Phpvarious]

Bonsoir,
Tu le supprime de

.boutonTransparent .cmd.cmd-widget .btn {...}

et tu créer autant de class que tu as besoin de taille, exemple :

.myBtn20 .cmd.cmd-widget .btn { font-size: 20px;}
.myBtn24 .cmd.cmd-widget .btn { font-size: 24px;}
...

Ensuite dans l’équipement :

[Franck_jeedom]

Merci beaucoup