A different take on designing a Lovelace UI

Share your Projects!
1862

If an entity is unavailable, like on startup or whatever, lovelace throws red errors and this prevents that

1863

What do you mean by started over again? I started building my dashboard after the last large update, so i should have all files up to date. I’m still trying to figure out what is going wrong, but i have no idea… :confused:

1864

Oh, okay. I still have problems with integration. I installed dron hacs and manually. I’ll figure it out. It is very difficult to replicate what you did. I do not finish discovering everything. Thank you very much for sharing this project

1865

Very thanks!!
Its working:

image
image1620×249 63.4 KB

But maybe it’s asking too much. Is it possible to put the footer to pass infinitely? Otherwise just show me 2 or 3 games…

1868

Hi everyone. How can I make the temperature look good on the different devices. What am I doing wrong? Thanks

icon_clima:
  styles:
    custom_fields:
      temperature:
        [
          top: 84%,
          right: 1%,
          width: 80px,
          height: 50px,
          position: absolute,
          letter-spacing: 0.03vw,
          font-size: 2.2rem,
        ]
  extra_styles: |
    #temperature {
      font-size: 6vw;
      letter-spacing: 0.05vw;
    }
    /* portrait */
    @media screen and (max-width: 1200px) {
      #temperature {
        font-size: 5vw;
        letter-spacing: 0.05vw;
      }
    }
    /* phone */
    @media screen and (max-width: 800px) {
      #temperature {
        font-size: 10vw;
        top: 10%
        letter-spacing: 0.05vw;        
      }
    }

Untitled

1869

Good morning.

my inner Monk is killing me :slight_smile:
Where to find the settings to change the space between the buttons ?

Screenshot_2021-15_09-40_LI (2)
Screenshot_2021-15_09-40_LI (2)1280×800 108 KB

Many thanks …

2 Likes
1870

If I’m not mistaken, it’s in theme file

1872

How do you remove the top strip where usually the names of the views are?

1873

Hi guys,

I use an Ipad Pro 12.9 inches on the wall. The pop function is currently not working on all of my IOS devices. No matter which button I press, nothing happens. If I do this on the PC via Firefox, it works.

Does somebody has any idea?

1874

Would you mind share your icons? I’am looking for a nice window icon since ever.
The rest is also nice and could be used on my dashboard. Especially heating, washing machine, carport, camera.

1875

Hi is there any issues using watchtower getting unhealthy after update,
(HAsupervised Debian 11)

1876

You need https://github.com/maykar/kiosk-mode and change your config to:

kiosk_mode:
  hide_header: true
  
views:

If you are using this but wants to edit your dashboard you can add “?disable_km” to your url.
for example:

https://ipaddress:8123/lovelace/0 --> https://ipaddress:8123/lovelace/0?disable_km
1 Like
1877

Hi Matthias. If I replace the footer sensor information with the button cards instead so i basically have 6 buttons under eachother I get a scroll bar on the right. Is there a way the dashboard will auto adjust the cards size in the grid to fit screen? It works fine in columns but not in rows. The cards height is controlled by aspect ratio? should i change this to hieght and width instead in procentage? hope you understand my issue and can advise.

1878

Hi,
i took the icons from here :+1:

1879

Hey, @Mattias_Persson thanks again.
I’ve been using this method for a while in the visual ui editor (raw editor) and finally made the step to convert everything I have to all YAML.

I wanted to ask about the loader, do you think it’s possible to make it accept another entity (not the main card entity) as a variable, in order to decide when to stop the loading visual?
Right now it only stops according to the entity, but what if I want to set it to something else, for example, a script that turns on something, and the loader should relate to that something, even that card entity is the actual script.
Hope i’m clear.

I tried something like that but it doesn’t work:

          if (variables.loader_entity !== undefined) {
            let elt = this.shadowRoot;
            const loader = (id, style, timeout) => {
              if (elt.getElementById(id)) {
                elt.getElementById(id).style.display = style;
                window.setTimeout(() => {
                  elt.getElementById(id).style.display = timeout;
                }, 20000)
              }
            };
            loader('circle', 'none', 'initial');
            loader('loader', 'initial', 'none');
          }
1880

maybe this old template will help? change it to if script is on return loader
https://github.com/matt8707/hass-config/blob/0547dffc849dedebe5a55d843fd8a106afba2653/button_card_templates.yaml#L107

1 Like
1881

It will not auto adjust. Change base template and grid card config

https://github.com/custom-cards/button-card#aspect-ratio
https://www.home-assistant.io/lovelace/grid/#square

1882

I use it the other way around with no config changes so it defaults to no kiosk

url?kiosk for homeassistant-desktop and fullykiosk
and the rest just url so you don’t get locked out from ios app or whatever

1883

I don’t think anybody here knows, create an issue from the watchtower repository

1884