indents are wrong starting at style maybe why its not working looks fine otherwise
Ok, I just matched you indents from a post above and yes its now working!!! awesome - but random … is there anyway to check indents, or what are the rules ??
Translucency now working well - thank randr
code for others …
wallpanel:
enabled: false
hide_toolbar: true
hide_sidebar: true
fullscreen: true
image_url: http://picsum.photos/${width}/${height}?random=${timestamp}
image_fit: fit
show_image_info: true
cards:
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.openweathermap
forecast_type: hourly
style:
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'
try this link to verify your code:
https://www.yamllint.com/
but not sure how good that works either. 
glad you got it sorted though
1 Like
Hello everyone!
My wallpanel worked correctly until a few days ago.
After updating it to the latest version, however, it starts and immediately freezes as soon as the first image is displayed
In the browser console I see many errors, I’ll provide a screenshot:
In particular, I’m worried about the exception [Uncaught SyntaxError: Invalid or unexpected token (at wallpanel.js:28:20)]
Has anyone else had the same problem by chance?
Is it a bug in the updated version?
Thanks to anyone who can support me
Latest is not a version.
Ok, I expressed myself badly, sorry.
But I didn’t have these problems before the update
How did you update?
Seems like the local wallpanel.js file is old an incomplete.
I updated with HACS…
Anyway, please, how can I solve the problem?
Did you clear your cache?
I newly installed wallpanel, and everything works fine. The sidebar and top bar are hidden, and the screensaver runs images from Unsplash. When I touch the screen to stop the screen saver and enter the home assistant UI, the top bar with the tabs shows up and remains after that until I restart the home assistant. When I restart it doesn’t show until it goes to the screensaver and returns to the UI. What am I missing in my code?
title: Home
wallpanel:
enabled: false
debug: false
hide_toolbar: true
hide_toolbar_action_icons: true
hide_sidebar: true
fullscreen: true
idle_time: 10
screensaver_stop_navigation_path: /lovelace/dashboard-tablet10/default_view
image_url: >-
https://source.unsplash.com/random/${width}x${height}?sig=${timestamp}
image_fit: fit
image_list_update_interval: 3600
image_order: sorted
image_excludes:
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
card_interaction: true
cards:
- type: custom:digital-clock
dateFormat:
weekday: long
day: 2-digit
month: short
timeFormat:
hour: 2-digit
minute: 2-digit
- type: weather-forecast
entity: weather.home_2
show_forecast: true
style:
wallpanel-screensaver-info-box:
font-size: 4vh
font-weight: 600
color: ‘#eeeeee’
text-shadow: >-
-2px -2px 0 #03a9f4, 2px -2px 0 #03a9f4, -2px 2px 0 #03a9f4, 2px 2px 0
#03a9f4
Your code is not yaml
Well I copied the code from the Lovelace Raw configuration editor by clicking the three dots on the top right and going into the Raw configuration editor. It might not be pasted in the correct format here.
Got it thanks, here is the code. I stripped down the animation etc. to see what is causing the issue.
In addition I am starting to see another issue, I removed the weather card from wall panel info box and reloaded and restarted home assistant, but it still shows it. So, I did the following
- Cleared the fully kiosk cache both in the Fire tablet App settings as well as fully kiosk settings. Still showing
- Removed wall panel and installed again and added the relevant code snippet
- Created a new tab only with one entity and added all the wallpanel code snippet
Nothing changed, still its getting the weather card in the info box from somewhere
wallpanel:
enabled: false
debug: false
hide_toolbar: true
hide_toolbar_action_icons: true
hide_sidebar: true
fullscreen: true
idle_time: 10
screensaver_stop_navigation_path: /lovelace/default_view
image_url: >-
https://source.unsplash.com/random/${width}x${height}?pleasant,nature,landscape,parks,garden,flowers,forest&sig=${timestamp}
image_fit: cover
image_list_update_interval: 3600
image_order: sorted
cards:
- type: custom:digital-clock
dateFormat:
weekday: long
day: 2-digit
month: short
timeFormat:
hour: 2-digit
minute: 2-digit
- type: weather-forecast
entity: weather.home
show_forecast: true
card_interaction: true
style:
wallpanel-screensaver-info-box:
font-size: 4vh
font-weight: 600
color: '#eeeeee'
text-shadow: >-
-2px -2px 0 #03a9f4, 2px -2px 0 #03a9f4, -2px 2px 0 #03a9f4, 2px 2px 0
#03a9f4
I have several views on my dashboard, one is the door camera, and have frigate proxy installed.
Is it possible to automagically navigate to my doorcam page when frigate detects movement ?
Thanks, but I’m not a fan of browser mod, I will try and find another solution.
Thank you for this great add-on. Here is my wallpanel right now. I want to add some options in future.
5 Likes
I found and fixed the issue. It seems that the problem was related to screensaver_stop_navigation_path, which was directing to a different dashboard that didn’t have wall panel enabled. So I was seeing the top bar(not sure why the sidebar wasn’t shown). However, once I changed it to the dashboard with wall panel, it started working properly. The weather card issue is also related to this. I just wanted to share this information in case anyone faces a similar issue.
2 Likes
would you mind sharing your code for this? it is stunning!