šŸ–¼ļø WallPanel Addon - Wall panel mode for your Home Assistant Dashboards

I noticed with the following settings that random gets stuck in a small short loopā€¦

image_url: /media
image_fit: scale-down
image_list_update_interval: 3600
image_order: random
idle_time: 10

It will go like thisā€¦

pic1
pic2
pic1
pic2
pic3
pic1
pic3
Then it will go to the next group and same type of thing occurrs.

Hello, I am having an issue where when the screensaver runs, the weather module is not loading.

I get the following error ā€œEntity not available: weather.homeā€ I search my entity and I do not have that entity. How would I go about adding it or using the only weather entity I do have ā€œweather.forcast_solospotā€?

You can use HA media sources.
Please see Media-source url in the README.

I just released version 4.8 where Daanoz added support for Google Photos integration.

1 Like

Hello, new user here with Wallpanel. Looks like everything I wanted but having a few issues and hoping to get some fix suggestions.

I just upgraded to the 4.8 version. However, when running in Debug mode the version still shows 4.7.1. Not sure if that is correct or something went wrong with the HCAS update.

Iā€™m using Walpanel with Dwains Dashboard. I put the YAML code in the /config/custom_components/dwains_dashboard/lovelace/ui-lovelace.yaml

wallpanel:
enabled: true
enabled_on_tabs: []
debug: true
hide_toolbar: true
hide_sidebar: true
fullscreen: true
image_url: /
image_fit: contain
image_list_update_interval: 3600
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

Dwains Dashboard has three tabs ( HOME, DEVICES, & MORE).
My issue is, the screen saver only correctly displays the images if it is started when the browser is idle on the ā€œMOREā€ page on Dwains Dashboard. If the screen saver starts on the HOME or DEVICES Tab, it only displays the first two pictures and then cycles between the two. The interesting thing is, the debug text shows the images cycling correctly, just not displayed correctly. That is the ā€œCurrent image:ā€ continues to display different photos (as expected) than the two repeating images being displayed.

I believe this is an issue with Dwains, as I previously had this working with the default Lovelace. However, I hoping I might get some insight here as well to fix the issue. thanks, John

Hi all!

Iā€™m experiencing some problems with the screensaver. Iā€™m using images from Google Photoā€™s. When the screensaver activates, the image loads just fine on my laptop but not on my wallpanel. Iā€™m using old Asus Zenbook with Android 5.0.2 as wallpanel. Could this be the problem?

Iā€™m finding Wallpanel , when it comes to viewing the slide show is highly dependent on the browser and device. I still canā€™t figure out why the screensaver works on only some of the tabs on Dwains Dashboard. I have found that if I use the default image url, the pictures display and cycle correctly.
Only when Iā€™m displaying local photos that I see the problem. The Home page and Device page will only display the first two pictures cued. The Debug text ā€œCurrent imageā€ continues to indicate new random photo files are selected from the local directory every 15 seconds or so but the displayed image only cycles between the first two images. Strange. Is there any other debug file to view to get a clue as to what might be going on?

Canā€™t reproduce your issue.
I just released version 4.8.1 which logs the url when fetching the image from media-source.
Perhaps this can help to find the issue.

Yes, the browser component is most likely too old.

I had the same issue. In my case, it was resolved by simply correcting an indentation issue in the configuration.

To show your own, you need to add the card:

  cards:
    - entity: weather.forcast_solospot
      type: weather-forecast
      show_current: true
      show_forecast: true

Anyone know why the ā€˜grid-columnā€™ in the third card isnā€™t working here?

The first two cards work as expected (r1/c1 and r1/c2). The third card (forecast) should span 2 columns, but itā€™s only in column 1.

  cards:
    - type: entity
      entity: sensor.day_and_date
      wp_style:
        grid-row: 1
        grid-column: 1 / span 1
      card_mod:
        style: |
          .name, .icon {
            display: none!important;
          }
          .info {
            padding-top: 0px!important;
            padding-bottom: 0px!important;
            margin-bottom: auto!important;
            margin-top: auto!important;
          }
    - type: entity
      entity: sensor.am_pm_time
      wp_style:
        grid-row: 1
        grid-column: 2 / span 1
      card_mod:
        style: |
          .name, .icon {
            display: none!important;
          }
          .info {
            padding-top: 0px!important;
            padding-bottom: 0px!important;
            margin-bottom: auto!important;
            margin-top: auto!important;
          }
    - show_current: true
      show_forecast: true
      type: weather-forecast
      entity: weather.my_forecast
      wp_style:
        grid-row: 2
        grid-column: 1 / span 2
1 Like

I took a different approach, but Iā€™m still interested to know why this didnā€™t work.

For those of you using Fully Kiosk in combination with WP, which features are you using from which app? FK send to have really good wake features with camera detection and motion detection Bo have had an issue with its screensaver function though.

Well, everything started working as it should (slide show started and cycled correctly regardless of what tab on was left idle for the designated 10 seconds). Then, unknown cause, it reverted back today only cycling correctly when started on the ā€œMoreā€ tab.

where do I find the log that version 4.8.1 produces?

You have to turn in debug mode and have a look at the browser console.

Is it possible to edit ${image.path} so it will only show part of path?

The path could be local/holiday/Norway 2016/DSC012485.JPG
and I want to see Norway 2016 only.

Among many things I tried ${image.path}.split(/)[2] but that was a dead end.

wallpanel:
  enabled: false
  image_url: /
  show_image_info: true
  image_info_template: >-
    <span style="font-family: 'Roboto Condensed', sans-serif; font-size: 1em;
    font-weight: 400; color: #e59110;"> ${image.path} </span>

If you always need the parent folder name I could add this to the image object easily.

Yes, that would be nice.
Thank you.

With Release v4.10.0 Ā· j-a-n/lovelace-wallpanel Ā· GitHub you can now use image.folderName.

1 Like

Feature request:
Store path and filename in sensor when exiting screenshow of local media.

Case:
You are watching the screenshow of local media and suddenly your attension is drawn to a certain picture that you want to have a closer look at.
You are not able to pause the screenshow, so you want to have a look at the picture elsewhere - but you didnā€™t get the name of the file.

Suggestion:
When exiting screenshow Wallpanel stores path and filename of last shown picture in a sensor