#frontend-archived

1 messages · Page 166 of 1

fierce jetty
#

its a ui card

#

i guess the cards rules use the template engine?

split granite
#

Looks to be HA style Jinja2

fierce jetty
split granite
#

That's part of it, yes

kind shellBOT
fierce jetty
frank epoch
#

Hi guys, looking for how to add a custom website to the tabs on the left of my lovelace. I don't know the name of them so I can't really search for them.

split granite
#

There's a panel and panel_iframe integration

#

~panel

kind shellBOT
frank epoch
#

Ah, panel that's it then :)

Thanks, didn't know the term

high lava
#

Anyone have recommendations on the best affordable tablet to run interfaces on throughout the house? Everything I found so far is outdated.

crimson anchor
#

What is the "notification" alert banner thing called on the Lovelace dashboard and how do I configure or remove it?

muted inlet
#

Persistent notifications?

crimson anchor
#

Its the banner at the top of the dashboard with the circles

muted inlet
#

Oh, the badges

crimson anchor
#

Is that what they are called? I've been trying to figure that out to so I could find some instructions.

muted inlet
#

Take control of lovelace and you can customize everything to your heart's content

crimson anchor
#

I just started today, it's very exciting.

muted inlet
#

Yeah it's great

crimson anchor
#

Thank you, knowing what to call them puts me in the right direction

#

oh sweet jesus that was easy

twin peak
#

Hi Everyone - I am trying to get get layout-card working but i am guess it is indents. Where can i share my lovelace code?

kind shellBOT
twin peak
#

Hi ! could someone please look over my code to tell me what i am doing to make the layout card to work . I would like all my cards to be in one column. https://paste.ubuntu.com/p/8bcxPgBWxj/ thanks

dark dirge
#

What’s with line 22?

#

And your indentation is off following each horizontal stack

vapid field
#

the new 0.112 update introduces a range picker in logbook section. Is there a way to change the default shown range?

twin peak
#

line 22 is start of next group of card . arent horizontal stacks suppose to be parallel to cards?

turbid radish
split granite
mild veldt
#

@vapid field no

ruby pollen
#

Hi everyone. Do you all know of any GUI based alternatives to Lovelace for creating UIs and Dashboards?
I'm aware that Node Red has a dashboard designer that's a bit easier to customize. Do you know of any other add-ons or possible integrations for UI design?
Thanks :)

#

Like is there a way to slap something like a bubble font-end onto HA?

split granite
#

HA Dashboard, Tileboard, and a load more - have a look at the forum

severe fox
#

Is it possible to show a card with status washing machine and on the same line the last state change time between ().
Like: Washing machine: done (24 minutes ago)

#

I have both working but only above each other

karmic tiger
#

It depends on the card. That's the kind of thing custom cards are good at - check out button card.

severe fox
#

Button card? Oke I will check this out

tacit cave
#

@severe fox getting last_updated as a relative time will be difficult with any custom card

#

especially if you want it to update properly.

#

button card makes it pretty easy, but you won't get it in parenthesis. If you want it in parenthesis, you'll have to do the time conversion yourself and link the card to an entity that updates periodically.

severe fox
#

a starting time is also oke. So if it would be: Washing machine: done (6:20PM)

tacit cave
#

@severe fox You're still going to have to manipulate a datetime object

#

either in a template sensor or on the frontend card using js

severe fox
#

a starting time is also oke. So if it would be: Washing machine: done (6:20PM)

#

Can I hide the name and icon of an entity in the entities card?

wheat current
#

make the icon a blank string ""

stone bolt
#

in an [auto]entities card, is there a way to disable the slider for input_numbers and just display the current value?

severe fox
#

make the icon a blank string ""
@wheat current And the name?

wheat current
#

same, or "Cheesecake factory" 🤷‍♂️

severe fox
#

Same I 've tried. Unfortunately not. Only thing I could do is set it to a dot.

frank ocean
#

Can you combine 2 media players into 1 slider?

polar kelp
#

Wait... I think I do. It won't happen if your background isn't pulled randomly from unsplash - which is a terrible idea anyway...

#

I'm starting to think maybe I should just release this with my demo theme and no further documentation and see what happens...

#

Hey @atomic glacier Have you seen this?

#

This is an auto-generated view after just installing card-mod and applying a theme.

atomic glacier
#

Actually, no. Have been on a sabbatical since recovering from the virus. Will definitely check it out before bedtime. 👍🏻 Thanks for tagging me, looks really awesome 💯

mild veldt
#

@atomic glacier glad to hear that you're feeling better

atomic glacier
#

Thanks Ian! I've apparently got my work cut out for me. On current version, but haven't fixed up my frontend display issues, so I've got a bit of catching up to do 😁

#

Really nice Thomas 👀🤯
Got my wheels turning again 🎉

limpid apex
#

Is this going to work for mobile? My popup fills the entire screen with a grey background

atomic cedar
#

hi i'm a little confused on how to get started building a dashboard to run on a fire hd 8. Lots of stale info out there. What are people doing these days? TileBoard? Fully Kiosk? Any good reading or youtube vids out there?

flat shell
#

hey everyone, I am building a new house and thought it would be a perfect opportunity to mount a 27 inch monitor recessed into a wall with a 27 inch IR overlay (to turn it into a touch control monitor). I was going to run it with a Raspberry Pi 3 model B+ (since I will have ethernet and power), can anyone give any suggestions on whether this is a good idea or not and if the Raspberry Pi 3 Model B+ will be able to run the dashboard (I am running the actual Home Assistant server on a Raspberry Pi 4)

dense timber
#

Hello, I am trying to make changes to the frontend from the code, but every time I edit a file I have to rerun the scropt build_frontend. is there any way not to have to do this?

kind shellBOT
#

@dense timber Please DO NOT cross post. Read the channel description, post it and wait for folks to respond.

frank ocean
#

Is it possible to have a button launch script a when on and launch script b when toggled off?

wheat current
#

template switch does that

#

You can then bind that switch to a button card

frank ocean
#

Hmm im still having trouble. I think my syntac is wrong.

#
switch:
  - platform: template
    switches:
      stereo:
        friendly_name: yamaha_receiver_power
        value_template: "{{ is_state('input_boolean.stereo', 'on') }}"
        turn_on:
          service: script.turn_on_music
        turn_off:
          service: script.turn_off_reciver
#

(I know receiver is spelled wrong) 🙂

karmic tiger
#

Give us a hint. What's wrong with it?

split granite
willow onyx
#

Hey, how can I enable swipe through dashboards on Lovelace. Instead of clicking the tab just swipe left and right. The next thing I want to do is create an icon on Lovelace and when it's tapped it gives you a list of devices.

EG tap on the light bulb and all light switches show in a list

split granite
#

For the second, that sounds like an input_select, not sure if there's custom cards for it

willow onyx
#

@split granite thank you will investigate

polar kelp
#

I’m sorry to hear you’ve been ill @atomic glacier. Glad to hear it’s better, though.

glass river
#

sorry for simple question guys,.. where to I put images that I wish to apply to a card?... I have a Picture Glance Card Configuration,.. and have set image: /local/Kitchen.jpg,.. I have tried both png and jpg,.. neither seem to work ( is there a spec for this image,.. x,y pixels etc ),.. and have located them from my config folder down,.. taking the config folder as the root,.. I have looked for pointers but cannot seem to find the details I need,... many tx..

split granite
#

/local/ in the URL is /config/www/ in HA

glass river
#

yes,. now the penny has dropped!!,.. had read this page,.. but had not tied the dots together,.. images and external resources are accessed as tough they are web/url links... and localhost as in web url stuff... NOT a folder name...

glass river
#

my confusion was /usr/local... is a common part of linux file structure,.. where as 'localhost' is more what I expect to see as a url reference... But just my old school miss-understanding of terms... but tx for the great work guys

devout hatch
#

hello, Im trying to add custom spotify card to my HA

#
client_id: 9999999999999999999999999999999
#

And I can see the card with nice grren button Authenticate

#

and when I click to this button it shows me a blank page with a message: INVALID_CLIENT: Invalid redirect URI

rose garden
#

Can the badge also change colors with a binary_sensor state?

split granite
#

That was a very quick RTFM 😉

#

You did read the docs for the card?

rose garden
#

now I am being lazy... 🙂

#

I know that this had some changes

#

on the lovelace

#

that was ON by default

#

now I have to change a flag

#

at least that was what I did on my entities card...

split granite
#

More words per line, less wall-of-text 😉

rose garden
#

I dont know if on badges are the same...

split granite
#

I'll admit, I haven't used badges ever, so I don't know - but the docs should say

rose garden
#

I think i'm in the right docs

#

and I dont see nothiing related to that

#

on entities is state_color flag...

karmic tiger
#

I don't remember seeing any config that allows you to configure badges.

#

Badges just 'are'.

rose garden
#

yep, thats where am I at

karmic tiger
#

If you want something that looks like a badge but is more flexible, look at custom cards.

rose garden
#

ok, thanks!

inland wadi
elder pendant
#

You wouldn't, because it's not a switch

inland wadi
#

right. specifically, it is a service call that performs the same function as a switch. it just adds the transition property to the call. ofc i understand why type: call-service defaults to 'RUN'. I just want to know how to change the 'RUN' text to the preferred material design selection control. sort of like how you can change icons to whatever you want.

elder pendant
#

Scripts don't have states, so I don't understand how they could be any type of switch. It would immediately toggle after you click it

