I have been trying for days to get an html slideshow to work for the screensaver and nothing works. I see it in the browser, it works. I add it to image_url: and it says failed to update from that site. Has anyone gotten a html slideshow to work as the screensaver? I donāt want to switch to fully kiosk at all.
Hello, everyone! How are you?
So, Iād like to know if itās possible to display the album art Iām playing on Spotify as the background.
Then, if possible, Iāll set a condition: if nothing is playing, display the default images. But when a song is playing, Iād like to display the artistās image. Is that possible?
I achieved:
info_animation_duration_y: 30
image_url: ${entity:sensor.spotify_album_image_full_url}
image_fit: cover
image_animation_ken_burns: false
Iām looking for some help with this addon which has been stumping me for the past few days. Iāve put together a dashboard that displays my family calendar using a custom card: week-planner-card. I then add the Wallpanel info at the top and referenced my views within the wallPanel section of the YAML. When the screensaver starts the cards are not layed out like they are in the dashboard. Width wise i want the card to take up 3/4 of the display with the second card to take up the other 1/4 of the display.
Any help in width and styling would be great. thank you.
wallPanel shows only 1 column of days.
Dashboard shows 5 columns or more of days based on the display width.
YAML from raw configuration editor:
wallpanel:
enabled: true
fullscreen: false
hide_toolbar: false
hide_sidebar: false
idle_time: 5
image_url: media-source://media_source/local/slideshow/
image_fit_landscape: cover
content_interaction: true
style:
wallpanel-screensaver-info-box:
'--wp-card-width': 900px
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'
cards: []
views:
- title: Calendar
views:
- type: sections
max_columns: 4
title: Calendar
path: calendar
icon: mdi:calendar
sections:
- type: grid
cards:
- type: custom:week-planner-card
calendars:
- entity: calendar.xxxx_xxxx_gmail_com
days: '30'
startingDay: today
startingDayOffset: 0
hideWeekend: false
noCardBackground: false
compact: false
weather:
showCondition: true
showTemperature: false
showLowTemperature: false
useTwiceDaily: false
entity: weather.home
locale: en
showLocation: false
hidePastEvents: false
hideDaysWithoutEvents: false
hideTodayWithoutEvents: false
combineSimilarEvents: false
showLegend: false
title: Calendar
grid_options:
columns: full
column_span: 3
- type: grid
cards:
- entities:
- calendar.xxxxx_xxxxx_gmail_com
weather:
position: date
date:
show_conditions: true
show_high_temp: true
show_low_temp: false
icon_size: 14px
font_size: 12px
color: var(--primary-text-color)
event:
show_conditions: true
show_temp: true
icon_size: 14px
font_size: 12px
color: var(--primary-text-color)
type: custom:calendar-card-pro
Hello ! Is there a way to force a refresh of the dashboard when the wallpanel screensaver is interrupted? I am using the Android companion app and trying not to drag down to refresh the dashboard.
I am trying to get some widgets to show in the corners of my panel when the screensaver comes on, e.g the weather in the top left, the time and date in the top right, my next calendar event in the bottom left. I was able to get the top right and left to roughly work assuming I knew the dimensions of the screen using grid columns. After doing some research, I was able to get a Masonry view to put card exactly where I wanted using the css elements position: absolute paired with top, bottom, left, and right. When I try this on WallPanel cards, they kinda act like they are trying to get where they are supposed to, but they are confined to a specific area. Is the Wall Panel assuming a Sections layout? Can we get it to assume a Masonry layout? (Tried added a -type: masonry element to no avail.
Iāve been using Wallpanel for a couple of years now with my home screen being an image sized to match the screen exactly (1280x800) and Wallpanel set to fullscreen mode and the top and side HA menus are hidden. It used to fit solidly in the screen.
type: picture-elements
image: /local/PanelBack1280x800.jpg
elements:
...
However, now Iāve noticed, it seems to have a black band above and below so now it floats up and down a bit and by default the top black band is always there so a bit of my image is missing at the bottom.
I canāt see whatās causing it, but something has changed!
Any ideas?
Ive started getting this error message, not sure what Ive changed that is causing this as Ive been using wallpanel for a few months without issue
Logger: frontend.wallpanel.browser_mod_9ca72b05_ca4e7e1a
Source: components/system_log/init.py:331
First occurred: 11:05:06 (1 occurrence)
Last logged: 11:05:06
{ā0ā:āWallpanel startup failed after 5.062 seconds, lovelace config not found.ā}
my config is as follow, any thoughts as to whats going on?
wallpanel:
enabled: true
hide_toolbar: true
hide_sidebar: true
fullscreen: false
stop_screensaver_on_mouse_click: true
screensaver_start_navigation_path: /dashboard-lenovo/0
idle_time: 0
image_url: media-source://media_source/wallpaper/
media_order: random
screensaver_entity: input_boolean.lenovoscreensaver
info_animation_duration_x: 40
info_animation_duration_y: 30
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
cards:
- clock_size: large
show_seconds: false
type: clock
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.home
forecast_type: daily
Yep, I see the same and canāt work out what the cause is.
swampylee
What, my black bands or Masflugās error message?
Iāve reverted to Fully Kiosk and my blank bands are not there! So it cannot be a Home Assistant thing but the Wallpanel app itself (IMHO).
Is there a way to return to āhome screenā after some idle time ? Im not using screensaver.
Hi @j-a-n Will Wall Panel install on an x86/64 instance of HA or is it only available for android tablets
It is an HA add on that can be used in dashboards. You donāt install it on devices.
So, any device that you get to HA dashboards.
Going in circles trying to get the Synology photos album to act as the media source for wallpanel. It fades to black now, no errors, but no photos. here is my code:
wallpanel:
enabled: true
hide_toolbar: false
hide_sidebar: false
fullscreen: false
idle_time: 5
media_order: random
media_list_update_interval: 3600
image_url: media-source://synology_dsm/1820xxxxx214/5
Added some Xs to block out the serial.
Any help appreciated!
I have the same issue.
I have the same issue.
This is driving me nuts. I can now see the folder from Synology photos in the HA media browser (did not have that yesterday).
I have tried every possible media URL with ChatGPT helping, but still no love. Maybe something is actually broken 
My wall panel, a PoE powered Android tablet, is not fully commissioned yet so I havenāt put too much time into solving the Synology issue. It would be worth opening an issue on GitHub.
I have a clock that displays seconds but the display canāt keep up in screensaver mode - is this a tablet issue or can it be adjusted in settings/code?
Hey I got it working- damn chatGPT had me using the wrong codeā¦ why does it sound so sure of itself.
this is what worked:
image_url: media-source://synology_dsm/1820xxxxxx14/5_j72DnhCqT
Get the code from the HA media browser when you navigate to the folder or the album. Use a URL decoder and you just need the last part of the URL.
chatGPT is about 18 months behind of reality from what I have read.
Donāt use it for HA.