I’ve had fair luck with it for crafting automations, no dashboards.
I’m trying to get the clock/weather to move around on the screen, but the only way it works is that the clock moves diagonally down to the right out of the picture and then nothing else happens. I have these settings for just this. info_animation_duration_x: 25
info_animation_duration_y: 15
info_animation_timing_function_x: ease-in-out
info_animation_timing_function_y: ease-in-out
info_move_pattern: corners
info_move_interval: 10
info_move_fade_duration: 2
info_update_interval: 30
I have a new dashboard with just a wall panel configuration. It is pointed to a samba share media source through home assistant. I have attempted to configure it to exclude any .heic files, but it still tries to load them occasionally and errors out. It is totally possible it’s a misconfiguration, as I’m new to wallpanel.
I’ve tried .heic$, \.heic$, .HEIC$, and \.HEIC$ to no effect. I’ve also tried it with the older image_excludes property.
Can anyone help? It shows an error and a black screen whenever it randomly chooses an heic file 
views:
- title: Home
wallpanel:
enabled: true
hide_toolbar: false
hide_sidebar: true
fullscreen: false
idle_time: 3
image_url: media-source://media_source/local/MobilePhotos
display_time: 8
media_order: random
screensaver_entity: input_boolean.screensaver
media_list_update_interval: 3600
debug: false
exclude_filenames:
- \\.heic$
- \\.HEIC$
exclude_media_types:
- video
image_fit_landscape: contain
image_fit_portrait: contain
Hello. This is the Wall Panel I made. The cards pop up when music plays or the vacuum cleaner cleans. Maybe someone else might find it useful.
wallpanel:
enabled: true
hide_sidebar: false
hide_toolbar: false
fullscreen: true
idle_time: 5
image_url: media-source://media_source/local/ocean
cards:
- type: picture-elements
wp_style:
width: 400px
grid-row: 1
grid-column: 4
elements:
- type: image
entity: select.vacuum_lamp
state_image:
'on': /local/imades/vacuumanim.gif
'off': /local/imades/vacuum.png
style:
left: 50%
top: 50%
width: 70%
- type: state-label
entity: sensor.datchik_t_h_temperature
style:
left: 9%
top: 10%
transform: scale(2,2)
image: /local/images/vacuum_lamp.png
entity: cover.blinds_curtain
card_mod:
style: >
ha-card {
background-color: rgba(0, 0, 0, 0); border: solid rgba(0, 0,0,0);
display: {% if is_state('select.vacuum_lamp', 'idle') or
is_state('select.vacuum_lamp', 'off') %} none {% else %} block {%
endif%};
}
- type: custom:mediocre-massive-media-player-card
entity_id: media_player.kolonka
mode: card
action: {}
options:
always_show_power_button: true
use_volume_up_down_for_step_buttons: true
card_mod:
style: |
ha-card {
display: {% if is_state('media_player.kolonka_2', 'idle') or
is_state('media_player.kolonka_2', 'off') %} none {% else %} block {% endif
%};
background: url('/local/radio/music.jpg');
background-color: #30254f; border: solid 2px white; box-shadow: none;
border: solid 3px white; box-shadow: none;
align-items: center;
j ustify-content: center;
height: 100%;
overflow: hidden;
--accent-color: pink;
--primary-color: white;
--secondary-text-color: white;
--secondary-background-color: pink;
}
- type: custom:digital-clock
timeFormat: HH:mm
dateFormat: cccc, d LLLL
card_mod:
style: |
ha-card {
display: {% if is_state('media_player.kolonka_2', 'idle') or
is_state('media_player.kolonka_2', 'off') %} none {% else %} block {% endif%};
position: absolute;
z-index: 1;
text-align: left !important;
background-color: transparent !important;
border: none !important;
padding-left: 1200px !important;
padding-top: 20px !important;
}
.first-line {
font-size: 100px !important;
letter-spacing: -5px;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: #FFFFFF;
text-shadow: 5px 5px 5px #000000;
}
.second-line {
font-size: 60px !important;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: #FFFFFF;
text-shadow: 5px 5px 5px #000000;
}
- type: custom:digital-clock
wp_style:
width: 400px
grid-row: 1
grid-column: 2
timeFormat: HH:mm
dateFormat: cccc, d LLLL
card_mod:
style: |
ha-card {
position: absolute;
z-index: 1;
text-align: left !important;
background-color: transparent !important;
border: none !important;
padding-left: 600px !important;
padding-top: 800px !important;
}
.first-line {
font-size: 100px !important;
letter-spacing: -5px;
font-weight: 500;
font-family: "Roboto", sans-serif;
color: #FFFFFF;
text-shadow: 5px 5px 5px #000000;
}
.second-line {
font-size: 60px !important;
font-weight: 600;
font-family: "Roboto", sans-serif;
color: #FFFFFF;
text-shadow: 5px 5px 5px #000000;
}
view_layout:
grid-area: photo
3 Likes
Hi,
I’m struggling to get the screensaver working with a local media source. After several attempts with Synology PhotoStation, I’ve now created an immich server in Docker. I’ve now successfully integrated the immich integration in Home Assistant. So I know the immich API is working. I’m currently getting the error message below, someone any tips?
Wallpanel error {“0”:“immich api processing failed:”,“1”:{}}
Immich version 2.4.0
code:
wallpanel:
enabled: true
hide_toolbar: false
hide_sidebar: false
fullscreen: false
debug: true
idle_time: 10
black_screen_after_time: 600
media_list_update_interval: 60
show_image_info: true
image_url: immich+http://192.168.1.3:2283/api
immich_api_key: XXXXXXXXXXXXXX
immich_shared_albums: true
immich_album_names:
- Wallpanel
immich_resolution: preview
I have Synology working with the following yaml:
wallpanel:
enabled: true
hide_toolbar: false
hide_sidebar: true
fullscreen: true
idle_time: 30
image_url: media-source://synology_dsm/##############/10_
camera_motion_detection_enabled: true
I’m using the following configuration to run the WallPanel screensaver every 40 seconds:
wallpanel:
enabled: true
profiles:
device.tablet:
enabled: true
hide_toolbar: false
hide_sidebar: false
fullscreen: false
idle_time: 40
display_time: 10
screensaver_entity: input_boolean.screensaver
image_url: /
I also created an input_boolean called input_boolean.screensaver and assigned it to the screensaver_entity option.
This allows me to manually start or stop the screensaver by turning the boolean on or off.
However, when I turn off input_boolean.screensaver, the screensaver still starts again automatically after 40 seconds, because idle_time is set to 40.
What I would like instead is:
- To be able to disable the screensaver completely
- And only enable it when I explicitly turn on
input_boolean.screensaver
In other words, I don’t want the screensaver to start automatically based on idle_time when the boolean is off.
UPDATE:
I think I managed to fix this issue by defining two separate profiles and a script, which is called upon clicking a card on the dashboard.
Does anyone here know how to retrieve images from album X in Immich?
For camera motion detection the docs say An HTTPS connection to the Home Assistant is required to enable access to the camera. Is there any more information on how to enable an HTTPS connection?