karmic tiger
#

The closest you'll get is an input_boolean you can toggle, which when turned on triggers a script.

#

And then something else to turn the boolean back off.

split granite
#

You could add a delay to force a toggle

inland wadi
#

villhelm -- right, it's less than ideal and probably better approached with a standalone button card that just has an icon.
mono -- thank you for the suggestion
tinkerer -- 😆

mild veldt
shut notch
#

In the ui-lovelace.yaml, is it possible to do imports to bring in other yaml files? example: use a horizontal stack card and then each column would import a yaml for managing each column separate?

mild veldt
#

@shut notch if using YAML mode, yes

inland wadi
#

@mild veldt ayy, i have a new friend. this is useful in terms of knowing that I can change the text from 'RUN' to other text. thank you. next step is knowing how to take it from text to one of these: https://i.imgur.com/3S8gr3O.png

elder pendant
#

You've been given several solutions to that end

inland wadi
#

(i mean a step for me to work on, not implying that i want more of my homework done for me) -- thanks again.

elder pendant
#

- delay: 00:00 at the end of the script is all that's necessary

split granite
#

(of course, it'll turn off instantly, but 🤷)

elder pendant
#

Seems like that's the desired outcome 🤷

inland wadi
#

yes, and there's the possibility of the command failing and i'm stuck with an 'on' button when it ain't on, but that's my problem

split granite
#

Wouldn't get stuck on

#

Can't get stuck on

mild veldt
#

@inland wadi a template switch is the best solution for that IMO as it is the most explicit

lean raptor
#

So this just happened. One of my switches is listed as unavailable despite being visible in esphome? I haven't changed a thing anywhere and tried rebooting both the esp and ha without success

shut notch
#

@mild veldt Thanks!

split granite
lean raptor
#

Ayay

elder pendant
#

you're a mad man

inland wadi
#

the humidifier and dehumidifer are both on, he truly is a madman

karmic tiger
#

How else do you get that perfect balance of humidity?

inland wadi
#

biodome

polar kelp
#

I realize those two themes are kind of similar, but there really are nearly endless possibilities!

inland wadi
#

the headers on the first theme remind me of a stylish and well-organized notebook

#

the asymmetrical corners are a nice touch, too

tall pine
#

with the custom button card, how can I display the value of a sensor in place of the icon

golden eagle
#

Howdy! I want to add a card to my Lovelace that allows a user to send a TTS announcement to a selected media player (like you can if you view more info about a Google Home). My thought is an automagically populated input_select (either with entity_id or friendly_name) where the user can select a media_player entity to send the announcement to. I'm able to populate the list using Node Red, but using entity_ids looks messy in the UI and using friendly_names presents its own problems on the backend. Am I over-thinking this? Is there a simpler way for me to accomplish it?

inland wadi
#

@mild veldt template sensors are great. i set up a template sensor w/ icon states that track the on/off state of my lights. combine that plus a service call for the tap_action on a button card, and i get more of the functionality that i was looking for.

round lily
#

so the themes feature, I can just add it to an existing theme yaml?

coarse elk
#

Hi everyone, I tried to install the beta 2 of the spotify-card via HACS, everything seems to be fine, I also see an entry in the Lovelace ressources that seems to have been added by HACS.. But I am unable to add the card... As far as I understand it should by able to add it via the graphical lovelace interface?

mild veldt
#

@coarse elk select Manual Card and enter the configuration

coarse elk
#

i tried that and it asks for the client id, which as far as i understand it, is not needed anymore? If I add it, I have to authenticate, which also should be gone...

#

spotfiy integration and spotcast are installed

#

so i guess i am missing something obvious?

wheat current
#

No, just do the authorization like the docs for that card say

coarse elk
#

Ah, ok. Then I run in the problem why I tried the beta in the first place... I am not able to autheticate the card with the redirect error. Is this possible with the local ip? (it worked with the spotify integration)

#

I think my problem is that i do not know how adding the correct url " for the tab the card has"

#

how do I find the "tab the card has"?

wheat current
#

Look at the URL in your browser

coarse elk
#

ah, yes. this makes sense

#

VICTORY!

#

@wheat current , comrade in arms, I thank thee!

#

Paw Patrol Playlists shall be selected and played for hours on end in this home from now on

dapper grotto
#

Hello

#

in the picture-elements of my floormap

#

I have a type: image

#

with a camera_image from my surveillance camera

#

it works properly, I can display camera on my floormap

#

but when it refresh the image

#

for some seconds I see no image on the map

#

and I just see the border that becomes a straight line

#

would it be possible to avoid this?

#

just a realtime swap between old and new image?

karmic tiger
#

Please write in full sentences. There's no reason that had to be 10 lines.

#

If the problem is that there's a short period with no picture (so the card has no height), either use the CSS properties to control the height or use multiple layered images.

dapper grotto
#

can you help me with multiple layered images

#

?

#

what do you mean?

karmic tiger
dapper grotto
#

In the doc... there is no reference about multiple layered images

karmic tiger
#

The whole point of picture-elements is the ability to compose multiple pictures.

split granite
#

Just in case you're struggling to find it 😉

dapper grotto
#

Why you think that state_image will solve my issue?

#

I'm lost...

karmic tiger
#

for some seconds I see no image on the map
and I just see the border that becomes a straight line
If you can't guarantee that there's always an image, the next best thing is a placeholder image to maintain the size/shape.

#

Since you haven't shared your config, there's going to be a certain amount of guesswork in any answers you receive.

dapper grotto
#

I don't want a placeholder or a fake image

#

I want the last available one

#

to persist

split granite
#

Then.... guess it's time to create a custom card 😉

dapper grotto
#
                                entity: camera.veranda
                                style:
                                  border: 2px solid red
                                  border-radius: 10%
                                  left: 75%
                                  top: 75%
                                  width: 10%
                                type: image```
#

my config

split granite
#

And the camera?

dapper grotto
#
    name: Veranda2
    authentication: digest
    username: admin
    password: ---
    still_image_url: http://192.168.1.12:13000/snapshot.cgi
    stream_source: rtsp://192.168.1.12:14000/tcp/av0_0```
#

camera

finite pond
#

How do I specify a not state for state-switch?

dapper grotto
#

Do I really need to go to a custom card?

finite pond
#

For example I want to specify a card if an entity is not equal to a state

dapper grotto
#

There is no native method to stick to the last available image?

#

Maybe instead of image type I can use something different?

karmic tiger
#

How do I specify a not state for state-switch?
It doesn't look like you can. Instead, you'll have to have the same config for each state that isn't the one you don't want.
To make this less repetitive in code, you could look into YAML anchors.

finite pond
#

And are the states case sensitive?

karmic tiger
#

The states are whatever you see in devtools > States

split granite
#

Home Assistant as a whole is case sensitive 😉

#

(this is why it's called out in the docs)

finite pond
#

Gotcha. Is it possible to set the name of the mini-graph-card to the state of an entity?

karmic tiger
#

Maybe. What do the docs for that card say?

finite pond
#

It doesn't specifically say that but I was hoping something like this could maybe work:
name: {% states('sensor.data_sensor') %}

karmic tiger
#

If it doesn't say it supports templating, it doesn't support templating.

#

As a general rule, cards don't.

mild veldt
#

@finite pond you can use config-template-card to wrap the card

finite pond
#

That worked nicely. How do I add static text to the name?

#

I’ve tried this:
name: "${ 'Server' && states['sensor.throttled_state'].state }"

karmic tiger
#

You use valid JavaScript...

#

&& is boolean and, not concatenation.

#
  • is concatenation
muted inlet
#

S T R I N G M A T H

split granite
#

In languages that support it, the outcome is ... amusing

dapper grotto
#

Hello, is it possible to have, on a floormap, an icon that, when tapped, opens a popup with additional icons/labels/states?

elder pendant
#

With browser_mod you can have popups

dapper grotto
#

thanks

round lily
#

@polar kelp global cardmod via themes, exactly what I wanted for xmas in july 🙂

polar kelp
#

Please let me see what you make with it.

round lily
#

oh i just put a blur on my card backgrounds, but i was dreading having to do it to all my cards 😛

#

i do have an idea for some of my battery icons tho 🙂

devout hatch
#
title: Entities card sample
show_header_toggle: true
entities:
 - type: horizontal-stack
   cards:
    - type: 'custom:button-card'
      color_type: card
      icon: 'mdi:speaker-wireless'
      name: Livingroom```
#

why this lovelace code doesnt work it says

#

Unknown type encountered: horizontal-stack

elder pendant
#

because you're listing it as an entity

devout hatch
#

if I am getting right, in entites I cant have horizontal stack?

elder pendant
#

right

devout hatch
#

Ok, and can you give me an idea how to add a title to horizontal stack?

#

I have for example 3 buttons in horizontal styack

#

and I want just title above?

elder pendant
#

You can't do it directly in the horizontal-stack config, but you can put the horizontal stack in a vertical stack with a markdown card on top

#

(vertical-stack-in-card) if you want it to be connected

devout hatch
#

ok, tnx

distant stag
#

Where do you guys get your frontend inspiration from?

muted inlet
#

My BIG BRAIN

distant stag
#

I used to watch reddit posts

#

I'm completely out of ideas for my irrigation dashboard

muted inlet
#

Nah, my frontend setup is more about function over form. Designed for mobile

distant stag
#

I'll just go and watch some netflix

#

inspiration will hopefully eventually come

polar kelp
#

You can add a title to a stack, actually.

#

It’s stupid and ugly, but it works.

#

It’s just yaml type: vertical-stack title: whatever cards: ...

elder pendant
#

huh, looks like it was added back in october. I guess I'm just a 🐢

polar kelp
#

It was silently added just because people wouldn’t shut up about it.

round lily
#

squeaky wheel gets the grease 😛

round lily
mild veldt
#

@polar kelp exactly 🤣 I remember everyone asked me why I was adding it and stating pretty much that; was sick of people asking for it

polar kelp
#

That’s why slider-entity-row exists too, iirc.

winter hollow
#

And we all agreed it was stupid and ugly

#

I'll remove it next release 😈

muted inlet
clear dome
#

Question: I have a button that is to toggle a group which contains 2 switches (of which I've defined their turn_on and turn_off services and data). The button functions correctly when I press it (my two thermostats adjust their target temperatures as I've defined), but when I press it again to turn off the group nothing happens (the thermostats are supposed to change back to a different value). Any ideas?

karmic tiger
#

.rule6 @clear dome

#

Aha, bot is down. No spam. Use something like hastebin to share code/logs.

elder pendant
#

The bot isn't here to mod panic

clear dome
#

I'm sorry oki dok

elder pendant
#

the share links are in the topic of this channel

wheat current
clear dome
elder pendant
#

any errors in your log?

clear dome
#

good call thanks let me check on that

elder pendant
#

all of your data sections are indented too much, by the way

#

and are you sure the thermostats aren't changing value? The switch isn't going to switch off

white drift
#

what do you guys think is the best way to present a momentary switch? Pretty much like a button press. The toggle for switches simply really fit the use case in my opinion

elder pendant
#

A button?

clear dome
#

Sorry had to step away. Thanks I'm terrible with the indenting. The thermostats change when I click the button the first time but when I try to turn them back to regular values by turning the button off it doesn't change their values

#

I will give it another try, got hung up with something

#

I thought that because I defined the switch states ("turn_on" and "turn_off") that the toggle button would execute the "turn_off" service of each thermostat when the button is switched off (it seems like "turn_on" worked fine).

elder pendant
#

So nothing in the logs?

clear dome
#

Ok I'm half retarded and the interface is a little different since I've last updated...should I look in the supervisor log?

elder pendant
#

It’s best to check the log file, but the logs moved to the config section

#

Around server controls

clear dome
#

Ok thank you

#

I cant tell if this is related, but I can only find this:

https://myserver.duckdns.org/frontend_latest/app.04756a98.js:1248:13238 Uncaught TypeError: Cannot read property 'suspendWhenHidden' of undefined
#

I will try a few things and come back, gotta restart at least

elder pendant
#

You can also check your logbook to see what changes are happening to the climate entity

pallid needle
#

I'm having some issues with the layout for the zwave configuration page

#

when I try to look at the select list to configure some config parameters, I cannot see all of the options

#

it's too tall for the page

#

it also goes too wide

#

where do I put issues like that?

#

does it go on the main github?

#

or would that be another repository

latent moss
ripe verge
#

Any suggestions to how I trouble shoot this error in my logs?
must contain at least one of entity_id, area_id.
I am unable to locate where/what is causing the error. Would changing the logger status give me more info?
https://hastebin.com/lotivupera.sql

pallid needle
#

@latent moss I should have responded here I added some comments there already :)

honest herald
#

have a weird issue of only on an iphone (both safari and app) the graph card is not showing....error in red box. On desktop and my android is showing fine no errors. I pushed reset frontend cache but it doesn't do anything.

drowsy frost
karmic tiger
#

As it's in panel mode, you've only applied it to a single card.

#

If you want it to theme the whole thing, apply it to your profile instead.

drowsy frost
#

ahh okay that makes sense

#

thanks 😄

finite pond
#

auto-entities cant be used for media player cards right @polar kelp ?

polar kelp
#

Not by it self, but with layout-card it can

#

There’s an example at the bottom of the readme for one of them.

finite pond
#

Which readme?

muted inlet
#

Probably for layout-card @finite pond

karmic tiger
#

Seems like it's going to be one of two. Checking both would hardly be a hardship 🤷‍♂️

lucid merlin
#

hi, is there a way i can customize the lovelace dashboard more where cards are?

karmic tiger
#

Stacks or layout-card

clever obsidian
#

Is there any way to show logbook and history only to admins

#

(hide to non admins)

elder pendant
#

Short answer? No. Long answer? Kind of

lucid merlin
#

@karmic tiger i used vertical stack. that worked. couldn't figure out stacks and layout card i didn't really try.

karmic tiger
#

used vertical stack
couldn't figure out stacks
🤔

bronze depot
#

Does anyone elses lovelace UI have the panels jump around when you reload the page

#

one of my cameras just can't decide which vertical stack to go in

karmic tiger
#

Look at the last few messages...

#

Stacks or layout-card.

faint folio
#

@split granite thanks a lot

#

will check them

somber harness
#

I have finished adding the bulk of my devices, but not all of them. Lights, motion sensors, door sensors, etc, are all added. Now I want to start configuring the UI, such that I can see grouped sets of inputs/outputs relevant to their location (i.e. room). Is it recommended to start fiddling with the .yaml files for this, or should I be using the UI to set all of this up?

harsh plaza
#

is there something to do to get cast.show_lovelace_view service to use my vertical-stack or horizontal i just can't seem to get it to fit all my camera feeds within the tv it just shows them so big

uncut spire
#

Not sure if this is the right channel, but I am having trouble getting the frontend webserver to start. I installed hassio (docker method), and have been using it for ~1 day, and I have restarted it a few times successfully. For some reason, it won't start now (I can't connect to port 8123. Docker logs show this (repeated a few times a minute):

2020-07-18 20:55:51 WARNING (Recorder) [homeassistant.components.recorder] Ended unfinished session (id=922 from 2020-07-19 00:55:40.659193)
2020-07-18 20:55:54 WARNING (zeroconf-ServiceBrowser__esphomelib._tcp.local.-_dkapi._tcp.local.-_miio._udp.local.-_ipp._tcp.local.-_viziocast._tcp.local.-_googlecast._tcp.local.-_api._udp.local.-_hap._tcp.local.-_printer._tcp.local.-_ipps._tcp.local.-_spotify-connect._tcp.local.-_axis-video._tcp.local.-_elg._tcp.local.-_wled._tcp.local.-_nut._tcp.local.-_daap._tcp.local._140361231981344) [zeroconf] Error sending through socket 13
Traceback (most recent call last):
  File "/usr/local/lib/python3.7/site-packages/zeroconf/__init__.py", line 2792, in send
OSError: [Errno 126] No error information
#

I'm honestly not really sure what else to try at this point short of resetting everything.

mild veldt
#

@somber harness UI

uncut spire
#

Could this be related to discovery?

#

I used home assistant several years ago, and I vaguely remember running into issues at startup due to my chromecasts. Is there a way to disable these?

#

There used to be a way to disable discovery? Everything I see says to comment out "discovery" in my configuration file, but I don't have that in my config..

uncut spire
#

Is there a channel for hassio?

muted inlet
somber harness
#

Can anyone tell me why this binary sensor code isn't compiling correctly? This (https://pastebin.com/pJHrbU83) produces the following error: "Error loading /config/configuration.yaml: mapping values are not allowed here in "/config/configuration.yaml", line 345, column 12"." I'm assuming some formatting issue, but I've tried using 2 space for each indent as advised in the help.

split granite
#

You forgot to indent lines 4 onwards though

somber harness
#

lines 4 onwards? those have spaces. 2 spaces per indent. one indent for the name of the sensor, two indents the sub things.

paper path
#

Howdy folks; super new to HA and trying to figure out how to use helpers in the GUI:

I'm monitoring a temperature that when it gets high enough I want to toggle a helper

Then when temp comes back down I want to use that toggle as a condition for triggering an event (and reset the helper)

But when I go to make the new automation I don't see where to select the helper for referencing it or changing its state?

split granite
#

Did you create the helper yet?

paper path
#

Yes

split granite
paper path
#

Sorry, figured since it was doable in YAML I'd try here first - makes sense tho

thick surge
#

Does anyone know where custom loveface cards are stored at? I cannot seem to figure out where configuration/www is located at. I have hass installed in /opt/homeassistant/ and the config files are stored in /home/homeassistant/.homeassistant

#

Looks like its supposed to be stored in /home/homeassistant/.homeassistant?

dark dirge
#

yes, that's effectively what you called "configuration" above

silent light
#

Is there a way to force a Vera cover (garage door opener) that is seen by HA as a switch to be seen as a cover?

outer nest
#

Hey there, I just did an install and am not able to set my home location. It only allows me to click around on a map.

latent moss
#

@outer nest that is how you set your home location through the GUI, drag the map marker to where your home location is

outer nest
#

Yikes, most of the roads aren't even marked. I am basically stumbling through the state of TX right now trying to find it.

latent moss
#

it should get you pretty close by default, unless you moved it

outer nest
#

Very well could have clicked by accident somewhere

#

I guess there's no way to re-center it?

latent moss
#

not that i'm aware

#

you can set the exact coordinates using YAML, but then you won't be able to change the other settings on that page via the GUI.

#

Also, i think you can drag it via Configuration -> Zones. That would probably be easier as it's uses the full width of your browser rather than a mini map embed.

outer nest
#

I eventually made my way to my house. I am perplexed as to why the GUI wouldn't have lat long coords. It's very easy to find them for your address.

dark dirge
#

that's why I use YAML for that 🙂

mild veldt
#

@outer nest because no one has coded it yet

#

🤷‍♂️

cyan ocean
#

When I look at the log for Home Assistant - the web interface is extremely frustrating when trying to copy text. If I click on a log entry, I get a pop-up with details. When I try to copy the text, I have to be extremely diligent not to go below a line with my mouse, or to extend past a line - or the selection goes away. I'm using FireFox, and this doesn't happen on Chrome. Is this a common issue?

split granite
#

It's in your config folder @cyan ocean - but depending on how you installed HA it's also accessible in other ways

polar kelp
#

I like that typo, @thick surge - loveface.

distant stag
#

Cannot read property 'map' of undefined
type: 'custom:zha-network-card'
Anyone have an idea why I get this error with the zha-map integration?

kind shellBOT
split granite
#

☝️ Show us the card definition

distant stag
#

It's one line so I'll assume I can share it here

#

- type: 'custom:zha-network-card'

#

Add custom card (works best in panel mode): - type: 'custom:zha-network-visualization-card'
It's not the same as in the documentation

#

But that one simply outputs a custom component not found error

split granite
#

Got a link to the repo for that custom card?

karmic tiger
#

The instructions say to add this:
- type: 'custom:zha-network-visualization-card'

distant stag
#

Got it

karmic tiger
#

That's not what you shared above.

distant stag
#

But if you check the code it's definingzha-network-card

#

I'm guessing devs forgot to update it

distant stag
#

I guess HACS has a different version then (?)

wheat current
distant stag
#

Yes

#

I just realised

#

I'll show myself out

karmic tiger
#

Did that fix it?

distant stag
#

Ah yes

#

Works like a charm

wooden locust
#

Hi all :)
I've broken up my lovelace into multiple dashboards, but i don't really understand what's going on with the resources.

I can define them in either configuration.yaml or ui-lovelace..yaml, and as i understand by documentation that they are shared between all dashboards if i define them in configuration.yaml.

However i get the same result if i define them in ui-lovelace.yaml, and if i try another dashboard's ui-xx.yaml they don't load at all

Is this expected the behavior?

I also seem unable to mix between the configuration.yaml and ui-xx.yaml, if i put anything resource at all in configuration resources defined in ui-xx seems to be ignored

What i wanted to achieve was to define only the resources that are shared between all dashboards in configuration, then put the rest in the corresponding file

karmic tiger
#

configuration.yaml defines integrations, not UI components.

#

If you're having a problem, share your config and any error messages.

kind shellBOT
wooden locust
#

as i understand the documentation, i can declare resources in both ways, and it seems to work just fine. But i'm unable to have distinct resources for a certain dashboard or mix the two ways

karmic tiger
#

When you say resources, do you mean things like custom cards?

wooden locust
#

yes ->>

    resources:
      - url: /hacsfiles/custom-header/custom-header.js
        type: module
karmic tiger
#

Ah. In that case, I think it's preferred to do that via the UI now.

#

Configuration > Lovelace dashboards > Resources > plus sign

wooden locust
#

if i define them in configuration.yaml they show up there.
Can't see how that solves my issue thou

#

What i'm after is a package-like configuration, instead of spagetti

#

some resources should be global and are indeed shared between all dashboards, while some are not and shouldn't be

karmic tiger
#

Ah, then I'm not sure. I still haven't gotten my head around packages 😄

wooden locust
#

Perhaps it's impossible and all resources are global by design then. Unfortunately. I just thought I've missed something 🙂 if that's the case it's a pity but not much to do about i suppose

Many other configuration values are merged between files and not ignored so i was kind of hoping there was a trick to it

winter hollow
#

Resources are global by design

wooden locust
#

thanks for clarification @winter hollow

stiff steeple
#

Hello! Changes, integrations and settings I set up in my frontend, where do those get written to? What file/directory is it?

wooden locust
#

.storage

honest yoke
#

Hey there. I have some issues with certain lovelace features that are not working from firefox desktop and chrome on android.. anyone else seen this? Configuration page = Error while loading page config.
alarm panel card not showing, and breaks every card after alarm panel card..

#

same with chrome desktop now after clearing cache and CTRL+F5..

karmic tiger
#

What are 'certain lovelace features'? It sounds like maybe some custom resources aren't in the right place.

honest yoke
#

the alarm panel is standard card.. and config page should be generic i guess.

karmic tiger
#

Then maybe a formatting error? Feel free to share your config here

kind shellBOT
honest yoke
#

In developer console shows ERR_CONTENT_DECODING_FAILED 200

#

and:
app.04756a98.js:43757 Error loading page config ChunkLoadError: Loading chunk 167 failed

#

It worked well on previous hass release, after update (no change in configs) it stopped working.

#

Jumped from latest 111 to 112.4

karmic tiger
#

167 chunks? 😮

honest yoke
#

no.. number 167

karmic tiger
#

I don't even want to guess what's happening there. I'll leave this to the experts.

muted inlet
#

ChunkLoadError sounds like a Minecraft issue

tacit cave
#

ctrl+f5

#

nm, see you've already done that

karmic tiger
#

Does it always fail at chunk 167?

#

I wonder if it's something in that chunk that can't be merged.

honest yoke
#

Chunk number is different.. for the page with the alarm panel it is no 215, on the config page it's 167.

karmic tiger
#

But for each page, it's always 215 or 167?

#

My point is that if it's not random, it's probably not just connectivity issues. More likely to be something at that position in the config.

honest yoke
#

/config page is not configurable.. so i don't see the pattern..

dim jolt
placid nexus
#

HI all

#

how can I add a dimmable slider to my light entity?

muted inlet
#

The light card supports it out-of-the-box, but if I remember correctly it's a larger card

placid nexus
#

thats my problem, I dont want the large icon as I use my phone to control lights

#

I have seen little sliders under the light entity on videos, but no discription on how to get them

muted inlet
#

The custom slider-entity-row comes to mind

placid nexus
#

already googled it...

#

"custom element doesnt exist"

#

using manual code editor in entities config

muted inlet
#

You have to install the card first

placid nexus
#

yes

#

i'll do a full restart see if that helps

muted inlet
#

You don't need to

elder pendant
#

If you just created www then you need to

muted inlet
#

Ah rite

#

Thx boo

placid nexus
#

perfect, thanks for all the help guys

#

👍

muted inlet
hearty topaz
#

how can I hide and unhide entities in the frontend ?

muted inlet
#

take control (three dots in the upper right)

hearty topaz
#

Thank you so much for this

white kindle
#

Hi, I'm looking to split google-assistant integration from the configuration.yaml folder, but it requires the service_account.json file, how would I merge the file which is located oon root folder? I moved the google_assistant.yaml in a new directory

muted inlet
#

this is more of a #voice-assistants-archived question, but you just do !include /path/to/service_account.json. if it's actually in the root dir, then it'd be /service_account.json @white kindle

hearty topaz
#

In the frontend I manage to create 2 light groups, that was working fine, but I propable have screwed something up, now the don't show up 😦

white kindle
#

Oh okay thanks, I now made some changes, I'll ask in that channel

muted inlet
#

remove the second light: @hearty topaz

hearty topaz
#

thanks, will try that

#

that did not work, but I discovered that they was not present under the entities list

muted inlet
white kindle
winter wasp
winter wasp
#

i'm trying to set the layout option for the layout-card arrangement of the generated cards

#

or--maybe i'm thinking about this backwards...

karmic tiger
#

You just make a valid layout-card and nest it within another card that accepts children.

winter wasp
#

the "parent" card is auto-entities, which uses type: layout-card as its card: option

#

oh wait, the auto-entities card: section can accept more options than just type: 🤦

polar kelp
#

Anything your heart desires.

#

As long as that's something the card in question accepts natively.

winter wasp
#

bah, i was rearranging media-control cards to see if i could fix whatever is causing the progress bar to fail to load and it didn't seem to work

#

something seems to be causing the initial request to get progress to fail. when i resize the browser window (in any direction) it kicks it back into gear

polar kelp
frank ocean
#

Im trying to control 2 media sliders as one.

kind shellBOT
frank ocean
#

If I call the service volume up it works and turns up the volume on both

#

But if I just a slider it will only control the first zone

kindred hull
#

NT HA: How can I limit Lovelace to two columns of cards? Pointer to doc is welcome too

karmic tiger
#

Panel mode and a combination of stacks.

#

Or everyone's favourite, layout-card

kindred hull
#

I had found layout-card but didn't know what to do with it. I even found the author on twitch doing a demo but no clue.
I tried the horizontal stack but I am trying to combine an entity card and a picture card (from a security cam) and the horizstack killed the preview.

karmic tiger
#

What do you mean it killed it?

kindred hull
#

the preview was not displayed.

karmic tiger
#

That's... odd.

kindred hull
#

I'll put it back and screen shot it

karmic tiger
#

I've seen things get all wonky when they're made too small. I haven't seen anything just be blank.

kindred hull
#

Well I guess I wont post my own GIF here

#

I think the scaling is likely cause. Is there a quick start guide or examply for using layout-card?

karmic tiger
#

You can post images, just use a sharing site

kind shellBOT
#

Please use imgur or other image sharing web sites, and share the link here.

karmic tiger
#

Examples for layout-card are all in the readme on the repo (it's a custom card). I don't know of a guide for combining cards, so it's mostly going to be trial and error or looking at someone else's UI and seeing how the YAML looks to generate it.

kindred hull
#

I've not had much joy with YAML as yet. Pretty much either cut and paste or copying examples. Thanks - I will have a look. The harder the fall the better the lesson!

karmic tiger
#

If you're new to YAML, it can feel a bit weird. I hated it at first... then it grew on me.

kindred hull
#

It

#

's a choice of challenges. I was getting a grasp of OpenHAB and hated the proprietary language. YAML seems to have a nice std but finding the source of the context is a challenge

ancient sundial
#

Any devs around who can assist with a remote access problem?

cyan prism
#

Not a dev, if it isn't over my head maybe?

ancient sundial
#

I've been trying to get it fixed for 2 months or more and I've tried everything.

#

I have a valid SSL certificate that checks out from ssl checker

#

So I also have a valid port forward to Hassio on 8123

#

But when I try to login from HA client app, the login screen just hangs at 'initialising'. Can never login.

#

HA client app works fine from my internal network

cyan prism
#

iOS?

ancient sundial
#

Android

cyan prism
#

k, my iPad had the same issue. Android worked fine. Does a PC work outside the network?

ancient sundial
#

I haven't tried a PC from outside the network, only phones

cyan prism
#

if you are ok with it, you can dm me the address...no pw/usr and i can check if it is up from a pc

ancient sundial
#

yeah using my phone as a hotspot, the PC loses connection

cyan prism
#

by chance a work phone?

ancient sundial
#

no

cyan prism
#

hmm

#

sounds like smarter people in #android-archived can help. Hoped it was be easy enough for us to figure out. nabu casa made it too easy for me

ancient sundial
#

yeah nabucasa works. But I'm cheap

cyan prism
#

lol and im lazy

ancient sundial
#

thanks

cyan prism
#

i had hoped it was a network issue, but you took care of that. Do you have pinhole settings in your firewall?

ancient sundial
#

Not sure what you mean by that? Just the portforward

cyan prism
#

kind of a redirect for your external DNS to you HA instance. I see it as if you work at google and you go to google.com and it routes back to you

#

what kind of router do you have?

ancient sundial
#

fritzbox

#

Are you saying that it appears that I have an unusual DNS setting?

cyan prism
#

no, most routers dont know how to hand a re-direct to themselves

#

checking your router, 2 secs

#

might be nap loopback for you?

ancient sundial
#

Can you explain?

cyan prism
#

You send a dns request from your router that turns out to be itself...a lot of l3 devices can't handle that. Any chance you are German?

ancient sundial
#

No not German. The router is set to get DNS from the ISP.

cyan prism
#

k, sry most of the documentation is German. Taking a little bit to figure out

#

what happens if you ping your duckdns address?

ancient sundial
#

Yes, it pings from my internal network fine.

cyan prism
#

and if you telnet to that address with 8123 as the port?

ancient sundial
#

it doesn't work but it also doesn't work if I telnet to the internal ip:port

#

Not sure telnet is activated?\

vapid field
#

Hi fellow automators 👋 as usual its de simple things in life one needs help with 😸 is there any way to auto cycle trough tabs of a Lovelace dashboard (used to have a tab-switcher on chromium before)? together with "lovelace-swipe-navigation" this is would be the way better option than browser tabs? Am i missing the obvious? Hints much appreciated 🙇‍♂️

vapid field
clear dome
#

So I'm using a conditional card to toggle either my downstairs or upstairs floorplan and it works great, but when I swap floorplan cards the 2nd floor card is offset by a few pixels vertically. It's because I'm vertically stacking and although only one card is present at a time (out of the two) there is still some data being hidden and thus the 2nd floor is always slightly offset as a result. If I stack horizontally it's horizontally offset when swapping cards. I want to get rid of the small offset because my top floorplan is designed to look like it overlays on top of the bottom floorplan, and so if it moves when you click to view the top, it destroys the illusion of the top floor appearing on top of it.

finite pond
#

@polar kelp how do I apply dashed style and a specific color to a badge with card-mod?

finite pond
#

Is there any component that can extract entity attributes and present it to cards?

karmic tiger
#

Unless a card specifically says it can read attributes, you'll probably have to make a template sensor and use that instead.

patent lark
#

is this a good place to ask about floorplan?

polar kelp
#

@finite pond putting —label-badge-xxx with border-style in the same place should work.

polar kelp
#

And speaking of badges...

#

Badge-card. Put the badges wherever you want, and have them available in panel mode too.

finite pond
#

ah so that's the secret project?

polar kelp
#

What secret project?

finite pond
#

from one of your screenshots :p

polar kelp
#

Oh, the "super-secret-next-card"?

#

Sure, why not.

finite pond
#

👀

#

Congrats on shipping @polar kelp

#

btw I still can't get the dashed-colored badge working

        style:
           ha-state-label-badge:
            $:
              ha-label-badge:
                $: |
                  .label-badge {
                    --label-badge-red: teal;
                    border-style: dashed !important;
                  }
#

I've tried this

polar kelp
#

It's just a card-modded markdown card in panel mode.

broken compass
broken compass
#

scratch that, i figured it out. thanks. guess this old bird can learn

bronze depot
#

Is there a way to make the lovelace camera display more reliable? The image on the view hardly ever updates and live view just buffers half the time

#

if it does load anything it'll show a few frames then go to "playing" but the timer never changes and the image stops updating

nova bloom
#

I changed my router and now I cannot get to HA. I've opened port 8123 and 443.
I used the duckdns method originally. I can verify that the duckdns is pointing to the right IP and i can ping the hardware at both the duckdns name and the local ip. Anyone have any idea what might be going on? I can also see the config folder that I have mounted on my computer

bronze depot
#

@nova bloom did you use the right ip for your HA server

karmic tiger
#

If you didn't and you're having trouble simply getting back in, take it to an install channel of your choice.

nova bloom
#

yea its the right IP

karmic tiger
#

It's not about Lovelace.

nova bloom
#

I beleive I did setup SSL using the method described in a video that I cannot find

#

i beleive I have the duckdns addon

karmic tiger
#

You get better help when you ask in the right place and it also means people can search for previous answers in the right place.

inland wadi
valid gazelle
#

Hey guys,
I have a picture-elements card with state-icons on it.
When I click on the state-icon, a black circle appears behind the icon.
How can I turn that circle off / make it transparent?

viral sorrel
#

how can I change a door binary sensor from a block to a door so that it indicates opening/closing?

karmic tiger
viral sorrel
#

it's ok.. figured it out.. customizations WAS saying they were doors but I went out and back in again and this time it said opening.. so I changed them to doors and now it's ok

karmic tiger
#

Customising entities is an integration thing. That's definitely where you get help with integrations.

viral sorrel
#

I find it very confusing.. every time I go to any channel I get bounced between 4 channels and back again 😛

karmic tiger
#

That tends to happen when you don't read topics.

viral sorrel
#

no the mods of the channels don't know

#

they send me to the wrong channels

karmic tiger
#

Yeah, the mods know nothing... sure.

viral sorrel
#

it's like musical chairs.. I wish there . was a flowchart

karmic tiger
#

You just need to post a clearly written question with all the relevant details in the right channel. Simple.

#

And if part of your problem means moving to another channel? Well, that's normal.

#

Like if you're building a custom card, you'd get help with the card itself here... but any templates you need as part of that card, well you ask in #templates-archived.

viral sorrel
#

well that makes sense.. but when you're having a problem and you don't know what is wrong except for a symptom it's easy to get forwarded to another channel a few times.. sometimes you end up back where you started.. guess there's no way around it

karmic tiger
#

That's completely normal. If a problem is made up of different parts, those parts might need to be solved in different channels. It's not worth getting mad about.

viral sorrel
#

who's mad?

#

this is about as calm as I've been in 3 months :/

#

new release tomorrow and it sounds like it's going to be awesome again.. so I'm actually quite happy

half marsh
#

When I add it to the Dashboard manually it says the card does not exist. Any idea what goes wrong?

fallow oak
#

Hey folks! For my secondary HA setup I have for a long time had the "old" yaml mode Lovelace view. Now I have created a new dashboard (UI Controlled) but I am unable to delete the old one. I can set the new to default for my device, but I want to migrate to the new dashboard for all devices and users.... How can I achieve that?

wheat current
#

@half marsh & @swift onyx It looks like both of you have the same issue.
The .js file you downloaded needs to be placed in /config/www/cardname.js
If you do not have the www folder you need to create it, if you created it now you need to restart Home Assistant for it to work.
When it is in the correct folder you add it to lovelace with /local/cardname.js
For more information look here https://www.home-assistant.io/integrations/http/#hosting-files

half marsh
#

@wheat current thanks for your reply! I will try it now 😃 👍

half marsh
#

At first I found it strange the "www" folder was not created. But after reading some I get that it is tricky since it isn't a protected directory. Useful information. Thanks! 😇

Now I made the folder, added the file and rebooted. After that I changed the dashboard resource for the card to the right directory and tried it out. Sadly with no success, card still not found 😦

#

Will have to look around a little or I missed something.

wheat current
#

Verry few custom cards register them self to the card-picker so you have to use a manual-card with the instructions provided in the repo where you found the file

half marsh
#

Yeah, I taught so. So I made a manual one. Will try it again. Maybe the old one does not pick it?

wheat current
#

And how did you add the resource?

half marsh
#

Configuration/Lovelace Dashboards and then the Resource tab

wheat current
#

right, but how?

half marsh
#

Added this URL: /config/www/light-entity-card.js

wheat current
#

yeah...

When it is in the correct folder you add it to lovelace with /local/cardname.js

half marsh
#

Hmm, oh.

#

There might be the error.

wheat current
#

Change /config/www to /local

half marsh
#

Seems to work!

#

Thanks a lot @wheat current

#

Is there a reason why it is local btw?

wheat current
#

There probably is 🤷‍♂️ 😄

half marsh
#

😂

#

Ok, fine for now. Just need to make note of it and not forget that it isn't /config/ 😂

wheat current
#

You will remember it when you go to that screen the next time and you see this one.
Or you can go with HACS that does that part for you

half marsh
#

I have taught and looked into HACS a little while ago but for some reason did not go for it.

#

Maybe security reasons. idk anymore.

white kindle
#

If I want to merge a sub folder within a folder, this would correct, right?

google_assistant: !include_dir_merge_list tts/google_assistant

valid gazelle
#

Hey guys,
I have a picture-elements card with state-icons on it.
When I click on the state-icon, a black circle appears behind the icon.
How can I turn that circle off / make it transparent?
@valid gazelle figured this out, needed to use "divider-color"

compact nexus
#

anybody been able to get browser_mod popups working in .113?

#

getting "Uncaught TypeError: r is undefined" in the console

karmic tiger
#

It might just take time for custom components to be updated.

#

That version was only released a couple of hours ago.

compact nexus
#

yeah somebody opened an issue for this during the beta 6 days ago

#

just found it

final monolith
#

Hi, is it some way to get the card transparent? Before I used paper-card-background-color: 'rgba(0, 0, 0, 0.3)' But seems this is not working anymore

karmic tiger
#

I'm sure I saw something saying the name of some variables is changing. I think it was the ones that start with 'paper-'

final monolith
#

okay, tried to google it. But didnt show any useful, just some post from last year

karmic tiger
#

To keep it all the same replace paper-card-background-color with ha-card-background

#

And this is the bit in the release notes for 0.113:

The theme variable paper-card-background-color is removed. You can use ha-card-background or card-background-color as a replacement.

In general, all variables that start with paper will be removed at some point.

#

Not bad for my old man memory.

final monolith
#

ok, thanks. I will give it a try 😄

karmic tiger
#

As a rule, if something just 'stops working', check the release notes.

final monolith
#

thanks that worked, back on track 🙂

swift onyx
#

@wheat current thank you! This sounds right. Testing it now!

warped stump
#

Hi all ! It seems like the alias _moreInfoEl of document.querySelector("home-assistant") has been removed in 0.113 🤔 Is it a mistake or it's on purpose ? (I am trying to fix @polar kelp wonderful browser_mod )

rustic lynx
#

you think it's possible to create a button that I press and almost closes the blinds but leaving them a little open.
ps :my blinds dont have %

mossy otter
#

I'm having an issue calling a service on a picture elements in lovelace

#

I hope someone can help me

#

I have the following in my picture elements:

  - type: image
    image: local/lovelace/tablet_icons/weather.png
    tap_action:
      action: call-service
      service: input_text.set_value
      data_template:
        entity_id: input_text.frontend_card
        value: Weather
#

when i call it I get a message at the bottom of the screen:

Failed to call service input_text/set_value. required key not provided @ data['value']
#

I have an automation that does the same thing and does it with no issues

warped stump
mossy otter
#

@warped stump you're a hero! Thanks for that

#

I completely missed that

warped stump
#

@mossy otter you're welcome 🙂

rustic lynx
#

why my delay its not working ?
'1595460935554':
alias: teste1.0
sequence:

  • scene: scene.ob5puxaldnijon6c
    • delay: '00:01:30'
  • scene: scene.gp92n45psserppjs
shell oxide
#

Hello I have a question in tileboard: https://github.com/resoai/TileBoard
regarding changing the background photo of the tiles.

I’m trying to change the tile background to a custom picture of my choice.
In the documentation of tileboard this code should be added in the tile object:
bg: ‘@attributes.entity_picture’
Where do I actually add the pic itself for instance “/images/example.jpg” aka how/where do I determine the entity_picture??

Is this the right place to ask my question I already asked in the forum of tileboard itself?

grim cairn
#

They take like about 1-2seconds to loads, while the rest of the frontend is instant

potent fjord
#

hm, tuya integration shows thermostat values doubled ?

#

any way to fix it ?

potent fjord
#

damnd, wrong channel

devout hatch
#

why Im getting error message when I try to add calling a scene.turn_on

#

must contain at least one of entity_id, area_id.

#
    entity: light.living_room_lights
    icon: 'mdi:hand-heart'
    tap_action:
      action: call-service
      service: scene.turn_on
      entity_id: scene.bedroom_romantic
    name: Romantic
    type: 'custom:button-card'```
warped stump
#

@devout hatch I think you must put your entity_id in tap_action > service_data > entity_id

devout hatch
#

thanks @warped stump that was the issue

#

and how do I call multiple call services here?

#
    entity: light.living_room_lights
    icon: 'mdi:hand-heart'
    tap_action:
      action: call-service
        - service: scene.turn_on
          service_data:
            entity_id: scene.bedroom_romantic
        - service: script.turn_on
          service_data:
            entity_id: script.playspotify_zone2
    name: Romantic
    type: 'custom:button-card'```
#

maybe like this

warped stump
#

This syntax will not work. I think you have to make a script with your two actions and then call this script execution on your button tap_action

devout hatch
#
    entity: light.living_room_lights
    icon: 'mdi:hand-heart'
    tap_action:
      action: call-service
      service: script.turn_on
      service_data:
        scene_name: scene.bedroom_romantic
      entity_id: script.scene_bedroom
    name: Romantic
    type: 'custom:button-card'```
#

Failed to call script.turn on, extra keys not allowed @blazing atlas[scene_name]

warped stump
#

That's because you need to match what script.turn_on expects as data (it is entity_id and not scene_name)

#

It is not different as calling a service in DevTools page of your frontend. If your are not sure about parameters, just go to devTools --> Services and try to call your service manually from UI.

glass river
#

Hi guys,.. how do I delete a 'snapshot entry' where the data file does not exists any more,.... as I moved it out of the backup folder... I have tried deleting dbase,.. and a reboot, but to no avail?? any thoughts.. Many tx

winter hollow
limpid apex
#

This new update broke my Lovelace 🙅‍♂️

karmic tiger
#

Should've read the breaking changes.

glass river
#

reference; my snapshots.... it would seem something has refreshed,.. and all the 'dud' ones have now gone,..

#

that would be service -20-07-23 05:37:43 ERROR (MainThread) [supervisor.snapshots] Can't remove snapshot d286b3e5: [Errno 2] No such file or directory:

#

OK related question guys,.. if you don't mind,... this service did NOT,.. run at 5:37,... is there a timezone thing being applied here I wonder?... as I am at GMT+1 ie BST at the moment...

errant plover
#

After upgrading to 0.113 paper-dialog-background-color for the more info pop-up background colour no longer seems to work. Anyone know what it has been replaced with?

#

It's not dialog-background-color or ha-dialog-background

karmic tiger
#

Documented in the release notes, btw.

errant plover
#

Nope. That is not for the pop-up card.

winter hollow
#

mdc-surface-color mdc-theme-surface

errant plover
#

It did try to adapt the recommendations for paper-card-background-color as per the two above, but they did not work.

winter hollow
#

but that is not just for the dialog

errant plover
#

Oh. I'll give it a go and see what it breaks. Thanks.

winter hollow
#

mdc-theme-surface btw

errant plover
#

Close. The pop-up header bar colour is still not right, do you know that one as well bram?

winter hollow
#

Seems to mdc-theme-primary

#

but that is overruled

#

wait

#

that is using card-background-color

#

will change it to mdc-theme-surface for next release

errant plover
#

Thanks bram. You're right, mdc-theme-primary has no effect. Unfortunately my integrations / entities pages are now all unreadable again too. Could I suggest that they use the Lovelace card background/text colours to be consistent?

winter hollow
#

Not sure what you mean?

#

they use the same variables?

errant plover
#

configuration / entities and configuration / integrations seem to use different background and text theming options to the main Lovelace cards.

winter hollow
#

you mean the data table?

errant plover
#

yeah and the integration cards.

winter hollow
#

that sounds unlikely

#

share your theme

errant plover
winter hollow
#

it is the same?

#

the integration cards are the same as lovelace

#

just the data tables that are different

errant plover
#

Yeah it's the data tables. The integration cards are ok (I realised I had a totally transparent card bg).

winter hollow
#

add card-background-color: "rgba(0, 0, 0, 0.0)"

#

and then you can remove ha-card-background

#

use ha-card-background only if you want the cards to have different styling

#

card-background-color is the base color for all surfaces, so also the dialogs and menu's

errant plover
#

That's done the trick. From the release notes I thought card-background-color and ha-card-background were one and the same.

#

Thank you.

winter hollow
#

no, but they can both be used to style the cards

errant plover
winter hollow
#

you use card mod for you lovelace cards?

errant plover
#

Yeah.

winter hollow
#

what is your config?

#

you can probably do that background of the cards without it

errant plover
winter hollow
#

so you have a different theme for day and night?

errant plover
#

Yep

#

The day theme was ok.

winter hollow
#

ha-card-background: url("/local/background/card_bg_day.png");

#

ha-card-background: url("/local/background/card_bg_night.png");

#

the first in your day theme, the second in the night theme

errant plover
#

Correct. Only the night theme was giving me trouble. I have had to revert to using ha-card-background fro the day theme or the more info pop-ups become transparent.

winter hollow
#

no need for card mod and templates

errant plover
#

Oh. Nice, I'll give that a go.

#

Actually, no. That would also theme all the custom-button-cards that I want to be transparent.

#

I might be able to override that with the button templates. Not sure. Will look into it.

#

Just realised I also have this to correct in all my button templates: '--paper-card-background-color': 'rgba(0, 0, 0, 0)' though by the looks of it I can leave it out.

#

Yes! now I can increase the alpha transparency of the theme card bg and fix the integrations page. That was the issue. I forgot the styling in the button templates.

#

will change it to mdc-theme-surface for next release
@winter hollow No need to do this now.

undone zealot
#

Hi! I have a question.... I use apache proxy from my server online and my Home Assistant OS on RPi4.
Why from external website ESP-Home loaded from Home Assistant interface not work normally? For example if I press "validate" the window open still empty black.
I have the same problem with Visual Studio Code add-on...not load the interface by external.
If I access from local IP the console all work perfectly
I need to do something?
I need to add other proxy pass/reverse on apache virtual host?

#

ProxyPreserveHost On
ProxyRequests Off

ProxyPass               /api/websocket        ws://192.168.1.25:8123/api/websocket
ProxyPassReverse        /api/websocket        ws://192.168.1.25:8123/api/websocket
ProxyPass               /            http://192.168.1.25:8123/
ProxyPassReverse        /            http://192.168.1.25:8123/
#

This is my Apache virtual host configuration

errant grail
#

Hi 😉

#

I saw this plugin :

#

popup-backdrop-filter

#

But i don't find it on HACS

#

How can i install it ? 😉

wide reef
#

in HACS, there's 3 dots in top right corner, go to custom repositories and then add in the url of the github

quiet tangle
#

Hello everyone. I have a question. Does anyone know if you can include standard cards (such as an entities card) as elements in a picture-elements Lovelace card? I have tried just adding it with - type: entities, but get a red box with "Unknown type encountered: entities". My Google-fu has completely failed me.

errant grail
#

@wide reef Thanks ! I added it, and i added the ressource on lovelace, but nothing happened, could i check the ressource is loaded ?

wind spire
#

Hi there, is there a way to make an ingress item avaliable for a user? at the moment only the admin accounts can see it

fervent hornet
#

Finally migrated to my NUC and was a couple versions old so finally updated and can't figure out how to adjust my home location? I moved and I know in the YAML olden times there were entries for lat and long and the like but config.yaml is pretty lean these days. I see under general a map with a pin. Is that it? Do I have to zoom out the map and find my new city and house?

errant grail
wide reef
#

@errant grail did it get added into lovelace resources? Configuration -> Lovelace Dashboards -> Resources You might have to enable advanced mode, click on your name (bottom left) then toggle advanced mode

errant grail
#

@wide reef Yes 😉

wide reef
#

let me see if it loads for me

errant grail
#

i tried several paths

#

but i'm desesperate 😂

undone zealot
#

Hi! I have a question.... I use apache proxy from my server online and my Home Assistant OS on RPi4.
Why from external website ESP-Home loaded from Home Assistant interface not work normally? For example if I press "validate" the window open still empty black.
I have the same problem with Visual Studio Code add-on...not load the interface by external.
If I access from local IP the console all work perfectly
I need to do something?
I need to add other proxy pass/reverse on apache virtual host?
@undone zealot Problem solved........i forgot this on apache config:
RewriteEngine on
RewriteCond %{HTTP:Upgrade} =websocket [NC]
RewriteRule /(.) ws://IP:8123/$1 [P,L]
RewriteCond %{HTTP:Upgrade} !=websocket [NC]
RewriteRule /(.
) http://IP:8123/$1 [P,L]

errant grail
#

@wide reef I tried with Chrome and firefox to be sure the browser is not the problem

wide reef
#

ya me either

errant grail
#

😿

#

There is another theme which use the same tips to blur popups background

#

The js file is around the same

#

but i have the same problem : nothing occur

errant grail
#

Then, since i updated HA (0.113)

#

The background popup changed

#

It seems that paper-dialog-background-color is not interpreted anymore

karmic tiger
#

Yes. That's in the release notes

errant grail
#

Thanks

#

But i don't find the equivalent property

#

ha-card-background concerns the cards

#

But i would change popups background only

#

(to make it transparent a little bit)

karmic tiger
#

The theme variable paper-card-background-color is removed. You can use ha-card-background or card-background-color as a replacement.

#

If they don't work, I don't know which ones to use.

errant grail
#

Yes but theses properties changes the background cards

errant grail
#

Thanks a lot @wheat current

#

It's exactly this one

#

If i success to use this script to the blur transparancy, it will be perfect

#

But it seems not interpreted by the browser

#

Maybe do you have an idea, a CSS property would also be deprecated ?

karmic tiger
#

That would be handled by your browser, not by HA. And it's not often CSS is deprecated.

errant grail
#

Yes, but I don't know why the blue doesn't appears

#

It's the same on Firefox and chrome

karmic tiger
#

What rule isn't working?

errant grail
#

If I look on the css on the HA webpage, I see some references to "irn-overlay" so the ressource seems to be loaded

karmic tiger
#

Maybe something else changed. I'm not great with themes, so I'll shut up 😄

winter hollow
#

we dont use iron-overlay anymore

#

we switched to a new dialog

errant grail
#

To a new dialog ?

winter hollow
#

whats funny about that?

errant grail
#

It's a css property ?

#

(it's like cheneese for me )

winter hollow
#

it's an element

errant grail
#

Thanks, so if I understand, I replace the element iron-overlay which is deprecated by mwc-dialog on the script above, and it should be ok ?

winter hollow
#

nope, not that easy

halcyon laurel
#

Hi folks - I'm working on a view wherein I'd like a light icon that is lit if any light is on. Same with fans. I know there used to be a group.all, and I know I can call a service to turn all lights on or off, and I know I could manually create a group, but I'd like if possible to just catch every light, so I don't have to manually update that group every time I change, add, or remove a light.

#

Is it even possible anymore?

errant grail
#

@winter hollow if it's possible can I try to debug the script on the console browser ?

winter hollow
#

if you know javascript, custom elements and shadow root and are a programmer, otherwise I don't give you much chance

errant grail
#

I know JavaScript, server side otherwise (I'm developer) but i have no idea to debug that, I'm lost when I have to develop a pretty thing on an UI

winter hollow
#

You can always try

#

You want to add this:

.mdc-dialog .mdc-dialog__scrim {
    backdrop-filter: blur(5px);
}

inside of ha-dialog

errant grail
#

like that ?

#

the browser displays "invalid property name"

winter hollow
#

No, not like that

#

Inside the shadow root, as a style element

errant grail
#

The shadow root, is the shadow DOM ?

winter hollow
#

You are using firefox... did this work before in firefox?

errant grail
#

no, at all

winter hollow
#

you have to enable backdrop-filter in firefox...

errant grail
#

it's already done 2 hours ago 🙏🏽

#

i'm trying on chrome

winter hollow
#

I can't help you further, I suggest Google

#

you also enabled gfx.webrender.all and restarted firefox right?

errant grail
#

yes

#

well...it seems to be ok on chrome

#

(ok, no, but better)

winter hollow
winter hollow
#

OK I'm done now, going to bed.

#

good luck

errant grail
#

YES it is perfect !

#

Thanks a lot 😉

#

It will remain to integrate the rule in the script

#

Good night 😉

#

I try with this script, but it does'nt work

fervent hornet
#

Trying again. Does anyone know how to adjust my home location? I moved and I know in the YAML olden times there were entries for lat and long and the like but config.yaml is pretty lean these days. I see under general a map with a pin. Is that it? Do I have to zoom out the map and find my new city and house?

gusty pivot
#

Configuration -> General

wary meadow
#

is there a list of theme variables somewhere? With the release notes for 113 noting that variables that use 'paper' are going away, I have some work to do.

gusty pivot
#

I saw a tip on the forums about using chrome/FF's dev mode to find all the elements

#

not ideal though

#

I feel like my dash board needs some kind of .. header card.. or clock card or something..

#

I don't know,maybe I'm just trying too hard to set it up like a phone homescreen

gloomy tiger
fervent hornet
#

Configuration -> General
@gusty pivot Config > General is where I am seeing I can change the name of my "Home" and the map where I can move the pin but nothing like a lat / long or zip code etc.. I can adjust elevation thats about it and I have nothing in my config.yaml with location. Its basic from the intital install I did before moving. I have added lots of integrations because if not I would just start over.

gusty pivot
#

oh sorry, I just assumed setting the pin on the map translated to a lat/long

inland wadi
#

farewell mdi:pot

#

you will be missed

gusty pivot
#

I want to do a roku remote tab next.. but the card I installed from HACS is .. daunting...

mild veldt
#

which one is that? roku-card (self plug) is pretty dang easy

gusty pivot
#

you under estimate my ability to be confounded lol

#

I'll try a little bit at a time

#

guess mostly just confused why in that example.. all the commands are "play"

rugged stump
#

Anyone got a guide on how I can have a button change depending on the time of day? Such as a "Breakfast" button that only shows between 7-9am and then switches to maybe a "Movie" button later on?

gusty pivot
#

I saw a Conditional Card, but I haven't played with it yet

fervent hornet
#

oh sorry, I just assumed setting the pin on the map translated to a lat/long
@gusty pivot It does I just assumed a better way then a "move the map pin" I assumed since it was removed from the configuration.yaml that it should stay out? I have much catching up to do on the platform. If we can edit elevation then why not lat / long as well

mild veldt
#

@gusty pivot that's an advanced example just need this

type: 'custom:roku-card'
entity: media_player.basement_roku
grim cairn
#

Any idea on how to make picture entities load faster?

#

Using IP Cameras

#

Thinking storing local snapshot every 20 seconds or something?

errant plover
#

ha-card-background: url("/local/background/card_bg_night.png");
@winter hollow this isn't working. I tried with and without the semicolon. Any ideas?

dense thicket
#

Got around to setting up a picture-elements card to do a floorplan, and I'd like to have my tap_action: open a custom lovelace card, similar to how more-info opens that the info pane. Is that possible?

Right now I'm just using navigate to go to a different page where those cards are, but it'd be a smoother UX to have the relevant card pop up for use, and then have it be closeable.

winter hollow
#

@errant plover ha-card-background: "url(https://www.home-assistant.io/images/hero_screenshot.png) center center/cover no-repeat"

errant grail
#

Hi 😉

#

i am back with my js problemi am back with my js problem

#

Someone would know how can i enable the chrome debugger / stop on a breakpoint in a JS module loaded by lovelace ?

#

I added a 'console.log("hello")' on the script

#

but nothing occurs on the browser console

karmic tiger
#

If you're asking how to work with the code, ask in one of the dev channels.

#

You're past basic 'how do I add X on a card?' questions and well into the behind the scenes at this point.

errant grail
#

👍🏽

rustic lynx
#

how i can make a square

#

with aspect ratio is a square but is big

karmic tiger
#

It will always try to fill the column it's in.

#

If you want it to be narrower, you need narrower columns.

#

You should check out horizontal stack cards if you want multiple smaller buttons in a row.

karmic tiger
#

Yes... horizontal stacks.

rustic lynx
#

oh k

#

color: 'rgb(28, 128, 199)'
entity:
icon: 'mdi:air-conditioner'
type: 'custom:button-card'
size: 40px
show_name: false
layout: vertical

#

its possible to change this to horizontal stacks @karmic tiger

karmic tiger
#

Yes. Go read the documentation.

past falcon
#

Does anyone know a good place where I can see all the elements of a theme and what they do? I just feel like sometimes I change something but it changes not what I expected. Also trying to update everything since the "paper" part is being fazed out

karmic tiger
errant plover
#

Thanks but that didn't work either Bram.

winter hollow
#

pretty sure it works

#

so you are probably doing something else wrong

#

maybe you still override it with card mod

errant plover
#

I created a new entities card with no card-mod styling. I replaced www.home-assistant.io with my duckdns domain. I also corrected the file names, day and night are capitalised. No luck.

#

ha-card-background: 'url("https://mydomain.duckdns.org/background/card_bg_Night.png") center center/cover no-repeat'

winter hollow
#

thats not the same as what I sent

#

first of all the url is wrong

#

if the background folder is in the www folder it should be /local/background/card_bg_Night.png

errant plover
#

Yeah it is. This works for the view bg: background-image: 'center / cover no-repeat url("/local/background/night.jpg") fixed'

jagged cargo
#

Do i need to add the http: component to have home assistant available over the net ? duckdns setup already

errant plover
#

doh. missing leading "/" was the issue.

#

This has done some interesting things to my configuration / integrations page 🙂 Not immediately dislikeable. Thanks for your help Bram.

#

Though now that I'm not using card-background-color: the issue with mdc-theme-surface: not extending to the pop-up header is an issue again. Also the "EDIT" text label on the bottom of cards in the edit mode is not the primary text colour, making it invisible.

rustic lynx
winged quail
#

Question around the default Lovelace UI. On my default Overview page I have duplicate entity for my Sonos media players. When I look at the entities list I dont have duplicates there

errant plover
#

Just replaced all the card-mod background templates. So much faster loading!

gloomy tiger
winter hollow
#

@errant plover you can keep card-background-color in your config

#

and the edit button is in the primary color?

errant plover
#

Ah that's what the problem is. The top of my card image is the primary colour.

#

Would it not make more sense to make the text the primary text color?

winter hollow
#

what text?

wheat current
#

Also the "EDIT" text label on the bottom of cards in the edit mode is not the primary text colour, making it invisible

winter hollow
#

It is a button, all our buttons are primary color

#

You should not make the primary color similar to the background or card color

errant plover
winter hollow
#

😅

errant plover
winter hollow
#

it is just the edit button 😉 how often do you use it 😛

errant plover
#

That is true... and I know where to press. Also thanks for the tip about using both card colour options. That fixed the pop-up header.

#

Gah. had the screen shot open and thought home assistant had crashed when it wasent responding to clicks! 🤣

wheat current
#

Just tell youself that the hidden button is a "security" "feature" 😉

errant plover
#

Great minds think alike (fools rarely differ).

#

Only 180 more card-mod lines to replace... cant work out how to replace an indented found selection with an empty line in VSCode. Well delete the whole line not leave an empty one.

wheat current
#

Find:

  somekey:
    nested_key: bla

Replace:

  somekey:
errant plover
#

Maybe... the indentation of somekey (and thus also the key below it) varies though. Still there's only a few variations. Thanks!

jagged cargo
#

fresh setup, Ive added on duck dns, anything else special i need to add to have it https and access it via duckdns url (i have already added port to my router as i had home assistant working before) .... for some reason it is not working so i must have missed something

winged quail
#

Port forward Internet -> 443 -> 8123

#

http:
ssl_certificate: /ssl/fullchain.pem
ssl_key: /ssl/privkey.pem
use_x_forwarded_for: true

#

Set external and internal url

winter hollow
#

You can match on regex @errant plover

errant plover
#

Thanks all sorted. Just seeing if I can work out the centre / cover no-repeat. No matter what I add it breaks the image url. Works: 'url("/local/background/card_bg_Night.png")' not working 'url("/local/background/card_bg_Night.png") center center/cover no-repeat'

#

no-repeat works on it's own, but center and cover do not.

jagged cargo
#

@winged quail Invalid config for [http]: some but not all values in the same group of inclusion 'proxy' @ data['http'][<proxy>]. Got None. (See ?, line ?).

rustic lynx
#

how i can add a background image ?

errant plover
#

To what? A view or all your cards?

rustic lynx
#

a i have tabs in home assistant like living room or badroom and i like to put a image of that room in background @errant plover

errant plover
#

Here's an example I use in my theme, ```
background-image: 'center / cover no-repeat url("/local/background/night.jpg") fixed'

#

Put the image in config/www/background/ and adjust the filename.

rustic lynx
#

so i need to edit a theme ? sorry im new on this

errant plover
#

That is correct.

rustic lynx
#

and how i can set diferent images for diferent rooms ?

errant plover
#

What is a room?

#

A view?

rustic lynx
#

sorry like this

#

on the top

errant plover
#

Ok. Each one of those menu items along the top bar is called a 'view'. I'm not sure how you would make them different.

#

If you edit a view you will see there is a theme option. You would probably have to create a theme for each view.

rustic lynx
#

every time i change my theme i need to reboot the system ?

errant plover
#

No.

#

You can call the reload theme service from the developer tools services page.

winged quail
#

@jagged cargo Complete http section
http:
ssl_certificate: /ssl/fullchain.pem
ssl_key: /ssl/privkey.pem
use_x_forwarded_for: true
trusted_proxies:
- 127.0.0.1
- 172.30.1.0/24
- ::1
ip_ban_enabled: true
login_attempts_threshold: 5

errant plover
winged quail
#

@jagged cargo For my setup I also use dnsMasq to have same name on the inside as the outside

rustic lynx
#

whats the service ? to reload @errant plover

errant plover
#

frontend.reload_themes

rustic lynx
#

sorry its getting a error

#

Failed to call service frontend/reload_themes. expected dict for dictionary value @ data['service_data']. Got 'frontend.reload_themes @errant plover

errant plover
#

Do you have any themes?

rustic lynx
#

yes i have theme instaled

fading sorrel
#

@rustic lynx Don't put frontend.reload_themes in the data field

#

leave it empty

rustic lynx
#

oh ok but i press call service i dont think its working i cant see my image

#

@fading sorrel i just want add a background image

errant plover
rustic lynx
#

its not my theme and i donwload a theme and change the background image

#

done

errant plover
#

Have you restarted since creating the config/www folder?

rustic lynx
#

nop

errant plover
#

Do that 🙂

rustic lynx
#

i just create the background folder

#

www already exist

errant plover
#

oh ok. thats not it then

rustic lynx
#

i just restart xd

#

lets see

errant plover
#

Well that will definitely reload the theme.

winged quail
#

@jagged cargo
DuckDNS config
lets_encrypt:
accept_terms: true
certfile: fullchain.pem
keyfile: privkey.pem
token: xxxxxxxxxxxxxx
domains:

rustic lynx
#

@errant plover not change the image

#

any ideas ?

limpid apex
#

Oi

errant plover
#

IS the rest of the theme working?