#frontend-archived

1 messages Β· Page 86 of 1

slender temple
#

sec

#

probably not, they're text weather forecasts

#

but ive tried other sensors

#

let me try darksky temp a sec

tacit cave
#

Are you tracking that sensor with recorder?

slender temple
#

i must be if the history graph shows when i click for more info right? or no?

tacit cave
#

no, not true

slender temple
#

ahh there's my assumption

#

ok ill go read up on the recorder

#

thanks

tacit cave
#

well

#

do you have recorder or not?

#

if you don't then it will track it by default

#

by it I mean HA

slender temple
#

i assumed recorder was built into hass.io and was the thing that shows all the data in the history tab

tacit cave
#

it is if you don't use recorder to change how you store your data

slender temple
tacit cave
#

ah ok, then it's tracking it.

#

I believe

#

you have a hass.db file in your config folder correct?

#

not that exact name but something like homeassistantvdb.db or something like that

slender temple
#

yes

tacit cave
#

then you should be tracking it and it should show up when you make graphs out of it

#

when you look at the history, does it show line graph?

slender temple
#

yes, just checked - its in there

#

oh wait, let me switch to the default theme, maybe its there all along

tacit cave
#

Ah yeah that could be it

slender temple
#

lol thats it

tacit cave
#

Oh well!

slender temple
#

even setting the line color seems to override it

tacit cave
#

change up that line color!

slender temple
#

not to*

#

ill take a look at the themes - thanks pedro!

#

petro*

tacit cave
#

I mean, I didnt' really do anything, but you're welcome!

slender temple
#

you tried to help and took the time, for that, cudos πŸ˜‰

primal verge
#

Ended up using custom:layout-card to allow for 3 vertical stacks

#

has button-card been updated to allow per state icons?

raw brook
#

No

primal verge
#

It looks like it HAS been updated to use entity icons, and covers have 2 icons based on state. will try that

#

nup. no cigar lol

raw brook
#

It was always like that

primal verge
#

didnt show an icon at all lol.

#

im trying every work around i can think of and this isnt working out haha

raw brook
#

? The button card has always used the entity Icon

#

You can also set the icon

primal verge
#

If you dont define icon it doesnt show anything tho

raw brook
#

Then the entity you have doesnt have an entity icon

primal verge
#

its a cover

#

it has a closed and an open icon by default

tacit cave
#

not unless you specify a device class

primal verge
#

ooooohhh. in customize?

raw brook
#

The cover domain should have it by default

tacit cave
#

yep

#

also that button should just show what the old interface showed

primal verge
#

yeah it doesnt

#

id paste a pic but this channel doesnt allow

raw brook
#

~images

kind shellBOT
#

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

primal verge
#
                type: custom:button-card
                  name: Garage Door
                  #icon: mdi:garage
                  #entity: cover.house_garage_door
                  color: rgb(42, 204, 6)
                  action: service
                  service:
                    domain: cover
                    action: open_cover
                    data:
                      entity_id: cover.house_garage_door
#

/eyeroll 1 line longer that it likes lol

tacit cave
#

thats the custom button

#

use the built in button card

primal verge
#

yeah i found it.

#

sec

winter knoll
#

Hello

#

I got lost with where to look for a mistake

tacit cave
#

@primal verge

type: entity-button
entity: cover.house_garage_door
name: Garage Door
tap_action: call-service
service: cover.open_cover
raw brook
#

...

winter knoll
#

currently I have following problem

raw brook
#

Using custom button card. But uses the entity-button name

#

🀦

primal verge
#

huh?

tacit cave
#

you try the new card?

#

well its not new, the built in one

primal verge
#

im adding service_data now. almost done

winter knoll
tacit cave
#

you shouldn't need service data

#

you can add it but if its just going to hold the entity_id you can omit it

primal verge
#

Ok. That pulls the icon properly

tacit cave
#

Yah, they made major upgrades when adding it as a 'real' card

primal verge
#

still doesnt filter with double entity filter. can entity filter return 0 results?

tacit cave
#

Not sure I follow

primal verge
#

to make the ui "Switcheroo" the button since that button only OPENS and does not close

tacit cave
#

Ah

primal verge
#

i have a filter showing only open, and a filter showing only closed but they both show

tacit cave
#

You know, you could make a toggle or switch template for that

winter knoll
tacit cave
#

@winter knoll is your spelling corrrect?

slender temple
#

@tacit cave found the reason the sensor card wasnt showing, the accent color == background in the theme i had set. seems this overrides whatever you set in lovelace yaml as line color for sensor card. no idea why, but you can set it to anything and its replaced. just fyi πŸ˜ƒ

tacit cave
#

good to know

raw brook
#

The line color?

slender temple
#

yep

raw brook
#

That option is going away

#

But I will make sure it works

winter knoll
#

@fast scroll i think so

slender temple
#

will the option to show the max/min etc from the original go back in?

winter knoll
#

this is my sonoff.yaml

#
light:
  - platform: mqtt
    name: "Sonoff Garage Door"
    command_topic: "cmnd/sonoff_garage/power"
    state_topic: "stat/sonoff_garage/POWER"
    qos: 1
    payload_on: "ON"
    payload_off: "OFF"
    retain: false
tacit cave
#

you gotta find out the correct entity_id

#

go to the states page and look at all your lights

winter knoll
#

there are none

tacit cave
#

well that's your problem

#

can't make a light appear that isn't there

winter knoll
#

but it was working one week ago

#

nothing changed

tacit cave
#

do you have auto update on? Heard there were breaking changes with hassio and the MQTT broker

#

That's about the extent I know. You should check your logs and make sure things are up to snuff

winter knoll
#

ok thanks

primal verge
#

I see a bunch of posts iin the forums but no answers

#

has anyone gotten fullykiosk to load the custom:modules js?

simple jolt
#

@primal verge no issues running module type in fully. Are you using a Fire tablet. They use an older version of android web view which is not compatible. There is no way to update the web view atm.

radiant drum
#

Hi! What does this meen: "Error handling message: {'type': 'lovelace/config/card/get', 'id': 53}"

raw brook
#

It means you are trying to edit your cards with the UI but probably dont have IDs on your cards

radiant drum
#

correct.. wont these IDs be added automatically if there is no id?

wheat current
#

That was tried, was not all that welcomed by the users πŸ˜›

raw brook
#

Next Release should include an automatic way to do this

#

But you have to tell it to do it.

#

When you try to edit a card and IDs aren't there it will prompt you with a dialog to ask if you want to migrate to be able to edit your cards in the UI

vapid field
#

How can I use a light-entity on a picture-elements card? I want to add an icon for a light and to be able to set the light level.

primal verge
#

@simple jolt Yes im running it on a fire tablet 7. Thats unfortunate :/

stable kindle
#

anyone use the picture-glance card with a cover entity?

#

for some reason it isn't showing the up/down controls, just a the icon...

raw brook
#

Thats kind of the point of the card

icy robin
#

Looking for some custom development help...I'm tinkering with creating a custom entity-row that could override the secondary-info text in a hui-generic-entity-row element. My challenge is that I cannot seem to access any of divs inside the hui-generic-entity-row element's shadow DOM. While debugging in the console, I can see the div element, but I cannot a cannot query it for further use. I'm just getting a started in Polymer, but have been following other custom examples. Now I'm stuck. Can a Polymer/Lovelace guru please provide some guidance? My simple prototyping code & config can be found here: https://hastebin.com/asawegurak.http

raw brook
#

Look into ShadowRoot

#

this.shadowRoot Gets inside each shadowdom

#

Looks like you did

icy robin
#

I'm using shadowRoot, and if I print the contents of the hui-generic-entity-row's shadowRoot to the console, I can see the div(s) I want.

raw brook
#

The problem is that its not rendered yet

icy robin
#

But I cannot programmatically access it

#

I'm attempting to query after the "ready" event in my custom element...do I need to wait fora different event?

raw brook
#
if(this.card.updateComplete) {
      await this.card.updateComplete;
    }

This is used in the card Modder

icy robin
#

OK...looks like updateComplete is part of LitElement....meaning I should look into porting my custom Polymer.Element over to that?

raw brook
#

Yee

#

one sec

icy robin
#

The CardModder example is interesting, but I'm operating on an entity, not a card. I went the Polymer route seeing as all other entity customzations were done that way.

raw brook
#

So Im not 100% on this @polar kelp is better at this subject. But the Generic Row is Polymer but the card it uses may be LitElement

#

So you may still have to use it

icy robin
#

But I can't find a entity customization that modifies a nested webcomponent.

#

Well, I appreciate the help - thanks. Will see if @polar kelp can provide some insight when available - he inspired me with his other examples!

polar kelp
#

I’ll get back to you after I feed my kids. But you need the await thing or updateComplete.after

icy robin
#

Sounds good - much appreciated!

primal verge
#

i assume you can do !includes in the lovelace ui as well since its still yaml?

#

because mines looking a bit too clustered. OCD cant handle it haha

raw brook
#

You can but only !include not include dir

