Page 1 sur 1

bouton avec couleur de fond differente dashboard / design

Publié : 17 avr. 2019, 19:34
par rootard
Salut

J'ai beau chercher, je ne vois pas de méthode simple pour customiser le fond de mes boutons (widget par défaut core) selon l'affichage?
Je voudrais que mes boutons oranges sur le dashboard (paramétrés via la catégorie dans le menu administration - ici chauffage) soient d'une autre couleur en mode design (ex rouge).
Image
J'ai juste réussi à rendre la tuile transparente...
Image

Je suis obligé de les reprendre 1 par 1 dans la section code ou ya plus simple ex via un widget? A quoi ressemblerait la condition dans le javascript? Il y a bien un exemple comme ca dans bouton_couleur_winhex mais la variable est la même pour tous les modes d'affichage non?

Code : Tout sélectionner

<style>
    .btn.btn-sm.btn-#id#-off{
		color: white!important;
      	background-color: #cmdColor#!important;
	  	border: solid 1px transparent!important;
      	border-radius: 5px;
    }
    .btn.btn-sm.btn-#id#-on{
		color: #cmdColor#!important;
		background-color: white!important;
     	border: solid 1px #cmdColor#!important;
      	border-radius: 25px;
    }
</style>
Merci :D

Re: bouton avec couleur de fond differente dashboard / design

Publié : 18 avr. 2019, 02:14
par winhex
theme jeedom default ?
si oui "darksobre j'ai pas essayé"

tu crées un html
"ajouter texte/html" dans ton design
tu recherches les id (via f12 ou config commande)
et tu colles le script remplace 92 et effaces // pour les autres boutons

Code : Tout sélectionner

<script>
$(document).ready (function(){
$('[data-cmd_id=92] a.btn.btn-sm.btn-default.action.cmdName.tooltips').css('background-color', 'red');
// $('[data-cmd_id=1] a.btn.btn-sm.btn-default.action.cmdName.tooltips').css('background-color', 'red');
// $('[data-cmd_id=2] a.btn.btn-sm.btn-default.action.cmdName.tooltips').css('background-color', 'red');
});
</script>
btn-default suffit
$('.cmd[data-cmd_id=92] .btn-default').css('background-color', 'red');

la condition javascript là c'est la lecture de la page web
mais il serait préférable que tu reprennes le widget afin de te le créé

Re: bouton avec couleur de fond differente dashboard / design

Publié : 18 avr. 2019, 08:48
par rootard
Merci @winhex
J'essaierai ce WE