🖼️ WallPanel Addon - Wall panel mode for your Home Assistant Dashboards

Hi thanks for getting back into me! Let’s say I want 2 profiles. One for regular use and one for nighttime.

Would I put them one below another?

I currently have a regular one that works perfectly fine.

Hallo

Habe das WallPanel Addon zum laufen gebracht jetzt ist meine Frage gibt es eine möglichkeit das der Bildschirmschoner nach einer gewissen zeit kein Bild mehr anzeigt sondern nur schwarzen Hintergrund?

Danke

Hey,

I try the Same, But it does Not work…
Can you Share your Code?

I try to do it with an input_select(dropdown) but something is wrong.

Thank you

Hi, welcome to the forum.
Please see point zero of the sticky - this is an English language only forum.

Could you share your setup on how you integrated the new API, because the query mentionned in the doc, as well as the one your mentionning here (api.unsplash…) returns a JSON, which you have to then take the urls property to get the image.

Hi everyone.
Recently I am facing issues with the random generator of image url that I am using for my WallPanel screensaver.
Am I the only one?

No you are not the only one!

You now need to sign up and get an api key.

https://api.unsplash.com/photos/random?client_id=YOUR_ACCESS_KEY&query=

Maybe someone can help with the unsplah code formatting?

So I have set up my wall panel with a daytime and night time profile. I also have a weather card on it.

What I would like to do is have the query on unsplash to reflect the current weather condition pull up pictures based on day or night and weather.

 https://api.unsplash.com/photos/random?client_id=MY ACCESS CODE&query=day

I figured it out and I am playing now with the API …
I have access and it would work.
Challenge is that the response comes as a full JSON file, not directly as url as in the past.
I guess I will need a template helper to parse the JSON and extract the url.

The image quality with the Unsplah api url is quitte low, how to improve this?

I tried https://api.unsplash.com/photos/random?client_id=YOUR_ACCESS_KEY&query=iceland&w=1920&h=1200

How can I make this card thinner on my screensaver and smaller in ratio? I actually had this working but stupidly deleted whatever card config I had and for the life of me can’t remember. Code below and photo - which as you can see is taking up a third of my screensaver. I would love it to be alot thinner and smaller if possible. Thank you if you’re able to help!!

> wallpanel:
  enabled: true
  hide_toolbar: false
  hide_sidebar: false
  fullscreen: false
  idle_time: 10
  keep_screen_on_time: 86400
  black_screen_after_time: 7200
  control_reactivation_time: 1
  image_url: media-entity://camera.google_photos_samuel_sinead_2017_2022_media
  image_fit: cover
  info_animation_duration_x: 90
  info_animation_duration_y: 90
  info_animation_timing_function_x: ease-in-out
  info_animation_timing_function_y: ease-in-out
  info_move_pattern: random
  info_move_interval: 0
  info_move_fade_duration: 2
  card_interaction: true
  style:
    wallpanel-screensaver-info-box:
      font-size: 8vh
      font-weight: 600
      color: '#eeeeee'
      text-shadow: '-2px -2px 0 '
  cards:
    - type: iframe
      url: https://www.sbs.com.au/news/collection/top-stories
      aspect_ratio: 1100%
      wp_style: null
      '--wp-card-width': '-100px'
      '--wp-card-margin': 5px

Unable to start the screensaver with the latest homes assist version.

Is anyone else also facing the same issue?

1 Like

Nope. I have it on two tablets and am running everything up to date. Both are working fine.

@Yasp0 Have you managed to fix the image quality issue?

@clintferns77

https://github.com/j-a-n/lovelace-wallpanel/releases/tag/v4.25.4

I have the same problem and get the following error message:

Uncaught error from Chrome WebView 107.0.5304.105 on Android 8.1.0 TypeError: Cannot read properties of undefined (reading ‘editMode’) _createCardElement (src/panels/lovelace/views/hui-view.ts:79:36) /hacsfiles/lovelace-wallpanel/wallpanel.js:1146:53 WallpanelView.createInfoBoxContent (/hacsfiles/lovelace-wallpanel/wallpanel.js:1132:17) WallpanelView.startScreensaver (/hacsfiles/lovelace-wallpanel/wallpanel.js:2090:8) WallpanelView.timer (/hacsfiles/lovelace-wallpanel/wallpanel.js:769:10)

It’s working fine again after an update to version v4.25.4
Thanks!

it seems HEIC is not supported on HA itself, not able to view any HEIC files in media browser within HA

1 Like

Is anyone else also facing the same issue?

@clintferns77 Maybe, my screensavers have stopped working on one set of dashboards for sure recently. Did you fix it?

My error is


TypeError: Cannot read properties of undefined (reading 'editMode')
at WallpanelView.value (hui-view.ts:79:37)
at wallpanel.js?hacstag..95064164254:1149:53
at Array. forEach (‹anonymous>)
at WallpanelView.createInfoBoxContent (wallpanel.js?hacstag...95064164254:1135:17) 
at WallpanelView.startScreensaver (wallpanel.js?hacstag...095064164254: 2098:8)
at WallpanelView.timer (wallpanel.js?hacstag...095064164254:772:10)

Latest HA and latest WP as of right now

Just fixed it once on Edge then it failed again by clearing the cache. Screensaver loaded, but it’s now doing the same again minutes after, even if I now clear the cache

Edit: Seems to be coming to life over time. Multiple cache clears and it’s now seemingly reliable, if that helps anyone…