Please show me the DOM inspector with this element selected like here:
-
control visibility via device status
-
You mean this?
-
Mhh…should work. Could you please paste a screenshot of your rule. Maybe there is a typo in it.
-
When I change #Voordeur to #KlimaatDiv, which device is on the same page (and both nowhere else), than KlimaatDiv will be hidden…
-
Please open the console tab in developer tools and type
document.getElementById("Voordeur");
and hit “return”
What is the output?
Please use the Dom inspector and show me the content of the <html> --> <head> --> <style> element as text.
I need to pretify it.
-
??
-
Yes! Please copy the huge wall of text into the thread. I need to analyze it. It is not possible with an image.
Have a look at the end of your screenshot. There you can see, that #Voordeur has display:block and not display:none.
Restart your pi to remove all applied styles and test your rule again.
-
Ok, like this? Sorry, was wrong page… now the right one
[Deprecation] Application Cache is restricted to secure contexts. Please consider migrating your application to HTTPS, and eventually shifting over to Service Workers. See https://goo.gl/rStTGz for more details. index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"none\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"none\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(8)\"|_|_|\"display\"":["\"none\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(8)\"|_|_|\"display\"":["\"block\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(8)\"|_|_|\"display\"":["\"none\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(8)\"|_|_|\"display\"":["\"block\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(8)\"|_|_|\"display\"":["\"none\""]} index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1196 updating CSS.... index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {"\"#CssInjectDevice > div > label\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(26)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(28)\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(9)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(10)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(11)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(12)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(13)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(14)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(15)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(16)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(17)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(18)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(19)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(20)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(21)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(22)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(23)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(24)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(25)\"|_|_|\"display\"":["\"none\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(27)\"|_|_|\"display\"":["\"none\""],"\"#Voordeur\"|_|_|\"display\"":["\"block\""],"\"#item-lists > div > div > div:nth-child(1) > div > ul > li:nth-child(8)\"|_|_|\"display\"":["\"block\""]}
-
That are your applied styles:
As you can see, your Voordeur has display block. Try a restart of pimatic to remove all applied styles.
It’s a custom style, set by pimatic css plugin. Maybe from an older rule.
It could also be, that one of the other rules also points to your Voordeur Element and overrides this style because the selector is more specific/complex. -
Ok, thanks.
I’ll look at that later and let you know! -
Hi,
I changed all the rules like:
{
“id”: “css-test-2”,
“name”: “css-test 2”,
“rule”: “when Lamp Voordeur is turned off then set css “display” of “#Voordeur” to “none””,
“active”: true,
“logging”: true
},I also have the css plugin installed:
{
“plugin”: “css-inject”,
“active”: true
},And a device on the page:
{
“id”: “CssInjectDevice”,
“name”: “CssInjectDevice”,
“class”: “CssInjectDevice”
},Thats right though?
But then the device will not be hidden.
Any more suggestions?
Thanks in advance…
-
Is the rule applied? What does the pimatic event log say?
Does your browser console logs “updating CSS”?
If yes, what does the line with Voordeur say?
-
The event in the log is hard to catch, so many events…
But the pimatic rule shows this:
21:18:15.366 [pimatic] info: rule css-test-2: added CSS “display”: “none” to “#Voordeur”and
21:20:11.943 [pimatic] info: rule css-test3: added CSS “display”: “block” to “#Voordeur”
The browserlog shows:
updating CSS…
index-3cd3e09a4c698fba4d8f102fc3b4d40c.js:1197 {""#CssInjectDevice > div > label"|||“display”":["“none”"],""#Voordeur"|||“display”":["“block”"],""#Schuur"|||“display”":["“none”"],""#Achterdeur"|||“display”":["“none”"],""#deur-floortje"|||“display”":["“none”"],""#raam-voorzijde"|||“display”":["“none”"],""#bovenlicht-voor"|||“display”":["“none”"],""#bovenlicht-achter"|||“display”":["“none”"],""#bovenlicht-toilet"|||“display”":["“none”"],""#raam-keuken-links"|||“display”":["“none”"],""#raam-keuken-recht"|||“display”":["“none”"],""#raam-jelle"|||“display”":["“none”"],""#raambouke"|||“display”":["“none”"],""#raam-bea"|||“display”":["“none”"],""#bovenlicht-floortje"|||“display”":["“none”"],""#badkamer-raam-links"|||“display”":["“none”"],""#badkamer-raam-rechts"|||“display”":["“none”"],""#velux-overloop"|||“display”":["“none”"],""#raam-overloop"|||“display”":["“none”"],""#velux-slaapkamer"|||“display”":["“none”"],""#raam-slaapkamer-zolder"|||“display”":["“none”"],""#tuindeur"|||“display”":["“none”"]} -
There is something strange with the page, it looks like this:
But when I edit it I see:no devices:
In the config all devices are there:
-
21:18:15.366 [pimatic] info: rule css-test-2: added CSS “display”: “none” to “#Voordeur”
and
21:20:11.943 [pimatic] info: rule css-test3: added CSS “display”: “block” to “#Voordeur”The console log shows display:block for your Voordeur. So your css-test3 rule won and the device is visible.
-
Regarding the edit mode, I think it’s because all the devices are hidden according to your applied rules.
-
Its solved.
Before I reloaded Pimatic in the browser every time when I changed something and that didn’t help.
Now that I changed ALL css rules as adviced AND reloaded pimatic in the browser all works as expected.
Thanks for the support and advises!!!