Bon, je viens de vérifier si j’enregistre tout au niveau 0, j’arrive à avoir tout correctement sauf quelques widgets.
Problème, c’est que tout mettre à 0 n’est pas une bonne idée quand on veut avoir un widget, une zone par dessus pour être d’appuyer dessus.
Du coup, il y a forcément un hic quelque part. Y a t’il possibilité de « forcer » (même par CSS) l’affichage du widget au survol sur un niveau supérieur ? Comme l’option niveau n’est pas dispo sur le widget en configuration, je ne vois pas trop comment faire…
Euh je touche mes limites là. J’utilise déjà la personnalisation avancée sur l’id de l’équipement pour forcer sa position.
Tu as un exemple dans le cas présent ? Merci.
J’ai tenté de modifier le CSS qui touche chaque ID que j’affiche en widget en forçant le zindex mais cela fait rien. Je ne peux pas appuyer sur le bouton du widget s’il y a une zone.
J’ai positionné la zone en niveau 1 ; le design est en niveau 0.
EDIT : il semblerait que le zindex soit 999 pour le niveau 0 ; 1000 pour le niveau 1 ; 1001 pour le niveau 2.
J’ai aussi tenté avec !important, nada.
Je ne peux pas appuyer par exemple sur 6/8/X ; 1 et 2 par exemple car il y a des zones.
En bas c’est possible. Sauf qu’en plus ce n’est pas logique car j’ai aussi des zones (celle qui font afficher ce digicode). J’ai ce problème sur tous les éléments widget que j’affiche où j’ai une zone. Je ne peux pas appuyer dessus…
Je vais finir par devoir mettre le popup dans le design…
Bon, avec le petit bouton en bas à droite du widget, j’ai localisé les widgets en cause et les zones que j’ai réduit. Un premier problème de contourné.
Par contre, cela ne m’explique pas si je positionne un widget au dessus d’une zone, je ne peux plus appuyer dessus.
j’ai rapidement regardé
ça marche si tu passes par les class
var p2d = 1;
var plan_2d = $('[data-plan_id="'+p2d+'"]');
plan_2d.show().attr('class', 'div_displayObject').addClass('zindex3000')
tu enlèves ta tuile de la class div_displayObjet
et dans style tu créé une class
.zindex3000
tu devras y mettre z index et d’autres truc vu qu’on enleves tous le css (position,couleur,…)
et idem dans l’autres sens
mais j’ai pas été plus loin (zone,test de clic,…)
pour ton info j’ai essayé autrement avec la profondeur qu’on modifie elle se retrouve dans le html (data-zoom)
la modif marche dans le html $('[data-plan_id="1"]')[0].setAttribute('data-zoom','3')
mais vu qu’on enregistre pas il ne se passe rien.
aussi
je connais pas les zones mais si elles ont un data-plan ou id/class tu peux les faire disparaître
.hide()
les historiques je les réduisės à un pixel (effet de zoom)
De ce que tu me dis, il faut créer un JS de fonction. Mais là cela devient bien lourd pour moi, surtout que c’est clairement un bug de widget au clic/survol.
Pour l’heure, je contourne le problème en veillant à où je positionne le widget. En espérant que ce bug soit solutionné. Je trouve déjà limite mon utilisation CSS car pas à l’abri d’une mise à jour Core sur cette fonction…
je travaille actuellement sur mon premier design, et je suis parti sur la même idée que toi : un design mono-panel, avec des popups windows qui me donne plus d’information en cliquant sur une icone ou sur un bouton (je me suis inspire très fortement de ton design, pour bien comprendre le fonctionnement de jeedom sur ce point, et j’adapte au fur et a mesure de ma compréhension et de mes besoins).
J’avais le même problème que toi, avec des zones non cliquable quand une fenêtre popup venait recouvrir une zone cliquable. J’avais a l’origine mon design niveau 1, comme mes zones a cliquer (niveau 1). J’ai essaye de mettre mon design niveau 0, et les zones a cliquer niveau 1, toujours le même problème.
J’ai réussi a solutionner le problème en mettant mon design niveau 1, et les zones a cliquer niveau 2.
Avec cette solution, pas besoin de jouer avec le z-index, pour moi cela fonctionne correctement. La fenêtre au premier plan a priorité sur la zone de clic qui se trouve en arrière plan.
J’ai l’impression également que le design niveau 0 pose des problèmes JS (column-span:all) qui parfois ne s’exécute pas correctement, alors que ce n’est pas le cas quand mon design est au niveau 1.
Pour conclure, je vais avoir mon panel principal niveau 1, mes zones de clic niveau 2, et avec cette configuration, ça a l’air de bien fonctionner
Bon retour. Je n’utilise plus le span des colonnes car son contournement était facile. Pour le reste intéressant pour les suivants. Pour l’heure je dois dire que tous mes popups marchent. Étonnamment…
Je confirme les dires de @benoit5672, impossible d’avoir une situation propre sans passer par les niveaux 1, 2 et 3.
Clairement, il ne faut pas utiliser le niveau 0.
En 1 : widget de base (cadre blanc et les boutons, infos, commandes etc)
En 2 : titre (bandeaux blancs).
En 3 : zones cliquables.