CSS d'une disposition tableau

Je me permet de mettre des vues pour la compréhension

La 1ère indique les paramètres que je renseigne :

La 2nd vue montre le résultat sur le dashboard (Résultat souhaité sur le design)
Dashboard%20CSS

La 3ème image montre le résultat sur le design et qui n’a rien à voir avec le dashboard
Design%20CSS

Dernier point, sur le dashboard et sur le design, il s’agit du même virtuel

Ton CSS n’a pas la clause important là je sais plus trop comment le dire… faut le mettre en important je peux vraiment rien te dire de plus sans ça c’est impossible pour moi de poursuivre mon analyse

Je crois que l’on arrive à mes limites en CSS.
Mais si je comprends pour le mettre en important il s’agit d’une expression, comme peut l’être color:XXXX;, qui correspond à l’expression important.
Ou je fais fausse route ?

Bonsoir,

Ce n’est pas le même problème qu’ici:
https://community.jeedom.com/t/couleurs-des-widgets-disparues-depuis-la-v4-0-25/5370/5?u=salvialf

Hésite pas a regarder sur Google la recherche CSS important donne la solution dès le 1er résultats

1 « J'aime »

Bonsoir,

Je ne peux pas dire lorsque je clique sur le lien cela m’indique :
« Désolé, vous n’avez pas accès à ce sujet ! »

Bonsoir,

J’ai fait la recherche.

Je regarde ce weekend, si tout va bien

Bonjour,

J’ai essayé avec le CSS important et cela fonctionne.

Je trouve bizarre que pour un même CSS, l’affichage du dashboard et du design soit différent, après je ne suis pas dans le code.

Dans tous les cas, merci pour l’aide.

Salut,

j’arrive un peu après la guerre mais si ça peut aider certains j’ai rencontré ce problème de couleur aussi. En fait cela ne vient pas du CSS mais d’une case à cocher dans les « Paramètres d’affichage » du widget dans les designs:

En cochant cette case les couleurs reviennent :slight_smile:

bonjour
Pas de pb de couleur mais de taille de colonne (sur le dashboard)
dans la disposition du tableau ci dessous je souhaite diminuer la taille des colonnes : cons, Temp et fen
image
pour arriver à ceci
image

j’ai testé avec la commande CSS : table-layout: fixed; width: 30px;
ça ne change rien
Vous l’aurez deviné, je n’y connais rien en CSS soyez indulgent si la réponse saute aux yeux

Dans les tableaux, la balise ! important ne change rien.
Le CSS de http://192.168.0.247/desktop/css/desktop.main.css Pre-empte sur les balises dans les paramètres tableaux.

La seule facon serait de modifier le desktop.main.css en enlevant
:not(.tableCmdcss) .cmd:not(.label) .state, .cmd {
color: var(–link-color) !important;
font-size: 12px;
line-height: 12px;

Ou en tout cas en enlevant le important dans le CSS principal. Je n’ai pas testé ce qque ca donne en général, et de toutes facons je ne suis pas fan de modifier des éléments du core… Mais cela réduit fortement la capacité de customisation du design…

2 « J'aime »

De mémoire on a fait un truc pour ca mais en 4.1 donc alpha…

alors go en alpha :slight_smile: (Je suis sur une machine virtuelle de test de toutes facons…)

En alpha, les balises !important ne sont toujours pas prises en compte dans un texte tableau.
Du coup, le texte reprend la couleur du Root css : --link-color

Par contre sélectionner la couleur dans le paramètre du bloc fonctionne, mais du coup, s’applique a tout le texte.

A oui mais je doute qu’on puisse faire mieux la malheureusement

Bonjour,

Pour ma par j’ajouterais que le texte rajouté à la main change bien de couleur mais pas la valeur d’une commande, en tout cas dans un désign

Un exemple de résultat :
01_tableau_resultat

Et le parametrage
01_tableau_mise_en_page

C’est du coup en effet un peu dommage :stuck_out_tongue:

Bonjour,
C’est malheureusement pas possible de faire autrement

D’accord pas de soucis, je vais me débrouiller autrement :wink: avec deux virtuel , merci beaucoup

Salut,

Je n’arrive pas à comprendre s’il est possible en fin de compte de séparer le css d’un titre de case et d’une valeur ?

Peut-on modifier la couleur ou la font de « Durée de la chauffe » ?
image

C’est un tableau et j’ai juste mis le texte en blanc dans l’exemple mais j’ai essayé tout un tas de chose dans le css de la case.

image

toc toc
se n’est pas dans le css tu tableau

regarde ton widget
en détail : son code
si le titre à un tag
dans son paramétrage tu peux le modifier
un titre doit en avoir un

ou via onglet personnalisation css
Car là tu peux définir en détail
dashboard, design, #id#, class, id, …

enfin j’ai jamais essayé via css tableau
j’essaierai