frontend-archived

[timid burrow]

updated entity, no subscriptions

          - entity: sensor.gpodder
            type: custom:podcast-card
            name: Home Assistant Podcasts
            default_target: media_player.office_speaker
            show_player: true
            custom_player: true

setup as per example for sensor and lovelace card

[mild veldt]

You need to have the same device listed for the sensor as you do on gpodder

[timid burrow]

# Home Assistant Podcasts on gpodder
gpodder:
  username: !secret gpodder_user
  password: !secret gpodder_password
  sensor:
    - enabled: true
      name: gPodder

so on gpodder I should set the name of the device as gpodder?

[mild veldt]

the default is homeassistant

[timid burrow]

yes that's what it is... so I should make that the device name under sensor: name: above? or change the device-id on gpodder to gpodder?

[mild veldt]

you should have this on gpodder.net

I'll have to do a better write-up on the gpodder.net setup

bedtime now

[timid burrow]

i set the name and deviceid to gPodder still nothing

changed the deviceid to homeassistant. boom.

lovelace card won't load though

[mild veldt]

@timid burrow pushed a change out to the gPodder component that should fix that

[devout loom]

Is compact custom header not working anymore? Mine just broke after updating

[gloomy crag]

Good morning all

I'm trying to add a button to Lovelace to activate a scene. I pick the scene as my entity and then call service scene.turn_on but it gives an error saying no key

I am using the Entity Button

type: entity-button
tap_action:
  action: call-service
  service: scene.turn_on
  service-data:
    entity_id: scene.theater_watch_tv
entity: scene.theater_watch_tv
name: Watching TV

[mild veldt]

service_data not service-data

[gloomy crag]

DOH!!!

Thanks, that fixed it

[grim karma]

hi guys, yesterday i update my hassio to the latest version., but now i cant find the add-ons menu. Was the menu moved to another place? I check my user an have the Administrator role but i can see that. Tnks 4 your help.

[devout loom]

@polar kelp Any idea what this is all about? It keeps spamming my log every few minutes: 2019-03-21 19:17:17 ERROR (MainThread) [frontend.js.latest.201903200] http://xxxxxxxxxxx/local/custom_ui/card-tools.js?v=deb8e3:68:18 Uncaught TypeError: Cannot read property 'querySelector' of null

[mild veldt]

@grim karma make sure you update supervisor

[grim karma]

i execute on console, apk update, apk upgrade, and fix and issue with a sensor and now i can see the (Hass.io - addons) menu option tnks for your help

[polar kelp]

@devout loom try one of the 15 updates to card-tools that has been released in the month that’s passed since you got yours.

[void marten]

is the mini-media-player card the best general spotify media card?

[mild veldt]

there is a dedicated spotify card

[wheat current]

"best" is subjective 😉

[mild veldt]

^that too

[void marten]

haha, purely opinion based

the mini one looks considerably more...fuller than the default spotify component and it has sonos integration, etc.... so I'll aim that way unless you guys say there is a better alternative? 😄

[wheat current]

Like @mild veldt there is a "dedicated spotify card", but personally I'm in favor of the mini (for general purposes)

[void marten]

okey dokes, ty

[mild veldt]

you could also have both and use a state-switch to show either one

https://github.com/thomasloven/lovelace-state-switch

[void marten]

Ta chap, not sure if need that yet though

"yet"

[coarse knoll]

i know i read it somewhere about custom cards not loading on tablets, can anyone point me in the right direction?

[high steppe]

Hi everyone, I try to change image depending of state https://pastebin.com/6shRtehr not working
its an picture-elements with that code on
Anyone got an idea. I'm just tired right now 😉

[gloomy crag]

what is the best way to execute a scene from a button in Lovelace? Using an entity button seems broken

I have automations for each of my scenes if that helps

but they are for webhooks, so maybe not

[raven nacelle]

@high steppe What is not working?

[high steppe]

the pictures don't change on state change

[raven nacelle]

check the state in and make sure you are using the right state

[high steppe]

done that

[raven nacelle]

also, make sure the images are in thr right path and have the right permissions

is there a typo oppen_sm.png

[high steppe]

no

checking path

[polar kelp]

What's a state-image?

[high steppe]

https://www.home-assistant.io/lovelace/picture-elements/#how-to-use-state_image

[polar kelp]

no

[raven nacelle]

@high steppe see an example https://github.com/arsaboo/homeassistant-config/blob/master/ui-lovelace.yaml#L48. It should be type: image

[gloomy crag]

not sure why my button is complaining no identity_id in data

type: entity-button
tap_action:
  action: call-service
  service: scene.turn_on
  entity_id: scene.theater_watch_tv
hold_action:
  action: none
entity: scene.theater_watch_tv
name: Lights to watch TV

[mild veldt]

That's not how you define a service call. Check the docs again on service_data

[gloomy crag]

i'm trying to follow the format made by the webUI when you generate a service call button but I can't work it out

[mild veldt]

Didn't we already go over this @gloomy crag ?

Those are different things

And don't follow the same format

[gloomy crag]

I can't get it to stick, when HA restarts it loses all the button config

[mild veldt]

Known issue on the repo

It's there, just don't open it up in the UI editor for now. Use raw config editor

[gloomy crag]

so no way to make a scene button in the UI right now?

[high steppe]

As I said I'm tired. Thanks so much both of you. Still not working but I'll leave it until tomorrow @raven nacelle @polar kelp

[mild veldt]

@high steppe share your relevant config

[gloomy crag]

ok worked out the syntax

so as long as I keep the raw editor toggled it will save ok?

[fossil kindle]

Hi all,
can anyone see whats wrong ??
``

• columns:
  • field: title
    title: .
    regex: '^[^\ ]+'
  • field: summary
    title: .
    entity: sensor.skolmaten
    title: Skolmaten
    type: 'custom:list-card'
    ``

[high steppe]

@mild veldt https://pastebin.com/y7hy5TW9

[devout loom]

Hmm @polar kelp , I had it in my custom updater, and there wasn't any updates, so not sure how I could get 15 versions behind. I manually updated it now, will see what happens.

[opaque matrix]

anyone found a fix for 'Service persistent_notification.create not found'

where is it used?

after upgrading to 0.90, my HA crash with this error

[mild veldt]

@high steppe

tap_action:
  action: toggle

FYI

[elder pendant]

@opaque matrix what card are you trying to call that service from?

[high steppe]

@mild veldt thanks missed checking that

[opaque matrix]

not 100% sure, just getting the error after upgrading - here is my full log when i boot

2019-03-21 22:08:50 ERROR (MainThread) [homeassistant.auth.providers] Invalid configuration for auth provider legacy_api_password: required key not provided @ data['api_password']. Got None
2019-03-21 22:08:50 ERROR (MainThread) [homeassistant.config] Invalid config for [homeassistant]: required key not provided @ data['api_password']. Got None. (See /config/configuration.yaml, line 3). 
2019-03-21 22:08:50 INFO (MainThread) [homeassistant.core] Starting Home Assistant
2019-03-21 22:08:50 ERROR (MainThread) [homeassistant.core] Error doing job: Task exception was never retrieved
Traceback (most recent call last):
  File "/usr/local/lib/python3.7/site-packages/homeassistant/core.py", line 1115, in async_call
    raise ServiceNotFound(domain, service) from None
homeassistant.exceptions.ServiceNotFound: (ServiceNotFound(...), 'Service persistent_notification.create not found')
2019-03-21 22:08:50 INFO (MainThread) [homeassistant.core] Timer:starting

[raven nacelle]

@opaque matrix this is not lovelace related. Also, please read the breaking changes carefully, most of your errors are clearly documented there

[opaque matrix]

it was the legacy api - making it unable to boot thx

[fossil kindle]

anyone have time to help me ??

[opaque matrix]

but i do got one question that is lovelace related, im having in lovelace and not the old GUI, these "not found" badges, how do i remove them? i tried configuration mode no luck as well in known_devices where i have track: false at the device i dont wont to see: https://imgur.com/a/IrRD38R

[split granite]

@fossil kindle As we've said before, you have to ask the actual question, not ask if you can ask, or ask if people can help with an unspecified problem/question/whatever

[fossil kindle]

problem with the list-card in lovelace

[split granite]

And what is that problem? Nobody here can read your mind, or guess at the problems. You have to tell us the error message, provide the problem, and so on

[fossil kindle]

- columns:
- field: title
title: .
regex: '^[^\ ]+'
- field: summary
title: .
entity: sensor.skolmaten
title: Skolmaten
type: 'custom:list-card'

can not get this to work

[polar kelp]

Read the bullet-point list at the bottom of this: https://github.com/thomasloven/hass-config/wiki/My-Lovelace-Plugins

Much of that applies here too

[odd light]

anyone using blue iris and streaming video to lovelace with the new camera feature?

[frosty pelican]

directly into a card? not sure if thats possible but i have blue iris setup with the new stream feature

wehn you click on a card with a supported camera you will see the new feature

[odd light]

I wanna use this https://www.home-assistant.io/components/camera.generic/

yes

I found how to pull the stream straight from the cameras, but was wondering if I could get it straight from BI instead.

[green ice]

@odd light that’s a #330944238910963714 question, but look here: https://community.home-assistant.io/t/stream-component-confirmed-cameras-and-configurations/106729

[odd light]

this looks like it, gonna try it

[odd light]

@green ice how do I add the camera stream to lovelace?

I'm ready to test it.

[violet talon]

I'm using a picture entity card

[green ice]

The still image displays on Lovelace picture entity, the click opens the stream.

[odd light]

ahh

yeah thats not quite working, must be an issue with my streams or something, rtsp worked in vlc, no idea about the snapshot

is this all I need in the card?
type: picture-entity
entity: camera.storage_room_cam

I was kinda hoping it would steam in the window anyways

I keep my BI page up at work along with my HA dashboard

[tacit cave]

Hey, so is there a way to make a card that is just the picture glance dark grey transparent strip?

I jerry rigged it in the past with a transparent image that is only 20 or so pixels high. Just wondering if there's a way to call just the 'ribbon', no image.

[high steppe]

@raven nacelle @polar kelp @mild veldt Thanks for the help yesterday. It was all on me. I had gotten an old configuration.yaml file from the wrong backup. It suddenly used the storage lovlace config. Could have gone more wrong. I did say I was tired. 😉 Valuable lesson learned (hopefully)

[vapid field]

hi guys, do you know a way to change the text font of home assistant?

[civic sedge]

seen it only on cards

[vapid field]

