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

[clintferns77]

Hey guys, need help. Off recent I’m unable to trigger the screen saver even with the basic code.
I checked my logs and this i what I see

Logger: frontend.js.latest.202405300
Source: components/system_log/init.py:333
First occurred: June 2, 2024 at 11:58:45 PM (2 occurrences)
Last logged: June 2, 2024 at 11:59:53 PM

• Uncaught error from Chrome 125.0.0.0 on Windows 10 TypeError: Cannot read properties of undefined (reading ‘editMode’) setConfig (src/panels/lovelace/cards/hui-card.ts:69:43) createCardElement (src/panels/lovelace/views/hui-view.ts:82:12) /hacsfiles/lovelace-wallpanel/wallpanel.js:1145:30 WallpanelView.createInfoBoxContent (/hacsfiles/lovelace-wallpanel/wallpanel.js:1132:17) WallpanelView.startScreensaver (/hacsfiles/lovelace-wallpanel/wallpanel.js:2089:8) WallpanelView.timer (/hacsfiles/lovelace-wallpanel/wallpanel.js:769:10)
• Uncaught error from Chrome 125.0.0.0 on Windows 10 TypeError: Cannot read properties of undefined (reading ‘editMode’) setConfig (src/panels/lovelace/cards/hui-card.ts:69:43) createCardElement (src/panels/lovelace/views/hui-view.ts:82:12) /local/wallpanel.js:1145:30 WallpanelView.createInfoBoxContent (/local/wallpanel.js:1132:17) WallpanelView.startScreensaver (/local/wallpanel.js:2089:8) WallpanelView.timer (/local/wallpanel.js:769:10)

wallpanel:
enabled: true
hide_sidebar: true
hide_toolbar: true
fullscreen: true
idle_time: 5

[muthana11 (Muth)]

hello, after June updating, the slide show images do not work, everything else is working fine but as regular dashboard without slide show. I did update and changed the js file but still not working.

[j-a-n]

Hello,

this should be fixed with version 4.25.2.

Wall panel stop working after updating to 2024.6.0

[j-a-n]

Hello,
please open an issue here:

Issues · j-a-n/lovelace-wallpanel

[WebPower (Karoly Papp)]

It’s likely that this doesn’t work for you either: https://source.unsplash.com/random/${width}x${height}?nature&sig=${timestamp}! created an API access, and it works with: https://api.unsplash.com/photos/random?client_id=YOUR_ACCESS_KEY&query=maldives. The source.unsplash.com link returns an error message from the site.

[sim35]

Hi,
Could you explain me how to get dwains dashboard on wallpanel please. I’ve tried to search but couldn’t find how to, as things seem to have changed since your post. Dwains folder isn’t anymore inside custom component folder but inside config folder and there is no Lovelace.yaml there.
Would really appreciate if you can help out

Edit: finally found how to get it working. Thanks anyway

[clintferns77]

Hi can someone please explain the profile section?

I’m quite new to HA and trying to understand YAML

Does someone have a code or exaplaination where the profile section goes?

Basically I’m trying to use my regular screensaver during the day and at night I want to switch to a simple black screen saver with a clock

Thanks

[WebPower (Karoly Papp)]

Home Assistant Dashboard configuration

You can add the configuration to your Home Assistant Dashboard configuration yaml (raw config).

• Click Overview in your sidebar.
• Click the three dots menu (top-right) and click on Edit Dashboard.
• Click the three dots menu again and click on Raw configuration editor.
• Add the wallpanel configuration above anything else.

user.youprofil - Replace it with the profile you want to enable.

wallpanel:
  enabled: false
  hide_toolbar: false
  hide_sidebar: false
  fullscreen: false
  profiles:
    user.youprofil:
      enabled: true
  idle_time: 60
  image_list_update_interval: 3600
  image_url:

[clintferns77]

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.

[schati91]

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

[Deninho91]

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

WallPanel: Simple Screensaver for Home Assistant

[Nick4 (Nick)]

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

[Coffeaphy]

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.

[Massimiliano_Miranna (Massimiliano Mirannalti)]

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?

@orrionis

https://source.unsplash.com/random/${480}x${480}?weather

[wgumaa (Waleed)]

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=

[wgumaa (Waleed)]

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

[Massimiliano_Miranna (Massimiliano Mirannalti)]

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.

[Yasp0]

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

[sam3487]

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

[clintferns77]

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

Is anyone else also facing the same issue?