Life360 image not showing in Lovelace

I’m using Life360 to show when my wife or I are home. On Lovelace my picture shows up fine, but my wife’s doesn’t. This happens in two different cards on lovelace. But, when I click where my wife’s picture would be the “details” box pops up and shows her picture. Any idea why it isn’t showing on lovelace? It use to show up. If it matters, I was using the custom Life360 component when it was working. I’m now using the built-in Life360 component.

Untitled

Maybe try refreshing your browser cache?

1 Like

Also check known_devices.yaml. Each entry should have a picture: parameter. Make sure it’s what you expect. When you changed from the custom integration to the standard one, depending on how exactly you did that, the entries in known_devices.yaml created by the custom integration may or may not have been used by the standard integration.

I’ve tried refresher my browser cache. I have the problem on all browsers on all devices. Even Incognito browsers.

I have the picture: parameter in the known_devices.yaml. The URL for the picture parameter works and displays the picture when I go to the URL. It’s also the URL of the picture in the “details” box. It seems to just be an issue with my Lovelace card.

Are you sure you’re not overriding the picture in the card configuration? Any differences in the way you defined the Brad entity in that card vs the Katie entity?

Sorry for the delay, I have been out of town.

Nope, here is my lovelace card config

entities:
  - entity: person.brad
  - entity: person.katie
type: entities

If it helps, I have a separate glance card that shows who is home. Her picture doesn’t show up there either. Here is that code.

card:
  title: Who is home?
  type: glance
entities:
  - person.katie
  - person.brad
state_filter:
  - home
type: entity-filter

Glance card
glance

Entity Card
entity

I’m obviously noticing now that this is my person entity not my life360. This entity is trying to reference /local/katie.jpg for the picture. I can confirm that the picture katie.jpg is in the www folder, the same as my brad.jpg file.

I am seeing this error in my console

Failed to load resource: the server responded with a status of 404 () katie.jpg%22:1

Here are my attributes for person.katie

editable: true
id: 52cf3a69199441c78b239c678e78152a
latitude: xx.xxxxxxxx
longitude: -xx.xxxxxxxx
gps_accuracy: 15
source: device_tracker.life360_katie_phillips
friendly_name: Katie
entity_picture: "/local/katie.jpg"

Sorry, can’t help you. I don’t use the person component.

I was able to fix it! Somehow her entity_picture attirbute in the customization section got a \ add after the file name

> ("/local/katie.jpg\")

. Not sure how that happened or why it didn’t affect other areas.

Hi

I have a related question.

When I created HA, myself and my daughter were already members of Life360 and our badges had our profile pictures.

I recently had the wife join Life360 and I’ve added her details to the known_devices.yaml file except for the line regarding her profile picture.

My daughter’s entry and my entry in this file has a line that reads something like:

https://www.life360.com/img/user_images/553ce8f2-5c0c-44b9-a85a-f05c83eb640e/08eda9d5-a1eb-4289-8050-0c9e95d89e01.jpg?fd=2

I don’t know where this information came from for my entry and my daughter’s so I don’t know where to go to get the path/name for my wife’s entry. I just assumed it would get that information from Life360.

I have restarted the services and when that didn’t work, I restarted my whole system but it still just shows a generic badge for the wife on the Lovelace page.

Sorry for bumping an old thread.

Thanks in advance.

You shouldn’t add the new Life360 member to known_devices.yaml manually. Let HA do that. Remove the manually added entry, then restart HA. It should automatically see the new Life360 member in the Circle, and add them to HA, including their picture.

Thanks. That worked.

Merry Christmas

1 Like