I supposed, thanks anyway 😄

[civic sedge]

Just changed to yaml mode with !includes - But when I change a included file its only updates on a restart?

a way around this?

[wheat current]

Do an "edit" and save in the main file

[civic sedge]

Ah cool - thats easyer - Thanks

[polar kelp]

Most of the time you don't even need to change anything, just save it to update the modified date.

Or you could use the refresh option from the three-dots menu. That should reread all includes.

[restive flicker]

Howdy.... trying to add custom cards but getting lost on the process... most of them say to drop a .js file in the config/www directory.... since I don't have that I just create it?

[wheat current]

Yes

[elder pendant]

And don't create a ui-lovelace.yaml file if they tell you to. Use the raw editor

[restive flicker]

jsut the raw config editor when editing from the UI itself?

[gaunt shuttle]

hello i am trying to get configurator to work on the sidebar of lovelace but does not work...if i use direct url it works...can help?

[elder pendant]

@restive flicker yes. When you go into edit mode (top right three little dots) hit the same menu button in the top right to go one step further into the raw editor

[restive flicker]

@gaunt shuttle - bottom of this page - https://www.home-assistant.io/addons/configurator/

@elder pendant - got it, thats what I thought you meant... doing that now

[gaunt shuttle]

yes thats what i have

[elder pendant]

Did you restart home assistant?

[gaunt shuttle]

yes but will try it again

[elder pendant]

Try clearing browser cache as well

And where exactly are you placing that configuration?

[gaunt shuttle]

does not work ...

[restive flicker]

so i am trying to do the mini media player card.... I wanted to make the config as basic as possible, I dropped the js file in a newly created www directory under config, then I added the resources: and the url under it..... when I create the custom card it doesnt work.... how do i post code here again?

[gaunt shuttle]

altough if i go to the addon itself and choose open UI it works

[elder pendant]

Where are you placing that configuration?

[restive flicker]

@gaunt shuttle did you copy that url that works into the code from the instructions?

[gaunt shuttle]

yes i did

[elder pendant]

~share @restive flicker

[kind shell]

@restive flicker Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.

[restive flicker]

@gaunt shuttle as Vilhelim asked where are you putting that code?

[elder pendant]

And did you restart home assistant after making the www directory?

[restive flicker]

-share resources:

• url: /local/mini-media-player-bundle.js?v=1.0.3
  type: module

[gaunt shuttle]

in configuration.yaml

and yes restarted

[restive flicker]

yes I did

[elder pendant]

@gaunt shuttle did you run a config check and can you share your relevant configuration?

[gaunt shuttle]

ok will share. wait a sec

[restive flicker]

@elder pendant does that resource add look correct? should it say www or something too? I don't undertand the url:/local thing

[elder pendant]

local is www as far as lovelace is concerned

[restive flicker]

ah ok

[elder pendant]

Can you post the github link to the card?

[restive flicker]

@elder pendant - sure.... https://github.com/kalkih/mini-media-player

@elder pendant thanks for your help

[elder pendant]

Where are you placing that in your raw editor? It should be at the top. Try going directly to the file http://<your-ip>/local/mini-media-player-bundle.js

[gaunt shuttle]

i have this:

panel_iframe:
tasmoadmin:
title: TasmoAdmin
icon: mdi:lightbulb-on
url: https://myurl.duckdns.org:9541
configurator:
title: Configurator
icon: mdi:wrench
url: http://hassio.local:3218

[restive flicker]

do you have SSL on your instnace?

[gaunt shuttle]

i think no because if if copy with https if gives error but with http://hassio.local:3218 it reaches (direct copy on browser)

[restive flicker]

but how about for hassio?

it needs to be the same

[gaunt shuttle]

and on the addon i have this:

[restive flicker]

in the config for configurator make sure ssl is true if you're using ssl for your home assistant url

[elder pendant]

Does tasmoadmin show up in the sidebar?

[kind shell]

@gaunt shuttle posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/67ZfdqD5vY/

[gaunt shuttle]

yes tasadmin shoes

with ssl true i cannot even acess with pasting the url

[restive flicker]

the url will change, it will be https

that might be obvious, sorry

[gaunt shuttle]

yes...changing it

[restive flicker]

@elder pendant - I get a "Not Found" page

[elder pendant]

Okay that means something went wrong with the www directory

Where did you put it? What's the full path in your system

[restive flicker]

using samba i go into the config directory and then i created a www

I'm using hassio

should I create the directory in terninal?

[gaunt shuttle]

so basically with ssl false, i can use the "open UI" button on the addon interface. and the url shows https... with ssl true cannot open the url with our without https...

[elder pendant]

None of this should apply to the link not showing up in the sidebar...

Even if a url is broken it should still show up

[gaunt shuttle]

with none of the options i can open from sidebar

well it shows, but does not open

the option shows on the sidebar but on thr right side only blank

[restive flicker]

I midunderstood, I thought the link was showing but it didnt wrok

ah yes, what he said

[elder pendant]

... that's my bad then. I was trying to solve a different problem 😅

[gaunt shuttle]

😃

[elder pendant]

@restive flicker try remaking the directory through cli

It could be a user permissions thing

[restive flicker]

I just tried that, the not found thing was a mistake, it was hitting a server on port 80... I need my 8123 i think after the url so it goes to the right place... still doesnt work but its showing me going to do a reboot, brb

[elder pendant]

You should see the raw javascript when you go to the file the way I said

[restive flicker]

so i should be able to use my this right - http://10.1.1.50:8123/local/mini-media-player-bundle.js

if that 10. was my local ip

holy cow, got the JS

[elder pendant]

K, now try logging in and adding the card while in your browser's incognito mode

[restive flicker]

ok

just using a basic config

-share

• type: custom:mini-media-player
  entity: media_player.kitchen_speakers

-share

• type: custom:mini-media-player
  entity: media_player.kitchen_speakers

[elder pendant]

~format