primal verge
#

so individual files are fine but not directories of files. I can handle that

#

thanks ill play with it

#

oh yes. So nice.

polar kelp
#

Ok @icy robin the reason you can see stuff in the log but not access it is because chrome logs stuff by reference and shows what’s there when you read the log rather than when you’re writing to it.

icy robin
#

OK - so we do have a timing issue then

polar kelp
#

You need to wait for .updateComplete of the hui-generic-entity-row. When that resolves, the row has finished updating, and everything should exist.

#

.updateComplete is a property of and inplemented by the hui-generic-entity-row, so you don’t have to worry about making your thing a litElement.

icy robin
#

OK, great - thank you! I'll try putting an await for that in my code, and see if that helpd.

polar kelp
#

So javascript er.updateComplete.then(() => { let erDiv = ... etc }) should do it.

icy robin
#

Perfect! Thanks again. I'll give it a try.

#

er.updateComplete (and er.shadowRoot.updateComplete for good measure) is coming up as undefined

primal verge
#

Is there an obvious way to modify the title of cards if set?

#

currently its massive left-aligned

raw brook
#

No

icy robin
#

@polar kelp Did a little more troubleshooting...looks like HuiGenericEntityRow extends PolymerElement, not LitElement. Best I can tell, updateComplete is a property that only exists in LitElement. If true, do you have other suggestions on how to approach this?

polar kelp
#

Oh, right.

#

Then I suggest you study the _cardMod function of card-modder. In there I have a loop that checks if a card has loaded yet.

#

It must be run asyncronously, though, but that shouldn't be a problem

#

You could also try calling your update function from connectedCallback() instead of ready(). I'm not sure, but that might work.

#

If all else fails, you can run it every time the hass setter is called, until it succeeds... but that may take several seconds or so after render.

#

Nice to see someone trying to do this, btw. People keep asking me for it.

icy robin
#

Thanks, and hopefully I can help. Messing around with this is a good learning experience.

#

Unfortunately, it doesn't look like the shadow DOM is even initialized at the time that connectedCallback is called.

#

I'll look into some of your other logic and see if I can figure it out.

silver crescent
#

+Is it possible to change the caption of a sensor state? ex. from closed to something completely different?

polar kelp
#

A template sensor, perhaps?

frank tapir
#

Hi, which git repo is lovelace developed / enhanced in?

polar kelp
#

home-assistant/home-assistant-polymer

#

It's under src/panels/lovelace

frank tapir
#

thanks, was trying to poke around to better understand some of it

icy robin
#

The _cardMod loop logic worked! I am able to override the secondary-info text!

frank tapir
#

btw - recognize your name from the layout card, thanks for that!

#

Lovelace has been fun and frustrating at the same time, I see a lot of potential to a better interface but haven't quite gotten to one yet πŸ˜ƒ

frank tapir
#

Is there a good directory of custom cards? I saw some sites but so far everything I've seen is pretty incomplete.

polar kelp
#

The forums are a good place to start, I think.

raw brook
#

Pins have some

#

ooo forums is the answer

frank tapir
#

Yea I've found some in the forums, but its not the best way to find them all.

raw brook
#

Most of them are there

polar kelp
mild veldt
#

@icy robin FYI we’ll be upgrading everything to Lit eventually and that one will be pretty soon

raw brook
#

Does anyone use the entity-filter card for anything other than glance or the default entities card?

viral sorrel
#

with monster card how could I display both an entity filter and specific attributes in the same card? or is that not a possible combination?

past falcon
#

hey, for an entity button card, is it possible to show the text of the state instead of the icon?

raw brook
#

no

past falcon
#

ok

naive grail
#

wondering if anyone out there has added a background image to their theme, I have not been able to get it to work. I can add it to my lovelace config and get it to work, but I have 2 themes, light and dark with an automation and would like to have 2 different backgrounds. this works in the lovelace config
background: center / cover no-repeat url("/local/background_dark2.jpg") fixed
but not in the theme.yaml file I have, any thoughts?

outer pendant
#

Does something like picture_elements but with a dynamic (camera) background exist? So something like camera_elements.

mild veldt
#

@outer pendant add an image camera element the same size as the card as a layer to the picture elements card

outer pendant
#

How would I do that?

#

Do I create a dummy image and then add the camera on top of that?

onyx kestrel
mild veldt
#

Should really just add camera_image as an option for the background to align with glance and entity picture cards

#

I'll add that to my todo list πŸ˜ƒ

subtle rune
#

@mild veldt I don't think there's a way for the monster card to show toggles specifically? I have alerts in a monster card and they're not showing the toggle

mild veldt
#

🀷

onyx kestrel
#

@mild veldt I can't find that either - my card is actually quite simple, an entity-filter on my alerts with state-filter: "on"

#

But the toggle is not shown unless I click on the entry

subtle rune
#

It's a difference in behaviour from old ui, now the state of the alert reads as a sensor and you have to get more info up to acknowledge. In old ui it shows up as a switch/toggle directly

mild veldt
#

ah, yeah, we don't have an alert entity row. I think that is just text row in the end

#

@onyx kestrel if you inspect that row, what hui type is it?

#

hui-text-entity-row?

onyx kestrel
#

hue-generic-entity-row

mild veldt
#

Inside of that is it text?

#

Doesn't matter

onyx kestrel
#

indeed

onyx kestrel
#

inside its hue-text-entity-row

mild veldt
#

Need to update that list to have the alert domain

onyx kestrel
#

ok

mild veldt
#

I'll check into it tonight unless you beat me to it with a PR

onyx kestrel
#

thanks !

#

PR made

mild veldt
#

tested?

onyx kestrel
#

😬

slender temple
#

hey guys πŸ˜ƒ if I have an entity that has a number of properties, say - the sun - whats the syntax I use? so if i want the sun i use

#

entities: - entity: sun.sun

#

but if i want the next sunset to be listed what would I use then?

#

ignore the spacing, its just the syntax im after πŸ˜ƒ

#

never mind, found it!

#

well, thought i had. any ideas guys? πŸ˜ƒ

#

- type: entities title: Sun show_name: false entities: - entity: sun.sun - entity: sun.sun_next_dawn

#

just gives entity not available

raw brook
#

Because thats not an entity

slender temple
#

its an attribute of an entity right?

raw brook
#

There is no native way to show attributes on an entity

slender temple
#

ok. cool

wheat current
#

When do we get that? πŸ˜›

raw brook
#

You will need to make a sensor

slender temple
#

ok no problem πŸ˜ƒ

#

will it ever be a feature of the entity card? seems "natural" to add the attribute to the end

raw brook
#

@wheat current Not sure. I don't know if we will...

#

Well I take that back. It is now easier to do with the UI so maybe

#

Itll will be after we iron out a lot of the UI stuff

#

still a maybe

wheat current
#

Ah :/
I think it would save the state machine not having to create a template for every attribute πŸ˜ƒ

slender temple
#

well no worries, thanks for the help, appreciate it, time to look at template sensors

raw brook
#

I agree. We want to make as many cards as we can that will naturally show all the attributes. Like a Vacuum card for instance

#

Or the Thermostat Card. So it shows all the info in a nice way instead of in an entities card. Of course there is no way to do them all

wheat current
#

Some is way better than none πŸ˜ƒ

mild veldt
#

Not with that attitude 😜

raw brook
#

We will get there eventually

naive grail
#

wondering if anyone out there has added a background image to their theme, I have not been able to get it to work. I can add it to my lovelace config and get it to work, but I have 2 themes, light and dark with an automation and would like to have 2 different backgrounds. this works in the lovelace config background: center / cover no-repeat url("/local/background_dark2.jpg") fixed but not in the theme.yaml file I have, any thoughts?

outer pendant
#

And I have no idea about how to do frontend stuff

mild veldt
#

But the change to support camera_image looks pretty straight-forward and will hopefully be in an upcoming release if you want to just wait a bit

outer pendant
#

@mild veldt It only takes a couple of seconds to change it later

mild veldt
#

I meant if you can't get it working now

#

i.e. don't spend a lot of time on it

outer pendant
#

@mild veldt It worked fine with that link πŸ˜‰

mild veldt
#

πŸ‘

outer pendant
#

@mild veldt You may also be able to help with another thing: https://i.imgur.com/KQcinCB.png The bar at the top here, is really 2 bars so when changing the size of the window, it sometimes seperate on the right side

mild veldt
#

Try using transform: none

vapid field
#

so i'm playing a bit with lovelace. Can i make a card for one room, have custom:slider-entity-row and glance inside the same card? Say i want my livingroom to have a card, and full-width sliders for the dimmable lights, and a row of buttons type glance for on/off swithces?

mild veldt
vapid field
#

holy sh.., that seems like a lot of trail-and-error to achieve the wanted result (if possible). I was hoping for more like vertical stack, but tbh, i have noe idea what that card does. It seems exactly the same with or without it...

mild veldt
#

stacks are for grouping

vapid field
#

grouping what? i want glance and entities inside one card/group.

raw brook
#

