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

Yes, you can use profiles for that.
You can use profile_entity to switch profiles via automation.
e.g.:

wallpanel:
  profiles:
    screensaver_on:
      idle_time: 10
    screensaver_off:
      idle_time: 0
  profile_entity: input_text.wallpanel_profile
3 Likes

Worked! Thank you so much for your help.

Best regards!
Goncalo Almeida

j-a-n -Thank you very much for this!

All is working well but one minor problem. After my iPad has locked and I unlock it the sidebar is visible and the screensaver does not start. My config is -

title: xxxxxxxx
wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
  idle_time: 10
  keep_screen_on_time: 0
  black_screen_after_time: 0
  control_reactivation_time: 1
  cards:
    - type: weather-forecast
      entity: weather.xxxxxx
      show_forecast: true
  style:
    wallpanel-screensaver-info-box:
      '--wp-card-width': 450px
      background-color: '#00000099'
      box-shadow: >-
        0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0,
        0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)
    wallpanel-screensaver-info-box-content:
      '--ha-card-background': none
      '--ha-card-box-shadow': none
      '--primary-background-color': '#111111'
      '--secondary-background-color': '#202020'
      '--primary-text-color': '#e1e1e1'
      '--secondary-text-color': '#9b9b9b'

Any ideas why it might be doing this?
Thanks!
Ian

Hi there.

I have installed this for the first time tonight and it functions as expected apart from it doesnt change image until the next time it activates.

I really want it to change image every 10-15 seconds.

Below is the config thats at the top of my main dashboard page.

Thanks.

wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
  idle_time: 15
  fade_in_time: 5
  crossfade_time: 2
  display_time: 20
  image_url: https://source.unsplash.com/random/${1920}x${1080}?gaming
  style:
    wallpanel-screensaver-info-box:
      '--wp-card-width': 450px
    wallpanel-screensaver-info-box-content:
      '--ha-card-background': none
      '--ha-card-box-shadow': none
      text-shadow: >-
        -0.5px -0.5px 0 rgb(17, 17, 17), 0.5px -0.5px 0 rgb(17, 17, 17), -0.5px
        0.5px 0 rgb(17, 17, 17), 0.5px 0.5px 0 rgb(17, 17, 17)
      '--primary-text-color': '#ffffff'
      '--secondary-text-color': '#dddddd'

So I installed this put the basic config to try it out…. Worked on my pc but not my tablet ideas?

Edit: is it because the tablet I can’t launch HA
from browser only the app? Or can I use this with the HA app as well?

Not working here on my test tablet or PC…I did kinda throw it in shortly after intalling Fully Kisosk and havnt really messed with settings on that yet, so I may be missing something.

My PC browser does flip to full screen, but no screensaver etc kick in

Are you using a browser or the HA companion app?

Please check if there are error messages in the browser console. You can also activate debug mode. Please check the README for details. You can also open issues in GitHub, so different problems can be discussed separately.

Yes, on an iPad with latest version of app running iOS 15.6

Applied the add-on. Have it added to a specific dashboard. That dashboard is displayed in “fully kiosk” on my tablet. The dashboard itself is visible. But when it goes on screensaver is just shows nothing :). So what is going wrong? Why is nothing displayed? Any idea where to look at / set? Thanks.

What do you have image_url: set to?

image_url: https://source.unsplash.com/random/${1920}x${1080}?weather

hey so got it working finally only problem is when the screen saver turns on in full screen mode how do i exit it if i want to change something or edit my config?

To me it seems that it might be a wrong setting within the Fully Kiosk on the tablet. Before it did start a screen saver (just a black screen). I removed that setting since I thought it prevented the “wallpanel” to work and saw that as a possible solution. Not :slight_smile:

This is the yaml_config I have:

wallpanel:
 enabled: true
 enabled_on_tabs:
   - test_dashboard
 debug: false
 hide_toolbar: true
 hide_sidebar: true
 fullscreen: true
 idle_time: 10
 keep_screen_on_time: 86400
 black_screen_after_time: 7200
 control_reactivation_time: 1
 screensaver_stop_navigation_path: /lovelace/test_dashboard
 image_url: https://source.unsplash.com/random/${1920}x${1080}?weather
 image_fit: cover
 image_list_update_interval: 3600
 image_order: sorted
 image_excludes: []
 show_exif_info: false
 fetch_address_data: true
 exif_info_template: >-
   ${address.town|address.city!prefix=!suffix= //
   }${DateTimeOriginal!options=year:numeric,month:long}
 screensaver_entity: input_boolean.wallpanel_screensaver
 info_animation_duration_x: 30
 info_animation_duration_y: 11
 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
 style:
   wallpanel-screensaver-info-box:
     font-size: 8vh
     font-weight: 600
     color: '#eeeeee'

You can add ?wp_enabled=false to the url.

1 Like

Please try to change the image_url:

 image_url: https://source.unsplash.com/random/${width}x${height}?weather&sig=${timestamp}

awesome working great now thank you

Hello Salamder,

May you kindly share how you set the image_url?

I created a folder under /media named “wallpaper_images” and put an image in there. I can see the folder and image under the “Local media” folder/section in “Media” tab but the image is not being used in the wallpaper

Below is the config

enabled: true
fullscreen: false
debug: true
idle_time: 15
hide_toolbar: true
hide_sidebar: true
black_screen_after_time: 3600
keep_screen_on_time: 3500
image_url: "/media/wallpaper_images"

This is how it looks in the Debug section

Thanks in advance
Etienne

Still not getting it to work. So I set debug : true. But where to find / see the debug output?

Also within fully kiosk settings: what to set for Screensaver Wallpaper URL? Now i have it empty.

What other fully kiosk settings can prevent the wallPanel to start/ work.

Hello @mr_home-assitant, I am experiencing the same issue on both the companion app and the kiosk. On Chrome it works, but on the kiosk frigate, the screen saver does not start. I tried to disable the kiosk screen saver but still it did not start.

I re-installed kiosk on another device and did not activate the license and it did come up