Rotation widget sur design

Utilisation du core de Jeedom Design
1

Bonjour,
Je me suis fait un widget info pour détecteur de présence,
DV_off
dv_off
DV_on
dv_on

j’en ai plusieurs a mettre sur le design avec des angles diffèrent donc dans « parametres d’affichage, CSS personnalisé » je met " transform: rotate(90deg) " ( j’ai vu qu’on pouvait le faire ici :https://community.jeedom.com/t/widget-dynamique-en-v4/12243/6 vers la ligne 6

mon probleme est que quand je suis en mode Edition , je les place correctement ensuite je rafraichie la page ils bougent.
Edition

avant
avant580×519 53 KB

après rafraichissement:
apres

auriez vous une solution ?
merci

Version 4.2.7
sur atlas

1 « J'aime »
2

Bonjour,

Personnes pour m’aider ? :cry:

3

Bonjour,
J’ai le même problème

4

Bonjour,
Quelqu’un aurait il trouvé une solution?.
Car cela éviterait de faire un virtuel par angle.
et comme sur la doc du plugin « virtuel » il est indiquer qu’il faut évité d’en faire.

5

Bonjour c’est que du design !
Donc sans virtuel et widget et personalisation

via plug HTML display

Si tu regarde se code c’est dans ma fonction que tu mets se qui t’intéresse a adapter (en construisant le squelette de ton HTML

function maFonction#id#(la_valeur)
 {
   
              if (la_valeur == 1 ) {
              //  Faire
       } else {
              // Ou  faire
       }   
 }

Le reste du script étant la recherche de la valeur selon présence ou non de l’id sur ta page
et lancement de la fonction du debut par cette ligne

maFonction#id#(valeur_courante)

Si tu piges pas! Fais voir ton code.

6

Bonjour,
Je suis desolé, je n’est rien compris de ce qu’il fallait faire ( je suis novice dans la programmation). :lying_face:
Pourriez vous m’expliquez pas a pas ce que je dois faire ?
Sachant que j’aimerais faire une rotation differentes sur certain widgets.

8

Sachant que j’aimerais faire une rotation differentes sur certain widgets.

Donc plusieurs virtuel ?

Car cela éviterait de faire un virtuel par angle.
et comme sur la doc du plugin « virtuel » il est indiquer qu’il faut évité d’en faire.
et comme sur la doc du plugin « virtuel » il est indiquer qu’il faut évité d’en faire.

Si oui, c’est différent

Virtuel + widget != HTML display

C’est quoi que tu veux tourner ?

Une image, un icône, …

9

Oh oui pardon , je me suis mélangé les pédales entre virtuel et widget .
en fait c’est bien une seule image (donc widget) que je voudrait tourner.

car selon l’orientation des détecteurs et des cameras sur le plan je suis obliger de faire un widget diffèrent .

6
6924×443 95.9 KB

j’avais essayer avec un seul widget en mettant " transform: rotate(90deg) " dans css personnalisé de la configuration du composant dans le design mais ça fonctionnait pas.

Merci pour votre patience.

10

Fait voir le code pour voir se que tu as fait

Sinon une image et plus bas un trait pour t’aider
Id=image dans le squelette HTML
Et dans le style le rappel id (via #mage)

Si c’est ok

a la place de

rotate(270deg)
Du widget
Tu mets #orientation#

Ne pas oublié le « ; » à la fin
-webkit-transform: #orientation#;

Tu as créé un tag dans ton widget

Et dans le paramétrage avancé du virtuel ou équipement
Nom : orientation
Valeur : rotate(270deg)

Le même widget selon le paramétrage aura une orientation differente

— une autre methode
La je mets une image du plan 2d de ma maison
Je mets mes widget qui on la class 2d
Et dans le code je recherche chaque widget et modifie l’orientation

11

Bonsoir,
c’est parce qu’en utilisant seulement « CSS personnalisé » c’est toute la tuile qui subit le " transform: rotate(90deg) ". Il faut agir que sur l’image en utilisant un selecteur :

image
image695×97 6.6 KB

1 « J'aime »
12

Bonjour Phpvarious,

Merci a toi, c’est exactement ce qu’il me fallait. j’ai pu supprimer une dizaine de widgets qui servait pour les détecteurs, caméras, portes et fenêtres.
Merci aussi a Ajja17orange pour sa patience.
Bonne journée :smiley:

13

Ce sujet a été automatiquement fermé après 24 heures suivant le dernier commentaire. Aucune réponse n’est permise dorénavant.