You cant do that. The closest you can get is Thomas Lovens Column Card

#

wait

#

I swear he had a card like that but nvm

vapid field
#

that's basically what i want to achieve. The column card seems to be depricated

unkempt warren
#

hello everyone...does anyone know if it is possible to use entity secondary info "last-changed" on a group? I have multiple presence detection entities grouped to show presence...I'd like to know WHEN presence last changed. Thanks!

prime umbra
vapid field
#

looks like exactly what i want πŸ˜„ thanks dude!!

prime umbra
#

np

raw brook
#

Thanks solid. Thats it

fleet condor
#

Hi all. Is there a way we can change the color of a sensor icon based on the state?
Something like this:

sensor.lavar_roupa:
  friendly_name: Maq. Roupa
  icon: mdi:washing-machine
  templates:
    rgb_color: "if (state === 'vibration') return [#e02e1a]; else return [#1811e0];"
mild veldt
#

~format

kind shellBOT
#
:information_source:
Format Code:

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
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

icy robin
#

@polar kelp could I trouble you for more advice? I have a working custom entity-row element that overrides the secondary-info with an attribute value (https://hastebin.com/jolazatowu.http). However, it is just creating and overriding a hui-generic-entity-row. Ultimately, I'd like to be able to create and override any of the built-in entity rows, and I understand the logic that the entity card is currently using via create-row-element.js. But for now, I'm just trying to customize a hui-climate-entity-row. What I'm struggling with is how to programmatically create that entity row in my custom code.

#

If I update the template code I just linked to with a hui-climate-entity-row tag, it's content is completely empty. I also have a similar issue if I try to instantiate the same tag via createElement and call setConfig.

polar kelp
#

The contents are usually empty until its hass property has been set.

icy robin
#

Would by template not handle that? I am passing hass.

polar kelp
#

Yes, it probably should

icy robin
#

That's exactly what I am working off of as an example - just can't seen to create a working 'standard' row

#

If I use createElement instead, how do I a set hass? I see the setConfig calls, but not an example of setting hass.

polar kelp
#

Just yourelement.hass = hass

icy robin
#

I'll try it that way - thank you.

polar kelp
#

For the fold-entity-row I cheated a bit. Instead of generating all the correct rows, I create an entities card, and pick the rows from that. That might be a solution.

icy robin
#

ah, OK

sudden latch
#

Hey everyone. I've customised a light with a local icon using entity_picture. How do I change the icon's color depending on the color of the rgb light? The icon is a black PNG on a transparent background. I've googled, looked at the docs and forum posts and just can't seem to find out how to do it.

mild veldt
#

entity_picture? Do you mean picture-entity? In which case, there are no icons...

sudden latch
#

I'm changing the icon in the customize section like this:

  customize:
    light.hue_bloom_l:
      entity_picture: /local/icons/bloom.png
#

That works and shows the icon but it doesn't change colour along with the light colour

mild veldt
#

@sudden latch

#

~format

kind shellBOT
#
:information_source:
Format Code:

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
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

kind shellBOT
fallow oak
#

Let me try that again...
Trying to use the conditional card to hide a card when an entity has an unknown state. In the state tables it is listed as "unknown", but this might not be the correct way of applying this?
https://hastebin.com/iyimaperax.bash

raw brook
#

Conditional and the gauge card aren't playing nice. So it won't work currently

fallow oak
#

Too bad.... Thx!

plucky raven
raven nacelle
#

@plucky raven Yes, I have updated it on my repo.

#

~arsaboo

kind shellBOT
plucky raven
#

@raven nacelle - you sir are the best! Thank you!

radiant drum
#

Hi! i updated from 0.82.1 to 0.83.0. When i try to open Lovelace i only get "Reload UI-Lovelace" Did not do any changes to ui-lovelace.yaml before i updated. Is there any changes i missed from 82 to 83?

raven nacelle
#

refresh browser cache a few times @radiant drum

radiant drum
#

@raven nacelle yep.. that did it!

keen mantle
#

Is there anyway to customize the window that pops up when an entity is clicked, or in my case a binary sensor that monitors the status of several lights. Would like to be able to click on the binary sensor icon and see the entities being monitored

molten abyss
#

Can I include an attribute value in the title of a gauge card?

icy robin
#

Thanks to @polar kelp for his guidance

#

It's working well for me. If folks would care to put it through some test cases, I'd appreciate it!

keen mantle
#

solid timing, may need a bit of guidance on getting it going in my setup.. but looks to be what im wanting

icy robin
#

I put some instructions in the code - hopefully that helps

molten abyss
#

ty

thorny verge
mild veldt
#

@icy robin I would recommend a post to the forum to get more eyes on it and a better place for discussions surrounding it

#

@molten abyss no. Titles are static

keen mantle
#

@thorny verge any guidance here? not able to get it moving

thorny verge
#

@keen mantle The pop-up card has to come before the entitiy it is replacing the more-info for. Try placing it as a card ahead of card-modder card.
Like this https://pastebin.com/JXNzkBJp

slender temple
#

i just upgraded to the new version of HA (running hass.io on a pi3). Lovelace just says "go back" in teh middle of the page. no errors in the logs. took a look through the release notes - am I missing something?

raw brook
#

Refresh

#

Ctrl+F5

slender temple
#

lol

#

thanks!

mild veldt
#

Ctrl+F5 === "have you tried turning it off and back on?"

slender temple
#

i hit reload a bunch of times, clicked through, closed the browser etc. but yeah, didnt think of that. 😳

naive grail
#

Is there a way to add a background image to the theme config. I would like to have 2 background images one for my light theme and one for my dark theme. I have an automation to change them for day and night. I am able to add the background image to lovelace but it is static and not sure how else to make it change when the themes change. Any Ideas?

keen mantle
#

@thorny verge i should have mentioned that the card-modder has multiple elements under it, not just lights. that code above code-modder blows up the custom card entirely.

thorny verge
#

Should work, I believe it just has to be before entitity, in same view. Maybe with card-modder pop-up has to be in card-modder (don't thing so), maybe try just moving it before the entitiy you are chnging the more-info for. In your original code, you had it after.

wind tusk
#

Anyone found a good way to create a slider for a light which doesnt dim? (In the background it's a Sonoff talking MQTT) Wanna clean up my UI and the toggle switches need to go

#

was thinking of going the long way around creating an input slider and add automations, just wanna check if someone has a more simple way first

#

And now Thomas is gonna hand me the solution with his awesome plugin πŸ˜›

polar kelp
#

@thorny verge @keen mantle the popup-card doesn't have to be before the entity. It just has to be in the same view.

#

@keen mantle This: https://pastebin.com/XwFmMeM2 is all kinds of messed up. Try sketching it on paper and get a clear picture of what you're trying to do.. Because now it looks like you're trying to put two cards inside a state-icon using a property named card...

sour thunder
#

Is there a way to maybe use the notification/popup function to get a full screen (or at least big) popup when the doorbell is activated, with a live camera image and two buttons (dismiss and open (the door))

mild veldt
#

Possible: Sure. Available: No

keen mantle
#

@polar kelp agreed, reverted that change back to original to the card at least appears :-p

#

so*

keen mantle
#

nailed it. Put the custom-popup in front of the custom-Modder for simplicity sake and it fired right up

#

thanks @polar kelp and @thorny verge

prime umbra
#

@mild veldt the Shopping List card ROX!!!
would even better if in future you could add option to associate a link to it :)
nice job...

#

was wondering about the left side bar button off shopping list on frontend, its not having same behaviour like the LL card, you are able to change the names of items with out checking up box

mild veldt
#

You’re saying you can’t edit without checking an item on the LL card?

#

You could put it in its own view or a copy of it in another view so that you could have a separate link

prime umbra
#

you correct , my bad both have same behaviour

buoyant portal
#

It is possible to have a vertical-stack or horizontal-stack within an entities card?

raw brook
#

WHat? No.

buoyant portal
#

Ok would just be nice to have entities on a horizontal line similar to the glance card. Or having 2 button-cards side by side within an entities card. You can do it with the old custom-tiles ui

#

Happy to post examples

#

Kind of achieved what I was after by wrapping it all in a vertical stack card with horizontal stack for the buttons. Just gives a broken look as it doesn't appear to be on a single card although it is

brittle shoal
#

Does anyone know if it is possible to add spacers in horizontal stacks? For instance, Im using two vertical stacks with a horizontal stack under each with entity buttons in the horizontal stacks. The problem is I have three buttons in one stack but only 2 in the other so the buttons are not the same size. Is there a way to add a "spacer card" so all of the buttons are the same size regardless of how many are in the stack?

#

Alternatively, I tested out putting blank markdown cards in the stacks and it evened everything out perfectly. But, is there a way to change the theme of only the markdown cards to make them the same color as the back ground or transparent so they are not seen?

mild veldt
#

@brittle shoal google Lovelace card-modder

kind shellBOT
past sphinx
#

Wow!!! Oops. Didn't know there was a limit. For anyone interested in what that's about, I'm getting a lovelace error. The error is in the link above.

past sphinx
#

All good. Worked it out. I had a custom card that I made myself, and had it on 2 different pages. Both had the exact same ID and this is what was causing the issue. Changed the ID on one of them and everything is back again. YAY!!!

tawny rapids
#

πŸ‘

subtle rune
#

@buoyant portal Try the custom card vertical-stack-in-card.

buoyant portal
#

Thanks @subtle rune !

wheat bone
#

?

winter hollow
#

The frontend devs

wheat bone
#

So.. . How would I go about reporting errors, and/or offer to help correct them?

winter hollow
wheat bone
#

OK, I'll look at that. Thanks!

signal spruce
#

Hey guys, I've been pulling my hair out trying to get this sorted, but the default behaviour where the number of columns that cards show in is meant to be responsive and fill the window isn't functioning and will only show one column

#

Any information you need from me let me know and I'll get it!

tough quiver
#

Hey!

#

I want the device_class to be "motion" however it is an input_boolean.

#

well rather i want it to be occupancy but its nbd

#

ideas?

mild veldt
#

@signal spruce sharing your config would help debug your issue

#

~share

kind shellBOT
tough quiver
#

actually come to think of it, it doesn't matter because they're not in the card if they're not considered home.

#

maybe it does matter.

nitpick-y but it'd be nice if it was the yellow/on colour. Can i force the colour of an icon?

broken mango
#

Can someone explain how lovelace put cards in columns? If I simply put cards in a view they appear in full width columns. But when I put cards in any stack lovelace puts cards in single column.

mild veldt
#

@broken mango you sure you don't have panel: true for your view where they are full-width?

broken mango
#

@mild veldt yes I'm sure

mild veldt
#

cards should not be the full-width of the panel unless you specify that, care to share a snippet of your config that has this behavior?

broken mango
#

There might be misunderstanding. Cards are not full-width of panel.

#

They are showing in one basic column in the middle of screen. And when I add another card in stack it show in the same colum. It half-width of column.

mild veldt
#

so you have a vertical-stack with horizon-stacks in it and adding multiple cards in the horizontal stack is creating your "half-width" cards? Is that right?

#

add panel: true to your view if you want to customize your layout

broken mango
#

I haven't tried this combination

#

I had vertical stack. 3 cards took full height. Adding 4th should add new column. But instead LL made half-width cards

#

Than I tried horizontal stack. I thought LL should put each card in new column. But LL made put two cards in one column with half width and third in another column.

#

Could it be the problem with light card?

#

I've tried Tomaths' layout card but it gives same result

winter hollow
#

Stacks are 1 card

mild veldt
#

a vertical-stack...damn, bram is too quick

winter hollow
#

So it will always stay in 1 column

mild veldt
#

i by that i mean, we're both slow πŸ˜ƒ

winter hollow
#

Hehehe

mild veldt
winter hollow
#

If you want lovelace to divide it over the columns, don't use stacks

broken mango
#

Thank you guys. Now it's clear

shy fiber
#

I'm on .83.1, and getting this. It just started happening, and was working before...
Unknown card type encountered: light.
{
"id": 45454354321,
"type": "light",
"entity": "light.bedroom_lamp",
"hold_action": "more-info"
}

mild veldt
#

try clearing your cache a few times @shy fiber

shy fiber
#

@mild veldt Oh.... that worked. Thanks. I'm disappointed in myself.

near crypt
#

In lovelace it is possible to create a button which toggles between two scripts?

mild veldt
#

@near crypt you could specify one script as the entity and a separate call for hold_action

#

no that won't work

raw brook
#

You can also use a input boolean. Button toggles input boolean and a automation with condition fires a script based on the on/off state of the boolean

mild veldt
#

we pass the entity id, by default in any service calls...

civic sedge
#

also tryed the shopping list? I get
Received invalid command: shopping_list/items

mild veldt
#

use @raw brook idea

raw brook
#

You can overwrite that @mild veldt

#

with service data

mild veldt
#

ah, yes

near crypt
#

I'll try it now

mild veldt
#

@civic sedge do you have the shopping list component setup?

civic sedge
#

Nope - Thats then maybe why

mild veldt
#

that's 100% why

raw brook
#

Does the card show an error if thats not set up @mild veldt

civic sedge
#

Just overread it in the release notes - Thaanks !

raw brook
#

or can the card know if its set up πŸ€”

mild veldt
#

It does not show an error. Should probably check for error on that first call. Add it to the TODO πŸ˜ƒ

civic sedge
#

Dont shows an error as long as you dont get a Title

leaden vapor
#

Is Lovelace what I'm going to be using to create an interactive tablet control panel for my house, or would I still want to use HA Dashboard?

civic sedge
#

you can make prittey neat ones with lovelace

mild veldt
#

@leaden vapor that's subjective

leaden vapor
#

@mild veldt Ahh...well, I wonder which one is easier to setup for a tablet to be in kiosk mode???

civic sedge
mild veldt
#

@leaden vapor I don't know that state of HAD, but LL is still evolving, so you'll likely need/want to evolve your interface with it. I think most people here will point towards LL as the best solution though, of course πŸ˜ƒ

civic sedge
#

I already love the shopping card for example - Just set up a html notification wich opens url: '/shopping-list?kiosk' when you klick on it
I mean.. Wtf 🀣

short zephyr
#

hi gus, i'm trying to add a button that siimply calls a notify service whats the best way to do this?

raw brook
#

Create a entity button. Have it call the service

short zephyr
#

but i'm unsure what to put for the service data, i get required key not provided @ data['message']

raw brook
#

Then you should add a message πŸ˜‰

#

The service data is exactly the data you need to call the service

short zephyr
#

well i can send it via the gui like so

#

{"message" : "TEST"}

#

for the notify.scott_tv service

#

but can't seem to get the button to work, probably syntax but unsure on the issue

raw brook
#

services if you click that in your HA right menu. You will get all your service. Chose the Notify service. Then what ever data you put in the JSON. You put in the service data

#
service_data:
  message: This is a message
short zephyr
#

i've tried that

#

what should the entity be set to though?

raw brook
#

your notify entity

short zephyr
#

but i can't find that anywhere

#

its not in the list of entitys

raw brook
#

Make it a script then

#

Make a script that does the service call and sends a message

#

Set the script as the entity id on the button

short zephyr
#

no idea how to do that, i have used HA for about 10 hours over 2 days

raw brook
#

then you call use call service

short zephyr
#

happy to learn but not sure how

raw brook
short zephyr
#

ah yes the documentation πŸ˜ƒ already using that for the other stuff, thanks for your help

past falcon
#

Hey lately I've been having trouble with my custom animated weather card not loading the icons/format on mobile (chrome). It works fine on desktop and I've cleared my cache in the app, but it just looks all jumbled. The data is there, just all over the place. I can upload a photo if need be

raw brook
#

Create an issue with the custom card

#

We dont support them

past falcon
#

K

dreamy flint
#

Is there a way to display a value from a sensor, at a specific place? Like when placing i.e. a bulb on a house layout

near crypt
#

In glance card it is possible to show text only (HDMI 1, HDMI 2) instead of icon for an entity?

raw brook
#

@near crypt Read the docs

#

@dreamy flint ARe you talking about a picture elements card

dreamy flint
#

@raw brook I want to place value from a sensor, next to a lamp-icon on my layout

raw brook
#

Are you using a picture elements card?

#

What card are you trying to do this on?

#

You are giving no info πŸ˜‰

dreamy flint
#

Ah sorry, yes, it's a picture element card

near crypt
#

Zac, I did, but I can't find the answer. I think it is not possible what I want: show_name: true, but hide icon. There is no show_icon option I think.

raw brook
#

Glance card is a card meant to show icons

scenic elk
#

I was editing configuration file trough nano, all of the sudden lovelace stopped working

#

I don't understand why

#

Could not find ui-lovelace.yaml in your config dir.

#

I tried restarting

#

Should ui lovelace be in the config folder by default?

dreamy flint
#

@raw brook Thanks, that seems to work πŸ˜ƒ Also got the solution on how to dim a bulb using the picture element card?

#

Like hold down on the picture or something like that

scenic elk
#

I think I accidentally deleted lovelace yaml

#

There is no lovelace yaml in: /home/homeassistant/.homeassistant

dreamy flint
#

@scenic elk It should be in the root of \config

scenic elk
#

I don't see it 😦

#

Can I download a default file from somewhere?

#

automations.yaml groups.yaml secrets.yaml
.cloud/ .HA_VERSION .storage/
configuration.yaml home-assistant.log tts/
customize.yaml home-assistant_v2.db .uuid
deps/ scripts.yaml

raw brook
#

No. Just create it

#

No way to dim like that @dreamy flint

dreamy flint
#

Hmm long press on android results in a menu for downloading the picture.. works great in Chrome on my desktop (picture element card with hold_action)

#

@raw brook Got it sort-of working with hold_action

raw brook
#

You can call a service with that but you cant get it to dim it while holding continuously

#

@polar kelp may be of help with the hold action issue

polar kelp
#

hass version?

#

It should be fixed in 0.83

dreamy flint
#

Aha! I'm running 0.82.1

#

Gotta head to bed, the missus is calling.. thanks for the help!

scenic elk
#

Could someone upload default ui-lovelace.yml ?

polar kelp
#

There's no such thing

scenic elk
#

Or paste the default code

#

ui-lovelace.yaml

polar kelp
#

By default it doesn't even exist.

#

You're supposed to create it yourself

scenic elk
#

my home assistant is not working

#

without the file

#

the webui

#

nvm I fixed it

halcyon mantle
#

General question - Is there a scrollable (left/right) card - like an entities card behaving like the top row of icons for each lovelace tab which can scroll left/right

junior onyx
#

Is anyone using a map card with icons to show where devices are?

subtle rune
#

@halcyon mantle Check out custom card Swipe-card

viral sorrel
#

how does monster card entity include filtering work? is it using regexp? because I'm trying to match .bedroom without matching master_bedroom and it still includes it

civic sedge
#

Somebody uses Google calender without the custom Google Calendar component?
I cant use it anymore after the Page dont even borther come up

snow pelican
#

For me google calendar works without a problem.
Do you get any errors (either python or JS)?

civic sedge
#

The moment isnt defined - Wait a seccond - I ll repoduce

snow pelican
#

Do you have moment.js included at your resources?

resources:
  - url: https://unpkg.com/moment@2.22.2/moment.js
    type: js
  - url: /local/custom_cards/calendar-card/calendar-card.js?v=1.0.1
    type: module
civic sedge
#

Jup -almost exactly like this (folder /local/custom_ui/calendar-card)

snow pelican
#

hmmm... the only thing I notice is that you use es5 instead of latest javascript version; not sure if that's causing the issue

#

currently testing it

civic sedge
#

I set up javascript_version: auto

#

after i got some troubles with auto 3 to 5 versions ago

snow pelican
#

I do get some JS errors with es5, but nothing related to the calander

#

and the calander still works

#

so the only thing I can think of is that there's a problem with loading the external file (moment.js); either it can't access it (no internet/firewall), or it takes too long to load

#

you could try to download moment.js and access it directly from /local/ instead of unpkg.com

civic sedge
#

mhmm.. Idea I ll try now - Thanks

#

@snow pelican Genius πŸ˜‚ Thanks a lot - 3 reloades ant the frontend still loades

#

Would say it took to long to load

snow pelican
#

you're welcome; happy to help πŸ˜ƒ

#

which allows cards to fit the screen, and switch from 1-2-3-4 columns based on screen size

#

still a bit hacky, but seems to work good enough

junior onyx
#

Is anyone using a map card with icons to show where devices are?

split granite
#

YEs

short zephyr
#

how can i call 2 scripts on a entity-button?

#

1 to to run a "on" script and then press again to run the "off" script

mild veldt
#

Can’t. But you could make your script smarter

short zephyr
#

well that seems stupid, i could do that prior to lovelace

split granite
#

So submit a PR to address it, rather than calling it stupid πŸ˜‰

winter hollow
#

Use conditional to hide the off button when on and vice versus.

raw brook
#

Use an input boolean. Its very easy

#

Toggle the input boolean with the button. Create two automations with conditions (if boolean turned on vs turned off) then run the script needed for each one.

junior onyx
#

@split granite was the "yes" to me?

split granite
#

Well, yours was the post immediately before... πŸ˜‰

junior onyx
#

what am i missing on how to do it?

#

type: map
aspect_ratio: 100%
default_zoom: 25
entities:

#

then a list of device_tracker.tile.longnamegoeshere

#

i've set icons in known_Devices

#

hide_if_away: false
icon: mdi:cellphone
mac:
name: Idexx iPhone
picture:
track: true

split granite
#

~format @junior onyx

kind shellBOT
#
:information_source:
Format Code:

@junior onyx 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
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

junior onyx
#

...stupid question, where's the backtick on a mac keyboard? is it the one by escape?

#
hide_if_away: false
  icon: mdi:cellphone
  mac:
  name: Idexx iPhone
  picture:
  track: true
#

that still killed my indenting though πŸ˜ƒ

split granite
#

You haven't said what the problem is yet?

junior onyx
#

oh. i see the items on the map but they just have letters (Ii for Idexx iPhone) instead of icons

split granite
#

I think that happened around 0.79 or 0.80

#

I'm pretty sure I opened an issue back then, but I've not looked into it since

junior onyx
#

ok. so it's a bug, not a config error on my side?

#

as long as I'm not misssing something, I'll dig into finding an issue and see if i can even help fix it πŸ˜ƒ just hate to do that if it's a missing line in my file (i had an issue setting the TILEs up and it was just a missing config line..)

split granite
#

I think so, yes

#

I see the same, and had a problem where customize and setting an icon in Lovelace wouldn't over-ride the picture set in known_devices.yaml

junior onyx
#

@split granite whats your github handle?

split granite
#

~tinkerer

kind shellBOT
junior onyx
#

I cannot find any such issue, despite my best efforts.

split granite
#

Maybe I didn't get around to opening it there then

junior onyx
#

@split granite it looks like the lovelace stuff is mostly JS not python?

wheat current
#

Not mostly, all of it

junior onyx
#

I'm less helpful there than I'd hoped then. My JS skills are ... lacking

wheat current
#

Lacking is way better than me πŸ˜‚

tacit cave
#

anyone have a custom card with a long text input?

smoky peak
#

Can anyone give me a pointer as to how to troubleshoot this problem?

prime umbra
#

do you have ids on cards?

smoky peak
#

Yes, unless there's one missing. Is that what's throwing that up?

prime umbra
#

sounds like it , i would guess

smoky peak
#

And are the id number completely arbitrary as long as they are unique?

prime umbra
#

y

smoky peak
#

Ok, thanks. I'll go give my lovelac.yaml a colonoscopy...

prime umbra
#

lol

smoky peak
#

Ok, got it. So, APPARENTLY, although the docs says an ID number was required, a bug kept that from actually mattering until the latest update. Thanks again.

prime umbra
#

np

ornate pollen
#

how is it possible that both buttons are displayed on the card ? i checked the media.paused is either true or false

#

this is the output for true:

#

(uploaded both images there)

viral sorrel
#

anyone know how to match bedroom without matching master_bedroom (or any other bedroom) with monster card entity filters?

vapid field
#

@viral sorrel depending on what exactly monster-card is matching, but you should try something like "^bedroom" ... to match bedroom to the beginning of the string

snow pelican
#

technically you should be able to first include all bedrooms entities (eg. with bedroom group) and then exclude the master_bedroom entity.

viral sorrel
#

doesn't look like ^ is valid

#

the exclude is not ideal but it works..

tacit cave
#

Wasn't there a card that created a 'second' title bar?

mild veldt
#

@viral sorrel what makes the exclude not ideal?

viral sorrel
#

another thing to track.. don't get me wrong.. it's relatively clean.. we only have 3 bedrooms.. but it also means that the matching isn't using regexp but just basic substrings

mild veldt
#

Then submit a pr to monster card

viral sorrel
#

I'll get to that stuff in february/march.. for now I'm just dealing with triage

mild veldt
#

...

blazing hamlet
#

Morning

blazing hamlet
#

it's possible to change anchor position of an image in lovelace ? I think by default it's center

halcyon mantle
#

@polar kelp - Is it possible to launch a custom URL in fully kiosk with your plug-in, https://github.com/thomasloven/lovelace-fullykiosk? I'm thinking of an automation where if an outside motion detector detects motion the camera feed of that area displays on the wall mounted panels.

vapid field
#

What do I do so that these automatically created IDs are actually created when adding stuff. Seems like I have to ID them myself.

civic sedge
#

@halcyon mantle I use a commandline switch for that - on to the camera view - off to the main view

- platform: command_line
  switches:
    doorbelldashbedroom:
      command_on: /usr/bin/curl -k "http://KisokIP:2323/?cmd=loadURL&url=https://HAIP:8123/Doorbell&password=KisokPassword"
      command_off: /usr/bin/curl -k "http://KioskIP:2323/?cmd=loadURL&url=https://HAIP:8123/Home&password=KisokPassword"
      friendly_name: Display camera
halcyon mantle
#

@civic sedge Cool Stuff! What type of cards do you use on your 'Doorbell' page?

#

Would be nice to have it stream like on the more_info page, instead of the thumbnail updating

calm rock
#

Hi All, i have tried the swipe card, after reading the docs , made some changes but im still getting only the : custom element doesnt exist error message , i do see a 404 error on this line import Swiper from './js/swiper.min.js?v=1.1.0'; , any help appreciated.

civic sedge
#

@halcyon mantle Its actualy somthing like /lovelace/dorbell?kiosk&showtabs
not much
The camera image, the button to open the front door, and a weblink back to the main page

halcyon mantle
#

Is it possible to hide views from the icons at the top? I have 16 cameras, and would like to only have a single camera on a view, that it will display properly unattended on a wall mounted tablet

civic sedge
#

Would be cool - something like

  - title: basis
    icon: mdi:home-assistant
    hidden: true
    id: home-assistant
    cards:
halcyon mantle
#

Will be very handy to be able to create views on can then call from various methods instead of the top bar

civic sedge
#

do you know how to create a PR?

#

I actually dont realy know 😿

#

But you can create a view and say icon: none

halcyon mantle
#

Same, I have never tried it. Lets see if I can find instructions on how to create a request

civic sedge
#

you can still click it - but its empty I made this a couple of times unintentionally

halcyon mantle
civic sedge
#

you have my vote

woeful plaza
raw brook
#

First try CTRL+F5

#

Then tell us the errors in your console log from your browser and/or the error in your HA log

woeful plaza
#

CTRL+F5 did not work, found this error:
Unexpected exception
16:41 util/ruamel_yaml.py (ERROR)
Unexpected exception
16:41 util/ruamel_yaml.py (ERROR)

tacit cave
#

Will themes update in lovelace on reload?

#

ctrl+F5

raw brook
#

I don't think so. I believe to have to run the reload themes service.

#

I have it in my LoveLace Frontend as a service button for easy access

tacit cave
#

good idea

calm rock
#

when you add a new custom card , does it require a reboot after , or a restart should do ? , trying to load swipe card , and is not working after a restart , that is why im wondering if im missing something ..

tacit cave
#

@raw brook you got that service to reload themes handy?

#

@calm rock no reboot, just reload

#

ctrl+f5

calm rock
#

ok, tks , i may have other prob , then

tacit cave
#

yep, chances are, the location is incorrect

#

some custom card developers hard code the location the .js file needs to be

#

So instead of you being able to use it anywhere, you need to make sure your directory structure matches what they hard code

#

Unless you made the card, then all bets are off!

raw brook
#

Its in in services just type theme in and it whould come up.

tacit cave
#

odd, i did that and couldn't find it

#

NM, i'm dumb and spelled theme wrong

#

#storyofmylife

calm rock
#

@tacit cave , yes in this case location is harcoded , and the location on the docs doesnt match the one in the code , so set location as per the code , but for some reason i still get a 404 error .

tacit cave
#

404?? thats wierd, you should be getting a red card

calm rock
#

yes, im getting a red card , but if i look at the console , there is that error

polar kelp
#

@halcyon mantle You don't need the plugin to change the url. You can do that with the rest interface.

tacit cave
#

@polar kelp You depreciated a card, column card or whatever. In the card that replaced it, is it possible to get that title bar?

#

that column had

polar kelp
#

Was just about to reply in the forum. That's not the column card doing that in the screenshot.

tacit cave
#

Is that another custom card?

tacit cave
#

Jesus, how did I miss that

#

Thanks

tacit cave
#

Does anyone know the color name/var for a switch/light in the on state in a picture-glance card?

sour thunder
#

Cant i use Jinja in ui_ovelace.yaml?

#

while scanning for the next token found character that cannot start any token in "/config/ui-lovelace.yaml":

{%- for state in states.sensor -%}

tacit cave
#

nope, jinja is only for template areas

#

there's very few templating areas in all of home assistant. I see people using jinja in the wrong spots all the time. Don't ever assume you can use jinja anywhere.

sour thunder
#

Okay, thought i could use it in any yaml πŸ˜„

tacit cave
#

No, jinja is not associated with yaml

sour thunder
#

Not?

tacit cave
#

nope

sour thunder
#

Whoa, my last days were a lie πŸ˜„

tacit cave
#

yaml is like XML

#

jinja is like python. Home assistant made a few specific fields use Jinja to execute logic.

sour thunder
#

kk, thanks

#

so ill read how templates work

#

templates can be used in lovelace?

tacit cave
#

nope

#

Unless someone added them. What are you trying to do?

sour thunder
#

ive added the haveibeenpwned service and would like to show the entries that have >0 breaches

polar kelp
#

entity-filter

#

No, wait. That won’t work. I thought it had a state-not filter or something...

#

monster-card should do it, though.

sour thunder
#

Okay, ill look into it. Thanks πŸ˜„

prime umbra
#

@raw brook any way that sensor card in future would have a option for decimal places value?

#

can always do with templates.....
but if card would have those options would make sense

raw brook
#

🀷 maybe. Add it in the forum

tacit cave
#

@prime umbra just use the custom version and add the decimal places you want there

prime umbra
#

link plz?

tacit cave
prime umbra
#

ty πŸ˜ƒ

tacit cave
#

No

#

Np*

prime umbra
#

@tacit cave wow very nice card !!!!
so many options...
looking at options don't seem to see a option for decimal places hehe
but very cool this mini card

tacit cave
#

It’s the same sensor card in native Lovelace

#

That’s what I thought you were using

#

It’s just, now that you have the custom version, you can modify the code yourself

tacit cave
#

anyone remember who made the swiper card?

raw brook
#

@winter hollow

winter hollow
#

What about it?

tacit cave
#

Was just looking for the swipe card

#

found a need for it

#

Anyways, pulled it so all is good

frank tapir
#

What app is simplest to build the floor plans shown in some of the lovelace examples?

mild veldt
#

sweethome3d

sudden latch
plush tulip
#

anyway of having lovelace add new things automatically? For example, if a new device goes on my wifi, they go into a box saying "New Devices at home: "

#

?

tacit cave
#

you can use the monster card

plush tulip
#

monster card?

tacit cave
#

it's a custom card

raw brook
#

~monster-card

kind shellBOT
#

Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card

long cosmos
#

Please help, where am I failing? dark-sky-weather-card.js?v=1:85:84 Uncaught TypeError: Cannot read property 'state' of undefined

tacit cave
#

@raw brook have you known js, css, and html or did you learn it recently?

raw brook
#

I go to school for PRogramming so I have known it for 3-4 years

tacit cave
#

Was it explicitly taught to you?

plush tulip
#

wow, very cool @tacit cave

raw brook
#

No

tacit cave
#

You got any good websites to learn the basic interaction between them?

#

I can read the code but have no idea how to start a card from scratch

raw brook
#

uhh If you know the basics of coding then you can just look at examples of code. Copy and paste (change what you know) and learn from there. So take an already existing card pull chunks from it. Try and decode how its connecting pull what you need from it change it from there and learn that way. Thats just how I learned. Hands On and using google haha

tacit cave
#

So my problem is that it appears as if none of the HTML matches the CSS or the JS

#

by that i mean variables

raw brook
#

Idk what you mean by that

kind shellBOT
tacit cave
#

where do you find out information about all those keywords. Also, that appears to just be a string. How does it know where to pull variables from?

raw brook
#

These are theme variables

#

That is all CSS

#

So the var(--base-unit) is looking for a CSS variable base-unit

#

Which is defined here --base-unit: ${cardConfig.scale};

#

The --paper-card-background-color is defined in the dom of each HA-card

tacit cave
#

So the css pulls vars out like $”” strings in c#. Is there a good ide to use for development or you typically just use f12 in chrome ?

raw brook
viral sorrel
#

is there a way to use lovelace and monster card to show the linkquality attribute of all entities that have such an attribute?

vapid field
#

I can't seem to figure out if it's possible with conditional cards or another way to show certain cards based on which user is logged in on the front end. i.e. depending on if I'm looking at the front end or my wife we want a different card shown

latent bramble
#

Hi, I got following

  - title: Internet
    id: internet
    background: radial-gradient(circle at top right, rgba(22, 34, 42), rgba(58, 96, 115))
    theme: dark-mode
    cards:
      - type: entities
        title: Speed Test
        show_header_toggle: false
        entities:
          - entity: speed_test
            name: Internet Speed

But I cant find the speed_test entity, after upgrading home assistant

#

can someone help me to resolve this?

rancid schooner
#

Is the lovelace Glance card tap_action: toggle broken?

polar kelp
#

Windows 10 with touch screen?

#

@latent bramble go to states to find the correct entity id. It's probably a sensor.

latent bramble
#

@polar kelp Well Its supposed to be the entity for card and i cant find it from there

polar kelp
#

Mine are called sensor.speedtest_upload, sensor.speedtest_download and sensor.speedtest_ping.

latent bramble
#
  - title: Internet
    id: internet
    background: radial-gradient(circle at top right, rgba(22, 34, 42), rgba(58, 96, 115))
    theme: dark-mode
    cards:
      - type: entities
        title: Speed Test
        show_header_toggle: false
        entities:
          - entity: speed_test
            name: Internet Speed
          - sensor.speedtest_ping
          - sensor.speedtest_download
          - sensor.speedtest_upload
#

this what i got

#

it display the sensor result but same time im getting a error, entity speed_test not avalable

polar kelp
#

There is no way that error is caused by the update, unless it somehow stops a custom_component that's horribly broken from loading. speed_test is not a valid entity id.

#

The update could have added the warning, though, if you upgraded a few subversions at once.
Just remove the top item in your entity list.

latent bramble
#

top item ? which one?

#

i got similar card entity error in else where too

vapid field
#

somebody here to guide me towards the right card to see what to do to show the entity dialog onClick() ? or the right docs, seem to be blind, but can't find it

polar kelp
#

What's this "card entity" you keep mentioning?

latent bramble
#

entity: speed_test

#

that

polar kelp
#

What do you expect that to do?

latent bramble
polar kelp
#

I'm afraid you have misunderstood something. A card shows the entities you specify in the entities: list. They don't have to be related, and there's no overarching "card entity" (except e.g. for cards like thermostat which only handles one entity at a time).

#

What you have there is an entities card that (attempts to) display four entities, three sensors, and one speed_test-entity (which doesn't exist) but with the name replaced with "Internet Speed".

#

@vapid field I don't quite understand what you mean. Some cards support the setting tap_action:, and most have more-info as default action, which opens the entity info dialog.

latent bramble
#

I think I got what you try to say..

#

So I shouldnt need this line - entity: speed_test

polar kelp
#

That and the one below it

#

Most likely those two lines never did anything, but one of the latest updates added some missing error messages...

latent bramble
#

haha so this new version fixed it ;0

#

now i got it thanks for the clarification πŸ˜ƒ

mild veldt
rancid schooner
#

How can I show more then one card when I set panel true?

polar kelp
#

With a stack

vapid field
#

@mild veldt @polar kelp pretty much what I am looking for, at least now I understand more of the mechanism, at the end I am looking to something from the other direction.... let's say I have an entity_id "light.foo_bla", how would I trigger the default more-info dialog from within my custom-card for this particular entity_id.... or is there nothing like a "default" more-info ?

rancid schooner
polar kelp
#

@rancid schooner Well, your first error is to not tell me what you Expect to happen, and what actually Is happening.

vapid field
#

uha great, thx @polar kelp

polar kelp
#

Another possible error is not specifying any entities for the glance card. That could cause trouble even if the card isn't shown.

rancid schooner
#

I want to build my cards in a way where I full up the whole width of the page.

polar kelp
#

@vapid field Line 96 isn't necessary normally. That was just because I wanted the dialog to pop up before you released the mouse button.

calm rock
#

hi all , looking for somebody that have the slider card working , and could help me debug my config , i get red card , and 404 error in the console Failed to load resource: the server responded with a status of 404 (Not Found), even when the files are there .

mild veldt
rancid schooner
#

Thanks. I think i've managed it!

copper echo
tough quiver
#

how do you submit a bug repor for something in lovelace specifically?

#

actually it might be a dark sky thing

#

actually it is i think

blazing hamlet
#

Hey

#

it's possible to use opacity with image type ?

mild veldt
#

@blazing hamlet within picture-elements card, yes, put it within the style config. For other cards, you could try Thomas' card-modder

blazing hamlet
#

thanks @mild veldt I don't know if I can use it inside - type: custom:plan-coordinates
- type: picture-elements

mild veldt
#

~format

kind shellBOT
#
:information_source:
Format Code:

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
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

blazing hamlet
#

I'll take a look πŸ˜‰

chilly zephyr
#

How do you debug lovelace and custom cards etc?

#

I'm using time-input-row made by @polar kelp, but it just says 'Entity not available'. I'm sure this is my fault rather then the javascript.

#

just trying to find out what

polar kelp
#

Are you 200% sure you typed the entity id correctly?

#

Does it work if you make just replace ```yaml

  • type: custom:time-input-row
    entity: input_datetime.my_timewith justyaml
  • entity: input_datetime.my_time```
chilly zephyr
#

Hi. checking now, sorry I'm intermittent on mobile connection.

#

currently is ```

  • id: bedroomAlarmV2
    type: custom:time-input-row
    title: Alarm Clock v2
    entities:
    • input_datetime.bedroom_alarm_mon```
polar kelp
#

The last two lines should be entity: input_datetime.bedroom_alarm_mon. It's one line, so it takes one entity.

#

I really should write some docs for that...

#

... and add date input...

chilly zephyr
#

ahh

#

yeah this works

#
- id: bedroomAlarmV2
        type: entities
        entities:
          - input_datetime.bedroom_alarm_mon
#

Great stuff, that works, Thanks @polar kelp. It's not appearing 'IN' a card, just transparent over a background. But I presume I need to put it as a part of another group of entities etc.

polar kelp
tepid moth
#

Hi Guys, I am trying to use any other card style than "glance" for this card but then i'll get an error for Error: Card config incorrect, any ideas why it doesn't accept anything else than "glance"?

#
        card:
          type: glance
        filter:
          include:
            - entity_id: camera.carport
              options:
                type: "picture-entity"```
raw brook
#

~format

kind shellBOT
#
:information_source:
Format Code:

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
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

vapid field
#

Guys, I was looking into the new "Simple thermostat" card announced on the forum. Since all "titles" like "Temperature" are hardcoded I was wondering if it is possible in general to use hass translations in custom lovelace cards, does anybody know ?

civic glade
#

@polar kelp how easy is it to circumvent the toggle-lock-entity-row, may want to use it for a diy door lock only worried about the kids and general guest

lament burrow
#

anyone here using GPSLogger with Long Lived Access Tokens succesfully? I can't seem to get it working

mild veldt
lament burrow
#

oops sorry wrong channel lol

nova summit
#

lovelace-card-modder is there any way to do a camera view in this ?

#

besides using entity with little circles

tiny lion
#

I am trying to get my badges to work. Is there anything wrong with this?

#
views:
    - title: Home
      panel: true
      badges:
        - sensor.bedroom_temp
      cards:```
tiny lion
#

Figured it out. I was using custom:layout-card.

mild veldt
#

@nova summit wat?

nova summit
#

would like to get a bigger view of the camera in that card

#

you know I have to separate the cameras

mild veldt
#

@nova summit there are a lot of cards that allow for cameras to be full image

nova summit
#

but not the card-modder ?

mild veldt
#

not sure why you're fixated on card-modder

nova summit
#

yeah I tried that one surveillance-card

#

just goes with the theme

mild veldt
#

card-modder just provides style

polar kelp
#

@civic glade I leave no guarantees whatsoever. Use at your own risk

#

Generally, for now, you should assume that anyone with access to your home assistant installation can control everything.

civic glade
#

@polar kelp i understand no guarantees just curios if it could be easily defeated from the gui on the tablet itself without the password for the authorized users

#

@polar kelp and awesome work on all these card men.

polar kelp
#

It's probably hard to defeat on a tablet. You would need access to a javascript console or object inspector or something. But the purpose is to avoid accidental triggering.

#

Thanks!

#

Then again... you can always open the more-info dialog and access the toggle in there...

civic glade
#

hmm can it be applied to a button card

polar kelp
civic glade
#

thanks will look at it.

tranquil gyro
#

Hello i got a lovelace card with an iframe and when i change anything it does an api call with javascript and when this call finished the page refreshes.
I now also loaded the same page in an iframe panel page and there the problem does not exist. Why is it refreshing in lovelace? anybody got an idea?

somber egret
#

If i put a sensor into a "type: entities" the graph line disappear. Is this supposed to happen?

polar kelp
#

as opposed to what?

somber egret
#

As opposed to the line showing up

polar kelp
#

As it does when you put the sensor in... ?

somber egret
#

I'll get some pastes together

dim fern
#

Hi, i have an issue with the lovelace UI thermostat card it constantly changes the slider icon too a square box then becomes none responsive the only way in which I can revert back is if I click the reload icon in the bottom right. secondly I have an issue when trying to move the slider on my iPhone the page moves up or down rather than the temperature slider moving

somber egret
#

If the sensor is just directly under cards: it shows the line, if it's under a type: entities the line doesn't show

#

Is there any other way to combine a sensor with a few controls that are associated with that sensor and still have the full graph?

#

Vertical stack might be my thing. Will try

#

So i fixed that with the custom:vertical-stack-in-card plugin. All is well

cedar saffron
#

@mild veldt

polar kelp
#

@cedar saffron Did you just want to wake him up, or did you actually want to say something?

#

@dim fern What version of Home Assistant are you on?

dim fern
#

@polar kelp the latest 0.83.2

winter hollow
#

It is a known issue, have seen an issue about it

polar kelp
#

It has been an issue, but I thought it was fixed... I can't find it on github now...

cinder rapids
#

@dim fern @polar kelp I have random issue too, I’m on 83.3 and the slider bar disappears on the thermostat control, usually happens after changing tabs so I just assumed is a cache issue. Latest hassio, HA and iOS app beta. If you think is a ios bug then I’ll create an issue on github.

civic glade
#

@polar kelp so with the state-switch when user A set the mode and when user B logs in they only have access to what user A allowed?

#

because based on the git example it looks like they both can change the modes

polar kelp
#

No. The gif is showing two things at the same time. Look at the right part of the windows. There are two different cards, "User A stuff" and "User B stuff".

#

So you can use it to make cards that are only displayed for one user.

polar kelp
#

Oh. That was much newer than the one I was thinking of.

civic glade
#

@polar kelp lol i saw the forest but not the trees

mild veldt
#

@cedar saffron wat?

dim fern
#

@polar kelp @cinder rapids I guess its a bug with the iOS?

polar kelp
#

Hard to say, but it seems Zac is on it.

dim fern
#

πŸ‘

#

The wife's out for stringing me up 😫

cinder rapids
#

@polar kelp thx

nova summit
#

@polar kelp card- modder is there a way to make a camera show up in this card

left aspen
#

Hi all. Can someone help me with this? Before I could turn on the switch off the camera and now when I press in switch nothing happens.

raw brook
#

THe card modder is just a card wrapper that adds css styling @nova summit

nova summit
#

yes I like the style of the card and would like to put the camera view inside of it is this possible or should I give up on the idea

cinder rapids
#

Any plans to add the mini media control card to HA?

raw brook
#

THe card modder is just a card wrapper that adds css styling

#

Therefore if you have a card that does the camera view then you can wrap it with card modder

#

But if not then no

#

Have you looked at the surveillance card. Its custom

left aspen
#

Any idea?

winter hollow
#

Let me guess, pc with touchscreen?

#

Try touching with your finger πŸ˜‰ The issue is being worked on...

dire dome
#

Anyone know if they are going to release "multiple users=different front ends " when they make lovelace the default?
Im itching to have different front ends for me / wife / wall mount tablets
I made a beautiful picture element front end for tablets on the walls but I cant really use them because they dont work on phones

polar kelp
#

Probably not at the same time, but likely not far behind.

dire dome
#

I love lovelace so much, but my wife needs a much simpler set up then me. I used HADASHBOARD for so long but I have gotten spoiled ever since lovelace

dire dome
#

hmm

#

seems like im not the only one

polar kelp
#

We get that question about once or twice per day around here...

dire dome
#

lol

#

worth the wait im sure

thorny verge
#

@polar kelp Can you tell me the difference or advantages of your state-switch-card over the conditional card? I use the conditional card a lot, so wondering if they are similar or one has advantages over the other I am not seeing.

polar kelp
#

It's just simplifies things a bit. With conditional you need one for each case, but it's enough with one state-switch.

#

Like one of my wall panel views has a config much like ```yaml

  • type: custom:state-switch
    entity: input_select.home:mode
    states:
    home: !include display/home.yaml
    away: !include display/away.yaml
    guests: !include display/guests.yaml```
thorny verge
#

So, you can handle the state_not case with default?

polar kelp
#

yep

thorny verge
#

Interesting, thanks.
The includes you have there, are they from your custom card, or is there a way now to split the yaml?

polar kelp
#

There's (almost) always been.

#

I use lovelace-gen, but !include is a built-in feature.

#

I'm not sure it can be used exactly like that, though. That's just an untested code sample.

#

My actual configuration is a bit more involved.

#

But not much.

raven nacelle
#

So, I am trying to use the gauge card to indicate sector performance. Here's what I have - type: gauge title: Tech unit_of_measurement: '%' entity: sensor.information_technology severity: green: 2 yellow: -2 red: -10

#

the current value is -3.07

#

so, I was hoping the color will be red

#

but that is not the case

#

basically, I want to invert the colors - lower values should be red and green otherwise

polar kelp
#

Try yellow: 0 and red: -2. Weird things happen in programming when negative numbers are involved.

#

(No idea if it works)

raven nacelle
#

still doesn't work. There is no color

polar kelp
#

With a quick look at the code it seems your first attempts should work...

raven nacelle
#

that is what I thought...it should be doing a simple comparison

fallen falcon
#

I'm getting very weird behavior from my first Lovelace attempts. I used the hassio migration add-on to give me a headstart, and my first simple mods went fine. It went awry when I tried to eliminate the "Home" view. I get erratic browser behavior. Sometimes View '1' shows up as View '2' etc. Here is my code: can anyone point to some obvious mistake I've made? https://hastebin.com/lecezeraju.m

raven nacelle
#

refresh cache.....the config seems fine

fallen falcon
#

did that. cleared cache, restarted browser

#

Ill try one more time

raven nacelle
#

also, you mean entities in view 1 show up under 2?

fallen falcon
#

its weirder than that....you click on for example "Lights" which should be View 1, but View 3 will show instead (while URL still says its showing View 1). Then you click on it again and this time its shows its View 3 . Totally erratic

#

i havent' figured out the pattern

left aspen
#

@winter hollow the question is for me? If yes, I don’t use Pc with touchscreen. I click on the switch and his won’t turn on/off

fallen falcon
#

@raven nacelle I just cleared Cache again.....no change. let me try a diff browser

raven nacelle
#

@fallen falcon THat does not make sense. Start with a simple config with only two views and one card per view and then extend

fallen falcon
#

i will do that. Was hoping to start from the migrated version to save time, but will start from a smaller subset and build up from there

#

btw, no different in Safari or Firefox. Screwed up in all browsers

#

@raven nacelle here is a simplified version that still is exhibiting some of the same behavior. In this case both views are showing up as tabs available to click, but both indicate in URL that they are view 2 when the first (Lights) should be view 1. Even odder, the actual content that shows (regardless of which tab you click on) is content from view 1. https://hastebin.com/hipatucoca.m

raven nacelle
fallen falcon
#

no difference with your code (I also had noticed the different placement of title). This might give you some hint as to what's going on: If i try to change the URL directly (from https://xxxxxxx.duckdns.org:8123/lovelace/2 to https://xxxxxxxx.duckdns.org:8123/lovelace/1 it sends me back to login screen. When I get through login it has successfully switched views but now both tabs are still 'incorrect' in the sense that they both point to View 1 now instead of View 2 (when one should load view 1 and the other view 2)

#

does that give you any ideas?

raven nacelle
fallen falcon
#

that fixed it! so IDs need to be alphanumeric and if you try just numeric it screws up. Sounds like a bug

#

thank you!

#

i'll raise an issue in github

#

and just the View IDs are sensitive to this, not the Card IDs. Weird.

#

went back to my full lovelace.yaml and changed the View IDs to alpha and its all working perfectly.

fallen falcon
#

@raven nacelle, can you point me to the github project for the Lovelace editor? I've got some ideas and might want to try some things to see if I can contribute. (I tried to search but there are 339 repositories with Lovelace in the name!)

raven nacelle
fallen falcon
#

thank you

#

is there any process for ensuring I don't waste time on something someone else is already far along on? is there a roadmap document or something?

raven nacelle
#

many of the issues there have the resolution and just need to be finished up

#

you can start with simple things to get your feet wet

fallen falcon
#

thank you

raw brook
#

@raven nacelle -3 would no show on the gauge card as it's below zero

#

That's why you seeing nothing

#

You could try setting your min and Max with min being negative

raven nacelle
#
              - type: gauge
                title: Tech
                unit_of_measurement: '%'
                entity: sensor.information_technology
                severity:
                  red: -2
                  yellow: 0
                  green: 2```
#

I tried a few combinations...but nothing worked

#

this is what I currently have (which is not working)

raw brook
#

Right because if the value is below the minimum default is 0 then it won't show on the gauge

raven nacelle
#

the current value is -3.86

raw brook
#

Right so my statement holds true

raven nacelle
#

how do I add the min there

raw brook
#

Try setting your minimum config variable to -5 or something

#

It's a variable on the card.

raven nacelle
#

under severity?

raw brook
#

Nope just on the card. Check the docs not at my computer

raven nacelle
#

ok...trying now

raw brook
#

Like Thomas said negatives are always weird so it may not work

raven nacelle
#

it worked πŸŽ‰

#
              - type: gauge
                title: Tech
                unit_of_measurement: '%'
                entity: sensor.information_technology
                min: -6
                max: 6
                severity:
                  red: -6
                  yellow: 0
                  green: 2```
#

so stupid of me to miss those min max 🀦

raw brook
#

Woohoo

#

Nice

raven nacelle
#

and just to make sure there are only three levels of severity

raw brook
#

Yes

raven nacelle
raw brook
#

Lol Looks like you may have a problem haha

raven nacelle
#

that is an understatement

raw brook
#

Yea. It is in a plan after this next release

#

It will be pretty easy to do. Just loop though each severity given and make it

color: number

Where you can specify your own color viea hex, rgb, pr just the color name

#

wow cant type

raven nacelle
#

in which case, even the number of severity levels can be changed right?

raw brook
#

right so it could be

red: 1
green: 2
purple: 3
blue: 4
orange: 5
raven nacelle
#

AWESOME πŸŽ‰

frank tapir
#

In lovelace ui, if I have multiple cameras on a screen will I be able to see live video feeds (not stills) of multiple cams at the same time?

#

Sorry if its a silly question, I haven't really successfully integrated any cameras with my HA setup and trying to decide if I want to.

warped bramble
#

hey guys, any good place I can view various lovelace cards and see the source? A showcase or something

undone egret
#

look at pinned messages above

warped bramble
#

sorry, thanks