Bonjour à tous,
voici mon problème :
Je n’arrive pas à changer la couleur du titre d’une tuile lorsque celle ci est en warning/danger.
J’ai réussi à changer le bandeau de couleur et certains éléments mais pas le titre…
Voilà ce que ça donne pour l’instant :
Le code css :
Si quelqu’un avait une idée/solution.
Merci !
Je n’ai pas la solution, mais je veux bien ton code css en texte plutôt qu’en image.
C’est plus pratique pour le copier-coller
Joli design au passage
Voici un exemple :
background-color: rgb(64, 128, 128)
.widget-name
clic droit sur la tuille > Paramètres d’affichage
1 « J'aime »
Merci @fwehrle !
Désolé pour la capture d’écran, c’était plus facile sur smartphone
Le voici en texte :
/* Warning */
center.widget-name:has(.warning .fa-bell) {
background-color: rgb(255, 165, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .tooltipstered i {
color: rgb(0, 0, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .refresh i {
color: rgb(0, 0, 0) !important;
}
/* Danger */
center.widget-name:has(.warning .fa-exclamation) {
background-color: rgb(230, 0, 58) !important;
}```
1 « J'aime »
@Franck_jeedom On ne doit pas avoir la même version de Jeedom car je n’ai pas de menu particulier quand je fais un clic droit sur la tuile…
Par contre ce n’est pas la solution que je cherche car je veux que le titre change seulement une valeur déclenche le Warning/Danger et non le changer en permanence :
C’est une config d’ajout d’équipement dans un design
Bonjour tu peux via scénario code
J’essaierai de retrouver
Sinon les tag de la tuile
<div class="eqLogic eqLogic-widget allowResize allowReorderCmd #custom_layout# #eqLogic_class# #class#" data-eqType="#eqType#" data-eqLogic_id="#id#" data-eqLogic_uid="#uid#" data-version="#version#" data-translate-category="#translate_category#" data-category="#category#" data-tags="#tags#" style="width: #width#;height: #height#;#style#">
<center class="widget-name">
<span class="warning" title="#alert_name#">
<i class='#alert_icon#'></i>
</span>
<span class="cmd refresh pull-right cursor" data-cmd_id="#refresh_id#">
<i class="fas fa-sync"></i>
</span>
<span class="reportModeVisible">#name_display# <span class="object_name">#object_name#</span></span>
<a href="#eqLink#" class="reportModeHidden">#name_display# <span class="object_name">#object_name#</span></a>
</center>
<div class="#isVerticalAlign#">
<center>
#cmd#
</center>
</div>
#divGraphInfo#
<script>
if ('#refresh_id#' != '') {
$('.eqLogic[data-eqLogic_uid=#uid#] .refresh').on('click', function () {
This file has been truncated. show original
Tu as pour l’info là (pour le principe de recherche)
Genre la batterie
$battery="13";
$cmd=cmd::byString("#[Recapitulatif][sondes][sud]#");
$o=$cmd->getEqLogic();
if ($battery == 0) {
$o->batteryStatus(-1);
} else {
$o->batteryStatus($battery);
}
$resultat = $o->getStatus('battery');
$scenario->setLog("Valeur de la batterie : $resultat");
Pour afficher la batterie
Ça va loin « on sort un peu du sujet »
c’est un gros pavé mais de se que je sais :
je te donne un exemple poussé scrollable
[image]
crée un tableau 5 colonnes et 1 ligne
de 5 virtuels numériques
[image]
la ligne style à pour valeur :
--eqTitle-color: red;display:block-inline;overflow-y: hidden; overflow-x: scroll;--cat-other-color:255, 211, 0;--eq-bg-color: 255, 211, 0;
comment j’ai trouvé tous ça
les tags de la tuile
Style et width en font partie (fin de la 1er ligne)
autre exem…
Voici la solution en passant par du css :
/* Warning */
center.widget-name:has(.warning .fa-bell) {
background-color: rgb(255, 165, 0) !important;
--eqTitle-color: rgb(0, 0, 0) !important;
--linkHoverLight-color: rgb(0, 0, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .tooltipstered i {
color: rgb(0, 0, 0) !important;
}
center.widget-name:has(.warning .fa-bell) > .refresh i {
color: rgb(0, 0, 0) !important;
}
Merci @ajja17orange pour m’avoir mis sur la voie
Voilà ce que ça donne :
1 « J'aime »
system
A fermé ce sujet ()
Janvier 19, 2023, 11:16
9
Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.