Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

bouton avec couleur de fond differente dashboard / design

Cette partie est réservée à l'utilisation de l'interface web pour smartphone et tablettes
rootard
Timide
Messages : 119
Inscription : 02 nov. 2018, 19:52

bouton avec couleur de fond differente dashboard / design

Message par rootard » 17 avr. 2019, 19:34

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

winhex
Actif
Messages : 3779
Inscription : 23 janv. 2015, 01:41

Re: bouton avec couleur de fond differente dashboard / design

Message par winhex » 18 avr. 2019, 02:14

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éé

rootard
Timide
Messages : 119
Inscription : 02 nov. 2018, 19:52

Re: bouton avec couleur de fond differente dashboard / design

Message par rootard » 18 avr. 2019, 08:48

Merci @winhex
J'essaierai ce WE

Répondre

Revenir vers « Portail web smartphone & tablettes »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités