ok i changed to a red color and it does indeed work! will play with color darkness to get it how i want thank you @j-a-n
update cant seem to add overlay to make it darker without making it completely that color.
#000000bb seems to best for me. but also scripted a scene to activate changing brightness to higher and lower if screensaver off or on and this seems to work good too.
How can I place this linked item card in my house. gives an error or does not appear. Congrats on creation. Translated by google Portuguese Brazil to English
type: vertical-stack
cards:
- type: custom:weather-card
entity: weather.forecast_casa
current: true
details: true
forecast: true
hourly_forecast: true
number_of_forecasts: ‘5’ - type: vertical-stack
cards:- type: custom:digital-clock
dateFormat:
weekday: long
day: 2-digit
month: long
year: 2-digit
timeFormat:
hour: 2-digit
minute: 2-digit
second: 2-digit
- type: custom:digital-clock
- type: vertical-stack
cards:- show_state: true
show_name: true
camera_view: auto
type: picture-entity
entity: sensor.sonoff_1000916c58_power
image: /local/páinel.jpg
aspect_ratio: ‘10’
- show_state: true
- type: vertical-stack
cards:- show_state: true
show_name: true
camera_view: auto
type: picture-entity
entity: sensor.sonoff_10004aff0b_temperature
image: /local/aguaquent1.jpg
aspect_ratio: ‘10’
- show_state: true
- type: vertical-stack
cards:- show_state: true
show_name: true
camera_view: auto
type: picture-entity
entity: sensor.sensor_ir_temperatura_temperature
image: /local/temperatura.jpg
aspect_ratio: ‘10’
- show_state: true
- type: vertical-stack
cards:- show_state: true
show_name: true
camera_view: auto
type: picture-entity
entity: sensor.sensor_ir_temperatura_humidity
image: /local/humidade2.jpg
aspect_ratio: ‘10’
- show_state: true
- type: vertical-stack
cards:- type: entity-filter
entities:- entity: switch.sonoff_1000471b04
- entity: switch.agua_switch_1
- entity: switch.sonoff_10004aff0b
- entity: switch.banheiro_switch_1
- entity: switch.sonoff_10014c8b62_1
- entity: switch.cobertura_switch_1
- entity: switch.painel_sala_socket_2
- entity: switch.painel_sala_socket_1
- entity: switch.sonoff_1001465426
- entity: switch.painel_sala_socket_6
- entity: switch.inrrigacao_switch_1
- entity: switch.jardim_switch_1
- entity: switch.lavanderia_socket_1
- entity: switch.sonoff_1000916c58
- entity: switch.painel_sala_socket_3
- entity: switch.sonoff_10014af341
- entity: switch.painel_sala_socket_5
- entity: switch.painel_sala_socket_4
- entity: switch.tomada_bluetooth_switch_1
- entity: switch.vaso_switch_1
- entity: switch.cobertura_switch_1
- entity: switch.painel_sala_socket_2
state_filter: - ‘on’
show_empty: falce
card:
type: glance
title: Itens Ligados na casa
state_color: true
show_header_toggle: false
tap_action:
action: toggle
theme: Caule Black Purple Glass
[
- type: entity-filter
anyone else having issues with unsplash.com photos? I get cannot find that photo error seemed to have started yesterday.
Yesterday I started experiencing the same issue, the url won’t load a picture in a normal web browser like it used to. I am wondering if something is down at unsplash or if the API has changed.
Pleased to hear it’s not just me, I only started using WallPanel last week and I wondered if I had configured something incorrectly.
I have looked online but cannot find anything relating to issues or changes at the unsplash end. I might try to point my YAML at one image directly in unsplash and see if that works.
for now i am using:
http://picsum.photos/${width}/${height}?random=${timestamp}
but cant seem to figure out how to narrow down to just “nature” or “wildlife”
was using:
“https://source.unsplash.com/random/${width}x${height}?nature&sig=${timestamp}”
It seems there is nothing wrong with ya links…
Only the 5" I don’t have behind it
I enabled this add-on through HACS and I’ve updated the dashboard config so it fullscreen and removes the toolbar, etc, but it’s not updating the background to URL I’ve provided. I’ve tried using an image from the related Google Photos add-on and just choosing a random image from the internet, and either way, the add-on is enabled but the background remains white.
Here’s my dashboard config (with the views section truncated). The sidebar and toolbar are not hidden because I’m still trying to get this to work.
wallpanel:
enabled: true
hide_toolbar: false
hide_sidebar: false
fullscreen: false
debug: true
image_url: https://wallpapercave.com/uwp/uwp3297422.png
views:
I enabled debug mode and this is what the JS console shows me:
Wallpanel config is now:
{
"enabled": true,
"enabled_on_tabs": [],
"debug": true,
"hide_toolbar": false,
"hide_toolbar_action_icons": false,
"hide_sidebar": false,
"fullscreen": false,
"idle_time": 15,
"fade_in_time": 3,
"crossfade_time": 3,
"display_time": 15,
"keep_screen_on_time": 0,
"black_screen_after_time": 0,
"control_reactivation_time": 1,
"screensaver_stop_navigation_path": "",
"screensaver_entity": "",
"stop_screensaver_on_mouse_move": true,
"stop_screensaver_on_location_change": true,
"image_url": "https://wallpapercave.com/uwp/uwp3297422.png",
"image_fit": "cover",
"image_list_update_interval": 3600,
"image_order": "sorted",
"image_excludes": [],
"show_progress_bar": false,
"show_image_info": false,
"fetch_address_data": false,
"image_info_template": "${DateTimeOriginal}",
"info_animation_duration_x": 0,
"info_animation_duration_y": 0,
"info_animation_timing_function_x": "ease",
"info_animation_timing_function_y": "ease",
"info_move_pattern": "random",
"info_move_interval": 0,
"info_move_fade_duration": 2,
"image_animation_ken_burns": false,
"image_animation_ken_burns_zoom": 1.3,
"style": {},
"badges": [],
"cards": [
{
"type": "weather-forecast",
"entity": "weather.home",
"show_forecast": true
}
],
"card_interaction": false,
"profile": "",
"profile_entity": "",
"profiles": {}
}
setSidebarHidden — wallpanel.js:394
Any idea why the background is not updating? I’m running Home Assistant on a VM on an Unraid machine if that makes a difference.
I am trying to implement tabs in my home using this, but I find it unusable.
You would think that downloading and installing your change nothing. If you enable it on one dashboard … lookout. Your settings will carry between dashboards no matter what you do.
Example:
Set one Dashboard enabled, full screen, show sidebar.
Set another one to Dashboard disabled.
Navigate from the first to the second.
You will get full screen and no sidebar.
EDIT: I now have read through all the documentation and come up with a solution. The key is using profiles. I have one user “kiosk” for all 6 wall panels in the house. They all login as “kiosk” as a non-admin user. Then just have wallpanel disabled by default and only enabled for “user.kiosk”:
wallpanel:
enabled: false
profiles:
user.kiosk:
enabled: true
debug: false
hide_toolbar: true
hide_sidebar: false
image_url: null
.....
This has the added bonus that the toolbar is only hidden for user.kiosk and not anyone else (like my admin user). So I do not need to use query strings to be able to edit,
I realize now that this is a screensaver, so the background will not update but the whole screen will if you want awhile. Turns out I have no patience.
1 Like
I’m curious - is there a way to just cycle through the tabs on a dashboard and not invoke the screen saver?
I really like Wallpanel. Previously I’d been using the screensaver built into fully-kiosk, but when that would run the lovelace interface would freeze and tapping on the screen would reveal a browser that had lost its server connection.
I have a large photo collection use pigallery2 to serve up a random photo when requested. It would be amazing to also have access to the metadata in these photos but, if I understand correctly the current show_image_info option is only able to extract exif tags for locally stored files? Are there any plans for displaying exif data for web images? Or if I wanted to implement something like that, what would be the best approach? Could wallpanel for example show just a random URL that would then use exif.js to extract the data?
Got everything set up and working great. This was exactly what I was looking for.
But no matter what I do, I can’t change how the weather card looks. I can change the font and the size. But I can’t make it transparent or translucent. I have tried with all the examples on Github, but all of them only change the font and the size for me. Is there a dependency that I need to install?
Did you have Auto log Out after 5 min enabled in your HA Account Settings? Seems that Was your Problem with fully
mine is transparent give it a try:
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'
Thanks, but still isn’t transparent. This is my whole wall panel code:
wallpanel:
enabled: true
debug: false
enabled_on_tabs:
- wall
hide_toolbar: false
hide_sidebar: false
fullscreen: false
idle_time: 5
keep_screen_on_time: 86400
black_screen_after_time: 7200
control_reactivation_time: 1
screensaver_stop_navigation_path: /lovelace/wall
image_url: /
image_fit: contain
image_list_update_interval: 30
image_order: random
image_excludes: []
show_image_info: true
fetch_address_data: true
image_info_template: >-
${address.town|address.city!prefix=!suffix= //
}${DateTimeOriginal!options=year:numeric,month:long}
screensaver_entity: input_boolean.wallpanel_screensaver
info_animation_duration_x: 0
info_animation_duration_y: 0
card_interaction: true
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'
Here is mine but i use browser_id for screensaver entity:
wallpanel:
enabled: false
enabled_on_tabs: null
debug: false
hide_toolbar: true
hide_sidebar: true
fullscreen: false
idle_time: 0
keep_screen_on_time: 0
black_screen_after_time: 0
control_reactivation_time: 1
screensaver_stop_navigation_path: /lovelace-tablet/Home
image_url: >-
https://source.unsplash.com/random/${width}x${height}?nature&sig=${timestamp}
image_fit: cover
image_list_update_interval: 3600
image_order: random
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.${browser_id}
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
cards:
- type: vertical-stack
cards:
- type: custom:weather-card
details: false
forecast: false
hourly_forecast: false
name: null
entity: weather.forecast_home
current: true
- type: custom:digital-clock
dateFormat:
weekday: long
day: 2-digit
month: short
timeFormat:
hour: 2-digit
minute: 2-digit
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'
You must pay attention to the correct indentation (style beneath wallpanel):
wallpanel:
enabled: true
debug: false
enabled_on_tabs:
- wall
hide_toolbar: false
hide_sidebar: false
fullscreen: false
idle_time: 5
keep_screen_on_time: 86400
black_screen_after_time: 7200
control_reactivation_time: 1
screensaver_stop_navigation_path: /lovelace/wall
image_url: /
image_fit: contain
image_list_update_interval: 30
image_order: random
image_excludes: []
show_image_info: true
fetch_address_data: true
image_info_template: >-
${address.town|address.city!prefix=!suffix= //
}${DateTimeOriginal!options=year:numeric,month:long}
screensaver_entity: input_boolean.wallpanel_screensaver
info_animation_duration_x: 0
info_animation_duration_y: 0
card_interaction: true
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'
1 Like
Completely overlook that.
Thanks! It is working now.
For those having trouble trying to setup the screensaver to use pictures on a network drive, I have done the following and got it working:
Under Settings → System → Storage, click on ‘Add Network Storage’ and give it a name like ‘Pictures’. Then select ‘Media’ for usage and enter the IP address and path of your network share.
Once the Network Storage has been setup, you should be able to see it via the Media Browser under ‘My media’.
Then add the following to your wallpanel config (for this example with the Network storage named ‘Pictures’):
image_url: /local/Pictures
1 Like