Bonjour tout le monde.
Je n’arrive pas dans la disposition du tableau 3x2 de mon widget à merger des cellules comme on le ferai avec « column-span ».
Mon objectif est de réunir la première ligne pour centrer la jauge
De même pour la ligne suivante avec l’IAQ
J’ai essayé « column-span » dans les styles CSS du tableau ou des cellules sans succès.
Question bonus : pourquoi j’ai un grand espace entre ma jauge et ma ligne IAQ ?
Merci pour votre aide !
Le pourquoi doit certainement venir du code du widget que l’on a pas
Désolé, ça manquait de précisions effectivement !
J’ai créé une virtuelle avec les 4 commandes dont la jauge d’Olive : [PARTAGE] Jauges Highcharts paramétrable, ouvert aux contributions
Bison
Mars 19, 2024, 5:39
4
Hello,
Tu peux jeter un œil au post suivant et notamment à mon récap : Centrer du texte dans un tableau (colspan?) - #99 par Bison
Salut,
Ce sera possible à compter de la version 4.4 à venir très bientôt :
Dashboard : En disposition tableau, possibilité d’insérer des attributs HTML (colspan/rowspan notamment) pour chaque cellule.
3 « J'aime »
C’est une bonne nouvelle ça
Mais en attendant, on peut pas faire de CSS dans les champs dédiés à cela justement ?
Style du tableau CSS, Style des cases CSS, etc
oui j’ai vu cela mais ça implique des modifications spécifiques et pas toujours compatibles avec tous les navigateurs.
Je pensais que j’utilisais mal les champs CSS dans un premier temps.
Concernant l’espace en bas, j’ai essayé sans succès :
Mais je ne suis pas certain d’avoir appliqué les options au bon endroit dans le code
Bonjour à tous, je suis passé en 4.4.7 et profite donc de
Dashboard : En disposition tableau, possibilité d’insérer des attributs HTML (colspan/rowspan notamment) pour chaque cellule.
Cependant, j’arrive à un résultat étrange :
Malgré le colspan=« 2 », j’ai une troisième colonne qui apparaît
Voici ma configuration :
J’ai aussi ce grand espace entre la jauge et le texte « Indoor Air Qualitty » que je ne comprends pas !
J’ai aussi cet affichage étrange : l’affichage utilise un tableau de 3 colonnes alors qu’on souhaiterait qu’il reste sur 2.
Je suis pourtant en 4.4.9.
C’est sans doute une mauvaise utilisation/interprétation du colspan en css!
As tu trouvé une solution ou contourné le problème ?
Hélas non mais le désagrément est surtout esthétique.
Le plus rageant est qu’il y a surement une solution soit par évolution du core Jeedom soit dans la directive de formattage.
MarcF
Septembre 3, 2024, 9:05
14
il faut mettre ‹ display:none › dans la ou les colonne(s) « à cacher »
Avant :
Ajout du « display:none » :
Après :
ça marche, merci !!!
Maintenant, je ne comprends pas l’espace entre la jauge et la ligne IAQ
MarcF
Septembre 3, 2024, 12:57
17
Essaie de virer les styles du tableau
Et mets ça en style cellule
vertical-align: middle;font-size:12px !important; border:1px solid black;
Merci de ton aide, je tente…
Cela ne semble pas corriger le problème.
jpty
Septembre 3, 2024, 2:37
20
Bonjour,
Quel est le widget gauge utilisé ?
Sur certain, il y a des textes en bas qui chez vous ne sont pas renseignés d’où l’espace en bas.
Oui c’est une possibilité !
J’ai créé une virtuelle avec les 4 commandes dont la jauge d’Olive : [PARTAGE] Jauges Highcharts paramétrable, ouvert aux contributions