Excellent! The best I found on this subject. Well done 👍 An idea for a possible new video (as idea expected), how to easily manage the TV and all related stuffs (ex: switch on TV decoder, automatic TV on, dim light, close curtains ....) thanks 😊
I'd like a detailed video on smart home 3d. Especially if you can import a floor plan from estate agents. Draw the walls, windows and doors. Then delete the plan imported. Also set the scale.
Amazing tutorial thanks so much for sharing was so helpful. Could I request something similar for robot vacuum using the same floor plan please 🙌🏽 Best dashboard I've seen and have been wanting this for ages 👌🏽
If you haven’t installed the File Editor yet, follow these steps: Go to Settings and select Add-ons. Click the Add-on Store button in the bottom right corner. Use the search bar to look for File Editor. Click Install. And that's it! The File Editor will now appear in the sidebar menu
If you add a 'State Icon' and link it to an RGB bulb or strip, the icon will change to match the bulb's color. However, it won't reflect the color in the entire room. But that's an interesting challenge! I'll give it a try, and if I figure it out, I'll be sure to share how I did it. :)
Great tutorial. I immediately tried it out but I am running into a strange issue. As soon as I add a second light switch in another room AND I turn it on, HA trows me a "no entity" on the 2 switches in the first room. If I switch the light out via HA in the second room, the switches in the first room function again. Anyone any thoughts ?
It’s likely due to the order in which the elements were created. I didn’t mention this in the video, but the order is important. You should first create all the room lighting images, since they cover the whole dashboard. After that, add the smaller clickable images, like the switches. If you create the switches first and then the room images (which cover the whole dashboard), the switches will end up underneath the room images, and when you try to click them, you’ll just be interacting with the room image. I hope this helps you! I’ll be sure to mention this in future videos. Thanks for your feedback!
This looks pretty awesome! I was trying to set this up using raw code but this looks a lot easier. I do have a couple of questions - let's say you have a room where the lights are triggered by motion, with a timer helper of some number of minutes. If the light is triggered by motion, I assume I would need one image showing the person and lights on, and another showing the lights still on but without the person image once the motion sensor clears. Is this correct? Next, what if the room has multiple lights? One picture for each combination of lights on / off? If I do the math right, that would be 8 pictures to handle on/off states for 3 separate lights in the room. So if I couple that with a motion sensor, I'd also have to have as many images as necessary to show additional states where someone triggered the motion that turned on one or more lights. Is this correct?
To address your first question, you’ll need to create two separate images: one for when motion is detected (showing a person) and another for the light being on (without the person). These images will represent two different states, and you'll create separate elements in your picture-elements card for each. For the multiple lights scenario, you can simplify things using an OR condition. This way, you don’t need a separate image for every possible combination of lights being on. Instead, you create a condition where the room appears lit up if any of the lights are on. Here’s an example of how it could work: OR: - entity: light.entity_1 state: 'on' - entity: light.entity_2 state: 'on' - entity: light.entity_3 state: 'on' This logic represents: if any one of the lights (entity_1, entity_2, or entity_3) is ON, the image of the room being lit will appear. Essentially, if any of the lights are on, you show the same "lights on" image, which greatly reduces the number of images needed. I hope this helps.
@@diymadeeasy1824 Thank you! Great advice! I ended up creating rendered photos in the Sweet Home app to control the lighting more realistically for each room. I then used PhotoPea to crop the areas to use in HA. It works great and the files are pretty small. Now I can see which lights are on within a room and control them using an icon. For lamps I just set the icon opacity to be invisible and position it right on the lamp image. Turns out I didn’t need as many saved files as I thought…
A great tutorial but I get an error. Edit: When I switch on a room and want to switch on another room, HA says no entity. I have noticed that I can only switch lights in a certain order. The condition depends on the state of the room before!?
It’s likely due to the order in which the elements were created. I didn’t mention this in the video, but the order is important. You should first create all the room lighting images, since they cover the whole dashboard. After that, add the smaller clickable images, like the switches. If you create the switches first and then the room images (which cover the whole dashboard), the switches will end up underneath the room images, and when you try to click them, you’ll just be interacting with the room image. I hope this helps you! I’ll be sure to mention this in future videos. Thanks for your feedback!
@@diymadeeasy1824 Brilliant! It wasn't the conditions that were dependent on each other, it was the graphics that overlapped! Now it works like charme 🙈🙂👍
I cant download the sweethome for windows. Also i have worked on my phone, saved and exported the plan, but i cant find it anywhere to import it on my laptop
Awesome tutorial. sincere sharing. ❤
one of the easiest and well prepared tutorial ever. subscribed!!!
Excellent! The best I found on this subject. Well done 👍
An idea for a possible new video (as idea expected), how to easily manage the TV and all related stuffs (ex: switch on TV decoder, automatic TV on, dim light, close curtains ....) thanks 😊
Extremely helpful and easy steps to follow thank you 🎉
I'd like a detailed video on smart home 3d. Especially if you can import a floor plan from estate agents. Draw the walls, windows and doors. Then delete the plan imported. Also set the scale.
Amazing tutorial thanks so much for sharing was so helpful.
Could I request something similar for robot vacuum using the same floor plan please 🙌🏽
Best dashboard I've seen and have been wanting this for ages 👌🏽
Great tutorial! Did you try to make the picture adaptive to take as much space as possible on different devices? What is your experience?
xcellent tutorial well explained and right speed
Totally Impressed!!! Thank you!!!!
Great tutorial. Thank you
Best tutorial i EVER watched! Nice work!
Thank you for your tutorial!, I am stuck now, I don't have the File editor what you state around 04:07..... so I can't go further, :(
If you haven’t installed the File Editor yet, follow these steps:
Go to Settings and select Add-ons.
Click the Add-on Store button in the bottom right corner.
Use the search bar to look for File Editor.
Click Install.
And that's it! The File Editor will now appear in the sidebar menu
fantastic video!
Great video, just subscribed
Great 👍
Thanks a lot for sharing.
Amazing. Is there any simple way to add colourful lights to the floor plans?
If you add a 'State Icon' and link it to an RGB bulb or strip, the icon will change to match the bulb's color. However, it won't reflect the color in the entire room. But that's an interesting challenge! I'll give it a try, and if I figure it out, I'll be sure to share how I did it. :)
@@diymadeeasy1824 that's great.. I will await for that video as well
Great tutorial. I immediately tried it out but I am running into a strange issue. As soon as I add a second light switch in another room AND I turn it on, HA trows me a "no entity" on the 2 switches in the first room. If I switch the light out via HA in the second room, the switches in the first room function again. Anyone any thoughts ?
It’s likely due to the order in which the elements were created. I didn’t mention this in the video, but the order is important. You should first create all the room lighting images, since they cover the whole dashboard. After that, add the smaller clickable images, like the switches.
If you create the switches first and then the room images (which cover the whole dashboard), the switches will end up underneath the room images, and when you try to click them, you’ll just be interacting with the room image.
I hope this helps you! I’ll be sure to mention this in future videos. Thanks for your feedback!
This looks pretty awesome! I was trying to set this up using raw code but this looks a lot easier. I do have a couple of questions - let's say you have a room where the lights are triggered by motion, with a timer helper of some number of minutes. If the light is triggered by motion, I assume I would need one image showing the person and lights on, and another showing the lights still on but without the person image once the motion sensor clears. Is this correct? Next, what if the room has multiple lights? One picture for each combination of lights on / off? If I do the math right, that would be 8 pictures to handle on/off states for 3 separate lights in the room. So if I couple that with a motion sensor, I'd also have to have as many images as necessary to show additional states where someone triggered the motion that turned on one or more lights. Is this correct?
To address your first question, you’ll need to create two separate images: one for when motion is detected (showing a person) and another for the light being on (without the person). These images will represent two different states, and you'll create separate elements in your picture-elements card for each.
For the multiple lights scenario, you can simplify things using an OR condition. This way, you don’t need a separate image for every possible combination of lights being on. Instead, you create a condition where the room appears lit up if any of the lights are on.
Here’s an example of how it could work:
OR:
- entity: light.entity_1
state: 'on'
- entity: light.entity_2
state: 'on'
- entity: light.entity_3
state: 'on'
This logic represents: if any one of the lights (entity_1, entity_2, or entity_3) is ON, the image of the room being lit will appear. Essentially, if any of the lights are on, you show the same "lights on" image, which greatly reduces the number of images needed.
I hope this helps.
@@diymadeeasy1824 Thank you! Great advice! I ended up creating rendered photos in the Sweet Home app to control the lighting more realistically for each room. I then used PhotoPea to crop the areas to use in HA. It works great and the files are pretty small. Now I can see which lights are on within a room and control them using an icon. For lamps I just set the icon opacity to be invisible and position it right on the lamp image. Turns out I didn’t need as many saved files as I thought…
Why not using a "home assistant floor plan plugin sweet home 3d"?
Is there any specific reason why you use the www folder for local, and not use the upload option directly in the configuration card?
Home assistant compresses the image and it loses quality
Thank you!!!!
A great tutorial but I get an error. Edit: When I switch on a room and want to switch on another room, HA says no entity. I have noticed that I can only switch lights in a certain order. The condition depends on the state of the room before!?
It’s likely due to the order in which the elements were created. I didn’t mention this in the video, but the order is important. You should first create all the room lighting images, since they cover the whole dashboard. After that, add the smaller clickable images, like the switches.
If you create the switches first and then the room images (which cover the whole dashboard), the switches will end up underneath the room images, and when you try to click them, you’ll just be interacting with the room image.
I hope this helps you! I’ll be sure to mention this in future videos. Thanks for your feedback!
@@diymadeeasy1824 Brilliant! It wasn't the conditions that were dependent on each other, it was the graphics that overlapped! Now it works like charme 🙈🙂👍
I cant download the sweethome for windows.
Also i have worked on my phone, saved and exported the plan, but i cant find it anywhere to import it on my laptop
Great vídeo! Helped a lot