For the last step try double clicking the programme button on the back. It worked for me
@davejohnson7248Ай бұрын
What card have you used for the navigational buttons at the top? They look like chip cards but the text is at the bottom, really interested how you've done this.
@anasbox27 күн бұрын
Mushroom-entity-card or Mushroom-templete-card Check the github link in the description. There's an example with code.
@TheMacmontyАй бұрын
Amazing Dashboard! Waiting next content, thanks for sharing!!
@TheMacmontyАй бұрын
Great Video! Waiting next content, thanks for sharing!!
@orcunsametyilmaz6976Ай бұрын
It does not solve the utf-8 character problem (ç,ş,ö,ı...).
@mrklgndАй бұрын
Please help. Mine only juggles once but not the second time. I’ve tried several times
@socialadsofficial2 ай бұрын
at 2:13 you can confirm the error cause. You can simply rename the CSV file or rename the sheet. The error will be gone.
@socialadsofficial2 ай бұрын
Renaming file works for me. The reason of the error is when we try to save the file into CSV or TXT format, Microsoft Excel automatically rename the sheet same as file name that cause error while attaching dataset.
@vga_studio2 ай бұрын
so what do you do when renaming sheets? i got the same problem and not yet fixed. change the sheet name to what? what is the sheet name i have to rename?
@socialadsofficial2 ай бұрын
@@vga_studio You can rename your CSV or TXT file after you export from Excel. For example, Your excel file name is Test.exls and your exported file is Test.csv you can rename it to Test..CSV do any modification in the file and the problem will be solved.
@yathouba76212 ай бұрын
still not working
@brahim225262 ай бұрын
worked thank you very much
@YogeshPatel-io2sz2 ай бұрын
Wow. So interactive Dashboard. Something very different How all Lights open (1:03)the page with all lights. Even in Group, list of all lights at bottom not coming, once click. Anything you can help in this regard. Thank you.
@anasbox2 ай бұрын
You can achieve that by creating the lights group in groups.yaml instead of helpers. Check the link in the description, there's an example.
@YogeshPatel-io2sz2 ай бұрын
Will do now. Thank you for you prompt response.
@YogeshPatel-io2sz2 ай бұрын
Thank you, further would you like to share your present code. What is on GitHub gives me square icons and not aligned well. Those are not round what seen in video. Thank you for you sharing.
@anasbox2 ай бұрын
If you follow the steps correctly, it should be like the video. Make sure you install the mentioned integrations and themes, and do reboot when needed.
@YogeshPatel-io2sz2 ай бұрын
Yes you are right. By setting mushroom shadow theme, now it's"s ok. Thanks.
@izzo7773 ай бұрын
Thanks. NOT works for me.
@user-my8py2wu3q3 ай бұрын
Hindi me bataiye
@ChagoiSteve4 ай бұрын
Hi my VM won't respond to the ESC key, can't get into VM BIOS
@zipper414 ай бұрын
An error occurs in the room cards.It was that it started normally. Button Card JS Template Error:Type Error:Cannot read properties of undefined (reading 'state') in 'if(states['sensor.livingroom_temperature'].state == 'unknown') return '-' return '${states['...'
@anasbox4 ай бұрын
If you still have problems, open an issue with more context in github, and i will help. Link in description.
@zipper414 ай бұрын
Custom element not found: swipe-card! If there is such an error, then add as shown below.If installed manually. Note install directory. Usually something to the affect of : /local/community/xx/xx.js Where local is your “local config directory” and xx is the name of your particular card Then in the standard Sidebar UI go to Settings > Dashboards Click the 3 dots in the top Right Click Resources Click “+ Add Resource” in the URL section paste the location you noted earlier As an example ill use the Surveillance-card /local/community/surveillance-card/surveillance-card.js Ensure that “Resource type” - JavaScript Module - was Auto selected (if not select it)
@anasbox4 ай бұрын
Swipe-card already installed from hacs? If yes, try to restart homeassistant.
@zipper414 ай бұрын
@@anasbox I didn't find it in HACS right away.I put it manually, there was a mistake.Now everything is in order. I have installed it from HACS.
@alexwolf40004 ай бұрын
All steps worked well except the last step of pressing the red button behind the remote, the blind did not respond (jog) after some the the blind looses connection with remote altogether and remote doesn't work I programmed it several times Kindly reply Thanks
@anasbox4 ай бұрын
I would try to reset the motor, watch the resetting video.
@alexwolf40004 ай бұрын
@@anasbox ok thanks
@CassStevens4 ай бұрын
Thank you. I thought it was stuck in burst mode and couldn't figure out how to stop it.
@Know-Tree4 ай бұрын
best video with code
@anasbox4 ай бұрын
Check the first link in the description for code.
@caioapieri5 ай бұрын
How did you create this 3D floorplan?
@anasbox5 ай бұрын
sweet home 3d
@Georgetwentyten5 ай бұрын
Tysm sir! Ya erned a like and sub.
@AKerimCELIK5 ай бұрын
We are waiting for New videos. 5 mount.
@anasbox5 ай бұрын
Been busy lately, i really need to find some time for KZread. For now, check out the first github link in the description, it's a written tutorial for the dashboard home page with yaml and examples.
@user-fr4lu3rx2g6 ай бұрын
Thank you so much, this tutorial helps me 😮
@silvioiozzia76506 ай бұрын
hi, after HACS installntsion adn config, when I select HACS on the left manu, I do noth have the manu (integrations, frontend, ...). but a list and no button on bottom right. Why? how do I do?
@anasbox6 ай бұрын
Check this post in Home Assistant group. It's related to your problem. I think there's some filters you need to disable: m.facebook.com/groups/HomeAssistant/permalink/3612250652379612/
@silvioiozzia76506 ай бұрын
@@anasbox thank you!
@rundurlukegaming78446 ай бұрын
Can u have catigories like for each room so u dont have to put on lights invidiualy? And if u want u can like long press on fhe catigory to get an over view of all the smart things that full under that room from lights and other things?
@anasbox6 ай бұрын
I think it's possible with browser-mod to create a custom pop-up overview on click or on hold.
@tomeri73566 ай бұрын
Hi Anas, I copied the code and changed it to my needs, but I can see in my pc and my android (Pixel 7 pro) that the page/app are loading the cards very slow. I can see empty screen and after 2 seconds the cards loaded (I added them to grid). Do you have the same issue? I have this issue in prod and test env's
@anasbox6 ай бұрын
It's expected to load slower as the page has so many elements, especially the card-mod which renders in real time. But in my case, its like 1 second after the home assistant logo appears. And when accessing HA externally, it will load even slower depending on what you are using for external connection.
@muktheo6 ай бұрын
Hi Anas.. Very amazing dashboard.. May I ask about your plug + energy pages? Or maybe you willing to share the YAML code? Thanks so much
@anasbox6 ай бұрын
Thanks. Of course you can ask (better in github link in description), and yes i can share yaml but that would take me sometime as these pages require lots of custom template sensors, utility meter sensors, toggles, and automation to toggle between them smoothly.
@muktheo6 ай бұрын
@@anasboxwell noted, I already submit request also on the GitHub 😄 No problem, just take your time mate, I will waiting until you have some spare time to teach me 😂
@user-oe6fq8ht5n7 ай бұрын
I just did the copy paste to notepad but never did the comma thing, it still worked. Thanks.
@user-ce1xj6do1m7 ай бұрын
Köszönöm! Müködik!
@abdulmaliklpt5727 ай бұрын
Owar motor not working
@anasbox7 ай бұрын
If it's not working after resetting the motor, then you might have a hardware issue. Consult a hardware technician, with experience with electric shades.
@abdulmaliklpt5727 ай бұрын
We have one problem
@abdulmaliklpt5727 ай бұрын
Hello brother
@souk-tv7 ай бұрын
Should have done it from command line too
@amirsomhussein61137 ай бұрын
tthere is somalia in Red 360 mega
@anasbox7 ай бұрын
My device stopped working a while ago, so i don't have info about that, unfortunately.
@anasbox8 ай бұрын
Sorry guys, but in 1:03, it's V instead of C to paste the command.
@MrYukonDave8 ай бұрын
Thank you. I've watched several of these guides and this is the one that makes sense to be. The red arrows helped a lot.
@frankraym8 ай бұрын
Need tutorial!! please! this is amazing!
@iMxXxMi8 ай бұрын
Great dashboard, Thanks for sharing 👍🏻
@user-ew9ul5dd5g8 ай бұрын
Thank you so much bro🙏
@thomasolsson59908 ай бұрын
Wow! Really great work! Thank you very much for sharing :) I was wondering how you made the chevron toggle fold/expand cards. Are using any kind of special card, or are you achieving this will an input_boolean with a conditional card? You are showing the feature in the video at 5:39.
@anasbox8 ай бұрын
Glad you liked it, Yeah it's as you described, an input_boolean with a conditional card. I explained to a subscriber how i did it exactly here: github.com/Anashost/MY-HA-DASH/issues/3#issuecomment-1757456216
@thomasolsson59908 ай бұрын
@@anasbox awesome thanks! :)
@jonnymin.speranza68548 ай бұрын
Hi, please help me. I've 3d map like yours. I need to print some text in the right-up of the map. Can you say me the code? Thanks!
@theattorney60728 ай бұрын
Tried the all lights count, but the config check spins non stop.
@anasbox8 ай бұрын
Open an issue on github with some context, and i will be happy to help.
@ChristianTurschen8 ай бұрын
really nice work
@GrumpyDave19 ай бұрын
As I am just stating with HA, this is a great way to learn. Can you explain what the @keyframes ping piece of code does mushroom-shape-icon$: | @keyframes ping { 0% { box-shadow: 0 0 1px 1px rgba(var(--rgb-{{ config.icon_color }}), 0.7); } 100% { box-shadow: 0 0 5px 15px transparent; } } .: | mushroom-shape-icon { --icon-size: 76px; display: flex; margin: -21px 0px 0px -21px !important; } ha-card { clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 12px)); }
@anasbox9 ай бұрын
This is a "card-mod" style that lets you change how the card and icons are showing, to make it (in my opinion) better looking than the default style. In this case, the code you mentioned is responsible for making the icon bigger and shifted to the top left corner.
@theattorney60729 ай бұрын
Now I have problem with thermometer color not changing, Always White, despite the sensor setup.
@anasbox9 ай бұрын
Open an issue on github and provide your yaml, to take a look.
@Skinny2Johnny9 ай бұрын
You have made a really nice looking dashboard. I will definitely use it as an inspiration for my next dashboard project 🙂 How did you create the user profile icons? I asume that they are created to "look a like"?
@anasbox9 ай бұрын
Thanks, the user card icons are mushroom-chips-card nested inside a stack-in-card (some additional sensors need to be created to make them change dynamically). btw, a written tutorial and code of home page, is already available for free. Check out the link in the description.
@theattorney60729 ай бұрын
Toggle and swipe card isn't the best combination unfortunately. How to avoid turning on lights when swiping ?
@anasbox9 ай бұрын
I have this feature in my dashboard since almost a year, but I never accidentally turned on/off lights! Make sure you are're not using the feature that lets swipe between views, as this will make conflicts.
@theattorney60729 ай бұрын
@@anasbox Thanks, I have used your code and adapted it with my entities. How to check if I am using the feature you are refering to ? I am talking here about the rooms cards.
@anasbox9 ай бұрын
If you don't know about it, then you're probably not using it as it needs some integrations to be installed it's called: "Home Assistant swipe navigation". In my case (using samsung s10/s20/s21), swiping on cards feels so smooth.
@theattorney60729 ай бұрын
Hello, thanks for this. So tried to add rooms swipe cards, it works on my pc, however i get an error on mobile dashboard that custom element does not exist: swipe-card. Any help plz.
@anasbox9 ай бұрын
It's weird that does works in the browser but not in the HA app. Try to clear Home Assistant app cache, and restart Home assistant. That could help.
@anasbox9 ай бұрын
If that doesn't help, go to: Settings > dashboards > 3 point in corner > Resources If you don't see a /hacsfiles/swipe-card...... in the list, then you need to reinstall swip-card, if it still doesn't work after reinstall, then add this entry manually to the list: /hacsfiles/swipe-card/swipe-card.js
@theattorney60729 ай бұрын
@@anasbox Thank you ! The first solution was solved the issue.
@burnnoss9 ай бұрын
When you make the tutorial step by step?
@anasbox9 ай бұрын
I've been busy lately, as I'm a full time student and working in the same time. So, for now, there's a written tutorial about the home page of this dashboard. Link the video description, and if you've any questions about it, im happy to answer.
@muktheo9 ай бұрын
@@anasbox as new comer in HA, i really waiting for your tutorial step by step. but its okay, just take your time mate..
Пікірлер
For the last step try double clicking the programme button on the back. It worked for me
What card have you used for the navigational buttons at the top? They look like chip cards but the text is at the bottom, really interested how you've done this.
Mushroom-entity-card or Mushroom-templete-card Check the github link in the description. There's an example with code.
Amazing Dashboard! Waiting next content, thanks for sharing!!
Great Video! Waiting next content, thanks for sharing!!
It does not solve the utf-8 character problem (ç,ş,ö,ı...).
Please help. Mine only juggles once but not the second time. I’ve tried several times
at 2:13 you can confirm the error cause. You can simply rename the CSV file or rename the sheet. The error will be gone.
Renaming file works for me. The reason of the error is when we try to save the file into CSV or TXT format, Microsoft Excel automatically rename the sheet same as file name that cause error while attaching dataset.
so what do you do when renaming sheets? i got the same problem and not yet fixed. change the sheet name to what? what is the sheet name i have to rename?
@@vga_studio You can rename your CSV or TXT file after you export from Excel. For example, Your excel file name is Test.exls and your exported file is Test.csv you can rename it to Test..CSV do any modification in the file and the problem will be solved.
still not working
worked thank you very much
Wow. So interactive Dashboard. Something very different How all Lights open (1:03)the page with all lights. Even in Group, list of all lights at bottom not coming, once click. Anything you can help in this regard. Thank you.
You can achieve that by creating the lights group in groups.yaml instead of helpers. Check the link in the description, there's an example.
Will do now. Thank you for you prompt response.
Thank you, further would you like to share your present code. What is on GitHub gives me square icons and not aligned well. Those are not round what seen in video. Thank you for you sharing.
If you follow the steps correctly, it should be like the video. Make sure you install the mentioned integrations and themes, and do reboot when needed.
Yes you are right. By setting mushroom shadow theme, now it's"s ok. Thanks.
Thanks. NOT works for me.
Hindi me bataiye
Hi my VM won't respond to the ESC key, can't get into VM BIOS
An error occurs in the room cards.It was that it started normally. Button Card JS Template Error:Type Error:Cannot read properties of undefined (reading 'state') in 'if(states['sensor.livingroom_temperature'].state == 'unknown') return '-' return '${states['...'
If you still have problems, open an issue with more context in github, and i will help. Link in description.
Custom element not found: swipe-card! If there is such an error, then add as shown below.If installed manually. Note install directory. Usually something to the affect of : /local/community/xx/xx.js Where local is your “local config directory” and xx is the name of your particular card Then in the standard Sidebar UI go to Settings > Dashboards Click the 3 dots in the top Right Click Resources Click “+ Add Resource” in the URL section paste the location you noted earlier As an example ill use the Surveillance-card /local/community/surveillance-card/surveillance-card.js Ensure that “Resource type” - JavaScript Module - was Auto selected (if not select it)
Swipe-card already installed from hacs? If yes, try to restart homeassistant.
@@anasbox I didn't find it in HACS right away.I put it manually, there was a mistake.Now everything is in order. I have installed it from HACS.
All steps worked well except the last step of pressing the red button behind the remote, the blind did not respond (jog) after some the the blind looses connection with remote altogether and remote doesn't work I programmed it several times Kindly reply Thanks
I would try to reset the motor, watch the resetting video.
@@anasbox ok thanks
Thank you. I thought it was stuck in burst mode and couldn't figure out how to stop it.
best video with code
Check the first link in the description for code.
How did you create this 3D floorplan?
sweet home 3d
Tysm sir! Ya erned a like and sub.
We are waiting for New videos. 5 mount.
Been busy lately, i really need to find some time for KZread. For now, check out the first github link in the description, it's a written tutorial for the dashboard home page with yaml and examples.
Thank you so much, this tutorial helps me 😮
hi, after HACS installntsion adn config, when I select HACS on the left manu, I do noth have the manu (integrations, frontend, ...). but a list and no button on bottom right. Why? how do I do?
Check this post in Home Assistant group. It's related to your problem. I think there's some filters you need to disable: m.facebook.com/groups/HomeAssistant/permalink/3612250652379612/
@@anasbox thank you!
Can u have catigories like for each room so u dont have to put on lights invidiualy? And if u want u can like long press on fhe catigory to get an over view of all the smart things that full under that room from lights and other things?
I think it's possible with browser-mod to create a custom pop-up overview on click or on hold.
Hi Anas, I copied the code and changed it to my needs, but I can see in my pc and my android (Pixel 7 pro) that the page/app are loading the cards very slow. I can see empty screen and after 2 seconds the cards loaded (I added them to grid). Do you have the same issue? I have this issue in prod and test env's
It's expected to load slower as the page has so many elements, especially the card-mod which renders in real time. But in my case, its like 1 second after the home assistant logo appears. And when accessing HA externally, it will load even slower depending on what you are using for external connection.
Hi Anas.. Very amazing dashboard.. May I ask about your plug + energy pages? Or maybe you willing to share the YAML code? Thanks so much
Thanks. Of course you can ask (better in github link in description), and yes i can share yaml but that would take me sometime as these pages require lots of custom template sensors, utility meter sensors, toggles, and automation to toggle between them smoothly.
@@anasboxwell noted, I already submit request also on the GitHub 😄 No problem, just take your time mate, I will waiting until you have some spare time to teach me 😂
I just did the copy paste to notepad but never did the comma thing, it still worked. Thanks.
Köszönöm! Müködik!
Owar motor not working
If it's not working after resetting the motor, then you might have a hardware issue. Consult a hardware technician, with experience with electric shades.
We have one problem
Hello brother
Should have done it from command line too
tthere is somalia in Red 360 mega
My device stopped working a while ago, so i don't have info about that, unfortunately.
Sorry guys, but in 1:03, it's V instead of C to paste the command.
Thank you. I've watched several of these guides and this is the one that makes sense to be. The red arrows helped a lot.
Need tutorial!! please! this is amazing!
Great dashboard, Thanks for sharing 👍🏻
Thank you so much bro🙏
Wow! Really great work! Thank you very much for sharing :) I was wondering how you made the chevron toggle fold/expand cards. Are using any kind of special card, or are you achieving this will an input_boolean with a conditional card? You are showing the feature in the video at 5:39.
Glad you liked it, Yeah it's as you described, an input_boolean with a conditional card. I explained to a subscriber how i did it exactly here: github.com/Anashost/MY-HA-DASH/issues/3#issuecomment-1757456216
@@anasbox awesome thanks! :)
Hi, please help me. I've 3d map like yours. I need to print some text in the right-up of the map. Can you say me the code? Thanks!
Tried the all lights count, but the config check spins non stop.
Open an issue on github with some context, and i will be happy to help.
really nice work
As I am just stating with HA, this is a great way to learn. Can you explain what the @keyframes ping piece of code does mushroom-shape-icon$: | @keyframes ping { 0% { box-shadow: 0 0 1px 1px rgba(var(--rgb-{{ config.icon_color }}), 0.7); } 100% { box-shadow: 0 0 5px 15px transparent; } } .: | mushroom-shape-icon { --icon-size: 76px; display: flex; margin: -21px 0px 0px -21px !important; } ha-card { clip-path: inset(0 0 0 0 round var(--ha-card-border-radius, 12px)); }
This is a "card-mod" style that lets you change how the card and icons are showing, to make it (in my opinion) better looking than the default style. In this case, the code you mentioned is responsible for making the icon bigger and shifted to the top left corner.
Now I have problem with thermometer color not changing, Always White, despite the sensor setup.
Open an issue on github and provide your yaml, to take a look.
You have made a really nice looking dashboard. I will definitely use it as an inspiration for my next dashboard project 🙂 How did you create the user profile icons? I asume that they are created to "look a like"?
Thanks, the user card icons are mushroom-chips-card nested inside a stack-in-card (some additional sensors need to be created to make them change dynamically). btw, a written tutorial and code of home page, is already available for free. Check out the link in the description.
Toggle and swipe card isn't the best combination unfortunately. How to avoid turning on lights when swiping ?
I have this feature in my dashboard since almost a year, but I never accidentally turned on/off lights! Make sure you are're not using the feature that lets swipe between views, as this will make conflicts.
@@anasbox Thanks, I have used your code and adapted it with my entities. How to check if I am using the feature you are refering to ? I am talking here about the rooms cards.
If you don't know about it, then you're probably not using it as it needs some integrations to be installed it's called: "Home Assistant swipe navigation". In my case (using samsung s10/s20/s21), swiping on cards feels so smooth.
Hello, thanks for this. So tried to add rooms swipe cards, it works on my pc, however i get an error on mobile dashboard that custom element does not exist: swipe-card. Any help plz.
It's weird that does works in the browser but not in the HA app. Try to clear Home Assistant app cache, and restart Home assistant. That could help.
If that doesn't help, go to: Settings > dashboards > 3 point in corner > Resources If you don't see a /hacsfiles/swipe-card...... in the list, then you need to reinstall swip-card, if it still doesn't work after reinstall, then add this entry manually to the list: /hacsfiles/swipe-card/swipe-card.js
@@anasbox Thank you ! The first solution was solved the issue.
When you make the tutorial step by step?
I've been busy lately, as I'm a full time student and working in the same time. So, for now, there's a written tutorial about the home page of this dashboard. Link the video description, and if you've any questions about it, im happy to answer.
@@anasbox as new comer in HA, i really waiting for your tutorial step by step. but its okay, just take your time mate..