🖼️ WallPanel Addon - Wall panel mode for your Home Assistant Dashboards

sdbruijn · August 13, 2023, 6:54pm

Hello everyone,

Im struggling with the wallpanel setup, and hoping that some of you can help me with it.

Wallpanel functions like it should, but i cannot customize it the way i want. I think that what i want is not the difficult, problem is that I just miss the knowledge to get it done

Situation; right now i have a wall mount tablet running fully kiosk. Inside fully kiosk i have a screensaver setup, which shows me this screen:

My wife and i like it a lot, just a simple digital clock. As soon as i walk up to the tablet, fully kiosk switches to the normal dashboard.

Problem is, fully kiosk always have to reload the screensaver, and the dashboard. That takes for example like 1 second, but that time the screen flashes bright white from the page being loaded.

Long story short; i would like to have the same screensaver, but made with wallpanel.

The existing one has the following yaml code:

views:
  - theme: Backend-selected
    type: panel
    icon: mdi:clock-digital
    badges: []
    cards:
      - type: picture-elements
        image: /local/amazon_fire_HD8_black.png
        elements:
          - entity: input_text.act_tijd
            style:
              color: rgb(255,255,255)
              font-size: 1200%
              left: 50%
              top: 43%
            type: state-label
          - entity: input_text.act_datum
            style:
              color: rgb(255,255,255)
              font-size: 300%
              left: 50%
              top: 68%
            type: state-label

I cannot get this to work in wallpanel, because the card is not full screen panelmode in wallpanel.

Can anyone point me in the right direction? how can i do this?

Thanks in advance!

Tadies · August 16, 2023, 2:25pm

Maybe a stupid question…
But about hiding top bar
And then unable to edit the dashboard…
Is it possible to use an input_boolean button
To hide and unhide the topbar???
Like I have such for the screensaver?
Thnx.

potts-mike · August 16, 2023, 3:02pm

I have a button on my dashboard that loads the url that unhides the top bar.

Tadies · August 16, 2023, 6:36pm

yeah figured that too potts-mike…
this will do aswell…
thank you
while i do not see the solved tag…

[solved]

elmattt · August 18, 2023, 7:54am

Hi all, and thanks for the great work !

i use wallpanel with a touchscreen on a win10 chrome kiosk, and when card interaction is true, i cant quit !! when i press the screen in a blank part, or press and move…
the only way to quit is ti emulate a key stroke.

any idea ?

rvandet · August 20, 2023, 7:04pm

Hi, this looks promissing and stable.
I would like to have a slide show of pictures that are in my Dropbox.

To that purpose I have copy-pasted the link from Dropbox (of a certain folder with JPGs) as “image_url”.

That does not work, and I am stuck. Can someone direct me in the right direction pls.

thx,
Richard

randr · August 25, 2023, 12:37pm

triple check your configuration against below documentation.

ian.tait · August 31, 2023, 10:21am

I have to say, I really like this addon for HA.
But I would like to know if its possible to add an entity to the idle_time?

I have raised this on the GitHub issue page:

github.com/j-a-n/lovelace-wallpanel

idle_time based on entity value

opened 08:29AM - 31 Aug 23 UTC

ian-tait

Looking over the docs, I can't see away to make the idle_time a variable for the… user to set. As I understand the idle_time can be set to '0' to disable the screensaver, but I can't see away to assign an entity. The docs suggest the following for a 5 second timeout: `idle_time: 5` but I would like the following for the user to choose the time out (which includes '0' so they can disable the screensaver): `idle_time: input_number.screensaver_time_out` It could be possible the is available already and I have missed it in the docs, so any pointers would be really helpful. Thank you for a great bit of code. Ian

But if anyone here knows how to do it, I would really like your input.

Nimdy · September 13, 2023, 9:52pm

How can I configure this to show the time at the bottom left and weather bottom right? They seem to default to top left.

randr · September 13, 2023, 10:51pm

its in documentation…
Positioning
The cards and badges are positionend by a Grid_Layout.

Example

  cards:
    - type: markdown
      content: Card 1
      wp_style:
        width: 810px
        grid-row: 1
        grid-column: 1 / span 2
    - type: markdown
      content: Card 2
      wp_style:
        width: 400px
        grid-row: 2
        grid-column: 2
    - type: markdown
      content: Card 3
      wp_style:
        width: 400px
        grid-row: 3
        grid-column: 1
    - type: markdown
      content: Card 4
      wp_style:
        width: 400px
        grid-row: 3
        grid-column: 2

torreylbishop · September 16, 2023, 7:15pm

hello, I am new to HA, I have an ipad pro 11 wall mounted, and i have wallpanel downloaded and trying to figure it out, my question is my panel is mounted in uniform with a wall full of pictures, i would like the panel to display my last name, for example in a nice text format, white letters with a black back ground or similar. but it only allows for url address, is there a way to get this done? thank you

nickrout · September 16, 2023, 7:56pm

I assume you mean as a screensaver. Simply make a picture in any picture editing software and put it in your media folder. See GitHub - j-a-n/lovelace-wallpanel: 🖼️ Wall panel mode and photo screensaver for your Home Assistant Dashboards

Slalamander · October 1, 2023, 1:05pm

I was playing around with the interactable cards, however I noticed the setting applies to all cards shown on the screensaver. I’m using it with a logo that overlays the images, however clicking on it with card_interaction: true means clicking on the logo does nothing. Only two small cards should be interactable, as they control lights. Would it be possible to set the card_interaction parameter for each individual card? I.e. defining it under wp_style in the card configuration.

If this is already possible in some way and I’m just missing the correct way of doing it, I’d like hearing so too!

Vorhees · October 5, 2023, 8:28am

Is anyone experiencing lag when returning from wallpanel screensaver back to lovelace? I takes 5-10s to get back for some reason. Tried with everything, almost empty dashboard, local images, different images, …
If using screensaver from Fully kiosk for instance, it works w/o lag. Seems to be the problem with WP. Any hints what to check next?
EDIT: even almost empty settings (only leaving idle time, so random pictures) gives same result. It’s a Fire tablet 10 pro.

randr · October 5, 2023, 12:06pm

I also have a fire 10 and do not see a slow down. Maybe some other integration causing a large CPU usage? maybe try disabling integrations one at a time and see if you can find anything. I will add i am not running latest HA core 2023.10.0 so if you are maybe thats issue?

Vorhees · October 5, 2023, 12:08pm

No, still on 2023.9.x.
No clue which integration I could turn off really, most of them add devices/entites, not really having any extra.

randr · October 5, 2023, 12:12pm

Only other thing i could think of is wifi issue maybe? hope someone else has idea for ya

Vorhees · October 9, 2023, 7:39am

Btw, what do you use to show dashboard? Although I checked every browser, fully kiosk, wallpanel, … and everywhere experiencing same delay when returning to dashboard.

randr · October 9, 2023, 12:36pm

Not sure what you mean? I use Fire 10 tablet, FK Browser and Wallpanel. I have a fairly complex dashboard too with a lot of devices and many pages to dashboard

Vorhees · October 10, 2023, 12:43pm

Strange. Stock OS or did you remove amazon apps?