frontend-archived

[vapid field]

Okay so I uninstalled card-mod and restarted home assistant, but that didn't fix it. Is there anything else that could mess with it?

[mild veldt]

There is not

[inner cosmos]

How would I go about setting the icon color for the icons that I just set with your code?

I tried a few things in the style area but came up empty handed.

Looked in some other code to try and find examples and tried these but it didn't change any of the colors:

      style:
        paper-item-icon-color: red
        paper-item-icon-active-color: red
        paper-item-icon_-_color: red

[karmic tiger]

data: should be service_data:

https://www.home-assistant.io/lovelace/actions/#tap_action

[swift halo]

How come some entities get grouped by area, while other are not? My newly added MQTT light doesn't group with the rest of the entities. I've given it a name which has the same prefix and I've added it to the same area

[karmic tiger]

Are you talking about a Lovelace-managed dashboard? If so, it's time to take control and make your own.

[swift halo]

Sure, but the automatically controlled overview is nice. ...when the grouping is working

[karmic tiger]

It's nice until you have 300+ entities...

Which happens surprisingly quickly 🤣

[swift halo]

Jep. I have 48 entities already, and I'm still in "concept"-phase 😄

[karmic tiger]

250+ badges here before I even consider card elements...

But to answer your question... if it's not a badge and it's assigned to an area, it should go in the same card.

You could check your badges.

[swift halo]

I have an entity that don't want to get its name changed. When I open configuration, I see the correct "Name" field, but the UI won't use it. I've even restarted HA

[inner cosmos]

Trying to figure out how to get an icon to change color using the template-config-card. Changing the icon works, but can't figure out the icon color. Looked at other posts and it seems like something like this is done, but I guess it is not correct. Just trying to force it to be red all the time so I can see that it's working.

card:
  type: entities
  entities:
    - entity: switch.front_porch_light
      style:
        '--paper-item-icon-color': '${''red''}'
      icon: >-
        ${front_porch_light_state === 'off' ? 'mdi:lightbulb-outline' :
        'mdi:lightbulb-on'}

Sorta interesting how HA adds the other single quotes.

Also tried style: '--paper-item-icon-color': red

[vapid field]

I have 2 cards (circle-sensor-card and flex-horseshoe-card) and they don't work without internet connection. They're calling for lit-element.js from unpkg.com. Is there any workaround to fix this? Sadly I'm not a programmer. 😦

[lavish bone]

hi guys, this is the right place for questions with lovelace, right?
so, i know that with the new HA, ZHA-MAP is included.
but i'd still like to have it as a lovelace card, like before.
so i installed "zha network card" with HACS->Frontend
now in Config->Lovelace->Resources i have this:

/hacsfiles/zha-network-card/zha-network-card.js - JavaScript Module

but when I try to add the card in Lovelace, manual card with

type: 'custom:zha-network-card'

i get an error that the custom element can't be found.
what am i doing wrong?

[wheat current]

clear browser cache

[lavish bone]

already done, same error even on different browser
hm, actually. did i clear it after i reinstalled it? hang on

nope, not solved by clearing cache, same error:

Error: Custom element not found: zha-network-map

restarting HA once more to make sure

ok, seems there was a empty space or something behind type: 'custom:zha-network-card'
now i get a different error tho:

Cannot read property 'map' of undefined
type: 'custom:zha-network-card'

[swift halo]

I'm having problems with the naming of entities when using custom dashboards. In this paste I'm comparing the view of the automatic overview dashboard (which behaves correctly) against a custom dashboad that doesn't set the names correctly. https://imgur.com/a/DwhERku

Is this something that should be reported as a bug?

[karmic tiger]

What's the friendly name of the entity?

[swift halo]

Its "Kino Lys: Level" (for the red) and the green is unset, where the entity default is "Kino LED: Farge"

[karmic tiger]

And what's your YAML for the card on the right?

[swift halo]

yeah, this is where it gets its name from: https://bpa.st/3G3A - I know how to fix this now. Thanks.

[karmic tiger]

If it has those names, you entered them 😉

No bug here 🙂

[swift halo]

No, I didn't. I'd never use names like "Lys: Instance 1: Level" 😉

[karmic tiger]

Well Lovelace just uses the friendly name unless you provide an override.

[swift halo]

I removed all names from the yaml and now things are much better. I observe that it doesn't contract the group name prefix from the entity names as the overview does.

[karmic tiger]

Yeah, that would appear to be something the managed dash does based on area names.

[inner cosmos]

Anyone ever seen a behavior where you have a switch on an entity card, you turn it on, then it turns itself right back off?

It didn't really turn back off, only the switches on the config-template-card do this. If I refresh the whole page, the switch is in the right state.

Same thing when trying to turn it off. It turns off, then turns right back on. (Even though it really did turn off)

I have another un-modified card next to it for the same switch and it behaves correcly.

I must be doing something wrong with the config-template-card.

[karmic tiger]

That's not the frontend and nothing to do with your cards. That's HA not being able to tell the new state of the switch.

Unless you messed up the template 🤔

.share your config

[kind shell]

Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '.share' was invoked by: mono

[inner cosmos]

I was able to get a working test that fixed the state problem. The one thing I have not been able to figure out for two days is how do I set the color of an icon after I've set it with config-template-card? Here is the working bit of code for the card I'm playing with: https://paste.ubuntu.com/p/wwZDxQFXdz/

[karmic tiger]

I've never used that custom card... but presumably you just template the styles?

[inner cosmos]

I've been banging my head on the wall trying to figure out how to get the color of the icon to change with the state of the switch.

I think the author of the card add-on was in here yesterday.

[karmic tiger]

He's around fairly frequently, yes. But he's not the only person out of 6000 logged-in members that can help you 😉

[inner cosmos]

I get it. Which is why I'm posting here and not tagging him.

It's just got to be something simple. I wish there were more examples to pull from.

[karmic tiger]

An alternative would be another custom card, button-card: https://github.com/custom-cards/button-card#javascript-templates

It supports templates for pretty much everything and the documentation is near perfect.

There's an example in there of customising the colour of icons based on templates:

    icon:
      - color: >
          [[[
            if (entity.state < 60) return 'lime';
            if (entity.state >= 60 && entity.state < 80) return 'orange';
            else return 'red';
          ]]]```

[candid lintel]

Is it possible to hide the entity_id on the custom bar card? right now I'm looking at this https://imgur.com/YyFKOdd

My goal is to hide the entity_id and only have a header. I thought maybe I could add a pair of quotation marks in the title field, but that only affects the header https://hastebin.com/ibeyepogil.yaml

[karmic tiger]

You mean the friendly name? There's no entity ID being displayed there.

What if you just do name: ''?

[candid lintel]

Oh that's the friendly name!

That works you are the MAN!!!

[inner cosmos]

Does anyone know if config-template-card is even capable of changing the color of icons?

If it's not capable, that would explain why I can't find what I'm looking for.

[steady sluice]

I tried to add a picture to the frontend. I added it to /config/www/hulu.png

then in the frontend I put - image: /config/www/hulu.png

And it doesnt work

[karmic tiger]

- image: /local/hulu.png

Your browser doesn't know about your config folder.

[zealous fern]

I wonder if there is some kind of map specified in the docs. had to struggle with that recently aswell. Even tho, hacs is loading its stuff from /hacsfiles/ or sth. similar.

[steady sluice]

Oh

Ok thanks

[steady sluice]

Is there a way to have shortcuts between pages in the UI?

[karmic tiger]

https://www.home-assistant.io/lovelace/actions/#tap-action

[steady sluice]

Thanks

[karmic tiger]

Please learn to search the site for simple questions.

[winter edge]

Is it possible to have a light card without the dimmer showing?

I'm trying to have an icon that shows if a light is on or off, but pressing it only turns off the light, no other actions

[shell torrent]

@winter edge I guess you could add an input_boolean with an automation for the actual turn_on / turn_off

[hallow mango]

@winter edge I'd use a glance instead for that

you'll have to set the tap_action to toggle though for it to work the way you want

and disable state and name imo, but up to you on those

also Zach mentioned removing the dimmer control from the light card soon, but I kinda hope he doesn't 😅

[winter edge]

@hallow mango Haven't tried the glance, will look, but got the button toggle button itself to update the icon colour appropriately

Zach is also my son's name and he was looking at this with me earlier, I was very confused for a moment

@shell torrent Not familiar with the input_boolean will check that out too, thx

[hallow mango]

yeah you could also use a toggle button

I have places with both ways

[winter edge]

What's the recommended way to set the icon colour of a button based on state that is calling a scene? I have 4 buttons for each of my lights, 25/50/75/100% and would like to customize those icon colours based on state as well

[hallow mango]

I'd send a pic of my light glance card, but it's only for my tablet dashboard and I'm away from home atm lol

[steady sluice]

Ok sorry didnt see that on the site. Im having trouble making actions work though. This is my code, but it just does the defualt more-info thing for some reason

entity: remote.living_room_apple_tv
tap_action:
  action: navigate
  navigation_path: /lovelace/nicks_room
double_tap_action:
  action: navigate
  navigation_path: /lovelace/nicks_room

[hallow mango]

that looks right to me... @steady sluice

what happens?

[steady sluice]

The generic entity stuff pops up

[inner cosmos]

I was able to figure out how to set custom icons and icon colors by state on a button card that works on the old iOS 10 (iPad 4) devices. If anyone is interested, that addin is https://github.com/custom-cards/button-card

Does anyone know if there is an entities card that allows you to do something similar to this?

icon: |
  [[[
    if (entity.state == "Open")
      return "mdi:garage-open";
    else if (entity.state == "Closed")
      return "mdi:garage";
    else
      return "mdi:garage-alert";
  ]]]

[hallow mango]

@steady sluice do you have multiple dashboards? is /lovelace/nicks_room a valid view? I'd think that even if it wasn't, it'd just open overview

[steady sluice]

I only have one dashboard and it is

[karmic tiger]

You can't use tap action with an entity card. The list of cards that support customised actions are listed at the top of the page I linked earlier.

[steady sluice]

Im confused

It says on that page entites are supported

[karmic tiger]

Entities card != entity card.

Try for yourself. Pick a supported card type, use tap action.

[neat flame]

Happy New Year everyone. Could someone please help me figure out how to toggle a cover using a button?

I thought I could use the service cover.toggle, but that doesn;t work.

[hallow mango]

@karmic tiger I hadn't realized that 😅

[neat flame]

`type: entities
entities:

• cover.garage_door
  show_state: true
  show_icon: true
  show_name: true

[hallow mango]

i wish the entity card would show a toggle for switches 😫

@neat flame well that going to be an entities card, not a button

[neat flame]

Sorry. Wrong example.

type: button
tap_action:
action: toggle
entity: cover.garage_door

[hallow mango]

yeah that should do it

[hallow mango]

docs for tap_action

actually, you shouldn't even need the tap_action there I don't think? default should be toggle already, according to the docs above

[hallow mango]

