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

clintferns77 · June 9, 2024, 7:12pm

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 · June 12, 2024, 3:47pm

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 · June 12, 2024, 5:18pm

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 · June 12, 2024, 5:22pm

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 · June 14, 2024, 12:21pm

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

Nick4 · June 14, 2024, 2:26pm

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

Coffeaphy · June 18, 2024, 2:21pm

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 · June 19, 2024, 6:43am

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?

wgumaa · June 19, 2024, 7:18am

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 · June 19, 2024, 7:36am

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 · June 19, 2024, 7:54am

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 · June 19, 2024, 7:48pm

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 · June 24, 2024, 11:14am

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 · July 3, 2024, 4:39am

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

Is anyone else also facing the same issue?

jeffcrum · July 3, 2024, 4:34pm

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

wgumaa · July 5, 2024, 4:37am

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

wgumaa · July 5, 2024, 4:39am

@clintferns77

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

RosenHome · July 5, 2024, 7:34am

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)

RosenHome · July 5, 2024, 7:53am

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

ROnderstal · July 12, 2024, 12:30pm

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