Bonjour à tous
J’ai un tableau que j’ai créé dans un virtuel qui affiche la conso de mes équipements
Je voulais faire en sorte que lorsque la puissance d’un équipement est superieure à 0, la couleur change. Ca fonctionne mais j’ai un décalage en hauteur et la valeur n’est plus alignée à droite. J’ai certainement raté un truc mais quoi…?
Bonjour,
Il faut, dans ce cas, jouer avec les paramètres css des cellules du tableau.
Par exemple : text-align: right; height:50px;
C’est ce que j’ai fait
Dans la cellule j’ai indiqué
Ca fonctionne très bien tant que je n’applique pas le widget
Et sans le « right » ?
<span style='color:red;font-size:16px '>#value# #unite#</span>
Ajouter !important pour voir
Petit retour
Pour le centrage à droite ça fonctionne
Par contre j’ai toujours ce décalage en hauteur (1er message)
Est ce que la case est cochée ?
Non. Je viens de la cocher et c’est presque bon
il y a juste une différence de hauteur de ligne sur la ligne ou j’applique le widget
Quand je l’aurais associé à toutes les lignes, la taille de mon tableau va changer
la commande css height:50px dans la cellule ne fait rien
J’ai tenté 50 40 30 20 …
C’est normal. Il y a une marge importante autour des données formatées.
Là, il faut jouer avec le « custom.css » et ajouter :
/* marges autour des valeurs des widgets dans les tableaux */
div.eqLogic-widget div.cmd-widget {
min-width: 30px;
}
j’ai ça dans mon custom.css
Je préfère demander avant de faire une bétise
div.eqLogic-widget div.cmd-widget {
min-width: 10px;
}
div.cmd-widget .content-xs {
min-width: 10px;
}
J’ai tenté de supprimer ces lignes et ça m’a foutu tout en l’air mon tableau alors je les ai vite remise
Qu’est ce ça donne actuellement visuellement ?
J’ai juste cette hauteur de ligne qui diffère
Comme je te l’ai dit, pour le moment je n’ai appliqué le widget pout la commande Puissance Frigo
Et on ne se moque pas des traits orange, je ne savais pas comment faire une ligne, mais ça fait le taf
Là, ça dépasse mon domaine de compétences.
Mais une fois le widget généralisé, l’harmonie sera de retour 
oui tout sera harmonisé mais vu la hauteur de ligne, ça ne va plus rentrer dans la page
Merci en tout cas pour le temps passé
Ca sert à quelque chose que je tente ça: ?
div.eqLogic-widget div.cmd-widget {
min-width: 30px;
et que je supprime ça: ?
div.cmd-widget .content-xs {
min-width: 10px;
}
}
Il me semble qu’il faut passer par les personnalisations avancées
Mais je n’en me rappelle plus le code
Les personnalisations avancées de quoi?
Ca montre mon niveau… Mais je veux bien chercher