I just tried this exactly with one of my lights (don't have covers) and it works fine

[steady sluice]

Ohh makes sense. Thanks

[neat flame]

It functions using that example, but the default action is to display information.

[hallow mango]

even for a button?

it is for entities, but those show a toggle

[neat flame]

Configuring the button does not result in triggering the entity.

This code '''

type: button
entity: cover.garage_door

results in - more information shown.

Hey there, I sorted it out.. Thanks for your help. Here is the code that worked. ```

type: button
tap_action:
action: call-service
service: switch.turn_on
service_data:
entity_id: switch.garage_door
entity: switch.garage_door```

[hallow mango]

but that won't turn it off too

not a toggle, only turns on

also, why did your cover suddenly become a switch?

are garage doors considered covers by HA? 🤔

[hallow mango]

does anyone here use the spotify card successfully? and before you say "just ask your question", that IS my question. does anyone here use this card?

[mossy flame]

Anyone know why I'm getting the error at the bottom left? This is for the "Power Off" Button and the code in the editor shown: https://imgur.com/a/1OdoEjE
Faled to call servbice remote/turn_off. sequence item 0: expected str instance, Optional found

[hallow mango]

you need an entity_id in the service data

or else it doesn't know which remote to send the command to for the service call

@mossy flame

"Remote - Home Assistant" https://www.home-assistant.io/integrations/remote/

[mossy flame]

Thanks, will try

[mild veldt]

I use spotcast but not the card. Does spotcast work for you?

I just installed it and yes it is working for me

[hallow mango]

yeah, spotcast works

I can start stuff by manually calling the service

the spotify media player entity (made by spotify integration) only seems to update of I call the service (dunno if that's normal)

and the lovelace card never loads any content or controls

[mild veldt]

any output in the browser console? it loaded right up for me on version 2.3.5-testfix

[hallow mango]

actually I do see this in the HA log: HTTP Error for GET to https://api.spotify.com/v1/me/player returned 401 due to The access token expired

what browser console would I be looking at?

I did get the tokens when I set everything up, but I remember seeing something about them becoming expired after the browser closes? do I need to have a browser just open somewhere, 24/7?

[mild veldt]

I don't and have no issues. 🤷‍♂️

[hallow mango]

dang 🤦🏽‍♂️ lol

[vapid field]

hey guys, does anyone know why i cant see the hass.io in the sidebar?

i just installed home assistant

so its fresh

[karmic tiger]

'the hass.io'?

[vapid field]

yeah

so i cant install add-ons

also im extremely new to this , sorry

[karmic tiger]

So you're looking for Supervisor. How did you install HA?

[kind shell]

Not sure which install you're using? If you have system_health enabled you can check Configuration -> Info, or see the following.

• If you bought the Home Assistant Blue, you're using HassOS, flashed an image, or booted a VM with an image you're using #330990055533576204

• If you installed Linux and then ran a script to install HA and have add-ons then you have #330944238910963714

• If you're running docker commands or use a Docker manager and have no add-ons then you have #449717345808547842

• Finally, if you use pip to install or upgrade you have #551864459891703809

Having difficulty chosing an install method? See this blog post for guidance.

Command '.which' was invoked by: mono

[vapid field]

i did it every way there is i think :p but terminal, brew install

followed this tutorial

https://siytek.com/install-home-assistant-on-mac/

so i guess im running core

and that bot says i should get supervised?

[karmic tiger]

python3 -m venv homeassistant

You're on core.

[fallen trail]

A quick scan of that article has me thinking it’s running as pure python, so yeah, core.

I was a touch too slow lol

[karmic tiger]

OS and Supervised have the Supervisor. Container and core don't.

But... you don't need the Supervisor. Mostly, it lets you install add-ons, which you can just run as separate software on your host.

[vapid field]

soo i can get the esp8266 in my homeassistant without supervisor? :p

[karmic tiger]

That's a topic for #integrations-archived but the answer is almost definitely yes, depending on what you flashed your ESP with.

[vapid field]

ah ok!

thanks guys!

helped a lot understanding the core/supervised thing

[shell island]

happy new years everybody!

I am trying to turn of lights like this but it doesn't work:

    entity: sensor.temperature_kontor
    tap_action:
      action: navigate
      navigation_path: /lovelace-hus/kontor
    hold_action:
      action: toggle
      service: light.lys_kontor ```

Any help would be greatly appreciated 🙂

[kind shell]

To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example

Don't forget you can edit your post rather than repeatedly posting the same thing.

For over 15 lines you must use a code share site such as https://paste.ubuntu.com/ or https://www.hastebin.com/.

Command '.format' was invoked by: mono

[karmic tiger]

Those aren't backticks 😉 Look to the left of your 1 or z.

And you say it doesn't work. What's the problem?

[shell island]

Thanks mono!
I get the following error: Failed to call the sensor/turn_off. Service not found

Can I call another entity on the hold_action than the tap_action. ?

[karmic tiger]

Well... you can't turn a sensor off.

And yes, you can have different services for different actions.

Looks like you're missing the service_data: for that service call. light.lys_kontor sounds like an entity ID to me, not a service name.

hold_action:
  action: call-service
  service: light.toggle
  service_data:
    entity_id: light.lys_kontor

The toggle action you select from the UI will try to toggle the same entity the card represents. You need to explicitly tell it that it's another entity.

[shell island]

Thank you so much mono!!! thatworks!!!

[novel finch]

Hi all and happy new year!

I may have found a small issue with timestamp:

https://imgur.com/a/2aFUYXD

if I convert timestamp it gives 13:18, while should be 13.08

anyone experienced the same issue ?

[karmic tiger]

How are you 'converting' it?

Oh... you mean the epoch time? Yes, that's wrong by 10 minutes 😮

If I set an input datetime and check the timestamp, it's correct.

[novel finch]

thx for confirming

[karmic tiger]

How are you setting it?

[novel finch]

    - service: input_datetime.set_datetime
      entity_id: input_datetime.custom_lavastoviglie_inizio
      data_template:
        datetime: "{{ now().strftime('%Y-%m-%d %H:%M:%S') }}"

[karmic tiger]

And it's wrong every time?

[swift halo]

While working on a device I noticed that if a switch is in optimistic mode, it is rendered in the UI as two lightning icons, one for on one for off, as opposed to the slider. Are there any ways to show any switch like this?

[faint root]

I'm getting a JSON error with the following yaml in Lovelace. The purpose is to create an on/off button which changes colour if the tv is off or on. Also it should change the command to the tv (when it is off - command should be on) and vice versa.

here is my code

                          - icon_color: |
                              [[[
                                if (states['media_player.master_tv'].state == "ON"
                                  return "rgb(5, 147, 255)";
                                return "rgba(85, 85, 86, 0.4)";
                              ]]]    
                          - svc_data:
                              entity_id: media_player.master_tv
                              command: |
                                [[[
                                  if (states['media_player.master_tv'].state == "ON"
                                    return "system/turnOff";
                                  return "system/turnOn";
                                ]]]    

the error message i'm getting is

Unexpected token in JSON at position 786

[karmic tiger]

This looks suspect:
if (states['media_player.master_tv'].state == "ON"

You're not closing your parentheses.

In both places you have an if statement, you make the same mistake.

[faint root]

thank you

corrected it but still getting the same error

maybe the state command is wrong ?

[glossy cliff]

Hey guys, happy new year! Maybe you can make me happier 🙂 In short: getting error 401 Unauthorized when accessing files in the www folder. I'm using a picture from there for my picture elements card where it is shown as broken. it works when accessing from my pc or iphone but is not working from any of my 3 android devices whether using app or any browser. This is my second HA installation and i wiped all the caches and appdata from the devices and the mobile browsers. it worked with the first one but i started over on a new platform (rpi4 supervised).
It's not only in the visualisation but also when trying to access via the file editor addon. I can open the pictures from there except of when using my android devices. There I see the error message 401: Unauthorized

[hallow mango]

@faint root probably the mixed quotes from what I can see

[faint root]

what do you mean ?

how would you do it ?

[hallow mango]

you've got both ' and "

pick one

[karmic tiger]

Shouldn't matter in that case...

They're not 'mixed' in the sense that they're closing pairs incorrectly.

Because it's a JavaScript template for a card.

🤦‍♂️

[hallow mango]

lolol

I was trying to read jinja lol

[karmic tiger]

No... JavaScript.

[hallow mango]

haha ok

I'm no help lol

[faint root]

effectively it didn't matter

if i take on of the values, i don't have any error

Any other ideas ?

[novel finch]

Yes, at least in the latest 5 tries

[faint root]

it looks like on the command section of my code, he doesn't have a problem anymore

[karmic tiger]

I would suggest posting an issue against core then.

[kind shell]

Want to see what issues are open (or were open and are now closed)?

• The core (backend) - for HA itself, and integrations
• The frontend (UI) - for cards and display issues
• The Supervisor
• HassOS
• The documentation

Finally, don't forget to check for any alerts

Command '.issues' was invoked by: mono

[blazing turtle]

Hi all... I just upgraded from .114.4 to 2020.12. I am getting an error that horizontal-stack is an unknown type. I did not see anything deprecating this in the release notes. Did I miss something?

I saw the new grid feature that I may switch to, but for now, would like to just get it working as it was.

[mild veldt]

@blazing turtle clear your browser cache and if that doesn't work, share your relevant config

[hallow mango]

@mild veldt got spotify working! i accidentally used my non-premium account to create my tokens before 🤦‍♂️

[mild veldt]

haha, oh man. that's wild that it worked at all then. glad you got it sorted

[blazing turtle]

@mild veldt Cleared cache and tried another browser. I forget how to share a big block of code. Can you remind me pls? I will share the ui-lovelace

[glossy cliff]

anyone got a hint or idea for my topic? already deleted every cache and rebooted everything

[frank vigil]

Use pastebin.com or some similar site.

[blazing turtle]

Excuse the mess please. Its years of work in progress...
https://hastebin.com/daviboqopo.yaml

[eternal lava]

hey folks, started running into an issue with myhaurl:8123/lovelace not loading, and not sure what's going on. I checked the Config and Supervisor logs and don't see anything out of whack. I tried clearing cache, rebooting, restarting the server, and restoring from last night's snapshot when things were working correctly, but no dice

and when I say "not loading", i mean the sidebar loads, but the main dashboard sits at the spinning loading icon until the chrome tab finally tells me it's not responding. can't click any sidebar nav or anything.

but if I open a new tab and go to :8123/config it loads that page fine

scratch that. restarted again and got a kiosk_mode error. looked in HACS and it was out of date. updated and it's loading now

[novel finch]

You are able to reproduce ?

[karmic tiger]

No

I already said it worked for me.

[blazing turtle]

I found this...
https://www.reddit.com/r/homeassistant/comments/jmpgy4/after_updating_lovelace_cant_find/
It did seem to be the problem, but now the width of the columns are very narrow. Previously, I didnt even know I could control the width 🙂 . But now its working, but broken. Any suggestions on why all the columns in the master horizontal stack would be REALLY narrow? SHould I post fresh code?

[novel finch]

I though it was a single try. Anyway, thx for testing. Will open a issue

[tight patrol]

Hi, I have a funny problem: the data of fritzbox_netmonitor is online https://ibb.co/R3dNWy1, but I can find these data in den Lovelace as an entity? please, can you help me (but sorry, I am a beginner here)

[novel finch]

you need to access attributes of the sensor: you can make a new sensor of them or use a custom card that displays attributes

[steel turtle]

I want to use my old PI with a touch screen to control HA. Which OS will have the best browser support for HA?

[tight patrol]

sorry, I don't understand how I can create a custom card that display attributes (of fritzbox_netmonitor), do you have an example?

I would like have the data like external ip....direct in the custom card (not after a click)

https://ibb.co/vvjX7jd

[blazing turtle]

Seems like a simple issue, but the cards section of my views only display about 25% of the with of the window. Badges are fine, but cards are very narrow.

[cerulean quiver]

is it possible in a Horizontal type card to display two custome aarlo-glance cards?

[tight patrol]

I think I need a card with more attributes?

[dark gull]

Can I hide the toggle thing for entities and if so how?

[tight patrol]

I have some problems with the configuration of mini-media-player in the Dashboard.

I use 3 Sonos speaker

Wohnzimmer (should be the Master), Type Beam with 2 Symfonisk
Kueche, Type One SL
Buero, Type One SL

I used this code, but I can’t see the Master and the Speaker Kueche doesn’t work > what’s wrong in this code?
https://paste.ubuntu.com/p/7s4mpTzFgt/

[blazing turtle]

@tight patrol I am doing the same thing. Im having a different problem (hence the code posting), but see my LL code here:
https://hastebin.com/wuxeridudu.yaml

See lines 46-79. Maybe that will give you a hint. Are you getting any errors when you check the YAML code?

[tight patrol]

@blazing turtle no error...the hint means to use an vertical stax?

[blazing turtle]

Ya, the big difference I see on yours is that I used a vertical-stack and you used entities.

Maybe the custom:mini-media-player card is not supported within entities? Not sure, but worth a try to switch.

[tight patrol]

sorry, I am a bloody beginner....where I have to switch my code?

[blazing turtle]

hahaha. TBH Im not much newer. One sec.

Switch entities to vertical-stack, then add a cards: line right below it (not indented)

Try this...
https://hastebin.com/calocejeqe.yaml

[tight patrol]

here? https://hastebin.com/ocubapuquq.yaml but I doesn't work

[blazing turtle]

Can you paste in one level up in your YAML, or the whole page if you dont mind?

There would be dashes in front of the type:vertical-stack and the top type: 'custom:mini-media-player' line.

[tight patrol]

@blazing turtle https://paste.ubuntu.com/p/x8YwVMqHfW/

[blazing turtle]

OK, maybe this is where the blind is leading the blind, but I would expect it to look like this. But I dont know what the rest of your UI-LOVELACE.YAML looks like.
Im not sure if this is the look that you are after, but try it this way...
https://paste.ubuntu.com/p/4BPyWdsr8r/

I just noticed that the first card doesnt look like its Sonos, so maybe this would be cleaner....
https://paste.ubuntu.com/p/kTC47PGqVv/

[tight patrol]

@blazing turtle
duplicated mapping key at line 16, column 1: type: vertical-stack ^

[blazing turtle]

Line 16 is the name line. Is there more to your code?

[tight patrol]

ahh, I am the blind, it was the wrong copy&paste mistake

@blazing turtle this is the full code, correct? but something is wrong in line 16

[blazing turtle]

No, unless its in an include, this would not be the whole code. Is this in an include, or is it your entire UI-LOVELACE.YAML?

Thats why I was asking for the whole thing.

[tight patrol]

it was the code of mini-media-player card

[blazing turtle]

Right. I know YAML can be REALLY confusing here. It took me a long time to get it. But the sample is just a sample snippet that goes in to your UI-LOVELACE.YAML. Check the formatting in my original post.... https://paste.ubuntu.com/p/kTC47PGqVv/

[tight patrol]

I don't have a UI-LOVELACE.YAML

[blazing turtle]

LIne 46 (the vertical-stack) is a component of a horizontal stack at line 19, which is a card within the view.

OK, where are you putting this code?

Oh, are you on the new version and using the code within the lovelace UI editor?

[tight patrol]

Card configuration: manual

[blazing turtle]

OK, I have not used that method because my UI is in full YAML mode.

Let me go look at your original code and start over.

[tight patrol]

is this way correct > to change the default dashboard, create a new file ui-lovelace.yaml in your configuration directory and add the following section to your configuration.yaml and restart Home Assistant:

[blazing turtle]

Thats how I am doing it. But mine is old-school style. I would not recommend switching unless you need to. It gets way more confusing for a newbie when you have to build from ground up.

Does your top section work on its own? Just the type: 'custom:mini-media-player' section, and not the entities or vertical stack section.

I just dont know if these stack cards are supported within the manual config of a card.

Because they are essentially multiple cards

[tight patrol]

I am so confused, the ui-lovelace.yaml is after the re-start empty

[blazing turtle]

Yes. If you want to go that way, you will need to rebuild your dashboard I think. Thats why I didnt recommend that 😉

[tight patrol]

ahhh, the fronted is gone

[karmic tiger]

You don't need to use YAML mode to make your own dashboards.

And I would suggest that if you aren't good with computers, you stick to the UI.

[blazing turtle]

Yes, mine is a throwback.

And BTW, I am a systems engineer and would still not recommend switching if you dont need to.

[tight patrol]

ok, I will switch back...

so, I am back....but what could be now a solution (for me as a dummy)?

[blazing turtle]

Ive not used the new UI with the mixed mode capability. You may have to build each card individually. Does it work if you only use the first section of your original code? Just the first 14 lines.

[karmic tiger]

There's nothing stopping you editing an entire dashboard as YAML in 'UI mode'. Just... most people don't.

[tight patrol]

Custom element doesn't exist: mini-media-player.

[karmic tiger]

Then you haven't installed the custom card properly or you need to clear your browser's cache.

[tight patrol]

oh, sorry, reload and now it works

[blazing turtle]

Awesome. Thx @karmic tiger Clearly I was starting to do more harm than good. 😉

[tight patrol]

so, I used a vertical stack card > so it works

[blazing turtle]

Oh, nice!

[tight patrol]

https://ibb.co/L9FXy8Q

many thanks

[blazing turtle]

@karmic tiger Is there an easy way to switch from full YAML mode with the new version? Maybe that will solve my problem too.

[karmic tiger]

Honestly, I don't think there's much benefit to switching to YAML mode. The only difference it makes is that you can see your .yaml file in source control (which most people don't seem to use).

[blazing turtle]

I am already in YAML because I have had mine running for a couple years now. I was thinking that I could switch with the new mixed mode capability.

[karmic tiger]

Well I don't know of any UI functionality to make the switch for you. Basically, you'd switch back to UI mode, edit a dashboard, use the raw config editor, and paste your YAML in. http://prntscr.com/wec5sh

But if you're comfortable with what you've got... no benefit in switching 😉

If I were you... now that you're in YAML mode, stick with it.

Means you can make changes directly in a text editor.

[blazing turtle]

Ya, I am fine with that. Just struggling with another issue after upgrading and was hoping for a magic pill

[karmic tiger]

The 25% width thing? How many columns of cards do you have?

[blazing turtle]

Doesnt matter. Its about 30%. If I do 3 colums, they end up at 10%, 2 columns, 15%.... etc.

Total width of the horizontal stack is always about 30% of the window

[karmic tiger]

30% at which resolution?

Is this your current YAML? #frontend-archived message

[blazing turtle]

2nd monitor is 1920x1020. Primary monitor is 2560x1450. Behaves the same on both

[karmic tiger]

1020? Someone stole 60 rows of pixels from you, you should get a refund.

[blazing turtle]

Yes, but I will post a cleaned up one.

hahahaha 1080

[karmic tiger]

Nah, it's good enough to see the issue. Just had to scroll back a way to check the conversation.

Your issue is that you have everything wrapped in a single stack. You have 1 card, with other cards nested within it.

So you'll never benefit from Lovelace rearranging things to better fill the screen.

If you're using stack cards because you want full control over the layout, you should also turn on panel mode to make that card full-width.

There are other ways to control the flow (like the custom card layout-card) but the idea is the same. Panel mode on, single card containing other nested cards.

https://www.home-assistant.io/lovelace/dashboards-and-views/#panel

[blazing turtle]

When I turn on panel mode, I loose my badges

[karmic tiger]

Yes 😉

But you can make other things that look like badges if you want.

You'll have to spend a bit of time working with something like button-card (another custom one) to properly style a card as a badge.

[polar kelp]

https://github.com/thomasloven/lovelace-badge-card

[karmic tiger]

Or that one 😄

I swear Thomas has a card for everything.

[blazing turtle]

Always Thomas to the rescue!!! 🙂

So, can I go panel mode and make the top card in a vertical stack the badge card, and then the bottom card the rest of my stack?

[karmic tiger]

Basically, yes

You might choose to have the 'badge card' be a horizontal stack with a bunch of actual badge cards inside.

[blazing turtle]

I dont really care for the loss of padding around the cards, but I can deal with that I guess

[karmic tiger]

I find it helps to wireframe this stuff so I get the nesting right for the horizontal/vertical stacks.

[blazing turtle]

I find it hard to do that when we dont get control over the height and width of cards.

[polar kelp]

The badge card adapts nicely to being squeezed into a horizontal stack too. If it's very narrow it will grow in height instead and put the badges below each other rather than on a horizontal line.

[karmic tiger]

Oooh... badge card makes multiple badges? I should've actually read the readme 😄

[blazing turtle]

OK, I will mess with panel mode and add the badge card. This is probably the only area that lovelace frustrates me a bit. Any chance that ha-card would work against the view in panel mode?

[ionic hatch]

Any suggestion on how to change the bottom footer background of a picture card to full transparent? https://ibb.co/2dnBVvw

[blazing turtle]

@polar kelp @karmic tiger That worked out great. Thanks!

[outer sail]

Any recommendations for a floorplan creating tool?

[karmic tiger]

There's quite a long thread full of suggestions and examples on the forums: https://community.home-assistant.io/t/share-your-floorplan/21315

[hallow mango]

@outer sail magicplan on android is what I've used in the past

[keen briar]

I am trying to display data from my fronius smart meter. The sensor that I am using is sensor.fronius_house_load but it shows a minus value. so if my house is consuming 500 Watts, the sensor shows - 500 W . how can I convert it to a positive value? Math.abs() equivalent in HA. I have mini-graph-card installed

[hallow mango]

you couldn't flip the poles on the sensor?

[keen briar]

I am not sure how to do that

[hallow mango]

erm, you would have to modify the sensor itself to do that

but software wise, lemme see

you could make a template sensor entity that exposes the absolute value

[karmic tiger]

Do you want HA to always treat it as positive or just to display it as positive for UI purposes?

[hallow mango]

you can use abs as a jinja filter, but not in the graph card yaml

[karmic tiger]

Bear in mind asking HA to always treat it as a positive value means you won't be able to work out cumulative power usage (assuming you also have power feeding in, like solar)

[keen briar]

just display it as positive will be ok

[karmic tiger]

What card are you using?

[keen briar]

I am trying to use the Gauge card

[karmic tiger]

Ok. Couple of options - either use a custom card to modify the value in the UI only, or wrap the existing sensor with a template sensor that performs the abs for you. I'd go with the latter.

Template sensors are an #integrations-archived topic if you get stuck... but the template you're after will be something like this: {{ states('sensor.original_sensor') | abs }}

[keen briar]

I only installed HA 2 days ago so if you can point me to any links, that would be very helpful

[hallow mango]

I really should just lurk and read whenever you're around lol @karmic tiger

[karmic tiger]

https://www.home-assistant.io/integrations/template/

[karmic tiger]

Read my favourite bot command more often then. Please don't tag me 😉

I'm here, I'm active, I can see your messages.

And don't be shy - if you think you can help people, you're more than welcome to contribute. I didn't know everything I know now when I was new.

[keen briar]

chers. i will give it a go

[placid sedge]

Is there a way to display active google home timers as a lovelace card?

[mild veldt]

That is not something provided by the cast integration. There used to be a local API that you could query those things but Google locked it down unfortunately

[placid sedge]

is it possible to see how long active timers have at all?

[keen briar]

what do I need to do to have 2 horizontal bar graphs, one for each sensor value?

and possibly changing color of the bar depending on if value of one is greater than other but not too fussed on this one

[hallow mango]

@keen briar https://github.com/kalkih/mini-graph-card

[keen briar]

Thanks. I have installed it. Trying to figure it out

Can I alter the size of the cards themselves?

[torpid echo]

Hey looks like Nvidia is stealing the "lovelace"...anyway just a name https://www.techtimes.com/articles/255449/20201229/nvidia-ada-lovelace-next-gen-graphics-71-more-powerful-rtx.htm😋

[proper nest]

Is there any easy way to setup a frontend dev repo on an hassos rpi4 image? Have added rgb pixels to localtuya and need to add SUPPORT_EFFECTS_MUSIC and some new dialogs to the frontend. Anyway to raw edit more-info dialog files without a repo setup?

[faint root]

Can you initiate more then one action by pressing a button ? Something like the following

      tap_action:
        - action: call-service
          service: '[[svc_name]]'
          service_data: '[[svc_data]]'
        - action: call-service
          service: '[[svc_name2]]'
          service_data: '[[svc_data2]]'

[faint root]

My workaround using node-red didn't help neither - getting "Call-service API error. Error Message: extra keys not allowed @ data['0']"

[ionic cloud]

Morning all i am trying to reduce the margin in a stack within a stack of cards on a tablet view. I have tried a number of things, trawled the net for answers and got various work arounds. I have used:

[kind shell]

@ionic cloud posted a code wall, it is moved here --> https://paste.ubuntu.com/p/QFqCWJhWrW/

[ionic cloud]

https://paste.ubuntu.com/p/zQbfF5N6Vp/ is the actual code, I am trying to remove the extra margin between the elements, horizontal stack and vertical stacks, I have tried a number of things. And if i try the stack-in-card custom card it removes the borders, but you cant have any margin, or so i think

[ionic cloud]

https://ibb.co/Y3t3sLd. is the image of the tablet. where i have put a 1 is the margin which is bigger than the margin which appears to have been modified with the HUI code

type: 'custom:mod-card'
style:
  hui-vertical-stack-card:
    $: |
      #root > button-card {
        margin: 2px 0px;
        }

As this has turned into something of an epic post, apologies to the ardent discorders. I will post something in the forums....

[karmic tiger]

Buttons must only perform a single action. Instead you should make a script that has multiple actions, call the script from the button.

[keen briar]

I am trying to do the below
`Create the two sensors for daily consumption and production. Note: if smart meter energy sensors are not in kWh you need to convert those two to kWh using template sensors.

utility_meter:

calculate daily energy consumed from grid (input must be in kWh)

grid_consumed_energy_day:
source: sensor.fronius_smartmeter_energy_ac_consumed
cycle: daily

calculate daily energy sold to grid (input must be in kWh)

grid_sold_energy_day:
source: sensor.fronius_smartmeter_energy_ac_sold
cycle: dailyhow do I do thecycle: daily` bit when creating a template?

[karmic tiger]

You don't. The utility_meter does.

It only cares about reading the data from the source, and will reset according to the cycle. If you need to template stuff, you do that in the source sensor.

[keen briar]

and I put the utility_meter bit in my config.yaml ?

or sensors.yaml?

[karmic tiger]

It depends how you've split your config... but this isn't a #frontend-archived discussion. Move to #integrations-archived

[fierce anvil]

Morning all! I'm going between pillar to post trying to figure out how to show one custom card when a device is online or a picture element (or other simple card) when the same device is offline. Conditional cards only allow me to show a card if it is online or offline but not different ones depending on the state of the device.... Anybody have any good ideas here please? 👍

[karmic tiger]

Try using custom cards: https://github.com/thomasloven/lovelace-state-switch

[polar kelp]

It can also be done with several conditional cards, but state-switch is easier.

[faint root]

I'm building a universal remote control to switches between remotes (one LG, FireTV, setup box) and changing the color of the card. This works perfectly. Now I want that when you choose the specific remote it launches an additional action. I'm a bit stuck with the input_select in order to trigger an automation.

[karmic tiger]

when you choose the specific remote it launches an additional action
Sounds like #automations-archived to me

And please don't tag people for help.

[faint root]

I didn't tag, i replied to your reply but okay. I'm sorry

[karmic tiger]

You can disable the tagging when you reply 😉

[kind shell]

@faint root posted a code wall, it is moved here --> https://paste.ubuntu.com/p/tDgg8kTQCR/

[hexed drum]

hi, I get a 403 on the initial request for the web ui. are there any ways to debug this? I have ssh access (hass.io installation). the core/supervisor logs dont have any strange errors as fas as I can see

[kind shell]

@faint root Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, text walls (longer than 15 lines) and unapproved bots.

Please take the time now to review all of the rules and references in #rules.

Command '.rule6' was invoked by: mono

[fierce anvil]

worked a treat! thanks a lot 🙂

[swift halo]

Is it possible to represent a switch as two buttons (one for on and one for off), like the UI does when a switch is in optimistic mode?

Can a badge show an entity attribute? What is the syntax for that?

[wheat current]

https://www.home-assistant.io/docs/configuration/customizing-devices/#assumed_state

[swift halo]

Thanks!

[tight patrol]

does anyone use Doorbird in the Frontend? Is there a way to show the time stamp in addition to the picture of the last ring?

[lean minnow]

When I try to change the ”name” of a user I get the following error:
[139778805275136] Error handling message: Unknown error
Traceback (most recent call last):
File "/usr/src/homeassistant/homeassistant/components/websocket_api/decorators.py", line 18, in _handle_async_response
await func(hass, connection, msg)
File "/usr/src/homeassistant/homeassistant/components/config/auth.py", line 115, in websocket_update
if user.is_owner and msg["is_active"] is False:
KeyError: 'is_active'

[hollow stirrup]

anyone an idea how I can stop the progressbar on the mediaplayer disappearing on the breakpoint? I just can't get how to adress ist, maybe because it's made as some new html-element ("paper-progress").

[dense lynx]

ok, link for yaml in question: https://hastebin.com/raw/fakisipoqo

why am i only seeing the mode selection options, and no ability to set temp or similar in the default lovelace thermostat card?

[dark gull]

Using hacs button-card i have setup some buttons and tap actions however none of the buttons work and I have no idea why any idea why and how I could fix it?

[proper nest]

Im using a hassio rpi4 image and need to modify the frontend web gui files. Any way to access via ssh/local console? Or can someone please tell me if it is possible to install git dev frontend repo directly on the rpi4 hass.io? I need to change the more-info dialog for lights to include advanced music modes for RGB pixels like ws2812b etc. I've done the backend changes to support rgb pixels in localtuya, but need to include 4x music modes and sliders for audio sensitivity, speed, and a few toggle switches for other options (colour selections etc). I've done the hard work reverse-engineering this smart wifi/bt rgb pixel controller, and now just need some gui controls. Please help 🙂 thanks

[kind shell]

@proper nest posted a code wall, it is moved here --> https://paste.ubuntu.com/p/xkBj6yVxzs/

[icy patrol]

hello; anyone know how to adjust a picture-glance to allow it to display a camera and when i press the off button on the glance for the image to change?

i am aware of using different image states for on and off but when i have camera image, it does not work

            type: picture-glance
            title: Main Door
            entities:
              - switch.maindoor_state                          
            camera_image: camera.maindoor
            state_image:
              "off": /local/backgrounds/dock.png
            entity: switch.maindoor_state  

for on, i just want the camera image to show and when i turn it off, i want that png to show

[prime zodiac]

Hi all. I have created a light group via configuration.yaml. Is it possible to assign that group to an Area?

[tame dove]

Have you tried? Guessing you see this if you have
https://rc.home-assistant.io/faq/unique_id

Which would lead you to this
https://www.home-assistant.io/docs/configuration/customizing-devices/
Which would indicate, no

[fluid lintel]

can I plot in or control in lovelace the attributes?

for example the attributes of this integration https://www.home-assistant.io/integrations/dyson/

[torn pasture]

Hi All. I need some noob help. I'm trying to add a custom Hacs card for my robot vacuum just adding it through Hacs does let me start and. Stop it but it does not let me see the stats or tell it to clean certain rooms as per the Hacs Readme. I found a sentence on the Readme that I don't understand but I'm sure it's the root of my problem . "sorry, no support for actions and stats in visual config yet." what does this mean?

[gusty glen]

Hey all! I'm having an issue with the Scenes editor after updating home-assistant yesterday. I have a few scenes that only contain entities, but my scenes editor would only show devices. Every scene that contains entities does not display anything in the editor-gui. I guess this is not supposed to be this way? I can specifically remember having set up all of my scenes via the gui and not yaml ...

... the scenes all work as intended, i just can't edit them in the gui anymore. Also creating new scenes i can only select devices but no entities ...

[somber crest]

Hey ho, is it possible to set headlines over the cards?

[sudden lion]

I have a popup working under tap_action.. and browser_mod.. want to incorporate that into an automation.. is there a easy way?
My popup code:
https://hastebin.com/uyifapiyuz.yaml

[polar kelp]

Yes. Just apply the same changes you would for moving any service call from a tap action to a script.

I.e. change service_data: to data:.

[gusty glen]

so nobody able to help about my problem? is there any better place to get help than here?

[polar kelp]

Many cards have a title: property. If not, (I can't believe I'm saying this) stack cards have that property and will display it above any cards in the stack.

[somber crest]

@polar kelp ok let me check sir

[faint citrus]

Hi all I have a question about resources: it say's ```DEPRECATED.

Resources are now configured using the Lovelace integration configuration or use the preferred way of configuring those via the configuration panel.but when I move it to configuration.yaml after the lovelace: section I get the error:Incorrect type. Expected "array"``` and resulting in a safemode boot

lovelace:
  mode: yaml
  resources: !include resources.yaml

[karmic tiger]

.share what your resources.yaml looks like

[kind shell]

Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '.share' was invoked by: mono

[faint citrus]

https://paste.ubuntu.com/p/26zbXzhcY6/

[karmic tiger]

Well that indentation looks like a problem.

[faint citrus]

yeah I see but that is an paste.ubuntu problem

the indentation is fine in my yaml

[karmic tiger]

What's giving you the error? HA or VS Code?

[faint citrus]

vscode

[karmic tiger]

Ignore it. Run the config checker in HA

[kind shell]

Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.

Command '.check' was invoked by: mono

[faint citrus]

it doesn't like that

[karmic tiger]

Doesn't like it...

🤔

What's 'it'? And what's the problem?

[faint citrus]

https://paste.ubuntu.com/p/y2t65MrvX5/

[karmic tiger]

It doesn't report any errors. What's in your HA logs when it goes wrong?

[faint citrus]

nothing special: https://paste.ubuntu.com/p/GPp5djgQ6g/

when I uncommand resources: !include resources.yaml I don't get an error and it just say's Command completed successfully.

found the problem. I removed this from my resources.yaml

- url: /hacsfiles/gauge-card/gauge-card.js
  type: null

[midnight shadow]

Hi, wanted to give the non-yaml interface a shot. When i copy my lovelace-ui.yaml into the Raw Config Editor everything appears fine, except any custom card gives me: Custom element doesn't exist: simple-weather-card. They are specified in the configuration.yaml like so: ```lovelace:
resources:

• url: /hacsfiles/ha-card-weather-conditions/ha-card-weather-conditions.js
  type: module``` and worked in yaml mode. I did not change anything. What am i missing?

[wheat current]

Configuration -> Lovelace dashboards -> Resources

[midnight shadow]

Ahh, that's the Lovelace Configuration Pane, i was looking all over. Thank you! 🙂

[gusty glen]

Hey guys, trying again.
in my HA the scene editing gui stopped working for scenes that contain entities, it only works for scenes that have devices. If I edit a scene that has entities they are not visible in the gui, editing via yaml works fine. Any ideas what that could be?

[ivory halo]

How do I simply display a global variable?

[karmic tiger]

There are no global variables. Maybe you want helpers.

[gusty glen]

hmm maybe i am asking in the wrong place? Is there a channel better suited for this question?

[karmic tiger]

Have a little patience.

[amber jewel]

what ever happened to that config checker?

dont see it in server controls

[wheat current]

a) You don't need it (restart there will do a check first, and not restart if it fails)
b) it's still there, you have just not declared yourself an advanced user

[amber jewel]

@wheat current ahh thanks needed to set to advanced

[mint surge]

I'm following a recently posted youtube on setting up a lovelace dashboard to a simple grid setup. In the instructions, he adds a grid card and another nested inside. He clicks "Show Code Editor" and adds columns: 2 then very simply clicks back to show visual editor. When I attempt the same, I get the following below and I cannot get back to visual editor:
UI editor is not supported for this config: Key "columns" is not supported by the UI editor. You can still edit your config in yaml.
Can't seem to find how I can use both visual editor and the code editor. Thoughts?

[keen briar]

can the card sizes be changed in lovelace?

[grave jackal]

So I'm having a small issue, more of an OCD thing, really - for entities I've changed icons for, their colors don't update based on state on the Overview page, but when I open the entity's modal itself, its icon is colored based on state. Anyone know how to fix this?

[jovial plover]

Hi all, apologies if this has been asked before. I have just added my 7th (Unifi) camera to HA. I had trouble with the HACS integration where the feeds were very delayed and got round this by bringing the RTSP streams into motion eye then re-streaming and using the mjpeg platform to get the streams in near-realtime for the front end.
My question is if there is a limit to the number of concurrent streams that the front end supports? The 7th stream is always blank on load and sometimes comes right after 20 or so minutes. Is this a problem with my nginx config or is it a FE limitation?
Running on a pi4, 8GB if it helps to add context.

[gusty glen]

This is discord, my question will get buried by other questions in no time 🤷‍♂️

[karmic tiger]

So when it gets buried, feel free to repost. Your question was still on screen when I commented.

[tidal vale]

Hey! I'm searching for the grid card in lovelace but i cant find it. why is that ?

[soft valve]

hi @tidal vale as far as i know there is not a grid card ( at least not native ) you either need to use horizontal stack or vertical.

[tidal vale]

But in some of the tutorials i watched they had it?

[vapid field]

https://gyazo.com/12f1a6cf95779e49774a8f87fee26fa5

Does anybody know why this is happening?

[karmic tiger]

Because not all custom cards have visual editors 🤷‍♂️

Use YAML for button-card.

[night lava]

Hi everyone. I have a weird problem with my HA Lovelace. If I try to edit an existing Entity Card or create a new one, I am unable to select the entities from the drop down list. I have purged my Chrome cache, restarted the Docker (on Synology) but no changes. Any idea how I can fix this?

[karmic tiger]

Does it happen in other browsers or on other devices?

[night lava]

Hmm, only happens on my PC's Chrome browser

[candid timber]

Is there any way to copy a dashboard? (multiply it)

[karmic tiger]

Then it's your browser. 🤷‍♂️

[karmic tiger]

Go into raw config mode, copy the YAML. Make new dash, raw config mode, paste YAML.

[limpid radish]

In Entities Card, Options for Entities for the option format: In which scenario would I notice the difference between 'relative' and 'total'?

[quasi mica]

So I have some let’s encrypt certs and I’m trying to connect home assistant to hassio.my domain.net

I set the host name of home assistant to hassio and since mydomain.net is a search domain on my network it should work but it doesn’t

[candid timber]

I'm pretty new to this, what yaml do i need to go to?

[karmic tiger]

http://prntscr.com/wg4s79

Edit your dash, then click the dots again for that menu.

[ivory halo]

https://imgur.com/a/DjFWTGI
How do I update these files?
This is a screencap from the esphome gui. I think they're files for HA though

[karmic tiger]

That's... not frontend stuff 🙂 If I had to guess, you're looking at the ESPHome add-on.

[ivory halo]

oh dang sorry

[karmic tiger]

#add-ons-archived will know more but really you just need to access the config folder of your HA to get to that stuff.

[ivory halo]

well I can access the folder via ssh

I can ask them

thank you

[near knot]

I'd really like to show you three graphs in my GUI. Attaching images is disabled.

Anyway, they're all in the one view. They're all of the same data source, but one should be 2 hours of data, one should be 12 hours and the last should be 24 hours.

They all display 2 hours worth of data. It's as is "hours_to_show" is being ignored for some of them. The code generated by the GUI can be found here: https://pastebin.com/DX2n2Cdy . Notice that in one of the graphs I epxect 12 hours of data, and in another, I expect 24 hours.

It only seems to be ignored sometimes: if I edit one of these graphs in the GUI, the display might change such that 2 of them are displaying 12 hours of data and on displaying 24 hours. After such an edit, I can demonstrate that the code behind the view is identical.

[kind shell]

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

Command '.images' was invoked by: mono

[karmic tiger]

😉

If I use your code and only change the entity ID, it works perfectly.

http://prntscr.com/wg7444

[near knot]

I don't disbelieve you.

[karmic tiger]

Well it suggests that something else is the problem, not that code.

[near knot]

...it's not "my" code.

[karmic tiger]

What custom cards are you using?

[near knot]

None. Wouldn't know how.

Some of the code (not for this view) was developed by hand years ago. Could the problem actually be in another view?

Oh, hell.

Can you tell me which one? (Yes, I'm being facetious.)

[karmic tiger]

Make an additional dashboard, test that YAML in isolation. If it works, great. If not, you have other issues.

If it works in isolation... you need to take bits out of your main dash until it starts working.

(back up first)

[near knot]

That'll be good fun. I have 14 views showing data from about 20 devices.

[karmic tiger]

Not much then 👌

[near knot]

can I make an additional dashboard in teh same server? Not seeing a "+" or anything beside the "Home" dashboard.

[karmic tiger]

Configuration > Lovelace Dashboards

[near knot]

Yep. Just found it.

[onyx summit]

I'm getting really frustrated with my dashboard, I can't make my mind up about what it should look like or have in it

or how many I should have (like, one for the child for instance)

driving me insane!!

[karmic tiger]

Lots of people have posted their dashboards on the forums if you're after inspiration.

[near knot]

OKay, I just duplicated the code from my dashboard into a fresh dashboard and started deleting views. If I delete ANY of the other views, the oddball one I described starts to work. What on Earth?

Oh, dear. I've just deleted all the views except the oddball one and it's gone problematic again.

[hoary anchor]

I am trying to create a battery secondary info on an entity by using this: https://github.com/custom-cards/secondaryinfo-entity-row
It is working fine. However, I would like the secondary info text to be smaller, which I also have achieved, using style on the div.
My question is that while i can make the font smaller, the container for secondary info still takes up the same amount of height, making it look weird. Is there any way I can style the height of container?

[karmic tiger]

If you want full control of everything, check out button-card.

Some custom cards add functionality, others are completely customisable.

[near knot]

Whatever's up with this GUI, it's not the YAML. I've created a fresh view, added my three graphs (using the GUI) and the 24 hours graph is displaying 12 hours worth of data, while the 12 hours graph and teh 2 hour graph are both displaying 2 hours worth.

[karmic tiger]

Try another browser

[hoary anchor]

@karmic tiger Checking it out. Can I include a mdi icon as part of the label? Something like this:

  [[[
    var bri = states['sensor.lock_battery'].state;
    return '"mdi:battery" Batteri: ' + bri + '%';
  ]]]```

[karmic tiger]

I don't know. What do the docs say?

[civic trout]

in lovelace for the Alarm Panel, how can I rename the CUSTOME BYPASS button to something else?

[vapid field]

Anyone used this plugin; https://github.com/DBuit/light-popup-card ?

Im having trouble getting it to work and would love some help

[near knot]

Same in Edge and in Chrome.

[dawn acorn]

errors in console?

[inner cosmos]

Hey, does anyone know of a time/date card available that they're using or have another solution for displaying the time and date on their dashboards?

[polar kelp]

type: markdown
content: |
  # {{ states('sensor.time') }}
  ## {{ states('sendor.date') }}```

[reef obsidian]

UI editor is not supported for this config:
Key "layout" is not supported by the UI editor.You can still edit your config in YAML. Who help me fix this

[polar kelp]

Fix what?

It's not an error. It's information.

[cedar arch]

Hi all! 👋
I would like to show the state of a switch as a badge, but instead of showing "on"/"off" I would like to have an icon in the badge which changes color, just like with grid buttons. (or have two icons alternating for different states, if that's easier) Can this be achieved out of the box with mdi icons?

[dark vault]

is there a icon list of all the icons within HA?

the default icons

[cedar arch]

You can lookup mdi:<name> icons here for example: https://mdi.bessarabov.com/

there are icons in hass:<name> format as well, I think this could be a complete list: https://gist.github.com/thomasloven/01e03543364cf685eff969ad7980f5d7

[livid socket]

Hello. I am trying to integrate earthquakes information. and using the USGS integration. In return I get a set of entities that change everyday. For example "geo_location.m_4_2_88_km_ssw_of_puerto_san_jose_guatemala"

How can I create a card that accepts any geo_location.* entitities?

I've been trying to use Entity Filter Card

but not sure if that is the way

[dawn acorn]

I used to know a DarkByte years ago. hi

[limpid radish]

Why does Picture header have tap_action etc but Button header doesn't? #suggestion 😀

[civic trout]

anyone know how I can rename the Alarm Panel buttons?

I want to specifically rename CUSTOM BYPASS

[mild veldt]

it does, just not in the docs

e.g.

footer:
  type: buttons
  entities:
    - entity: light.kitchen_lights
      tap_action:
        action: more-info
    - entity: light.kitchen_lights
      tap_action:
        action: toggle

[frozen umbra]

Hi folks - I have a picture entity card that I'm using to show camera feeds (from zone minder). I want to use the tap action of a button card to change to a different camera feed (e.g. cycle through my cameras). I thought if I used an input_select with the list of cameras it would be straightforward to cycle through the list (which it is), but what I'm having a hard time with is understanding how to set the camera_image and entity_id of the picture entity card dynamically. Two roadblocks, one, I'm not sure how I would specify that specific picture entity card to be updated, and second, I'm not sure how to update the values for those attributes. Any ideas?

[charred zealot]

anyone know why my two grid cards are overlapping? https://imgur.com/a/vb1HpRq

type: grid
cards:
  - type: grid
    columns: 2
    cards:
      - type: 'custom:button-card'

i have overriden the size like so

        styles:
          card:
            - height: 100px
            - width: 100px

which leads to the overlap. i do not have aspect_ratio configured as per https://community.home-assistant.io/t/custom-button-card-overlapping-with-previous-one/179730

full code https://paste.w00t.cloud/view/0ec785f4

[polar kelp]

Your grid card is less than 200 px wide, and you force your buttons to be 100 px wide. What did you expect?

[jovial plover]

Hi there, has anyone else experienced issues with adding more than 6 cameras to a page (in picture glance cards)?
It seems that the 7th is always blank for some time, eventually pulling through the feed after a few minutes.
Having the same issue on direct connection and via Nginx reverse proxy, any ideas?

[limpid radish]

oh, okay, thanks! 😀 Next time I see something like this, can I expect that these kind of functions probably also exist for similar elements? Is that the way HA is programmed?

[polar kelp]

Sometimes

It’s worth trying.

[limpid radish]

thanks!

[fallen badge]

How can I convert {{state_attr('sensor.text_weather_swe', 'icon')}} to Javascript template? I can't figure it out
Here is my shot [[[ states.sensor.text_weather_swe.attributes["icon"] ]]] and [[[ states['sensor.text_weather_swe'].attributes.icon ]]]

[polar kelp]

Never used the custom button card, but both of those look fine to me.

[fallen badge]

Do I need like a return to actually post the text in Javascript?

I had an icon template like this https://pastebin.com/uXwcD78h but I thought it was a better idea to just but the template in the sensor instead of in lovelace. {{state_attr('sensor.text_weather_swe', 'icon')}} just posts the mdi:icon_name

[twin tusk]

Hi,
I wanna change custom animated weather card pressure unit (https://community.home-assistant.io/t/custom-animated-weather-card-for-lovelace/58338)
I am used with mmHg instead of HPa and conversion is 0,75006156130264.
I saw that file weather-card.js has lines 213-216 related to pressure display but how can i multiply what it currently gets with conversion factor and to put unit mmHg ?

[polar kelp]

Change ${stateObj.attributes.pressure} to ${stateObj.attributes.pressure*0.75006...}.

And just replace ${this.getUnit("air_pressure")} with mmHg.

[twin tusk]

thank you. i try now

[tacit cave]

[[[ return states['sensor.text_weather_swe'].attributes.icon; ]]]

[fallen badge]

Thanks a bunch m8!

[twin tusk]

@polar kelp nothing happened even i restarted Ha

[polar kelp]

You don't need to restart. What you do need to do is make sure to clear your browser cache and make a hard refresh.

[twin tusk]

hmm...cleared cache, re-login..refresh... still nothing..hpa is there....oh..sensor that is telling my wife is home is now on

<ha-icon icon="mdi:gauge"></ha-icon>
${stateObj.attributes.pressure*0,75006156130264}
<span class="unit">
${this.getUnit("mmHg")}

[polar kelp]

Did you install it using HACS and then change the .js file?

[twin tusk]

yup

[polar kelp]

That won't work. You need to change the file inside the .gz file.

I never understood why that one even exists...

[twin tusk]

oh...i see

so..revert in js and change .gz

[polar kelp]

I... think that would work, yes.

[mild veldt]

or you can delete the .gz file

[polar kelp]

Or maybe just remove the gz

[twin tusk]

but syntax is correct?

[polar kelp]

 <span class="unit">
   mmHg```

And you need a decimal point, not comma.

[twin tusk]

oh lord....

understood now your last line :))

it gets better....how can i round the value ...now displays 758.314335....want only 758 and mmHg is below not on same row

[polar kelp]

${parseInt(stateObj.attributes.pressure*0.75006...)}

[twin tusk]

Error: Custom element not found: weather-card .... checkmate 😦
L.E. reinstalled, re-removed gz, modified lines and works fine. Big Big Thanks

[bold fjord]

Is there a way to change the font colour for type: state-label ? The label color is white in browser (as it should) but black on the companion apps in both Android and iOS.

[polar kelp]

It's theme dependent.

primary-text-color I believe.

[twin tusk]

in my companion (android) i put follow system settings and works independently of settings in web browser

in lovelace whenever i refresh, grafana graphs are returning 401:unauthorised 😦

[wheat current]

That is expected, you need to open it in the sidebar first to authenticate

[twin tusk]

cannot be done this auth automatically ?
indeed they are coming back if i go to sidebar go grafana then return to lovelace

[wheat current]

other than a custom card that does that before loading the iframe, I doubt it

[twin tusk]

something like a script in a card ?

[wheat current]

maybe, but I'm not sure that will even work 🤷‍♂️

Ingress is not designed for this

[twin tusk]

😦 2bad, maybe if it was Ingrid not ingress i could convince her

at least i understood why is doing that

[raven jewel]

having a problem with a scene card. i'm not sure if its a call service or a toggle i need to have but i'm trying to have it activate a scene (bedtime) to turn off lights and lock doors

but i'm tryhign to do scene_off and i also tried call service scene_on and it wont work

[dawn acorn]

developer tools

[dark vault]

does anyone know whats wrong with this one?

type: button
tap_action:
  service: hassio.addon_stdin
  data:
    addon: core_rpc_shutdown
    input: Colin-PC

[karmic tiger]

Is this a guessing game?

I'm going to guess... the PC isn't called Colin-PC

[dark vault]

haha if you want to

[karmic tiger]

Or... you could tell us the issue you're having 😉

[dark vault]

i am trying to make a button

and i am trying to call a service

[karmic tiger]

But the most likely issue is that you're using data: instead of service_data:

[dark vault]

okee

gonna give that a go

thanks

[karmic tiger]

https://www.home-assistant.io/lovelace/actions/#tap-action

Give reading the docs a go too 🙂

[dark vault]

UI editor is not supported for this config:
The value of "tap_action.action" is not supported by the UI editor, we support "string" but received "undefined".You can still edit your config in YAML.

this is the error that i am getting

got it working

Dont know what i did

[near knot]

Asked a question last night. I have several graphs all the same, except with different durations. Usually only one of them displays the correct duration of data. I've been doing a lot of messing around with them and can see no pattern at all, even in a fresh dashboard. one thing I've just learned is that if they appear in the view in ASCENDING order of duration (2 hour, 12 hour, 24 hour) they all work fine!

Could this be a code bug in HA?

[dark vault]

does anyone have a default icon list?

[dawn acorn]

https://pictogrammers.github.io/@mdi/font/5.3.45/

[dark vault]

do you have a link to a wiki on how to get this working

[dreamy tree]

Hello everybody, good evening. I am trying to create a card on the front end that includes some entities - I'd like to be able to automatically include them by matching the entity id with a pattern. Is there a way to do that?

[dark vault]

i think that you should use a grid card for that 😉

https://www.home-assistant.io/lovelace/grid/

[dreamy tree]

I have several devices that expose an "update_available" binary sensor entity, and I'd like all those sensors to be part of the same card

@dark vault not sure how the grid card applies here - I need it to be filled automatically, which is something that the grid card does not offer - not more than the entities card, or the vertical stack or horizontal stack

[dark vault]

ahh okee sorry ;}

[karmic tiger]

Sounds like you want this: https://github.com/thomasloven/lovelace-auto-entities

filter:
template: A jinja2 template evaluating to a list of entries to include

Feel free to do whatever jinja wizardry you need to come up with the entities to be displayed.

[faint root]

I am in the process of moving to yaml Lovelace mode but I am experiencing problem with the hacs custom cards.

I have loaded in the UI mode most of the components I need. I know i need to define the resources in configuration.yaml but somehow I can’t find the right path. Anyone who can help me with this ?

[karmic tiger]

It's easier to use the UI for resources 😉

Configuration > Lovelace Dashboards > Resources

[faint root]

That’s what I have done

But if I move to yaml mode

It looks like the link sometimes breaks

Should I add all resources in configuration.yaml as well ?

[karmic tiger]

No. Do it in one place.

What do you mean it 'sometimes breaks'?

[faint root]

Well I was in yaml mode and after a few refreshes somehow I started getting error messages that he for example didn’t recognise the ‘custom:button’ card

So I am wondering if I don’t need to add the url path in the configuration.yaml

[karmic tiger]

How many times? No. Add it in one place, the UI is fine.

Chances are your browser is caching something stupid.

Ctrl+F5 to reload the page while skipping the cache.

[faint root]

I am sorry

I’ll try it again tomorrow

Just to make sure

In yaml mode I don’t see the resources

But what you are saying I shouldn’t care

And if I would like to add more resources switch to UI mode for a while before moving back

Correct ?

[karmic tiger]

No, don't keep switching. Pick either UI or YAML.

If you're not confident (and your issues suggest you're not), stay with the UI.

[faint root]

But I have too many lines of code

So if I want to go yaml

Do I need to define the resources or not ?

That are in the UI mode defined as resources by hacs

This part is not really documented

Not if you switch from one to the other

I’ve been trying to add the resources in yaml mode without success

[karmic tiger]

Just follow the documentation: https://www.home-assistant.io/lovelace/dashboards-and-views/

There's no documentation for 'switching' because most people don't.

And it's almost a copy/paste job.

[faint root]

So i need to add the resources based on what you just wrote

Correct ?

[karmic tiger]

You need to add them anyway. The only question is UI or YAML. And I've already advised against YAML.

YAML is for people that know what they're doing 🤷‍♂️

[faint root]

Last question then

If I would use the yaml route. The path for the hacsfiles would be something like local/community/XYZ or local/hacsfiles/XYZ?

The later is what is indicated in the resource view but isn’t the reality

[karmic tiger]

The latter is a mapped location. Use that.

[faint root]

Okay I’ll try

Thanks

I am sorry if I ask some beginners questions but I am progressing in Journey

[frozen umbra]

Is it possible to use the value of an input_select as the value of an entity attribute on a lovelace picture entity card?

[karmic tiger]

as the value of an entity attribute
What? I don't understand what you're trying to achieve.

[frozen umbra]

@karmic tiger I'm trying to use picture entity card to rotate through a number of camera feeds without instantiating a conditional card and lots of picture entity cards (which I'm guessing would consume bandwidth irrespective of them being visible or not).

I have two buttons thatI are set up for previous/next on an input select, and I want to use that value to set the entity attribute on a picture entity card

[karmic tiger]

So in short, you want to conditionally display a camera feed based on the input select?

[frozen umbra]

Yes, but with a single card rather than multiple.

[karmic tiger]

The short answer - can't be done natively.

The slightly longer answer - some custom cards may help you. I'd suggest starting with https://github.com/iantrich/config-template-card or https://github.com/thomasloven/lovelace-auto-entities

[frozen umbra]

Thanks! I'll take a look at the links

[frozen umbra]

@karmic tiger the config template card looked promising and fairly straightforward, but don't seem to be getting anything to show up with the following config

• type: 'custom:config-template-card'
  variables:
  - states['input_select.camera.selector'].state
  entities:
  - 'input_select.camera.selector'
  card:
  type: picture-entity
  entity: input_select.camera_selector
  camera_image: '${vars[0]}'
  camera_view: live
  show_state: true
  show_name: false

[long lark]

I am creating a 3D floorplan to implement into my lovelace interface. Should I create a separate .yaml file with the floorplan details and call that from my main lovelace config?

[versed mica]

This here screenshot was taken at 8:58. Why does it say "55 minutes ago"? https://imgur.com/a/pVlYaEP

[faint vortex]

hey, any suggestions for how I should make my pet water fountain UI? It's going to have water level, how long until the filter needs changed, how long until the water needs changed, and if it's on or off

Not sure if this is the right channel for this sort of discussion but it seems the most fitting

thinking maybe someone has some sort of ui configured in a card for something similar or has design ideas

I know how to set everything up, just looking for design suggestions

[fierce haven]

hi guys, a got a question regarding the frontend:
I've implemented a custom frontend card (Atomic Calendar Revive) with HACS (set the path in settings >> lovelace >> ressources) and it works fine on my Laptop and on my iPhone in Safari or the HA app.
Now I tried to access the Lovelace with an old iPad 2 with Safari but get errors regarding this custom frontend element: Custom element doesn't exist...
Any idea if this is a problem with the old iPad or could there be something wrong somewhere else?

[fierce haven]

I think I found the problem: It's not working because of the old webkit integration in iOS 9.3.5...

[buoyant venture]

Hey all, does anyone know if it's possible to specify the list of entites to a lovelace card using a template?

[karmic tiger]

Sure: #frontend-archived message

[buoyant venture]

I looked at those but doesn't seem to do when I need. I'm wanting to specify the list of entities using a somewhat complex template. Auto-entities doesn't give enough control and I couldn't figure out how to use config-template-card to do it as it looks like you need still specify each entity in the target card?

[karmic tiger]

Start by explaining what you're trying to do...

You haven't said why those cards don't work... but the examples for auto-entities show that you can include anything you can come up with a template for:

type: custom:auto-entities
card:
  type: entities
filter:
  template: |
    {% for light in states.light %}
      {% if light.state == "on" %}
        {{ light.entity_id}},
      {% endif %}
    {% endfor %}```

Make that template as complex as you want. It'll work.

[twin tusk]

there is a card to play what i just loaded in media browser (music only)? i tried with mini media player, but seems it doesn't support local media. if i go to media browser and click on each file , sure, the song plays, but i want to have a card

[buoyant venture]

Oh nice! I didn't realise the auto-entities had a template filter. Totaly missed that. Thanks! 😄

[shrewd ridge]

hi guys, cant i add an entity to a scene ? I remember, that i was able to do that but now only devices show up. Do i have to edit the yaml?

[buoyant venture]

Thanks @karmic tiger that was exactly what I was after. Can't believe I completely overlooked that. 🤦‍♂️

[analog plume]

Hey everyone! I don't know if this is the right place to ask. I've been trying to see if anyone has made a way where I can have a tally button or check mark where my wife can just click to tally how many eggs we have received each time we check our coop. I'd love it if this would tally on a Google sheet but I am flexible depending on what's already available.

I've been looking on our subreddit and did some basic googling but I guess I just don't know what I am searching for exactly

[faint vortex]

is there a way to put text on the picture elements card without having to make a custom text entity?

[amber jewel]

Is there an easy way to show all attributes of an entity with the attribute names in front of them in a tile? I have an Entity Card but it seems i can only show one attribute at a time and no name in front

trying to do the code for an entity attribute and it doesnt seem to work

just displays -

think i found it had to look up the real attribute names in dev tools

[mild veldt]

use a counter?

[winter edge]

Is there a card that supports a graph and shows the time on the X-axis? Basically like the mini graph card but with the option to show the time

[raw egret]

Is there a way to change the primary and accent colors for an instance remotely?

I have a kiosk setup that I control with SSH

I want to change the primary and accent colors but they seem to be linked to the current instance rather than the profile

I'm running the default theme

[polar kelp]

history-graph

@raw egret I don't think there's any way. Not even browser-mod can do that yet.

[raw egret]

Thank you

Will have to plug in a mouse like a caveman :p

[polar kelp]

You could change the theme globally...

And you can change the theme entirely with browser-mod. But not only the primary color.

[raw egret]

I guess I could make a copy of the default theme and apply it like that?

[polar kelp]

Or make a new theme with only the changes you want. The rest will be taken from the default.

[raw egret]

Sounds good

Appreciate it

[winter edge]

@raw egret have you seen https://github.com/custom-components/remote_homeassistant ? Not sure if that would cover what you need, I haven't really taken a hard look

[raw egret]

I'll take a look, I actually have 2 instances running so that could be useful

[winter edge]

@polar kelp I tried history-graph. What I'm trying to do is show a graph of when lights are on / off . Because that information doesn't have units, I can only get the horizontal stacked bar view, was hoping to get the line graph. Can I somehow force it to that view?

[polar kelp]

Well... you'd have to invent a numerical value for a line graph to make sense anyway... so a template sensor should do it.

[livid socket]

Hello. I am trying to integrate earthquakes information. and using the USGS integration. In return I get a set of entities that change everyday. For example "geo_location.m_4_2_88_km_ssw_of_puerto_san_jose_guatemala"
How can I create a card that accepts any geo_location.* entitities?
I've been trying to use Entity Filter Card
but not sure if that is the way

[winter edge]

I can do that using mini graph card using the state_map, I just can't see the time frame on the x-axis

[polar kelp]

The map card accepts geo_location.

[livid socket]

yes i am using it, but I want a list

[polar kelp]

Then you may want to look into auto-entities.

[livid socket]

ok let me take a look

thanks tomas I think this should solve it

[winter edge]

@polar kelp thanks for the nudge back to the history-graph, the default view actually works out well. I had my blinders on for a different style of view, but this is great

[polar kelp]

Be aware that it could switch colors every now and then, though.

It's way overdue for a replacement...

[winter edge]

Noted. Customizing colours would be a nice addition

[livid socket]

@polar kelp this did the trick:

type: 'custom:auto-entities'
card:
type: entities
title: Earthquake
filter:
include:
- domain: geo_location

[wicked sphinx]

https://imgur.com/a/u8ySW63

Climate device types do not record heating mode (hvac set mode) (and therefore this cannot be seen in history tab, or in any history lovelace cards). They only record hvac action, set- and real temps.

Anyone know why? Is this a bug, or no one has thought to implement it yet. Seems like it would be useful to see when the thermostat is actually turned to heat, rather than only when it is physically heating.

oh look, embeds are also disabled in this channel, not just attachements

[split granite]

They are generally 😉

otherwise the channels vanish under a sea of images

[wicked sphinx]

they are? okay, didnt notice lol. i just rarely use imgur when possible

[split granite]

There's a few channels they're enabled in, but the default is off

[wicked sphinx]

true, discord should lower the cap for maximum embeds on one post

[karmic tiger]

One per post is still way too high. 😉

A climate device is 'turned to heat' when the target setpoint is higher than the current temperature. That information is already readily available in the graphs HA provides.

If you want to track the state's history yourself, make a sensor that just exposes that.

[wicked sphinx]

Nah, nah.

That's the hvac action. Ie. Is the device currently heating, cooling, cooling with fan, idle, whatever else.

What I meant was the hvac set mode. Usually this is like heat, heat+cool, cool, off, auto, or sometimes other stuff, depending on the product.

For example, a device could be set to heat+cool, but the action might be idle, as the target temperature and real temp are close.

Does this clear things up?

[karmic tiger]

Which part of that can you not infer from the existing information?

[wicked sphinx]

Ye, it is inferrable in most situations. Especially with a basic heating only thermostat. Like in my picture

If, however, you had an A/C and central heating using just a single smart thermostat (and therefore a single device in home assistant) it would be harder to tell whether it's set to, say, heat+cool, or just cool on a hot day

[karmic tiger]

You'd know whether it's trending toward the setpoint or not. Trending downwards = cooling. Trending upwards = heating.

🤷‍♂️

Or... go with the solution I already offered. Make a new sensor.

[wicked sphinx]

I guess that works if using like a DIY ESPHome- based thermostat. I will probs do just that, thanks. But with other, off the shelf alternatives that might not be an option.

[karmic tiger]

I'm using an off the shelf thermostat. 🤷‍♂️

If HA can see it, you can use it.

You're after the state of an entity, no?

[wicked sphinx]

How can you make a new sensor for this hvac set mode?

No, the state of a climate device is the hvac action, isn't it?

[karmic tiger]

Is what you're after represented here, either in the state or the attributes? http://prntscr.com/whsr38

[wicked sphinx]

No, you're right. The state is the HVAC set mode.

Huh. Right okay, that's cool to know.

So, how do I make this state into another sensor?

[karmic tiger]

Well if it's something that's already the state of an entity, you don't need to. Just graph that entity.

If it's an attribute, you'd make a sensor to expose it as the state of a new entity.

[wicked sphinx]

I do graph the entity (the thermostat) and it only shows three details:

Set temp
Real temp
HVAC action

It doesn't show the HVAC mode, which is the state, as I've just discovered from you.

Check my original image if you haven't already. Images speak 1000 words.

You can see, the HVAC mode isn't actually graphed.

http://imgur.com/a/V2UGlcJ

Just incase, here is the same entity, the thermostat, in developer tools. HVAC mode is the state, currently "off".

[karmic tiger]

You realise that graphs have to share a unit, right?

In your case, the state is unitless. It cannot be graphed alongside temperatures.

Make a new graph 😉

[tawny vault]

Or use a custom graph integration where states can be graphed

[karmic tiger]

I'm pretty sure even custom graph cards follow the same logic. If you want multiple lines on a chart, they have to share a unit, otherwise the y-axis scale is meaningless.

At best, you'll get 2 separate y axes... but that type of chart is a PITA to read. And again, only helps where there are units involved (i.e. the data is linear)

[wicked sphinx]

Issue is that when I add the entity to the graph, it shows those three values automatically. Whether I make a second graph doesn't matter, it'll still automatically show those three values, and not the state

[wicked sphinx]

That, might actually work. Thanks.

[karmic tiger]

Ok. So it's giving special treatment to it because it's a climate entity. Back to my earlier suggestion then - make a new sensor that exposes only the state.

[tawny vault]

You can do something like tempts or humidity as y1 axis and use y2 axis to plot when your device is on/off or heat/cold etc
Pretty much the only useful way to have so something like that

[karmic tiger]

on/off is fine, that's binary. heat/cold/heat+cold/idle... not so much

[wicked sphinx]

Yh, that's probs the best option.

I googled and found a way to use the template sensor type for getting another entity's state

[tawny vault]

You can do more than 2. But yeah graphically it would be like 0 / 1 / 2 so not visually usefull

[wicked sphinx]

Different colours meaning different options, then shade sections of the graph depending on. But that wouldn't work as that's already what's being done for HVAC action. Hmmmm

Well anyways, thanks all of you. I'll be sticking with template sensor for now. It's not ideal, but it gets the job done.

I do wish there might be a way to show state (HVAC mode) as a seperate graph when you go to the history tab. Eh whatever, there's more important bugs to squash right now I'm sure. It's only a minor detail

[twin tusk]

how can it be displayed an attribute in a card ? particularly i want to show time attribute in auto-entities card using geo_location filter. i know that clicking on entity will show that, but i wonder is i can get it straight into card

[karmic tiger]

Make a template sensor first 😉

[twin tusk]

with time?

[karmic tiger]

With... anything you want. It's a template.

[graceful dagger]

I think this is a #frontend-archived question. When I restart HA, I have some light groups that all just show as "unavailable" and greyed out. If I toggle one of the lights within the group it becomes active and functions fine. If I go into Configuration/Server Controls, and Reload Groups, it picks up fine. It happens any time I restart HA, and once they become active they're fine until the next time I restart it. What could cause that and how on earth can I fix it?

[karmic tiger]

The UI is just what shows them. More likely, it's the #integrations-archived themselves that are the problem.

But the easiest fix... stop restarting HA.

[graceful dagger]

lolol

They're light groups of (mostly) zwave but also some hue's. The individual lights themselves all show up as active, but the group that they're a part of does not until one of the member lights has toggled.

Is that still #integrations-archived ?

[karmic tiger]

Groups are integrations, yes.

[graceful dagger]

👍🏾 Perfect then, thank you!

[twin tusk]

template sensor for auto entities - nothing to find as an example 😦

[faint bloom]

I'm attempting to have a button for an input_select go to the value of Home when held
my syntax is off, but I don't know how

type: button
tap_action:
  action: more-info
entity: input_select.home_mode
hold_action:
  action: call-service
  service: input_select.select_option
  data:
    entity_id: input_select.home_mode
    option: home
show_state: true
show_name: false
show_icon: true

i get an error, but it disappears before I can copy it

"Failed to call service input_select/select_option. required key not provided @ data['option']"

[tiny lion]

Hello, I've been running HA proxied over Nginx for a long time now. Now I am unable to sign in. When I try signing in now /auth/login_flow throws a 400 and this message. "{message: "IP address changed"}"

[kind shell]

@tiny lion posted a code wall, it is moved here --> https://paste.ubuntu.com/p/rkfNXRPfSC/

[tiny lion]

I got it to work. Changed the proxy from localhost to the machine's ip address.

[vapid field]

How can I force my lovelace UI to be one column, rather than two?

[vapid field]

I have the following display problem in the Chrome browser and in the Android app.
What is the cause?
I’ve already cleaned up the chace.
Doesn’t bring anything. https://community.home-assistant.io/t/chrome-browser-fronted-isues/256936 https://community.home-assistant.io/t/input-select-isues-in-chrome-browser-an-android-app/259617

[west marsh]

You can add vertical stack card

That will force the UI to put the cards inside the vertical stack to be in a single column

[vapid field]

@west marsh thats a card right? Not just a quick additional yaml entry right?

[west marsh]

That’s correct

[vapid field]

Can I easily add that to the head of the yaml or will I have to remove everything and basically start fresh?

[polar kelp]

Open the raw configuration editor. Copy the stuff you want. Add a stack card in the gui. Switch to yaml editor. Paste.

[mossy pier]

HA is unable to read (and present) more than the first 100 albums in my media library (starting at 'A' ending half way through 'B').
The same is true for the artist list as well. It shows only half way through the letter 'A'
I have some 9000 albums in my media library. How can I make HA able to browse the whole library?

[karmic tiger]

Delete about 8900 albums and it should work okay.

[vapid field]

hi, i fail to see how i can place a slider to control the volume property of a media player on a lovelace dashboard - care to point me in the general direction?

( like place a slider-entity-row element controlling volume of a media player )

[dawn acorn]

#devs_core-archived message

[karmic tiger]

Close... 😉

You can use an input_number, it will be represented as a slider.

Tie an automation to that.

[vapid field]

oh, ok. can try.

[glossy garnet]

Hi
Does anyone know if it's possible to put in multiple icons on a button card. I have a button for vacuuming the different rooms in our house, but I want some extra buttons where I have combinede the room. Ex. Kitchen and Hall mdi: silverware + mdi: hanger.

[quaint cosmos]

Hi all... Using the simple-thermostat custom card and would like to display one of the attributes from my climate entity in it. Is there an "easy" way to accomplish this? The entity is climate.th6320zw2003_t6_pro_series_thermostat_mode and the attribute is fan_action. Since I have my hvac fan set to circulate, it comes on and off at certain intervals, I would like to be able to see its state in the card.

[visual gull]

anyone give me a hint how to change the icon for a group of lights into just a simple toggle switch? driving me crazy guessing at the mdi:X

[glossy garnet]

icon: none?

[visual gull]

none just sets it blank

[glossy garnet]

Right. Is it a card where you can add action: toggle?

[visual gull]

yeah

[quaint cosmos]

@visual gull Are you looking for a list of the icons and the images?

[visual gull]

no, i have that already

[glossy garnet]

What type of card?

[quaint cosmos]

Ahh, looking for the procedure..

[visual gull]

im looking to get a group of lights to toggle like Lovelace usually has a single light function... just a simple toggle

mmm... button card... good call...

i bet thats my problem

[glossy garnet]

Jep... You properly need a entities card or similar

[visual gull]

YUP! got it!

thanks! sometimes just a puh in the right direction, or another set of eyes is all you need 🙂

[glossy garnet]

NP

[quaint cosmos]

SO my problem was simple.. Just a senor temple and all is working as I want it..

[broken ridge]

Yesterday I upgraded my Hass_OS on my Pi 4 to 2021.1.0 . Since roughly that timeframe, all my custom cards that were installed via HACS stopped working. aftership-card and upcoming-media-card both say "custom element doesn't exist." Both worked two days ago. I can't claim for sure the upgrade is causal but it is coincident

I tried unistalling and reinstalling Aftership-card just to see

[karmic tiger]

Ctrl+F5 in your browser.

[long lark]

I am following a few tutorials on Lovelace. They mention modifying a ui-lovelace.yaml file. I don't have this file, I think because I am not in yaml mode? Is modifying my main dashboard via the raw configuration editor the same as editing the ui-lovelace.yaml file?

[mild bobcat]

i have a fresh install and installed the mosquitto MQTT... trying to publish something gives me access denied so I'm guessing by default that the MQTT is using authentication with the same users that are created inside home assistant? and if so, where do I make new users? I see that there is an option named "People" but that doesn't seem like what i want for a utility account to post sensor measurements to MQTT

[mild bobcat]

nevermind, looks like you need to turn on advanced mode in your profile to see that

[potent nova]

can i access google through the iframe card somehow? it shows that google denied the connection

[polar kelp]

Highly unlikely you'll get that to work. Iframes are a huge security risk, so most decent sites don't allow them.

I think maybe possibly perhaps you could set up a proxy somehow...

[potent nova]

i guess it wont work with Custom Panel too?

uses iframe too so no..

okay, i have to find another way to access google through my dashboard tablet
thanks!

[tulip wind]

Hullo! 👋 New HA user, just got a Proxmox-based install working, with deCONZ (Conbee II) and a couple of Hue lights to test. Has been fun so far. 🙂

Hitting my first issue that I can't debug on my own (yet!) and thought it would make sense to ask knowledgable people. When using the lovelace slider for dimming or changing the color temp of the light, I've noticed that it almost always jumps back to a prior value in between start and end, then finally updates to the end value, over the course of 1-2 seconds. The jumpiness seems to me to be an update going from the light back to the front-end indicating that the state is "part of the way done" transitioning. E.g., start at 10% brightness, drag it up to 90%, release the click, the slider jumps back down to (say) 48% momentarily and then a half second later kicks up to the proper ending value of 90%.

Is there a way to tweak the response time on the UI side to account for these partly-done updates coming back to the UI? E.g., wait a couple of seconds before updating the state of the thing that was just changed?

[dim jolt]

hi front-end gurus..... whats the best way to change the size of a custom:button-card based on whether viewing from a tablet/desktop (fully or chrome) or HA iOS app on a phone

[potent nova]

create another dashboard for each device

[twin tusk]

hi. attributes custom card seems vanished. anything to replace with to show attributes of entity?

[steady pike]

Hi, someone has success to change the theme color of HA with the help of the "frontend.set_theme" service ?

[near knot]

What's the advantage of the Home Assistant app over the web interface?

[serene walrus]

Is it possible to assign my kids to a specific dashboard? i cant seem to figure out how to set this up

[twin tusk]

https://www.home-assistant.io/lovelace/dashboards-and-views visible + users

[serene walrus]

thats for the tabs if i'm correct, i want 1 dashboard for me and 1 for my wife and 1 for my kid etc

is that possible or do you have to create one massive dashboard and play with the visibility? (seems counter productive)

[twin tusk]

each dashboard is a view....

so u go into raw config editor and for each view u set visibility per user

duplicate your lovelace first , then in copied version u can play with views

[serene walrus]

so if i have 4 dashboard for 4 users: i need to open each dashboard in raw editor and add the "visible" statement on the upper level ?

do i need to be in Yaml mode for the UI?

[steady pike]

It is possible to have a view that show the title AND the icon ?

[near knot]

Is this accurate? I have the impression that each dashboard may contain several views (although some people call them "tabs").

...and each of those views (tabs) may be visible by an number of users.

[twin tusk]

my mistake. mixed up things. u are right

[glossy garnet]

Hi
How can I make an entity in an entities card, that is the source_list from "Mini Media Player" e.g? To put it simple, I want my Sonos source_list as an entity

[near knot]

The only reason it's so fresh is that I only learned about multiple dashboards earlier in the week!

[solemn narwhal]

Does not look like you can: https://www.home-assistant.io/lovelace/dashboards-and-views/#view-icon. You could add it as a feature request.

[steady pike]

Thanks :)

[hybrid berry]

you mean you want to limit the selection of the media player entities?

[glossy garnet]

No I want to make my own media_player where i can select my Sonos Favorites like in the mini_media_player. I just need to find out how to call the individual playlists/radio stations through Sonos

[craggy schooner]

Can you get a zigbee group to show in the lovelace ui with it's member lights?

or do you have to add it all manually?

[mild veldt]

No, the light group does not contain such context unfortunately. I've always thought it to be a big oversight.

[craggy schooner]

ah.. that's a shame

Ok.. so.. I've been looking around.. at it does seem that the entities card gives a "master" toggle for the entities in its list... eh. I'm trying to figure out two things.

1. This entities card master toggle, can i bind that to a zigbee group that I have? I'd rather send the one command to the group than to each individual member.

2. In my Entrance, I have 2 groups of 3 spotlights.. These are grouped in Zigbee so there is a group for each set of 3 and a group for all 6. I'm trying to figure out if there is a good card to structure this into one "Entrance card" with the 2 groups and the lights at the third level.. but I haven't found such a card that nests deeper than the entities seems to do.

[mild veldt]

The top level toggles each entity listed separately

I'd use the navigate action to go to a view you made for the nested lights

[craggy schooner]

yes but entities adds a toggle next to the title which is nice.. but I'd like to link that to my zigbee group instead of it generating one

[mild veldt]

Like I said, that's not how it works

[craggy schooner]

gotcha.. shame

[polar kelp]

Light groups do have an attribute with their members.

I think auto-entities can unwrap it.

[craggy schooner]

hm.. I'll try that

[polar kelp]

But I may be wrong. Can't remember if I implemented that or not.

That's this light group, btw. The ones you get from your zigbee integration may be a different story. https://www.home-assistant.io/integrations/light.group/

[craggy schooner]

hm

I'll give it a shot... children aren't listed in state attributes though so

[polar kelp]

It should be an entity_id attribute

But I think that would be hard to maintain for an integration, since the group may or may not contain lights that are not registered as separate entities in hass.

[craggy schooner]

ah ok yeah

no luck

https://i.imgur.com/l9fbt2g.png

maybe if i was using ZHA but alas

back to trying to understand the quagmire of when to use - and when not to

[polar kelp]

http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/

• means it's an item in a list.

[craggy schooner]

yeah i know it is a list

gonna have a look at that resource.. so far no resource translates into some of the more complex examples you have to do when nesting stuff for the config.. just explains the basic verison.. afk a bit

[twin tusk]

type: 'custom:secondaryinfo-entity-row'
secondary_info: 'Altitudine: [[ device_tracker.sm_g950f.attributes.altitude ]]'
how to put unit of measure (meters)

[dawn acorn]

do 'er on the entity

[twin tusk]

not understand

[dawn acorn]

https://www.home-assistant.io/docs/configuration/customizing-devices/

[karmic tiger]

I don't think that will work for that JavaScript template.

secondary_info: 'Altitudine: [[ device_tracker.sm_g950f.attributes.altitude ]]m'

Just add the unit in the string.

[dawn acorn]

oh, I should read

Is it already meters?

oh, wait. I should read more

If you are wanting to log the stuff you can make a template entity or just add the M with templating like mono said

[twin tusk]

now is displayed only 144 and i want to se that 144 m or 144 meters are displayed

no need to convert to another unit

[dawn acorn]

yeah, it's pretty simple. it's what mono said

[twin tusk]

as always mono has right

[dawn acorn]

I just say wrong things so the people with colored names correct me

way easier for me to remember

[twin tusk]

:)))

[dawn acorn]

I can't find the js templating docs, I am blind

or is that jinja too and I am just dumb

ohhh, it is just that card/its deps

[twin tusk]

so if i am missing unit i can add it outside the brackets

precious info for me

[dawn acorn]

yes, like mono's example

[twin tusk]

already working nice . i sit on 144m above earth :))

[dawn acorn]

uhhh

[craggy schooner]

I'm not getting a color temperature bar for my IKEA bulbs, anyone know what might be wrong?

[karmic tiger]

It's a 'template string'. The bit inside the funny brackets is actual code, the bit outside is just your words.

The syntax is different with custom cards but it's just JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

[twin tusk]

i see. searching for an updated attributes card i found this customisation and i am happy 🙂

[soft valve]

Hi guys I hope someone can help. I wanted use Lovelace both in the GUI and yaml and it does seems like it’s working but only kinda half, but I think it comes down to me not knowing exactly where to put things.

Firstly I should put the Lovelace: mode storage on, and that works. I also made a dashboard so they worked.

[karmic tiger]

I wanted use Lovelace both in the GUI and yaml
You want YAML mode and UI mode? I don't think that's possible.

[soft valve]

I added some resources for the custom:button-cars and that works. But when I’m add the button_card_templates, it seems like it’s not working or either not reading it. It feels like it’s not reading ui-Lovelace.yaml file any more.

[soft valve]

According to the official hass documentation you can but the settings seems wierd and that’s properly why I can’t figure it out.

According to this you can.

https://www.home-assistant.io/lovelace/dashboards-and-views/

But it then seems like you are configuring it in the “main” yaml file instead of the ui-Lovelace file.

[twin tusk]

button card templates works nice but you have to add the content in raw editor of that ui lovelace u want to customise

[karmic tiger]

Well, yes... it explains how to make the YAML files for your dashboards:

lovelace:
  mode: storage
  # Add yaml dashboards
  dashboards:
    lovelace-yaml:
      mode: yaml
      title: YAML
      icon: mdi:script
      show_in_sidebar: true
      filename: lovelace.yaml```

But... if you aren't confident with this, just use the UI mode.

[soft valve]

Yup I get that and that is working, fine in the yaml file, but when I try the button card template im exactly sure where to put configuration

There only place the validation will accept it in, is the ui-Lovelace file, but it looks like that is not read anymore after I did the other settings

[twin tusk]

maybe showing us will be better

[soft valve]

Okay give me 2 sec.

[twin tusk]

i put same template in "production" dashboard and in test dashboard and works fine

[soft valve]

okay so this is my main configuration.yaml regarding lovelace.

https://paste.ubuntu.com/p/xBf69pxcVQ/

and this in the ui-lovelace.yaml

https://paste.ubuntu.com/p/KdGgZ7cMty/

[polar kelp]

What "validation" are we talking about here?

[karmic tiger]

You're not using ui-lovelace.yaml if you're doing it in YAML mode.

Put it in configuration/lovelace/lovelace-test.yaml

[twin tusk]

like... https://pastebin.ubuntu.com/p/kCPBwqgpBp/

written straight into lovelace dashboard - raw conf editor

[soft valve]

this is then the lovelace-test.yaml file

https://pastebin.ubuntu.com/p/q7Q5ssqSXT/

and lastly yhe button tamplate file

https://pastebin.ubuntu.com/p/zhXPx8RFdw/

[soft valve]

the configuration validation you can run server controls...

[soft valve]

but should that be put into the dashboard settings yaml file, or the general lovelace file..

[polar kelp]

"raw conf editor"

[soft valve]

yeah i don't have the raw editor when running in yaml mode.

[polar kelp]

configuration.yaml and any files !included from that tells lovelace where to find the lovelace configuration (e.g. /config/lovelace/lovelace-test.yaml). Anything else that directly relates to what the frontend does or looks like goes in the frontend configuration files (e.g. /config/locelace/lovelace-test.yaml)

[polar kelp]

BUT, regarding this; I don't think you can use mode: storage and also define resources from the backend. You may need to define the resources from Configuration -> Lovelace Dashboards -> Resources.