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

I got excited when I found this thread and bought an Android tablet for this use case. After a day of struggling I finally got it working - and it’s fantastic!! Can’t wait to print a wall mount and watch my wife’s reaction when I’ve added the wedding photos (which up until now have just been collecting digital dust…). 10/10, Thank you @j-a-n !! :smiley:

Any chance this add-on also can support .mp4 (or other video format) in the future as well?

// Chris

Got this working. I would say one of the best add-ons!! Is there a way to use OneDrive as image source?

Registered here to thank you. The cards: null finally resolved the issue

Thanks Chris!
Video support is now available.

Hi @j-a-n , amazing plugin!

Since a few weeks ago my google photos screensaver background has stopped transitioning between images.

The Google Photos album entity continues to update itself with a new image of the ~190 images in the album every 30 secs as normal.

Do you have any tips for me?

wallpanel:
  enabled_on_tabs:
    - wall-panel
  enabled: true
  hide_toolbar: false
  hide_sidebar: false
  fullscreen: false
  idle_time: 0.5
  fade_in_time: 1
  image_order: random
  image_list_update_interval: 86400
  image_fit: cover
  image_info: true
  image_url: media-entity://camera.google_photos_dashboard_media
  display_time: 30
  crossfade_time: 1
  info_move_pattern: corners
  info_move_interval: 600
  info_animation_timing_function_x: steps(2, end)
  info_animation_timing_function_y: steps(2, end)
  style:
    wallpanel-screensaver-container:
      background-color: '#00000088'
    wallpanel-screensaver-info-box:
      '--wp-card-width': 350px
      background-color: '#24232cBF'
      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
      '--ha-card-border-width': 0px
      '--primary-background-color': '##24232c11'
      '--secondary-background-color': '#24232c11'
      '--primary-text-color': '#dddddd'
      '--secondary-text-color': '#dddddd'

Thanks in advance,

Kit