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 👌🏽
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.
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. :)
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
@@diymadeeasy1824 I have done this now for the second time, but I can't come in the edit mode, what you can see at 10:05, it says "The standartdasboard, the overview can not be edited from the userinterface. You can hide it by another using a another dashboard as standard" Soo what did I missing here.
Is there a way to get the base plan image to change depending on the time of day? For example use a dimmed plan image during the morning a brighter one at mid day and afternoon and a dark image at night to mimic the sun’s light through the house.
Yes, you can use conditional elements to display different images based on the time of day or whether it’s after sunset or sunrise. For example, you can set up conditions to show one image during the day and a different one at night. This works by linking the visibility of each image to specific time-based conditions or states, such as sunrise, sunset, or even custom times. This way, your dashboard can dynamically change to reflect the current time or lighting conditions.
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…
iI’m experiencing a bug with the Picture Elements card: activating one element on the card disables all previously activated elements. What could be causing this?" Let me know if you’d like help troubleshooting or refining further!
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!
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 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!
I just can connect - this is one of the easiest and quickest tutorials to successfully work with!!
one of the easiest and well prepared tutorial ever. subscribed!!!
man thank you... tried ur tutorial and its working flawlessly.
Extremely helpful and easy steps to follow thank you 🎉
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 👌🏽
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 😊
Awesome tutorial. sincere sharing. ❤
Great tutorial. Thank you
xcellent tutorial well explained and right speed
Best tutorial i EVER watched! Nice work!
Totally Impressed!!! Thank you!!!!
Great tutorial! Did you try to make the picture adaptive to take as much space as possible on different devices? What is your experience?
fantastic video!
Great 👍
Thanks a lot for sharing.
Great video, just subscribed
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.
Thank You !!!
With Local File path no longer working, in yaml after December 2024 Update I can just upload all of the image.
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
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
@@diymadeeasy1824 I have done this now for the second time, but I can't come in the edit mode, what you can see at 10:05, it says "The standartdasboard, the overview can not be edited from the userinterface. You can hide it by another using a another dashboard as standard"
Soo what did I missing here.
Great vídeo! Helped a lot
Thank you!!!!
I get a big oval around whatever was the las conditional image i create that blocks thee other images
Is there a way to get the base plan image to change depending on the time of day? For example use a dimmed plan image during the morning a brighter one at mid day and afternoon and a dark image at night to mimic the sun’s light through the house.
Yes, you can use conditional elements to display different images based on the time of day or whether it’s after sunset or sunrise. For example, you can set up conditions to show one image during the day and a different one at night. This works by linking the visibility of each image to specific time-based conditions or states, such as sunrise, sunset, or even custom times.
This way, your dashboard can dynamically change to reflect the current time or lighting conditions.
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…
To work I have to press the lights on a certain ignition sequence, I wanted the random ignitions.. I ask for help
Looks like the Sweet Home 3d is no longer free, any other app you would recommend?
Have you checked out this link: www.sweethome3d.com/?
@@diymadeeasy1824 Yes on Windows PC, it is coming up as $14.99.
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
iI’m experiencing a bug with the Picture Elements card: activating one element on the card disables all previously activated elements. What could be causing this?"
Let me know if you’d like help troubleshooting or refining further!
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 If I understood correctly, I need to define in code a condition first and then each icon-state?
Why not using a "home assistant floor plan plugin sweet home 3d"?
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 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!
@@diymadeeasy1824 Thanks, that did the job !