Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Le groupe des Helpers est present pour vous aidez, n'hésitez pas à poser des questions ;)

Toute la communauté vous remercie

/!\ L’ancien forum passera en lecture seule en janvier 2020 (Si community a bien pris le relais) puis nous le fermerons définitivement en janvier 2021./!\
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 : 102
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 : 3747
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 : 102
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 1 invité