[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:

```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G

[restive flicker]

....

[elder pendant]

~share posts the links to the pasting websites for large messages 😉

[kind shell]

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

[restive flicker]

,,,

• type: custom:mini-media-player
  entity: media_player.kitchen_speakers
  ,,,

[elder pendant]

`

not '

[restive flicker]

-share - type: custom:mini-media-player
entity: media_player.kitchen_speakers

[gaunt shuttle]

😦

[restive flicker]

ok whatever, i'll figure that out later

lol

[elder pendant]

Did you watch the gif in the link that was posted?

[whole heron]

-share

[wheat current]

use #botspam to test

[restive flicker]

yes, thanks, thats helpful

[elder pendant]

So you added

resources:
  - url: /local/mini-media-player-bundle.js?v=1.0.3
    type: module

to the top of your raw editor?

[restive flicker]

yes

and when i went to the url I got a bunch of garbage, probably the JS

[elder pendant]

And this

- type: custom:mini-media-player
  entity: media_player.kitchen_speakers

is being added as a card in a view?

[restive flicker]

yes but it doesnt preview when i load it in and when i close it i cant open it again to edit it... I have to refresh and deleete the card

[wheat current]

What's the first line in the JS file?

[restive flicker]

god.... does this mean I have to post code as that -source thing? (function(){"use strict";function a(){const b=M(["<span class='media-label'>"

[wheat current]

if that is the first line that is indeed garbage JS

[restive flicker]

looks like theres TTS object or something I have to do .... maybe i'll try an easier custom card

[wheat current]

hold on

have you restarted HA?

[restive flicker]

yes, thats when i got the screen full of stuff

[wheat current]

👍

[restive flicker]

I think I see a picture of satan in this code....

😄

[mild veldt]

@restive flicker it's minified code

[restive flicker]

@mild veldt what does that mean?

[mild veldt]

https://en.wikipedia.org/wiki/Minification_(programming)

[restive flicker]

I'll try this again later, thanks for trying to help out

[robust barn]

is there a way to see the " raw config editor" not on alphabetical order...?'

[mild veldt]

no

[winter wasp]

is there a way to use a conditional card on an entity that's sometimes unavailable? seems the state_not matching always fails in that case

[mortal cape]

@elder pendant { "entity_id": "media_player.kitchen_home", "media_content_id": "http://192.168.1.236:8123/local/notify/direct.mp3", "media_content_type": "music" }

that works for me in services with type being music, mp3, m4a, or mp4. Doesn't seem to matter

The https nabucasa address works also instead of local ip

[elder pendant]

Really... I wonder if it was because I was doing it through the internet to my instance. Or maybe I have to update the component

[mortal cape]

Well, this is a g home and I don't use the alexa media player component so I was just assuming. Someone else asked me

[elder pendant]

Ohh I see. Yeah the alexa component seems to only allow media that is available through a skill

[mortal cape]

ah

[elder pendant]

the media_content_type is the name of the skill you are communicating with

[mortal cape]

@elder pendant ah man, I only noticed now this is #frontend-archived. Time for coffee

I went to homeassistant and was like, wait...I was just talking to him...where's our conversation

[elder pendant]

Haha I was going to say something, but you're the mod 😜

[restive flicker]

Hey back again to figure out the process for loading custom cards... is there any documentation for this?

[mild veldt]

#ban cogneato

lol

@restive flicker https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

@winter wasp is an error being thrown?

somethings don't report their state at all when unavailable and will therefor just not exist

not sure if the conditional can handle that properly or not...

might be a job for...config-template-card

[restive flicker]

ok... i'm feeling dumb.... I'm trying to do a simplier custom card to get it... trying this one - https://github.com/ciotlosm/custom-lovelace/tree/master/bignumber-card

it talks about "Severity Object" what is that?

.... actually I think I see it in the config for lovelace.

that is listed in the card i guess

[winter wasp]

@mild veldt no errors in frontend, and pretty sure no error in console (but not positive)

[mild veldt]

@winter wasp , I think I have an easy fix for it

https://github.com/home-assistant/home-assistant-polymer/pull/2996

[winter wasp]

@mild veldt working around it with a binary_sensor template now

cool, that should fix it

thanks!

[mild veldt]

plus you'll be able to do conditionals on 'unavailable' as a state now

[winter wasp]

👌

[hexed ravine]

Hello guys anyone willing to take a look and help if possible? https://github.com/home-assistant/home-assistant-polymer/issues/2987

[fringe falcon]

Hey Guys. How do I get boolean input in lovelace to change color on the icon then the state are on/off? Best Regards

[latent moss]

@fringe falcon you can't, it's one of the many limitations of the default entity-button card.. But custom:button-card supports this

[fringe falcon]

@latent moss Can you tell me how to do it ? or link to a guide?

[latent moss]

Install this custom card: https://github.com/custom-cards/button-card and then here is code you can use to do it:

            - type: custom:button-card
              entity: input_boolean.sleeping
              icon: mdi:sleep
              name: Sleeping
              color_type: card
              state:
              - value: 'on'
                color: rgb(189, 255, 5)
              - value: 'off'
                color: "#CE2841"

that will make the icon green when input_boolean is on, and red when it's off

[restive flicker]

hey, i got that mini card thing to work.... no idea how

[fringe falcon]

@latent moss Thank you very much 😃

[restive flicker]

Is it still possible to do a lovelace.yaml?

[latent moss]

@restive flicker yes custom cards can be used in both modes (UI editor mode and YAML mode)

[restive flicker]

any disadvantage to yaml mode other than .... having to use a config card?

[dark dirge]

you can't pick entities from a convenient drop-down list. the benefits of much easier editing far outweigh that for me

[restive flicker]

Oo... that list is pretty awesome... thanks... i'll have to think through that.

[mild veldt]

@restive flicker the benefits to yaml mode are; yaml includes/anchors/secrets and potentially easier version controlling (that last one is debatable) You lose access to the UI editors if you use yaml mode

[restive flicker]

Yeah... I was drawn to it because i can make a list of entities in another file and just reference that file.... that would be sweet but.... I like to make stuff on the fly with the ui tool

[calm rock]

hi , im using this custom-state-attribute-element card , with this config , https://pastebin.com/7zS2v4AS , it does what is intended, but it nevers updates by itself , and most of the time only appears on screen when i open the editor .

here is more clear the problem : https://imgur.com/jUidGhV

[fringe falcon]

@latent moss The Custom button card was working for me in max 25 minutes and after it crashed and won´t reload :S what to do , do you know a solution ?

[latent moss]

@fringe falcon i don't know what you mean by "crashed" but you could try doing hard refresh in your browser

[crimson fable]

so... is there anything to properly display a vacuum entity?

[fringe falcon]

@latent moss It starts to load the card and get red and write to me Custom element doesn't exist: button-card.

[latent moss]

@fringe falcon not sure sorry... i had that same error after upgrading to HA v0.88 (button-card broke on that version) but an updated version of the button-card was released after that. if you just installed it now you should have the latest version. Only thing I could think of is to hard-refresh / clear cache.

if that doesn't work hopefully someone else here can help troubleshoot

[void marten]

I'm no expert, but I always fudge up the version suffix after the card definition under resources - it often ends up in that error

[fringe falcon]

@latent moss Thank you Sean I try look at it 😃

@void marten hmm I dont know, I was just changing a color, and after it all crashed . I have try to remove all custom-button file and put new back. But that dosen´t helps. Then I try to make a card like this it just say Custom element doesn't exist: button-card
type: 'custom:button-card'
entity: input_boolean.notify_home
icon: 'mdi:air-conditioner'
color: 'rgb(28, 128, 199)'

[void marten]

does anyone know if you can use templating within conditional card states? - I need two templates - one for the state itself and the other for the entity. The info I'm finding is never related to conditional cards, plus it uses % which isn't valid in the state field

not sure @fringe falcon , I'd guess there is something more sinister going on with your config if it crashed and immediately doesn't work. What's your card defined as at the top, should be similar to this (maybe with a version number at the end?)

- url: /local/button-card.js
  type: module```

[fringe falcon]

@void marten I had put the text in the top of the lovelace ui . Is that correct?

[void marten]

yep, under resources:

it should be indented too

[fringe falcon]

@void marten I still have the problem 😦

[void marten]

I'm not sure if it'll make a different but your syntax above is slightly wrong

yours

type: 'custom:button-card'
entity: input_boolean.notify_home
icon: 'mdi:air-conditioner'
color: 'rgb(28, 128, 199)'

should be;

type: "custom:button-card"
entity: input_boolean.notify_home
icon: mdi:air-conditioner
color: rgb(28, 128, 199)

put the card in speech marks and removes the quotes from the mdi: and color: lines

[fringe falcon]

@void marten I sorry to say it still give me red error 😦

[tacit cave]

none of those quotes matter, single or double, either work

[latent moss]

@fringe falcon i think color_type: card or color_type: icon might be a required setting, maybe try adding that.

actually nm it's not required

[tacit cave]

@fringe falcon can you post your whole card

[fringe falcon]

@tacit cave
Custom element doesn't exist: button-card.
{
"type": "custom:button-card",
"entity": "input_boolean.notify_home",
"icon": "mdi:air-conditioner",
"color": "rgb(28, 128, 199)"
}

[tacit cave]

are you using yaml mode or the GUI

[fringe falcon]

@tacit cave at the top of the lovelace ui I had added this -> resources:

• type: module
  url: /customcards/github/custom-cards/tracker-card.js?track=true
• type: module
  url: /www/github/custom-cards/button-card.js

[tacit cave]

url should be /local/github/custom-cards/button-card.js?

[fringe falcon]

@tacit cave Should I make a folder there called Local ?

[tacit cave]

no

[fringe falcon]

@tacit cave You are the man, now its working

[tacit cave]

the card goes here on the system:

config/www/<wherever you want>

and you reference the card like this:

/local/<wherever you want>

[fringe falcon]

@tacit cave Okay thank you very much 😃

[tacit cave]

np

Place a ? mark at the end of the url too

  - url: /local/lovelace/button-card.js?
    type: module

[fringe falcon]

@tacit cave Should I put ? on the end

[tacit cave]

Yes. If you plan on updating it you should.

[fringe falcon]

@tacit cave in this moment it looks like this

• type: module
  url: /local/github/custom-cards/button-card.js

[tacit cave]

put the ?

at the end

[fringe falcon]

@tacit cave I put it on now 😃

[tacit cave]

now when you update, you won't run into issues on shitty browsers

[fringe falcon]

@tacit cave Thank you very much 😃 you and all other saved my day 😃

@tacit cave I have one more question, is it possible to make a card there the text can change automatic with the state of a boolean. I post my code here ->
type: 'custom:button-card'
entity: input_boolean.notify_home
icon: 'mdi:email'
color_type: card
state:
- value: 'on'
name: Mail in mailbox <--- Can I do this?
color: "#444444"
- value: 'off'
name: mailbox empty <--- and this?
color: "#FFFFFF"

[tacit cave]

doesn't look like it

looks like it only supports css style

I mean, it might

I'd try it

I'm not great at css/js but theres a section which looks like it takes any attribute from the normal config.

[mild veldt]

@fringe falcon @tacit cave you can use the config-template-card for that

https://community.home-assistant.io/t/100-templatable-lovelace-configurations/105241

[tacit cave]

Ya I’m using it atm, nice card btw

@mild veldt is there an “easy” issue I could look into to force me to learn css?

And js*

[mild veldt]

css is witchcraft

learn typescript, (pretty much typed javascript)

css, i'm not the one to ask. I just wing it

that being said. yeah there are some issues. i just saw one today that LITERALLY said what the code should be and then didn't do a PR. lol

easiest of easy https://github.com/home-assistant/home-assistant-polymer/issues/2781 would be more so a practice in getting a dev environment setup and submitting a PR

I'll try to go through a few tonight and add a label you can search against https://github.com/home-assistant/home-assistant-polymer/issues?q=is%3Aopen+is%3Aissue+label%3A"good+first+issue"

[tacit cave]

Cool thanks. I have a dev env setup for the backend

I set up one for the front end but I deleted that vm

Only issues I ran into was the push pull process via cli adding unwanted files to my checkins

I’m used to mercurial where I can just remove that crap. I’m just not used to cli to be honest

[spark rune]

just upgraded from 0.82 or so; whats the best way to hit the reset button on lovelace and start from scratch?

[mild veldt]

@tacit cave I added a handful of issues that I think are good candidates. If you have any questions, hit up #devs_frontend-archived
I've been using GitKraken lately. It's pretty slick

but from cli you don't really need much:

git checkout dev
git fetch upstream dev
git merge upstream/dev
git push
git checkout -b my-new-feature
git add <files>
git commit -m "my new cool feature"
git push

rinse and repeat

@spark rune are you using storage or yaml mode?

[spark rune]

I was using yaml before, but I want to try UI

[mild veldt]

just remove the lovelace section in frontend of your configuration.yaml and you'll be in auto mode

actually...0.82...did we even have yaml vs storage then?

[spark rune]

nope 😄

it was super new

going to commit in git real quick then start tearing it up

thanks

[mild veldt]

stop

don't tear anything

you just went from 0.82 to 0.90, you should just be in auto mode now

ui-lovelace.yaml is ignored unless you specified in your configuration.yaml that you want to use yaml mode

go to your front-end, clear the cache, and see if you are not just presented with the auto-generated lovelace

you can follow this https://www.youtube.com/watch?v=XY3R0xI45wA

[spark rune]

thanks ill try that

ok so i found the edit mode; very cool

how do I get rid of the spleg of sensors at the top using the UI?

oh; raw config, badges

ok working great thanks for the help!

[latent moss]

@spark rune you dont have to do raw config to remove the badges, see this screenshot for how to do it entirely in ui editor https://i.imgur.com/mkAXnMG.png

[spark rune]

ahhhhhh thanks @latent moss

[latent moss]

np, it is easy to miss

[charred star]

Hello Everybody.

Do we have a way to setup a Conditional View? I know we can show/hide cards based on another entity state but I would like to hide an entire view based on for example the state of my alarm component.

[mild veldt]

@charred star no

[last prism]

hey in LL, how do i make an input_bool show up as a "On" or "Off" as text, and not a toggle switch ?

i just want to show its current state

[mild veldt]

in an entities card?

type: entities
entities:
  - type: text
    entity: input_boolean.mine

[crimson fable]

Is there something to display vacuum entities?

[lethal blaze]

Hey guys, I hope I am right here, I have a Mi smart plug, which is reporting the following: payload '{"state":"ON","linkquality":42,"power":0.69,"voltage":null,"consumption":0.01,"temperature":28}' So I tried to add the consumption, since it is not appearing under "unused entities", by just adding a line in the entities card, but it says entity is not available:

type: entities
entities:

• entity: switch.0x00158d000316c044_switch
• entity: sensor.0x00158d000316c044_power
• entity: sensor.0x00158d000316c044_linkquality
• entity: sensor.0x00158d000316c044_consumption

the other 3 work...

[split granite]

Are those entities you see in ?

Or are things like consumption an attribute of something else

[lethal blaze]

well there is an entity called: sensor.0x00158d000316c044_power which has consumption... same as sensor.0x00158d000316c044_linkquality

[split granite]

Yes, but is sensor.0x00158d000316c044_consumption an entity in

[lethal blaze]

nope

[split granite]

Because if not, it's not an entity and you cannot use it as one

[lethal blaze]

ah ok, what category is it?

[wheat current]

unusable

[split granite]

It's an attribute

If you want to use it as an entity, you need to create a template sensor

[lethal blaze]

ah ok, I already did start with that but wasn't sure

• platform: template
  sensors:
  mi_power_plug:
  friendly_name: "mi_power_plug"
  value_template: ‘{ states.sensor.0x00158d000316c044_power.attributes.consumption }’

okl, i guess I try around with that 😉 thank you

[split granite]

Or {{ state_attr('sensor.0x00158d000316c044_power','consumption ') }} which will actually work 😉

[lethal blaze]

so once I did that, how can I add it in my "overview" page?

[tacit cave]

@mild veldt I am about to resetup my dev for frontend. How do you test the changes in your cards if you don't have the device itself to test w/? like the alarm panel?

[mild veldt]

lots of components have demo platforms

i'll pm you my dev config

https://hastebin.com/acofifohet.makefile

hopefully I took out passwords...

🤷

[plush tangle]

Hello! Struggling to figure out why Chrome Version 73.0.3683.86 goes back a page every time I click X in a HA window. Example: If I open a badge, click X to exit, it triggers a browser back command.

[mild veldt]

ha version?

os?

@plush tangle

[plush tangle]

@mild veldt Home Assistant
0.89.2 on Pi, accessing Lovelace UI from Win10 1804

[mild veldt]

I have pretty much the same thing, but on 0.90, and can't replicate

[desert reef]

Hi all, anyone aware of a lovelace card that will combine a bunch of separate nest thermostats into some sort of compact view? ...rather than a separate card for each thermostat.

[plush tangle]

@mild veldt ...just tried it on a vanilla build and it works fine. It's probably a Chrome extension I have installed. Thank you for the help mate!

[mild veldt]

@desert reef entities card will allow you to just list them together

if they are separate heat/cool thermostats, there is this https://github.com/enriqg9/dual-thermostat

[latent moss]

are custom cards allowed to use the UI editor for their own "Card configuration" stuff?

[frail iron]

yeah but not many have it implemented

the custom header card has a real nice one

[latent moss]

thanks i'll check that out.

[frail iron]

im looking for a card to group some buttons, ie. act as a backdrop and title. is there anything good to recommend for that?

right now i have an empty markup with a title

[desert reef]

@mild veldt , nope they're nest-e's but thanks. You're right, I didn't expect the entities card to shrink them but it seems like this may work.

[mild veldt]

@latent moss they are a little wonky right now, in that you have to define your card type in yaml, exit the edit and then open the editor again to get to the UI editor for custom cards. I have one for my roku-card as well

[latent moss]

Thanks. I wanted to do a Harmony remote custom card where you type the entity_id of your harmony remote (ie remote.living_room) and then harmony device id (ie 43258775) and all the actual buttons/service commands would be handled for you after that. Nice to know it is possible, though it will probably be a long time before I could figure out how to do any of this stuff lol.

[mild veldt]

my roku-card should be a good starting point for you. i've heard that it already works for harmony as you can define service calls

[latent moss]

Yep your roku-card seems to do exactly what I want… though I’ve come to the conclusion it’d probably help if I even knew the first thing about javascript and css before trying to create or even alter an existing custom card lol 😬 will probably just release it as picture-elements card when done and leave it up to people to find/replace their remote entity_id & device id

[dreamy flint]

Is it possible to use Lovelace picture card (via the GUI for lovelace) to create a floor plan with multiple elements?

I think I might have used the wrong card

[forest onyx]

Anyone else have trouble with the “Configure UI” button on iOS? It doesn’t do anything when I press it on Safari or the app... works fine on android though ...

[mild veldt]

@dreamy flint picture-elements

[dreamy flint]

@mild veldt I got to the same conclusion 😃 Is there a way to make it scale the picture in panel mode, so there is no scrolling ?

[lament burrow]

hey guys, does anyone know how i can pair 2 entities in the sensor card? i want to show to sensors overlapping each other

anyone know of such a card?

[mild veldt]

Use the custom mini-graph-card

[lament burrow]

awesome thanks!

[dreamy flint]

Is it possible to make the picture elements card fit the screen to avoid scrolling ?

[crystal ivy]

Anyone know if its possible to make "all" entities of picture-glance toggle ? seems like things like switches and lights work, but things like garage doors (using cover-template) or locks instead pop up a modal window?

wondering if for those I need to somehow set them up as some kind of custom toggle entity first then added to picture-galce ..... like maybe I needed to set it up as a switch.template instead

[mild veldt]

@dreamy flint you'll need to edit the scale of the actual picture to what you need.

[jade bane]

Hi everyone

Could you please help me with picture-glance card

type: picture-glance
image: /local/dep1.jpg
entities:
  - entity: script.batnonglanh3
    icon: 'mdi:hot-tub'
    action: call-service
    service: script.turn_on
    service_data:
      entity_id: script.batnonglanh3

I want when i click on icon, it turn on script instead of pop up a new window to turn on- turn off
How can I do this?

[split granite]

~format @jade bane

[kind shell]

@jade bane 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:

```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G

[split granite]

👍

What version of Home Assistant are you running?

The config you posted is quite old

It uses tap_action these days... https://www.home-assistant.io/lovelace/picture-glance/#tap_action

type: picture-glance
image: /local/dep1.jpg
entities:
  - entity: script.batnonglanh3
    icon: 'mdi:hot-tub'
tap_action:
  action: call-service
  service: script.batnonglanh3

[jade bane]

type: picture-glance
image: /local/dep1.jpg
entities:
  - entity: light.library_mode
    tap_action:
      action: toggle
  - entity: script.batnonglanh3
    icon: 'mdi:hot-tub'
    tap_action:
      action: call-service
      service: script.batnonglanh3

The same, still pop up window instead of toogle

[split granite]

You can't have a tap action per entity

(at least, not that the docs show... it's per card)

[jade bane]

But on the picture, I want to add both switch, script

[dreamy flint]

@mild veldt So there is no way to have it work properly across multiple devices with different screen resolutions etc ?

[mild veldt]

It scales to the width, not the height

[dreamy flint]

Wish it would scale to height instead. The issue I'm facing is that I can make it look good phone, tablet or computer - but only once at a time.

[full cosmos]

Hello all, I have a problem I hoped maybe someone had the answer too. I want to add a custom card (card-tools), I had added in an earlier installation of hassio. When I download the javascript file and add it to my ui-lovelace.yaml, resources: section. I get this error in my hass log:
ERROR (MainThread) [frontend.js.latest.201903210] http://192.168.87.114:8123/lovelace/www/lovelace-card-tools/card-tools.js:1:1 Uncaught SyntaxError: Unexpected token <

I have downloaded the .js file with git clone, so it cannot be because I don't have raw format.

[violet talon]

type: js vs type: module?

[wheat current]

"Unexpected token <" == Wrong file content

[full cosmos]

I put type: js
But how can this be. I get this error even though I create a new .js file and just put a console.log(); statement in there.

[wheat current]

cahce

[full cosmos]

I have cleared that many times, also tired different browsers

It is a manual installation of home assistant. Does that have anything to say? I have gotten this script to work on hassio before.

[wet coral]

I'd like to migrate from 'yaml' lovelace to native one. anything to backup or be afraid of, or just remove yaml mode and restart (and pray?)

[split granite]

If you want to migrate, you need to copy the config over

Otherwise, you'll be ditching what you've done and starting fresh

[wet coral]

is this way (yaml -> native) described anywhere? where to copy it over? so far I have it in single file

[split granite]

It's in the blog post for the Lovelace release version

0.8<something>

[full cosmos]

I figured it out. I don't know why, but I can't access the files I place in the www/ folder. When I uploaded the scripts to my server and pointed the url to that domain/card-tools.js, it worked.

[violet talon]

Is you hear created that dir you need to restart HA

[full cosmos]

I restarded a lot with systemctl restart, do I need to do another form of restart?

[split granite]

That's overkill

(well, no, it's not 😛 )

That's fine, that's all you need to do

However, you only need to do it the first time you create www/

After that, files will be accessible if:

1. The permissions allow homeassistant access to them
2. you're using /local/ rather than /www/
3. the case is correct - image.jpg and Image.JPG are different files

[full cosmos]

Should I put - url: /local/plugins/card-tools.js
or - url: local/plugins/card-tools.js
?

Because so far, I have only tried www/

[split granite]

It's the first

[violet talon]

Sorry, butt mentioning people 🤦

[split granite]

- url: /local/thomasloven/card-tools.js?v=1
  type: js
``` is how I have it, with the file in a folder called `thomasloven` inside `www/`

[full cosmos]

Ok, will try it. But if I put /local/ will it not go the root of the user? I am confused

[split granite]

No

No more than /www/ would have

Those are paths for the web client

https://www.home-assistant.io/components/http/#hosting-files is worth a read

[full cosmos]

Thank you so much!!

It works. Did not know about the /local/

I used to qwork with just www/ on hassio a couple months ago

[split granite]

Not for Lovelace, or any files in the UI, it won't have 😉

It's always mapped www/ to local/

[full cosmos]

damn, your right... I am so embarrassed.. I read the guide wrong...

[split granite]

No worries

[full cosmos]

Good, but thank you all for the help. Appreciate it. 😃

[mossy otter]

Trying to embed sky news in an iframe. That part is easy. Making it a conditional card. Also easy. Making it play without me having to click play...Not so easy...is it even possible?

I'm trying to formulate a way to have the news come on in the morning on my tablet while I'm getting ready for work

I guess I could just not be lazy...

but then I guess that's the job of home assistant to enable our laziness!

[mild veldt]

HA can't interact with the iframe. If there's a stream url you could have HA start the stream instead

I think thomas made something that will make it play on the interface itself, i.e. your tablet

[mossy otter]

thomas always has great lovelace/tablet stuff

[mild veldt]

https://github.com/thomasloven/lovelace-player

[mossy otter]

Not sure that works for my intended purposes. Seems like the main purpose of that is to emulate a TTS platform?

[mild veldt]

it's a media player in HA, it should be able to receive a stream

worth a shot

imo

[mossy otter]

how do I direct it to a stream url? Haven't interacted much with media_players other than pause/play

[mild veldt]

more of a #330944238910963714 question, but the quick answer is, you would create a script that calls the service to start the stream.
service: media_player.play_media
data:
entity_id: media_player.lovelace_tablet,
media_content: sky stream url
media_content_type: audio/mp4

[mossy otter]

interesting

Not seen any docs on this at all but would love to explore this further (with my kodi installation for example). Can you point me in the right direction?

[mild veldt]

It's just in the media_player docs, I think

[polar kelp]

Lovelace player is broken atm. I’ll fix at the end of the week.

[mossy otter]

thanks @polar kelp 😄

[polar kelp]

MSN user?

[mild veldt]

https://www.home-assistant.io/components/media_player/#service-media_playerplay_media

[mossy otter]

haha yep...didn't we all use MSN as kids (teenagers/young adults)? 😄

[violet talon]

I think you mean ICQ

😄

[mossy otter]

ICQ, AIM, MSN...those were the glory days!

actually took me a lot longer than it should have to realise that ICQ = I seek you

[drifting galleon]

@mild veldt hello , I’m new to HA. How I can use these entities with Samsung tv ( media player)

[mild veldt]

@drifting galleon are you referring to streaming a URL?

[drifting galleon]

No. Just to control Samsung tv

[mild veldt]

I'm not sure why you would ask me specifically about that?

Plus, I'm not sure what your question is still. Do you want to display it on your frontend in a card? Use the media-control card

[odd light]

Anyone have an example of the card config for generic IP camera?

is it a picture entity card?

[polar kelp]

Same as any other camera.

[odd light]

ah

[polar kelp]

Perhaps yours is a backend configuration question?

[odd light]

me?

I think I have the lovelace part wrong

got an example?

never done cameras before

[split granite]

https://www.home-assistant.io/lovelace/picture-entity/ just specify camera_image

Or, specify the entity that's a camera

[odd light]

hmmm

[split granite]

I'm actually using https://github.com/custom-cards/surveillance-card for my camera, purely because it allows me to switch between cameras. Well, once I've got more than one it will...

[odd light]

yeah I'm doing something wrong, not sure how to test if the rtsp stream is even working in HA

it created an entity, but who knows

[polar kelp]

Push the square and arrow next to the entity name in dev-states

That should pop up your camera feed

[odd light]

not working, I wonder if I can have the username and password in the url, or do I need to specify them separately

[polar kelp]

Depends on the camera

If you can access the feed from your browser using only the URL, that should work in hass too

[odd light]

this is a dahua

yeah

it plays in vlc fine

[polar kelp]

You could also try onvif. Lots of cameras support that if you find the correct switch in the settings.

For the record, though, this should go in #330944238910963714, I think.

[odd light]

yeah I know it will do onvif

I shall move over to home assistant

[cerulean pulsar]

dumb question: At this point is "let HASS drive lovelace; set up the HASS config so Lovelace ends up the way you want" or "customize lovelace" more the best practice?

(re: things like hiding zwave switches that for some silly reason also appear as alarms and etc)

[polar kelp]

In a perfect world "customize lovelace" is the best and only answer. Today - not so much, but we're quickly getting there. I'd go with customize lovelace as far as possible.

[cerulean pulsar]

thank you

[mossy gale]

@split granite my surveillance card used to work now I jsut get this https://imgur.com/a/QfBV6Gu

[kind shell]

Tinkerer is away for 20m 59s with a message :point_right: People think of education as something they can finish

[frail iron]

hey... is the light card supposed to be a lot bigger than buttons?

https://1drv.ms/u/s!AuIVw8SdOxQOh6Rn2Rzabf9s0VOvpw

looks really weird between 2 buttons

guess i can go with the button and use the dimmer from the hold and tap

[odd light]

yes

the light card is pretty big, I may change later

[mild veldt]

I'm not touching jQuery...

[timid burrow]

is there any way to make lovelace refresh the screen without clicking refresh button?

[restive lance]

F5

[violet talon]

@timid burrow https://github.com/thomasloven/lovelace-browser-commander perhaps

[restive flicker]

heya homeassistant peeps... just a quick headcheck... I am adding a second custom card... I only need 1 "resource:" and then I list all of the items under that 1 right?

[elder pendant]

Yes

each item under resource will be separated with a -

[restive flicker]

great! got it! thank you!

[plush tangle]

Are all -platforms only defined in configuration.yaml and not ui-lovelace.yaml?

[wheat current]

Hopefully

[plush tangle]

Is it because the lovelace yaml has to reference the entity of the platform in configuration yaml? Sorry, totally new to this

[wheat current]

One is for the backend, and the other one is for the frontend

[plush tangle]

Ah ok....that makes sense now....thank you.

[errant monolith]

quick question, in lovelace...how do i set a view as default? does it get named default or default_view?

[errant monolith]

i got it, in the ui editor you just move it to the left-most position

[gloomy crag]

any idea why my custom:tiles-card isn't showing up? https://hastebin.com/zaqisudaju.cs

no config errors

[gloomy crag]

anyone?

[civic sedge]

Because its a Fire tablet?

[mossy gale]

@red spoke Welcome

[gloomy crag]

fixed it - Panel: true was messing it up

[errant monolith]

is it possible to set the tap_action for all entities of a glance card, or must they be set individually?

looks like there isn't. it's a little kludgy to set it for each entity, but i'll make do 😉

[young sable]

not really a lovelace question and kinda dumb
but has anyone ever tried to load homeassistant in a TV web browser such as a LGWebosTV using custom cards?
Doesnt seem like it can load them and I dont understand browsers enough to know why it wouldn't

[violet talon]

Just guessing that it'll have to do with webkit or javascript

[gloomy crag]

trying to use an older iPad for my UI iOS 9.3.5 - When I view my homepage in Safari it throws errors for all my custom elements. I know they all work as they are fine in Chrome on my android devices. Can't install Chrom on the iPad as it only supports iOS10 or newer. Is there something I can do to get the custom elements working in Safari ??

[mild veldt]

Core stuff works because we use polyfills, most custom cards do not and hence do not work.

This is the answer for the TV and the old iPad

I would suggest a core only ui for each or something like tile board

[gloomy crag]

yep figured it would be something like that, thanks for the answer

[timid burrow]

hey folk.... With the template card.. I'm trying to add a number of days to an ISO date...

I just don't seem to be able to work it out... Anyone?

[hot gyro]

@wheat current in the documentation to the tracker_card they refer to mode: storage on the custom_updater but if I add that custom_updater doesnt work/load - has that option been purged?

[kind shell]

Ludeeus is away for 13h 15m 27s with a message :point_right: make me popcorn
what? no, make it yourself
sudo make me popcorn
okey

[sturdy bough]

hi guys.
I created another user on HA, logged in, but all my custom cards are "Custom element doesn't exist:"
With my main account, everything works fine.

Why?

[honest herald]

I want add a custom:button card to show my plex watching status but kinda stuck figuring out how to set that up. Do I need to create a template switch or boolean to show 'on' when the watch status is more than 0? Any help would be apreciated

Just in simple just want the card to show green when someone is watching. Also eventually have a nzbget card to show green when something is downloading.

[sleek swift]

@honest herald Just added mine to lovelace.

just trying to work out how to post code

[honest herald]

use 3 x ` on each end

[sleek swift]

    title: "Plex Users"
    min: 0
    max: 10
    entity: sensor.plex```

[honest herald]

and then out 3 more after .plex

there ya go!

[sleek swift]

got bignumber from here

https://github.com/ciotlosm/custom-lovelace#faq

[honest herald]

I didnt really want to use the big number card. Dont care how many are watching. I just wanted the button card to change color

I mena I do use big number cards for a few things

[sleek swift]

hmm, I haven't gone into it that deep. Will do in future, just wanted it there for now so I don't reboot plex server whicle streamers are on 😋

[honest herald]

well thats exactly why I want it too lol

Im guessing it going to be a template sensor im going to have to setup

or do something similar in node red, which i havent touched before.

[coarse knoll]

does anyone know the fix to get custom cards to show up on a fire tablet?

[gloomy crag]

is there a way to force a device view in lovelace? My layout looks best when it's force to a single column, but on some devices it tries to make 2

[dark dirge]

vertical_stack?

[gloomy crag]

looks great on my phone in portrait, but on a tablet in portrait not so much

[dark dirge]

that's what I'm using to control the number of columns

[gloomy crag]

will it stretch to fill the width?

[dark dirge]

might depend on the cards, but I know that adding columns via additional vertical_stacks reduces the column width

easy enough to try

[gloomy crag]

do you apply it before or after the cards: tag?

[dark dirge]

before

cards: - type: vertical-stack cards: - entity_apparent_temp: sensor.weatherflow_apparent_temperature

in a view

[gloomy crag]

hrmmm my cards disappear when I do that

[dark dirge]

play around with a simple example. it took some time to get mine right with lots of nested cards

[gloomy crag]

ok

[dark dirge]

the basic components are

type: vertical-stack

and cards:

in any order, actually

doesn't seem to matter

[gloomy crag]

title: Home Theater
views:
    theme: default
    cards:
      - type: vertical-stack
        cards:
          - type: 'custom:mini-media-player'
            entity: media_player.denon_6300h
            name: Volume
            artwork: cover
            hide:
              controls: true
              source: true

something isn't right here

[coarse knoll]

@gloomy crag check your spaces you might be indented too far or too little

[gloomy crag]

how do you move a code block back only 2 spaces in the configurator plugin

it only does full tabs of 4 spaces which is useless

[coarse knoll]

use space bar

you should really use something like notepad++ to edit things, it will show the indents so you know everything is lined up

[gloomy crag]

space bar doesn't indent a whole code block

[coarse knoll]

try notepad++, it sounds like something is off a little bit. the web editor makes it hard to see right away

I could be wrong entirely, but its worth a shot IMO

[dark dirge]

you can change the tab default in the editor options

it starts at 4 spaces, but really should default to 2

[gloomy crag]

where do you change that in configurator?

[dark dirge]

and tab/shift-tab indent/de-indent

three vertical dots on the top-right side

[gloomy crag]

ahh found it

wow I've struggling all this time lol

thanks

[dark dirge]

lots of good stuff in there

also, cmd-/ (maybe alt-/ for windows folks) to comment or uncomment a block of code. I use that and the indent/unindent all the time

[gloomy crag]

nice

[kind shell]

@gloomy crag posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/H2G8g4HjjN/

[gloomy crag]

it's giving an error on line 11 no idea why

which is actually line 13 in that paste the cards: line

in fact ignore that paste, it parsed it wonrg

fack

[gloomy crag]

finally got it back - I hate tabs

managed to force the vertical stack too phew

[coarse knoll]

anyone have any insight on getting custom cards to load on a Fire Tablet?

[mild veldt]

Not on Fully, but I believe some have had luck side loaded chrome

And if it is an older model you may be able to root and load up a different rom

Like linageos

[gloomy crag]

i have a fire tablet hacked with chrome installed and custom cards work fine on it

[coarse knoll]

i have chome on it, ive tried multiple browsers and made sure the cache was wiped. it just doesnt seem to like js cards

[gloomy crag]

is there a way to specify percentages of a horizontal stack?

like 30/70 for two items

[civic sedge]

Kiosk mode doesnt load anymore.
Someone else got the same issue?

[polar kelp]

@gloomy crag layout-card

[tacit cave]

anyone off the top of their head know what the css is for the icon color attribute for the map's icons (themes)?

[latent moss]

i don't think you can change them (or if you can, no theme authors seems to know how). I have dozens of themes and the map icons are always unstyled on all of them. think it just uses the primary-text-color of your current theme.

[tacit cave]

@latent moss it uses the damn primary-text-color

ffs, so on dark themes you can't see it because the map background doesn't turn dark

[latent moss]

yep

[tacit cave]

I think I'm going to make a pr for that

[latent moss]

it's bugged me for a while now

[tacit cave]

yah same. Just just turned my primary text to a slightly darker shade of white

works ok

[latent moss]

i guess that most people probably dont have a lot of zones etc so they dont use the map page that often

[tacit cave]

or they just live with it like I have for the past 2 years

[latent moss]

hah same

[cerulean pulsar]

dumb question: can I add custom cards to lovelace w/o giving up the web-based configuration tools?

everything I've seen references lovelace-ui.yaml and configuring lovelace in yaml mode (in general I am down with text config but having the UI suggest what entities are available is reaaaaally nice)

[flat timber]

@cerulean pulsar you can absolutely use custom cards in Lovelace while using the GUI, you just have to manually configure those cards and make sure you put the resources in the raw configurator

[cerulean pulsar]

Where should I be looking in the docs? Closest reference I've found is https://developers.home-assistant.io/docs/en/lovelace_custom_card.html (which assumes lovelace-ui.yaml exists)

oh, wait, I can just add a new component and then enter raw mode. Sorry, thanks!

[dark dirge]

I used the raw editor for a while, but it's not a very good editor compared to the Configurator, especially for indenting/unindenting. I eventually got sick of manually reformatting and realigning blocks and moved to yaml-only. I do miss the drop-down entity picker from the UI.

[cerulean pulsar]

Configurator?

[naive yew]

I'm trying to follow the JuanMTech tutorial on setting up Lovelace - only I had already gone to the 3 dot menu and "taken control" of my user interface so I'm already using lovelace. But it's ignoring the ui-lovelace.yaml file that I created. I deleted the lovelace file in .storage, added lovelace: mode:yaml to my config.yaml and restarted HA -- but it continues to ignore my ui-lovelace.yaml file. Help?

I renamed ui-lovelace.yaml to ui-lovelace-lmay and restarted HA. No difference. Then I tried to create a blank ui-lovelace.yaml (and restarted HA again) - no difference.

Now it's gone from bad to worse. I have no UI at all. Just a blank white page!

[split granite]

Well, if you've a blank ui-lovelace.yaml that sounds like it's working

[naive yew]

yeah. I got it working.

[native light]

Hi, just started to setup Lovelace. Looks very promising :). I have added a Picture Glance card for a camera stream. It shows the stream nicely. I can click on the card and I get a More Info popup, but this keeps showing me a black screen with a loading icon. How can I make this More Info to work for the card?

[ancient violet]

How thermostat could have a range setting like in home assistant demo: https://demo.home-assistant.io/#/lovelace ? When creating thermostat in my HA I only getting one slider

[wheat current]

use a thermostat card, and not an entity card

[ancient violet]

That's what I am using in /config/ui-lovelace.yaml:

• type: thermostat
  entity: climate.gyvatukas

And entity itself is a generic thermostat:

climate:

• platform: generic_thermostat
  name: Gyvatukas
  heater: input_boolean.sandboxinputboolean01
  target_sensor: input_number.sandboxslider01
  min_temp: 5
  max_temp: 35
  hot_tolerance: 0

[native light]

Can someone help me with my question above? Thx in advance! 🙂

[split granite]

that doesn't sound like a Lovelace problem, but more a #330944238910963714 one

[ancient violet]

Mine, or roel? 😃

[split granite]

Not yours 😉

[ancient violet]

Good to know 😄

[native light]

Ok, I will post my question there. Thx!

[native light]

I have another question. I have a Sonos One and I can add it via the media_control card to Lovelace. I have some questions:

• The TTS is not working in the popup. How to fix this?
• I want to use the dashboard on a wallmounted tablet. There I want to control my Sonos One with Spotify and search songs, artists, from within the dashboard. Is that possible? And how can I configure this? Which card(s) to use?

[split granite]

Does TTS work at all?

Pretty sure the Spotify component says it doesn't work with Sonos too...

[native light]

I didn't configure anything new/special for TTS. Should I?

So I can use a Spotify component for my second question? Do you have a link?

[split granite]

~spotify

Meh, go look at the component docs 😉

[kind shell]

https://www.home-assistant.io/components/media_player.spotify/ @split granite

Sonos: Although Sonos is a Spotify Connect device, it is not supported by the official Spotify API.

[split granite]

Hah, took it long enough, silly bot's having a snooze (thanks @wheat current 😛 )

[ancient violet]

Is https://demo.home-assistant.io/#/lovelace config files stored anywhere? I would check that thermostat range in there 😃 I am not the first one with this question btw. It's still unanswered here: https://community.home-assistant.io/t/lovelace-thermostat-card-with-range/80374/2 😃

[wheat current]

Three "dots" -> Edit UI -> "Raw editor"

[ancient violet]

The edit UI is not available when in YAML mode. So mine config is in /config/ui-lovelace.yaml

[wheat current]

yes.... but you asked about the demo, and there it is

[ancient violet]

It's only lovelace part there. Any hints about other configs to see definition of entity: climate.upstairs?

O.k. from demo devState I found some clues about ecoBee: entity_picture: /assets/arsaboo/icons/Ecobee.png

[wheat current]

https://github.com/arsaboo/homeassistant-config/blob/d4bd5464db0a427c3e74282eb5d821307ed7dd91/configuration.yaml#L154

[ancient violet]

Thanks! As far as I understood it's not possible to achieve it with generic_thermostat platform 😃

[native light]

Sorry to repeat my question, I'm a bit stuck here. I got redirected from #330944238910963714 back here 🙂

I have added a Picture Glance card for a camera stream. It shows the stream nicely. I can click on the card and I get a More Info popup, but this keeps showing me a black screen with a loading icon. How can I make this More Info to work for the card? Can someone help me with this?

[vapid field]

Where do you reference resources when using the UI

[wheat current]

Open the raw editor

[vapid field]

Thanks 😛

[split granite]

@native light Check by finding the entity in and select next to it

If you get the black screen it's not a Lovelace problem

[native light]

I'm a bit further...seems like its this issue: https://github.com/home-assistant/home-assistant-polymer/issues/2987

When I try it in Incognito window it works

[elder pendant]

If something works in incognito that doesn't work normally try clearing your browser cache

[frosty pelican]

@split granite if you see the bug that @native light linked i think in that particular case it may be a lovelace issue. Seems to be an issue with how it detects the javascript version because it only happens in one of my HA installs and not the others.....also in all my testing incognito did not solve the issue so it may be different than what @native light is experiencing.

i dont konw if that bug shouldve been closed since it almost feels like there may be a deeper underlying issue with how the detection happens

[split granite]

Open a fresh issue, link to that one?

[honest herald]

Regarding custom buton card, for more_info can it show a different entity card?

[frosty pelican]

yea does it sound like a frontend problem though or would it be more backend with how latest and auto works since it required a configuration change

[split granite]

I have no idea, but it can get moved if the devs decide it's in the wrong repo

[frosty pelican]

ok

[mild veldt]

@honest herald no. Try popup-card

wait, no. that's not what you want

Need some volunteers with old fire tablet or whatever, anything that has trouble with custom cards rendering.
Check if https://github.com/kalkih/mini-media-player works for you.

[gloomy crag]

if I want a single button to perform actions on multiple entites, am I best writing a script then just executing that with the button?

I want to send a play/pause command to the kodi platform & execute a scene from a single button

[mild veldt]

@gloomy crag yes

write a script

a question better asked in #330944238910963714

[gloomy crag]

ok

[surreal agate]

is there anyway to toggle more-info of element in lovelace via url?

I want to open camera more-info window with state-icon of different sensor...

type: picture-elements
camera_image: camera.gate
elements:
  -  type: state-icon
     tap_action:
        action: navigate
        navigation_path: MORE-INFO OF CAMERA.GATE
      entity: sensor.gate_status

[mild veldt]

@surreal agate not yet https://github.com/home-assistant/home-assistant-polymer/pull/2594

[surreal agate]

Thanks @mild veldt ! Maybe it would be easier for you to add more-info to url and I guess it would be easier to share url or use for notification etc

[mild veldt]

i don't think I want to pursue that

this is an easy change, just need to clean up the ui editors

[surreal agate]

ok, cool anyway 😃

@mild veldt is it possible somehow to make width: 100% of div.badge-container in style of state-icon?

I want whole rectangle to be a button, not only state-icon/icon

type: picture-elements
camera_image: camera.gate
elements:
  -  type: state-icon
     tap_action:
        action: navigate
        navigation_path: MORE-INFO OF CAMERA.GATE
      entity: sensor.gate_status
    style:
       - width: 33%

[split granite]

@gaunt shuttle https://github.com/custom-cards/surveillance-card#step-2

[loud thistle]

Yeah www == local

[gaunt shuttle]

i am sorry, i have ```resources:

• url: /local/surveillance-card.js?v=0
  type: module

so this is the right one i think...but still says component not found... and the file name is the same

[split granite]

It's much easier if you copy and paste your config rather than typing things in trying to remember and get it right

[gaunt shuttle]

now its copy past:

resources:
  - url: /local/surveillance-card.js?v=0
    type: module

even rebooted and does not find the resource

someone can please help me with correct url?

[raven nacelle]

refresh the cache

and make sure the files have the right perimission

[mild veldt]

@surreal agate no. joys of shadowdom

[polar kelp]

There are finally selectors comming to drill into the shadowdom. I think they are in the latest chrome.

https://twitter.com/43081j/status/1105755057641930752

[mild veldt]

stfu

nice

[odd light]

Does anyone do things in lovelace with HUE bulbs and scenes and stuff?

I was thinking about trying to make a drop down under each light where I could pick themes or something.

I mean scenes

[latent moss]

i used to have a dropdown / input_select for hue scenes long ago. i find that actual buttons work better cause usually you want to change something real quick with one tap rather than browsing thru a list / two taps.

[dusky glen]

Is there a way to use a State-badge on the picture elements card without the text of the device name being displayed?

[odd light]

true

[vapid field]

can i add custom cards (.js) when not using the ui-yaml version of lovelace ? where do i add the js ressource ?

[polar kelp]

In the raw editor

[vapid field]

o.O ze wadd ?

[polar kelp]

Go to edit mode, click the three dots again, select "Raw... whatever-it-says-again"

Add a resources: section there

[vapid field]

okies - i did -works - thanks @polar kelp

[atomic glacier]

@polar kelp Voice activated Lovelace Screens!!! Soooo awesome!😎 Just wanted to say thanks again for the great plugins. Just finished my LL demo views using browser-commander, layout-card, popup-card and of course card-modder to complete screen changes, backgrounds & borders, sleep screen, wake screen, popup cameras, dismiss popups...etc..all without getting up from my sofa 🙌🏻 You provided the resources,...just didn't click in my brain till yesterday...

[mild veldt]

@atomic glacier we're going to need some demos of this! That's awesome!

[brave basin]

I'm having the same issue that @gaunt shuttle had yesterday with the surveillance-card. I view the raw content on github, copy/paste into cloud 9/save as - choose "www" folder. then reference in ui-lovelace.yaml:

resources:
  - url: /local/surveillance-card.js?v=0
    type: module

   - type: custom:surveillance-card
     cameras:
       - entity: camera.one

The error I see is custom element does not exist: surveillance-card. I've checked that "everyone" has read permissions. Also I have plenty of @polar kelp 's cards working without issue from following the same procedure. Have also fixed the Lit-element location to this as per the issues in GitHub:

import {
  LitElement, html
} from 'https://unpkg-gcp.firebaseapp.com/@polymer/lit-element@0.5.2/lit-element.js?module';

[atomic glacier]

Yeah, I'm actually enjoying playing with this...got jealous with the new camera play stream HA added because WYZE isn't there yet, but I can call my cams up on wall mount and dismiss them from my lazyboy...LOL @mild veldt

[brave basin]

@atomic glacier That sounds awesome!! how did you get the sleep & wake screen going? Unfortunately I'm on a Windows tablet so I can't use fully kiosk, thinking about writing something in React Native to do the same.

[atomic glacier]

same here...windows tablet on wall...wanted a work around for Fully Kiosk, close enough

@brave basin towards the bottom of this post is what the sleep screens look like https://community.home-assistant.io/t/my-lovelace-screens-update-11-mar-2019-themes-mobile-pc-views/84271/60

was really easy once the idea hit me...browser-commander+navigate script+google=One of those "why didn't I think of this before" moments🤔

[brave basin]

@atomic glacier Nice post, lots to learn from in there! Also good to know you can get "close enough" to fully kiosk on a Windows tablet. Is it W10 Pro in Kiosk mode - if so which app did you use (Kiosk app from the Store or Chrome running full screen)? Also curious to know how you got the sleep/wake screensaver stuff to work - is it based on motion like the fully kiosk setups?

[atomic glacier]

@brave basin once I quit trying to 'overcomplicate' the matter...I found my easy solution. Sleep screen is a view with sensor.time for wall clock on display and wake screen simply navigates back to main tablet screen. Can be controlled by voice or motion sensor close by. (plug in night light w/motion sensor, another idea I had works great for this) or any other means that can be automated. The motion camera popups display over the sleep screen so no action gets missed.

@clever ore ...now we need voice activated CCH😉 to go with this

[brave basin]

@atomic glacier That is a much more streamlined approach. I never thought about using an external motion detector and was overcomplicating things by focusing on the camera in the tablet. Can I ask what app you're running this in on the Windows 10? Is this just Edge browser in Kiosk mode, or did you build something custom?

[atomic glacier]

@brave basin Chrome browser. I am redesigning my main view to minimize browser activity to improve stability/reliability. eg. less animations, live camera feeds, etc... not horrible as I have it now, but always room for improvement.

[odd light]

that lovelace looks awesome, and like way more work than I wanna do lol.

[tepid meadow]

newbee here, just watching and trying to learn lovelace

[stone lance]

wondering if i can get some help, iv googled it all and cant find a solution: im getting error: "unknown card type encountered: slider-entity-row"Title: Home
resources:

• url: /local/slider-entity-row.js
  type: js

sorry, wrong paste. anyway my code is
Title: Home
resources:

• url: /local/slider-entity-row.js
  type: js
  views:
• badges: []
  cards:
  • entity: light.den
    type: slider-entity-row

and file is in /config/www/slider-entity-row.js

[atomic glacier]

Started getting this in dev panel and now browser is locking up on LL. Any clues would be greatly appreciated. /frontend_latest/workbox-v3.6.3/workbox-core.prod.js:1 Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode at Object.<anonymous> (/frontend_latest/workbox-v3.6.3/workbox-core.prod.js:1) at Generator.next (<anonymous>) at n (/frontend_latest/workbox-v3.6.3/workbox-core.prod.js:1) at /frontend_latest/workbox-v3.6.3/workbox-core.prod.js:1

[native light]

Hi, is there some kind of card or way to show messages in Lovelace? Some kind of notifications card. For example, I want to show a message on the frontend when new mail arrives. Also the user should be able to click it and its removed or its automatically removed by an automation later. I don't want this message in the notifications tray, but directly visible on the screen. Hope its a bit clear what I mean 🙂

[polar kelp]

There are no such things because they mess up the placement of every other card.

Not saying it's a bad idea, just that that's why they don't exist. Noone's solved that problem yet.

[native light]

That's not what I wanted to hear 😉 . So there is no way to show selfmade notifications on the frontend?

I understand what you say about messing up the placement of other cards, but these notifications could be part of a specific card maybe? So that they appear in a card?

[polar kelp]

Now that you mention it, I think someone was actually working on a notification card...

[mild veldt]

@native light you can create events to create actual notifications on the frontend. They will be in the notification side bar like all other notifications

[polar kelp]

which he said he didn't want

[odd light]

Can you take a card like the gauge card and combine two of them so it displays them in one card? kinda like how you can have multiple entities in the entity card.

[wheat current]

Stackcards

[polar kelp]

You probably want vertical-stack-in-card

[odd light]

is that a custom card

[native light]

@mild veldt I know yes, I don't want to there. I want them directly visible on the frontend

[polar kelp]

@odd light Yes. It should be in the custom-cards org on github. And probably the first hit on google

[odd light]

yeah I got it

do you use manual card to set it up in the UI editor?

[polar kelp]

yep

[odd light]

sweet

do you add the resources part like at the top in the raw editor?

[polar kelp]

correct

Or wait... "like ... in the raw editor"?

You add it in the raw editor.

Not in the card yaml

Just to be sure we're talking the same thing

[odd light]

correct

just meaning when they refer to lovelace.yaml, they also mean the raw editor

because that's what I'm using now.

[polar kelp]

Just wanted to make sure. Because you can add things to the config like if it was the raw editor, and then you can add it to, like, the raw editor.

Ah. The English language.

[sacred merlin]

Gotta keep up Tom. 😃

[odd light]

hahah yes

was just looking through all the custom cards

[gloomy crag]

morning all

I'm having a total brain fart

how do I put a label above a horizontal stack

[mild veldt]

you don't/can't

it is just a collection of cards

the stack itself is not a card

[gloomy crag]

NM, found it within the card - it was a custom so it had it's own little quirks

do we have access to the CSS, to adjust heading sizes?

[solid wyvern]

is there a card for letting me start/pause/set a timer?

[tacit cave]

you can make one with service calls

[violet talon]

@solid wyvern there's also this: https://community.home-assistant.io/t/lovelace-check-button-card/92980

[stone lance]

fixed my slider-entity-row issue

i believe there was an issue with leaving the file in www, i move it to www/custom-lovelace/ and made the change in resources and it worked

[solid wyvern]

@violet talon that's kinda cool. thanks. Not sure it will solve my current problem but, I might need it

I'm trying to set a timer in my ui that will turn off my aircon when it finishes

[tacit cave]

use the button card to call a service

pretty much most lovelace ui controls can call a service

[solid wyvern]

Sure, but I need to be able to set the timer first

[violet talon]

Could also use the button card to trigger an automation based on an input slider?

[tacit cave]

use it in combination with the input_datetimes

[solid wyvern]

yeah, petro, I've just started looking at input_datetime

So, I think I can use that in combination with some buttons that start the timer

[tacit cave]

yes, you can, you just need to make the service use the setting from the input_datetime when you press start

[solid wyvern]

I think button will copy datetime input into timer (still need to work that out) and then use an automation when timer finishes to turn aircon switch off

[tacit cave]

You'll have to make a script because templating isn't aloud in native lovelace

templating is the only way you'll get the input_datetime's value

[solid wyvern]

I can't get it inside the service that the button will call?

[tacit cave]

not without templating. So you'll need to make a script and use that as the service the button will call

[solid wyvern]

hmm

if the buttons triggered a switch I could use an automation though right?

[tacit cave]

yes, but what happens when it's off... You'll have to double press it? Why fight the script. A script is identical to the action section of an automation

[solid wyvern]

yeah ok, I'll look at the script. Not sure about the double press if off though. I was thinking my button would just be bound to the automation on/off.
If my automation is on and the timer hits 0 then aircon is turned off

But, your right. A script will probably mean a lot less moving parts

[tacit cave]

just make a second 'off' button

hell you could make a start button w/ a input datetime and an off button on a conditional card that will only show up when the timer is on

[solid wyvern]

oh yeah, a conditional card is a good idea

the input_datetime is kind of annoying. I wanted to say turn on in 2 hours but, a datetime input means I have to set the actual time it will turn off

[violet talon]

Input slider with 5 min increments?

[solid wyvern]

yeah... I guess that's my only option

[violet talon]

Or two sliders. One for hours one for minutes

[solid wyvern]

having both might be the way to go I guess. Sometimes you want to turn off the aircon in 2 hours. Other times you might want to turn off at midnight

gets a bit complicated though

I'll start with the slider and go from there

[violet talon]

You could have a template sensor based on the slider that says what time it will turn off

[solid wyvern]

yeah, baby steps I guess. The timer is my last part to get my aircon fully integrated into HA

[tacit cave]

you can use the input datetime value to be a displacement... it doesn't need to be a static time

[solid wyvern]

oh?

[tacit cave]

yes the state is a string, parse it get the hours and minutes and add it to the curren ttime

[remote igloo]

is there anyway to switch back from yaml to storage mode ?

[solid wyvern]

hmmm, can I make the UI not say 2am when I enter 02:00 into that input?

[tacit cave]

hm

I don't think so

input_number it is

[solid wyvern]

yeah, thanks for all the help @tacit cave and @violet talon . I've got lunch in a few mins but, maybe later today I can finally move my aircon work into my real HA 😃

[vapid field]

Is there a way to put an input_text component inside a picture-glance card?

[mild veldt]

No, but you can inside a picture-elements card and that can be made to look like a glance card with some work

[civic stream]

Anyone using the plant status card?

I can't set the friendly name of the card. Just displays the plant name..

Bug?

I mean, I can enter a name in the card configuration, but that name does not show on the actual card.

[calm hamlet]

I am using home assistant since quite a while and never got into Lovelace. Now I updated HA and noticed that the layout looks a bit different and the URL also containts a /lovelace/ part. I always thought the Lovelace interface has to be configured separately. Is there some kind of auto conversation from old configuration to lovelace going on? I'm a bit confused...

[atomic glacier]

@mild veldt @polar kelp DEMO Voice Activated Lovelace screens!!! Video is horribly rough and unedited, but good enough example.
WARNING: MUTE YOUR GOOGLE DEVICES (and ignore my raspy voice 🤣) https://youtu.be/BN_0hNpCzOA?t=13

[prime umbra]

awsome job @atomic glacier 😃

[violet talon]

nice

[prime umbra]

@atomic glacier any place where we can see how you acomplish this?

[violet talon]

agreed. and what device you're using

[vapid field]

hey, is pdf vector image supported in picture elemnets card for floorplan?

or which is the best image quality format for floorplan?

or only png?

[atomic glacier]

@prime umbra https://community.home-assistant.io/t/my-lovelace-screens-new-voice-activated-lovelace-screens/84271/69?u=dino-tech

[undone egret]

@atomic glacier you from madisonville

you def dont have a louisiana accent

[atomic glacier]

@undone egret LOL, don't git me talkin'

[undone egret]

lasse le bon temps roulle

[atomic glacier]

dats talkin' 😜

[undone egret]

ce bon temps

[atomic glacier]

I'll have some boudin to go wit my Lovelace

[undone egret]

lol you have no idea what i am saying

thats fine i am from ponchatoula

[atomic glacier]

let the good times roll it's on my wall above the bed

[undone egret]

se kemp la emper

koon fun

[atomic glacier]

okay got me...my first wife was full blown coona*s that was 30 years ago. 🤣

could cook though

[undone egret]

ce bon temps cesur ...

LOL

my spelling might be off never tried to covert coonass to type

[mild veldt]

@civic stream bug that is fixed in 0.90 I thought but might be in 0.91

[urban lotus]

I am a little lost after upgrading to 0.90.2 from 0.80... I realize lovelace was going to kick in but I can't figure out how to manage it. I watched a video on how to edit the UI and it says to use the browser by clicking on "Configure UI". When I do that I get a warning that I am taking control and can't turn back. Should I take control? Can I still manage my UI from files or do I have to use the editor now? I tried reading docs and watching videos but they don't seem to match what I am seeing (I think this stuff is moving fast 😃 Anyway sorry for longish message. Just looking for point in right direction.

[timid burrow]

You can take control and if you do that then you use the graphical editor.. but you can then also from the same menu select a raw editor which is also YAML... Most people will take control I think

You can also go back to using yaml mode properly by telling config to use yaml mode for lovelace and if you do that you can copy and paste from the GUI raw editor to the yaml mode file

[civic stream]

@mild veldt Ok!

got to be 0.91 then

[vapid field]

is it possible with picture element floorplan change the main image floorplan when the sun change-day night?

[polar kelp]

Add an image element at left: 50%, top: 50% , and use the state_image property.

[vapid field]

thanks! and hot to set to change on sun.sun sensor-like automation, to switch picture when is below horizon and above horizon?

[limber juniper]

Hello! I'm new to HA, having just installed it last night. I was able to log into the site on my PC, but afterwards I downloaded the Ariela app on my Android and used it to interact with HA instead. This morning I woke up to find that I can no longer connect to the site on my PC. I can still connect and use services via the mobile app or even the mobile version of the site, but when I try on PC (Windows 10, Chrome for the browser) I get the "[IP Address] took too long to respond" error. I tried:
-Restarting the server (from the mobile site). I verified that it fully restarted, as I was able to call services again afterwards, but the error on my PC persisted.
-Closing out every instance of the UI on my phone (web and Ariela) and trying again on PC, thinking only one device is allowed to log in at a time or something. Error persists.
I hope you can help! I was planning on adding more automations today, which would be a lot more annoying if I had to use the mobile site for it.

[limber juniper]

Update: I solved my own problem by unplugging and re-plugging my RaspberryPi. But can anyone tell me why I needed to do that, and if there's anything I can set up to not have to do that in the future?

[feral sparrow]

Hello, someone can help me please? I am trying to pair a Xiaomi Universal IR remote to my wifi network, but never completes.... , can someone help me reading the log? Cannot determine if there is a problem on my network or Xiaomi servers have a regional block ,.. here's the log: https://pastebin.com/iQFAvbYt //// Thanks in advance.

[frail osprey]

Lovelace question, so I will ask it here. If I am used to configure the UI as it was before Lovelace, what will Lovelace bring me if I just want to use YAML to configure it. What are the new features if I do not care about configuring it using a UI.

[violet talon]

Custom cards

[frail osprey]

Aha. Thanks. That is all then 😁

[polar kelp]

Reloading the interface without restarting hass. General speedups. More card types (not just custom ones). More fine-grained control of how entities are presented.

[frail osprey]

Hot reloading the interface will also work if I use YAML to configure lovelace?

[elder pendant]

Yes, but there are extra steps involved

And are you talking about YAML mode or YAML in the raw editor?

[frail osprey]

@elder pendant Using YAML mode and a text editor

[limber mist]

is there a gauge that does the colors backwards?

like red when it's low, green when it's full?

[latent moss]

@limber mist i think the one i did for my car works the way u want. red from 0-30%, yellow from 30-60% , green from 60-100%

            - type: gauge
              entity: sensor.fusion_gas_level
              unit: '%'
              severity:
                green: 60
                yellow: 30
                red: 0

[limber mist]

ah cool, I'll try it out

[vapid field]

I have one image on floorplan that wont let tap action toogle? It show and cange the state if in press switch, but i do not let me toggle on image, why?

[vapid field]

this my settings, just this image wont toggle:

• type: image
  entity: light.hue_color_lamp_2
  tap_action:
  action: toggle
  image: /local/lucss3.png
  state_filter:
  'on': brightness(120%)
  'off': brightness(60%)
  style:
  top: 49.7%
  left: 50%
  width: 192%

[gilded veldt]

check your spacing warcanoid

under tap action

give action:toggle another space

[vapid field]

have this

I found now out that i have 5 images

and only the last one works

if i tap kitchen, living room light goes on-because it is the last written in lovelace

weird

[gilded veldt]

k

keep checking your spacing and layout

[vapid field]

https://hastebin.com/qegocebiru.bash see it, everything is correct

[modern plume]

Is there a way to grab the code from Media Player card, and make customized ones based on the Entity? Basically my goal would be to have custom images when the device isn't connected rather than the generic one. So PLEX would have the plex logo, the ps4 would be a ps4 and so on

[night inlet]

Hi there Sirs, Do you know where i can get help for home assistant because i found help in help topics but it is not working, or im making something wrong. Im new in home assistant but successfully installed on windows and on android box. Just have problem to understand automatization and specialty themes automatization. Thank you !

[main meteor]

How to use the custom compact header when using multiple vertical stack cards?

[clever ore]

@main meteor Add it once in the first vertical stack

[main meteor]

@clever ore As the first in the View?

[clever ore]

It needs to be in every view

First view set as main config

if the view uses panel mode it needs to be in a vertical stack or similar "container" card

if not using panel view, just add it as a normal card

[main meteor]

@clever ore I Will try! Thanks!

[whole heron]

anybody using toggle-lock-entity-row? Can't barely see the lock icon in my theme, is the lock color defined in the js or in the theme config?

[polar kelp]

It's probably primary-text-color, but I'm not sure...

[rough trench]

While editing the UI on my phone, I managed to create an "empty" (broken) badge, and now I can't even edit the badges (or delete them) anymore. Any tips on how to solve this? :)

https://imgur.com/a/YXBtTjO

[elder pendant]

Go into the raw editor and see what's wrong with the badges line

It should just say badges: [] for that view. If it does then try restarting HA or clearing your cache

Or both 😃

Oh wait you have other badges there, so there will be more than just an empty []. You should see one that doesn't match the others

[mild veldt]

There's a bug where if you delete a badge in the middle it will insert a null value for that badge. If you can get to the raw editor, remove that entry @rough trench

[rough trench]

thanks!

[tribal linden]

Good morning all. Quick question. If I am using secrets.yaml, do I need something like xx: !include secrets.yaml in my configuration.yaml file or is it included by default?

[polar kelp]

#330944238910963714 @tribal linden. But yes, it works by default.

[tribal linden]

Thank you!

[main meteor]

Trying out the compact customer header, but nothing happens.

[kind shell]

@main meteor posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/TXVVszSRcF/

[dark dirge]

try putting it at the end (i.e., flip the order of the two cards)

[clever ore]

@main meteor If you want it to work in panel mode, you need to put it inside the vertical stack. Your example shows it outside

[main meteor]

@clever ore Im not using panel

[clever ore]

K, saw it commented out and wasn't sure if that was where the problem was. Do you get any errors in the HA log or in your browser's Dev-Tools pertaining to CCH?