REMINDER: Check out the written guide on my website for any changes to the configuration. --> www.juanmtech.com/set-up-the-picture-elements-card-in-home-assistant/
Having some trouble getting the card to show up on my Overview screen. I've followed the video to the letter to 2:35 and I do not get the picture. This brings me to a couple questions: 1). Do I need "views: " at the top of my ui-lovelace.yaml file? 2.) In my configuration.yaml I have a line that reads: " default_config: " ..... do I need the : " lovelace: mode: yaml " line in there? I'm running the latest HA. Thank you for any help. Best. I've been following the written guide also. Do I have to use YAML mode? and if not what are the alternatives etc.
After a couple of days sweating to get a state-icon instead of a state-badge and then finding out it is as simple as this! Awsome video for getting the me in the right direction.
Thanks for the awesome video. It would appreciate it for some more updated videos on Home Assistant as HA ( Hassio ) is changing so often. Like to see more ideas and tips and tricks with Lovelace. Thanks again
Fantastic video! The pacing was perfect... The step by step examples were great! You made something that appears overwhelming on the surface look easy. Great job! BTW: Appears in live in Huntington. I was born there, moved to Northport during Jr High school. There are 3 generations on my family living in Huntington. Been gone for over 40 years and can still taste the pizza from Village Pizza!
I can't make the card load the picture....created the www folder, whitelisted it, jpg or png, /local/picture.png or /local/www/picture.png......I tried everything but couldn't make this simple thing work! Any advice?
Hello, Juan! Great Videos! can I sugest a topic? I would like a tutorial on how to integrate Xiaomi Scale in HA. There are some ressources (at least 2 methods of doing it) but I can't find my way on this. Thanks!
Great instruction video. One problem I have is how to make my layout to be a larger image. I tried increasing the size of picture with no success. Help would be appreciated.
Great video still! - My background main image is too big, I've resized it but taking up whole page and more, having to scroll to see whole image. Is there a way to size this down?
Hey Juan Thank you for your amazing work 👍 I like your series about HA I see you use visual studio code is there a possibility that you make video about this program and how to set up, what you use and what is important? Thank you Joe
I could look into making a video on different IDEs that can be used with Home Assistant. What is good about each one. If anyone else think is a good idea, please like this comment so I can put it in the to-do list.
7:37 Is there a way to make this condition more univerally? Something like "if the state of e.g. a button is on, than [style: opacity: 50%] otherwise [style: opacity: 100%]?
how are you accessing HA's network file structure through windows explorer .. that doesnt work for me.. It makes me go to my HA OS ... Im trying to add a folder into my custom_components directory.. .
hi Juan, im having a problem... when i look in my ha Visual studio code i cannot see anything called ui-lovelace nor can i see a yaml file called overview.yaml (im using the visual studio code within home assistant) can you help me work this out as i would love to make this work
I think Home Assistant looks pretty good except I can't figure out how to copy or backup the system and restore it if I have a SD card crash. The only documents on backups at Home Assistant are incomprehensible. Have you ever backed up Hassio and if so could you do a detailed video on how to do it?
If you use yaml mode then it would be the same but with the UI editor, its a bit different. I'm actually working on a new video to get started with Lovelace and the new editor UI.
@@JuanMTech thanks for the response! When I use a state-label for a climate device it only displays the operation_mode attribute. Is there a way to tell Lovelace which attribute to display?
Good question. I don't think so. But, I can always be wrong. Edited: Not really because the only options available for tap_action and hold_action are: toggle, navigate, more info and call-service.
any chance we could get a yaml file? I would love to browse through this as a whole instead of the parts, I am trying to wrap my head around this and it would help a lot.
Thanks for this usefull video! I have been experimenting and ran in to a problem. I made a simple picture elements card with two elements: a state label and an image. This image changes according to the state of the entity which is linked to the alarmpanel in HA . The strange thing is that the card (which is not a panel btw) works on my computer (Mac) but on the ipad, it does not show the image. I checked several browsers, but there is no image. The state label does work on the ipad. Hope someone can help...... Thanks.
Hey Juan. Great video! I love your channel. Do you have an explanation of the math required to place an image element on a picture elements card? This--> (style: top: 57.2% left: 31.8% width: 64.4%) or was it just trial and error?
Great Video. Do you have an idea why my resizing of the Picture-Element is not working? it doesnt matter is i change for example top: 100%. no effects panel: true type: picture-elements image: /local/Grundriss/WE7.png style: top: 20% left: 10% width: 10% elements: - type: state-badge entity: binary_sensor.rpi_power_status style: top: 20% left: 35% .....
Juan! You have to help me out! I have 2 images, 80x80 pixel, duplicates of each other except one has a vignette. But when I turn the entity on or off, both images are not aligned!
Nevermind, I figured it out! the issue is that the cache can't be cleared on the iOS device, you need to uninstall and reinstall the app. on the browser, you just need to clear your history and cache. Thanks! this Toot was great!
Just tried this and could not get the Icons to resize and one of my switches will not work:, this is my code: type: picture-elements elements: - type: state-icon title: Kitchen Spot Light tap_action: toggle state_color: true entity: switch.kitchen_lights style: top: 63% left: 88% '--iron-icon-height': 75px '--iron-icon-width': 75px - type: state-icon tap_action: toggle entity: switch.island_lights style: top: 63% left: 78% - type: state-icon tap_action: toggle entity: switch.switch.4266770184f3ebce7d77 style: top: 38% left: 88% image: /local/home-1-Model - Copy (7).png any ides?
Hi, I have an issue when changing the width of the elements. I tried the code "--iron-icon-height: 40px" but doesn't work and in the editor it changes into this "'--iron-icon-height': 40px" and is not working. I also tried using the width code, but was unable also. Could you help?
@@adamski4474 Hi Adam, I tried with this code "transform: scale(2.2,2.2)" and is working. Of course, you can adapt the numbers to your preference to fit better. Please place it under "style:". Let me know if it works.
You can check out my GitHub github.com/JuanMTech/Home_Assistant_files I have to update some files and add the floor plan in there. To control my TVs, I use Harmony Hubs.
Thanks for replying so fast. I have a question. Playback buttons type: conditional for some reason doesn't follow column_width: calc(100% / 4) rule. And for some reason, doesn't show name. Can you make a tutorial for conditional type? thanks one more time
I have to update that. The variable “column_width” was changed to just “column”. Also, it automatically sets the columns depending on how many entities you set up. You can still define the amount of columns by just entering “column: 4”
Someone please explain to me why HA is so hostile to people who aren't programmers? Why do they hate people who can't code? There's not a single thing you can do in HA, that doesn't require coding. Oh yeah, you can add a sensor into HA, you just need to code support for it into the corresponding yaml file and you're good to go!
