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

Share your Projects!
,
148

Hi,

Have you find the solution for it? I’m having same issue. Verified all my config but no clue where the issue is, toolbar is not hidden.

149

After some experimenting I have removed the frontend repository through HACS, removed the resource from config file, installed freshly, added the resource and restarted the HA…it started working.

150

So the wallpanel works wonderfully and is probably my single best HA feature to date. I have a slideshow of my kids and have put about 500 photos on there (and another 5000 to go) and it’s always amazing to walk past and remember when they were younger.

I have one small issue though that I can’t seem to troubleshoot or replicate. It happens intermittently - not all the time. But the right hand side of the screen has about 40px gap running top-to-bottom transparent that shows the lovelace dashboard underneath. It’s like the whole wallpanel wrapper div is at a -40px left margin.

When I wake it up, the sidebar button and the search button are also missing. If I drag down to refresh they reappear.

Device is an iPad Air 3. I have the sidebar set to permanently hidden

Any suggestions? I don’t have a mac so I can’t debug using any kind of safari inspector.

151

Hi there, fantastic work! Love it!

One question: Is there a way to add a button which will switch this panel mode ON/OFF?

Actually I am trying to use a button and set it to navigation like this:
http://homeassistant.local:8123/lovelace/default_view?wp_hide_sidebar=false&wp_hide_toolbar=false

I can use this navigation in the browser and it reacts somehow (only toolbar shows), but only once. When using a button with this link it doens’t work at all. Anybody any idea?

152

I don’t know what I’m doing wrong… Hopefully someone can help me! I’ve added pictures to the local media folder. But the screen stays black.

This is my code:

wallpanel:
  enabled: true
  enabled_on_tabs:
    - wallpannel
  idle_time: 60
  display_time: 30
  image_url: /media
  image_fit: cover
  image_list_update_interval: 600
  image_order: random
153

did you try just “image_url: /” to rule out a subfolder issue?

154

Yes, I’ve tried that.

155

For context: I’ve added the debug output and an error that is displayed:

Naamloos
Naamloos1680×336 142 KB

Also, this is what I’ve placed in my config file:
image

156

sure seems like it cant access that folder. did you try unsplash example for a test and does that work for a source? if so then something is up with your media path…
try this for test it will be black for first interval or two but photos should appear after a bit
“https://source.unsplash.com/random/${width}x${height}?fruit,beer&sig=${timestamp}”

157

unsplash works. But what can be wrong with the media path?

158

Not sure triple check configuration? Says default for HA OS and Supervised is /media maybe just use that path after adding “media_source:” to yaml

159

I have tried many things, and in the end, I’m not sure what actually helped. Most likely, it was the following:

Here is the current piece of code in the configuration.yaml:

homeassistant:
  media_dirs:
    media: /media

This is my code in the dashboard:

wallpanel:
  enabled: true
  debug: false
  enabled_on_tabs:
    - wallpannel
  idle_time: 30
  image_url: /media/Onedrive/Backgrounds
  display_time: 240
  image_list_update_interval: 3600
  image_order: random
160

Little Bummer for me.
Unfortunately, when I cast a dashboard through the media player to my Chromecast, the wall panel is not activated after a certain period of time.
Can this be overcome or is it not possible to be adjusted?

161

I am trying to setup Wallpanel for the first time. I am doing it just for a blackout screen when not in use and reactivation of HA with movement. The black screen has a warning icon for entity not available: weather.home. I do not want a weather card. How can I remove the warning icon since I don’t want a weather card?

162

I have exactly the same problem but your sugestions sadly didn’t work.
Could you share your config?

163

Here you go!

#Configuration.yaml
  - url: /hacsfiles/lovelace-wallpanel/wallpanel.js
    type: module
#dashboard.yaml
wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
  idle_time: 0
views:
  - title: Home
    path: home
    icon: ''
    theme: clear-dark
    type: panel
    layout: {}
    badges: []
    cards:

Along with this I have separate user id for dashboard and user settings - theme and hide sidebar.

1 Like
164

Not sure what did it but it s working now!

Noob question with hiding bars and full screen, I’m not able to edit the dashboard/Lovelace because the bar hides too fast.

Is there any way editing the dashboard?

Can’t find how to disable wallpanel, don’t want too remove it.

165

You can add ?wp_enabled=false to the url.

1 Like
166

You can darken the screen by changing the overlay color:

style:
  wallpanel-screensaver-overlay:
    background: '#00000055'
167

tried this and dont seem to be working. here is my code maybe i did it wrong?

style:
    wallpanel-screensaver-overlay: 
        background: '#00000055'
    wallpanel-screensaver-info-box:
      '--wp-card-width': 275px
    wallpanel-screensaver-info-box-content:
      '--ha-card-background': none
      '--ha-card-box-shadow': none
      '--ha-card-border-width': 0px
      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'