I'd assume it's not working because you don't have custom ui installed
#frontend-archived
tacit cave
waxen glacier
hi guys, i have a question is it possible to loop different images in a certain time in a card?
tough quiver
is there any way I can give an entity-button an image?
- type: entity-button
entity: media_player.upstairs_tivo
name: BBC One
icon: '/local/img/tivo_icons/bbc-one.png'
tap_action:
action: call-service
service: media_player.select_source
service_data:
entity_id: media_player.upstairs_tivo
source: BBC One```I've tried that but it still just shows "BBC One" instead of the image.
also yes, going to https://hass.domain.tld/local/img/tivo_icons/bbc-one.png does actually show the image.
this works:
- type: picture-entity
entity: media_player.upstairs_tivo
name: BBC One
image: '/local/img/tivo_icons/bbc-one.png'
show_name: false
show_state: false
tap_action:
action: call-service
service: media_player.select_source
service_data:
entity_id: media_player.upstairs_tivo
source: BBC One```🙂
icy patrol
Hello everyone, is there is way to display the sensor history other than a graph? I would like it to display all the states as in
On
Off
On
Off etc..
In its own card perhaps
Almost like recording the states of a sensor line by line
outer urchin
is there a way to call 2 or more serivces (hue lights on/off) with 1 button? if possible with custom:button-card
vapid field
Hi, i am new to Hassio, but i figured out how to add my own ESP controlled light via MQTT and everything works fine except that in the ui the lights are shown with these two Bolds for controlling, but i want them to show up as the "normal" switches. I read that i have to add "assumed_state: false" to them but when i do this i get a error that that is not possible with light.mqtt. Same thing with switches. how can i get them as normal switches in the UI?
outer urchin
@mild veldt what do i have to add to service data?
mild veldt
@outer urchin you created a script?
shy token
Any Lovelace example to show bwalam and other sensors in one panel ?
meager burrow
Any way to make the lovelace a bit more phone friendly? I can only see one card at a time.
split granite
All depends on your setup, I tend to find that one default sized card fills the width of a phone screen, or two cards if held horizontally. Of course, you can use horizontal and vertical stack cards to force things smaller
meager burrow
Thank you
split granite
If you're after a basic (more limited IMO) finger friendly UI then #551844176556457984 has HA Dashboard
plain cradle
does HA Dashboard actually have a raison d'etre now? Seems like everything should be possible with custom LL scripts
split granite
All the custom UIs have a reason for being 😉
I find it still a good choice for creating a finger friendly UI that's easier to shape to the sizes you want
plain cradle
might have to check it out for this old tablet then
hmm may have bricked it trying to get it to run android 5 😬
oooh nope, its finally booted and!!!! the latest version of chrome is actually supported on Android 5..
sullen gate
hi all
I've just upgrade to 0.98.3 and my normal GUI doesn't work anymore, I have more then 244 devices (component in my house) so that's why I never switch before to the new LOVELACE nut now I think I must do it becase I can only see a definitly confused homescreen with many sensors on my GUI and a Entinty not use in wich I found all my peacies but I'm not able to build my new GUI. How ca I start from my previuos GUI to have it implemented in new lovelace system?
mild veldt
@sullen gate by default your Lovelace will more or less look like default states
Once you take control you can start customizing the look
sullen gate
not in my case, just to give you an exapmle, I have somting like this:
kind shellBOT
sullen gate
is there way to automatically change from previus method to new one?
this is how my GUI was:
now it's int this way:
it's possible to put here a PNG image?
kind shellBOT
sullen gate
mild veldt
By default states I meant default states
sullen gate
I just want back my wonderfull GUI... it's not a way to give groups.yaml to lovelace and to have somthing from witch start again?
mild veldt
I don't recall if the auto mode takes groups into account
You can try removing .storage/lovelace and restarting. That will make sure it is newly generated. You may have had an old version some how lingering around
icy patrol
Hey guys, anyway to display sensor state history in a card of some sort? History as in easy to read text thy will show
ON
OFF
On etc..
mild veldt
@icy patrol use the history-graph card
sullen gate
@mild veldt thank you, I'm going to try
icy patrol
@mild veldt that will show the states in a graph. So I have a phone sensor that shows the last caller number in a state. And I want to see all the states so that it will act as a call log
sullen gate
@mild veldt yess!! It works! thank you so much
now, just to understand, if I should use the new lovelace, having hundreds of element, how can I start from my current GUI to switch to lovelace?
tacit cave
I recommend starting over from scratch when going to lovelace. Start tinkering and learning how to make basic cards. Once you learn the configuration process, make some crazy crap.
sullen gate
@tacit cave I have 244 between sensors and switch etc.... the problem is that I can't test it with a small card, if I start, I need to do everything
icy patrol
Hmm logbook may work
Wondering if you can display the logbook for a certain sensor to a card in LL
tacit cave
You can totally test it with 5 sensors. I my self have 366 sensors etc. Start small, then expand what you like. You can end up with a completely different looking UI
thats my old ui
new ui. Less pages, less clutter. Looks better (IMO)
So, to reiterate. Start small, play around with lovelace and get used to it. Once you find a style, look, and feel that you like, configure everything.
You can pack and organize data completely different than the 'old interface'
split granite
the other thing you can do is let it auto generate the default disaster zone, then create fresh views to suit
I say disaster zone, because if you have more than a few dozen entities it's a mess 😄
split granite
I haven't gone down that rabbit hole myself, yet anyway
tacit cave
It's not that bad, just need to use a good text editor
split granite
More that I haven't seen the need
I make relatively little use of the UI, it's mostly a "management" portal for me
About the only view that gets regular use is the Floorplan card
tacit cave
Ah, I got rid of my floorplan and moved to a 'half assed homekit' look because it loads faster on my phone
tacit cave
My iphone is really slow. It's an original iphone6, almost 5 years old. Everythings pretty slow.
split granite
Ah
tacit cave
What's the advantage of this 'casting'
tacit cave
Ah
split granite
For Floorplan, which is an overview of the house, that'd be perfect
tacit cave
Based on user / house location?
split granite
It's just a whole house overview, because that's the really useful one
So at a glance you can see what doors or windows are open, lights are on, rooms are occupied, etc
tacit cave
Ah yes, that makes sense. I haven't bought any google home's yet. I bought alexa a number of years back and kept with that ship. Although I'm not sure if there's any advantage of one over the other.
split granite
The only advantage I can see is that Google is easier to integrate with HA
tacit cave
Any drawbacks that you've seen with google home?
split granite
Not the Google ones
The Lenovo display I'm less happy with, that'll get ditched for a Nest Hub Max
tacit cave
I heard that Google was dropping their API though. Or is that a bunch of bs
split granite
Well, it's the Cast API, so not for that
https://blog.ceard.tech/2018/12/product-comparison-smart-displays.html gives more detail, but the TL/DR is that the Lenovo display goes to sleep too fast, and is too dark when sleeping, and you can't tune any of that. You can with the Google units though
tacit cave
That's good to know
I should just buy one to play around
I'll just make some bs excuse to the wife
split granite
😄
I'm slowly replacing the Home Mini units with the Home Hubs, because there's no downside to having a display
tacit cave
Can you change the wake word?
split granite
Sadly no
tacit cave
I don't understand why they'd want you saying the company name. That would just bring it into public domain like q-tips or klenex over time.\
mild veldt
@icy patrol history-graph does that if you don't have a unit of measurement defined
sharp talon
@polar kelp just came across lovelace-card-mod and finding it a great way to customise my card but it there a way (or one planned) to reuse styles across multiple cards? Sort of like button card templates?
polar kelp
Yeah. Yaml node anchors.
icy patrol
@mild veldt perfect I will try this today thanks
tacit cave
@sharp talon
anchors:
# Main rounded border style
card_mod_mainstyle: &card_mod_mainstyle
style: |
ha-card { border-radius: 20px; }
then in your card later down the line...
- type: entities
<<: *card_mod_mainstyle
entities:
- sensor.foo
@polar kelp @tacit cave many thanks guys.
sharp talon
Ok so I'm testing the above with the anchors in my raw config editor but after saving its stripping out the &card_mod_mainstyle from the config. Also If I try placing the anchor style within a card and then add the <<: *card_mod_mainstyle the <<: *card_mod_mainstyle is expanded and replaced with the actual style which makes the anchor benefits useless. What am I doing wrong?
mossy otter
Trying to add "Favicon" but everytime I click on it in integrations, nothing happens
plain cradle
is there a way to bring tap_action to a sensor card?
love the way the sensor card looks but no tap support is a bummer 😦
elder lily
Hi, everybody. There is a need to give access to one page in home assistant. I use cch and restrict their access to other tabs and items (unused objects), but I still have a log and history. This account is the user account. Can someone mark where to remove these items? Or is it possible to make a completely different interface for this user?
hexed owl
Okay… Wondering what the easiest way is to do something… Preferably using regular card display (not something fancy like picture elements, because I view my intferface on three very different sized screens; mobile, tablet, and pc), I want a nice large time, next line an input-select (preferably with click doing the more-info, rather than straight dropdown, because changing it accidentally is annoying) and a ticking counter clock (counting up in H:M:S) next to that, and third line a normally disabled button, and another ticking counter clock (counting down this time, and button should only be clickable when this counter is non-positive). If it can be done with existing parts, good. If not, what's the easiest way to get started making a new card, and i suppose a component to go with it?
icy patrol
Hey guys, anyway to display sensor state history in a card of some sort? History as in easy to read text thy will show
ON
OFF
On etc..
dark dirge
Won’t a history graph card do that?
It’ll display a colored bar with labels like a timeline
icy patrol
Thing with that is, I am using this as a call log. I have a sensor that displays my last caller. And I want to be able to see all the callers from my history
Using the colored bar, it's not clear
dark dirge
Oh, that’s more than on/off
icy patrol
I wanted it to display line by line like it does in the log book
gentle tide
Are you creating a unique sensor for each caller? I have no idea whether that is possible but based on your description, each caller would need to be a unique entity with its own attributes in order to display in that fashion.
icy patrol
It's a obihai phone and it's 1 sensor that changes and it's state is always the current caller. And if I click on the sensor and view the history, I can see the callers but it's hard to select as I have to really try and press on the small colored line graph to view it
The logbook is a work around. But I need to head over to that screen and then sort by the eneitiyy if I want to view the log for the day
tacit cave
icy patrol
@tacit cave thank you, I tired this today but it was just showing the 1 entry. It would not should more than 1 line for that sensor. I played around with the different settings as well
mild veldt
@elder lily popup-card
tacit cave
@icy patrol What about https://github.com/custom-cards/flex-table-card
icy patrol
Hmm this is something I can try for sure. Thanks.
tacit cave
I think it will do it. Never configured it before but it looks like it can handle 'The last 20 states' or something. Might take a bit of configuring.
icy patrol
Thanks again for your help
polar kelp
@elder lily @mild veldt use browser_mod rather than popup card as far as possible.
sharp talon
@polar kelp any idea what’s wrong with my above question? Sorry forgot to tag you.
polar kelp
Anchors don’t work in the gui editor
And it’s often better not to ping people. That way others can answer too without feeling they’re intruding.
mild veldt
@polar kelp browser_mod won't work as it doesn't support tap_action
polar kelp
Ok. I didn’t read the actual question.
meager burrow
any way to refresh !include in lovelace without hitting the 3 dots? F5 doesn't work
meager burrow
No way to circumvent this?
mild veldt
mouse clicks vs keyboard command?
proven rock
Hi all, To add picture on person it's possible to add picture in /local/ folder or URL WEB ? what's the size of pictures it necessary to have a picture badge ?
elder pendant
You can use any url and any picture size you want
carmine shoal
where is documentation for badge imagery?
elder pendant
carmine shoal
thanks
icy patrol
hey guys - is there a way to allow the title to be on 2 lines?
title: This is a test
This is a test
icy patrol
sorry; whats a MD card?
icy patrol
thanks guys!
tiny trellis
Does anyone have tips on updating the floorplan? I make changes clear cache and cookies and still takes quite a while to show up?
mild veldt
@carmine shoal @elder pendant @proven rock in the next release you'll be able to set the badge image in your lovelace configuration
icy patrol
sorry; is it possible to add my entities directly onto the mark down card?
that way, i ca have the title on 2 lines then my entities
elder pendant
No, you can put the markdown card over the entities card in a vertical stack
mild veldt
@icy patrol @elder pendant FYI you can add it in the entities card, but it will look like a card inside a card, which you probably don't want:
- type: entities
entities:
- type: custom:hui-markdown-card
content: test
- media_player.basement_roku
@icy patrol you could also use the section row https://www.home-assistant.io/lovelace/entities/#section
icy patrol
@mild veldt thank you! would you have an example of section?\
carmine shoal
nice
mild veldt
- type: entities
entities:
- type: section
label: test
- media_player.basement_roku
wicked!! thank you
and i guess the text will always remain blue?
looks nice though
good call!
mild veldt
@icy patrol by default it is blue. You can of course change your theme
still quail
Trying to find a way to get a round input number slider card for lovelace.
A generic input_number slider, but shown as a round slider, like the thermostat card, instead of the normal "line" -slider.
Any ideas?
mild veldt
@still quail as in you want to build one?
we're moving to this package if you want to make your own: https://www.npmjs.com/package/@thomasloven/round-slider
should be pretty straight-forward if you have some JS experience
proven rock
@mild veldt ohhh good thank’s i sait thé next release 😉
still quail
@mild veldt 🤷♂️ Just want one. 😉 If there isn't an ordinary card, or custom card out there somewhere, I might give creating one a shot.
mild veldt
there is not that I know of
still quail
@mild veldt Ok. Thanks anyway! 👍
mild veldt
but I'm planning on migrating the thermo card to the new sliders this week, so might throw up a custom round input slide card as well 🤷
modern plume
do you all have a good example of nice lights management page?
I have tried making room cards with Mood dropdown input, but the result is never responsive and - quite the opposite - seems to complex for HA to handle
mild veldt
@hazy condor use this instead https://github.com/thomasloven/hass-browser_mod
hazy condor
Thanks ian, will give it a shot!
atomic glacier
@hazy condor You can find one or two examples here: https://github.com/Dino-Tech/Home-Assistant-Main 😜
gentle tide
Any CSS gurus around? I'm trying to figure out how the entity icons in this post were replaced with what looks like PNGs. https://community.home-assistant.io/t/my-lovelace-plugins/70726/542?u=daphatty
I was thinking maybe via customize.yaml?
daring pier
Hi I need help setting up my Floorplan I already have the picture for it but I need help putting it in Lovelace I've been trying all day
gentle tide
Here's a snippet of what I use for my floorplan @daring pier
title: Floor Plan Vertical
path: floorplan-vertical
icon: mdi:floor-plan
panel: true
cards:
- type: vertical-stack
cards:
- type: picture-elements
image: /local/floorplan/floorplan-transparent.png
Thank you.
gentle tide
Floorplans take a lot of trial and error
gentle tide
elements:
- type: state-icon # KITCHEN DIMMER
title: Kitchen Dimmer
entity: light.kitchen_dimmer
tap_action:
action: more-info
style:
top: 47%
left: 80%
thank you
daring pier
thats not good because i am not good at spacing i can probably figure it out thank you
gentle tide
Get yourself a real text editor and you won't have to worry about spacing
Also, use this as a guide - https://www.home-assistant.io/lovelace/picture-elements/
gentle tide
Yea, notepad++ is not going to help you with yaml
daring pier
what will?
gentle tide
Download Visual Studio Code or Atom.io.
Atom.io is a little more complicated to figure out
icy patrol
Anyone know how to get lovelace not to clear the history on HA restarts? I have a last changed history and when i restart HA - i goes to 0
thanks
atomic glacier
@gentle tide yes...
sensor.kitchen_humidity:
friendly_name: Kitchen Humidity
entity_picture: /local/icons/humid2_icon.png
Not a great example, but you can get the idea...
https://imgur.com/a/zn6h8gy
gentle tide
Hmmm. Lovelace did not like my files at all
I always have issues like this with Glance card
atomic glacier
@gentle tide maybe try?
card:
type: 'custom:hui-glance-card'
I'll try after I restart HA again. Reload Core is completely worthless
atomic glacier
@icy patrol lovelace is frontend and can't clear history. Maybe try #330944238910963714
daring pier
I just cant get my Floorplan onto lovelace no matter what I try.
atomic glacier
Sry, I haven't ever desired to use floorplan(too much work, LOL), so not much help here🙄
daring pier
You got the too much work part right
I've been working on this thing for 5 days
and can not get it working AT ALL
😐
gentle tide
@daring pier Have you watched this yet? https://www.youtube.com/watch?v=LsFUwqb-6As
daring pier
Yes. Thats what I've been using
gentle tide
And you still can't get it working? I thought Juan's video was bulletproof
daring pier
nope :/
kind shellBOT
daring pier
ugh
gentle tide
Well, I managed to completely blow up the sensors I was attempting to customize. Now the component doesn't even load...
mild veldt
@gentle tide glance card will accept images in the next release in the config https://github.com/home-assistant/home-assistant-polymer/pull/3673
gentle tide
Odd. I assumed it already worked based on this - https://community.home-assistant.io/t/my-lovelace-plugins/70726/542?u=daphatty
Thanks for the heads up though
mild veldt
it does if you set entity_picture in the backend, trying to get away from backend configs for the ui though
gentle tide
in customize.yaml, correct?
mild veldt
yes, I'm saying, don't worry about it and just wait for the next release and it will be easier to setup
gentle tide
Yea, I gotcha
meager burrow
Hi i need some help with vertical card
Problem: Only the last card in my included yaml gets shown. If i comment it out, it's only the middle one.
tulip mulch
@meager burrow you need - in front of each type
that will mark that it is 1 of a list
meager burrow
Thank you for pointing me in the right direction. How ever i got the "No card type configured" error and new yaml:
https://pastebin.com/EZUd6njB
I'm sure this is me fucking up the indentation, but i can't figure out where my fuckup is
polar kelp
To understand what's happening, immagine you select everything in scener.yaml and press ctrl+c. Then you select !include cards/scener.yaml (but not the -) and press ctrl+v, and finally you add enough spaces to every pasted line that they are all in line with your new - card: line or to the right of it. What do you get? Does it seem reasonable?
meager burrow
That makes sense! now i just need to figure out the indentations for the !include, but that should be doable 🙂 Thank you!
outer urchin
where do i have to add the "temperature" attribute for fritzbox to add it to lovelace? https://www.home-assistant.io/components/fritzbox/#setup
polar kelp
In a template sensor https://www.home-assistant.io/components/template/
Something like value_template: {{ state_attr('climate.my_fritzbox', 'temperature') }}
devout hatch
is there any other solution for custom button entity in thomasloven's layout-card
here is the example: https://i.imgur.com/7nHz629.png
I tried to putc custom buttons into glance, but those buttons doesnt work very well, so I added just in main layout-card button and it is ugly 🙂
here is the begining of the code: https://paste.ubuntu.com/p/SfvSM3BkXx/
how to get smaller button Ambiental Lights not to occupy one card in layout-card addon of @polar kelp
polar kelp
stacks
polar kelp
yeah
Or if you want to do more advanced stuff you can even put a layout-card inside the layout-card.
devout hatch
thanks I will try
atomic glacier
@polar kelp you mentioned awhile back about possibly having a way for hass-browser_mod to open Popups specifically from the device that called it instead of having to list the device. Just wondering 🤔
polar kelp
Haven't had time to look at that yet.
But the idea is to intercept all call-service actions and replace device_id: -this with the current deviceID in the same way it's currently done for the browser_mod command, but for any service.
That way you can pass it as an argument to a script or so...
final glade
Hi
split granite
👋
final glade
How could I easily add unused entity’s to my dashboard?
split granite
Have you already taken control of your UI?
If not, the three dot menu and then Refresh/Reload
final glade
I took control of my UI
kind shellBOT
final glade
I will
split granite
Well, if you took control, you have full control
Three dots menu
Edit your UI
Same as you already did when you took control
split granite
If you've already taken control that way then it won't be there
Because... you took control
No more automatic changes
split granite
Same as always - from your user profile menu
final glade
How could I disable ‘took control mode’
split granite
Stop Home Assistant, delete .storage/lovelace
split granite
So?
Home Assistant is Home Assistant
Doesn't matter how you install it - it all works the same
final glade
How could I stop it and manage to access the raspberry?
split granite
https://www.home-assistant.io/docs/configuration/ to find the config folder if you've forgotten where it is
In #330990055533576204 there's a menu on the side
final glade
I know
split granite
final glade
I can delete the map, but home assistant isn’t deleted
split granite
Delete
?
WTF
We're talking about taking control the of the UI, and now you're talking about deleting Home Assistant?
final glade
Sorry man, I mean disabled
split granite
I'm confused now... why would disabling the map disable Home Assistant?
final glade
No no no
split granite
Yes yes yes?
final glade
You want me to stop homeassistant and than delete the folder
You send it 1 minute ago
split granite
Delete one file
split granite
Yes, that file
final glade
But how could I access homeassistant if I turned of the system
Right?
Well, I deleted the file and now restarted home assistant
Let’s see
Otherwise, I will completely reinstall home assistant
split granite
If you've installed the SSH add-on (and anybody using Hass.io should) you've got the command line I linked to
split granite
Snapshots are your friend 😉
Actual backups are better friends, but if you haven't toasted your SD card, snapshots will do
final glade
I need to create a ‘standard’ because I’m going to deploy multiple home assistant clients. So, indeed, I will use backups to clone everything
carmine shoal
multiple devices?
errant birch
I'm probably not the first to ask, but my searches have not returned any valuable info so here goes..
I had lovelace set to auto populate since forever but now decided to make it my own..
I drew up the entire ui like I want it to be but for the life of me I cant seems to controll the way cards are placed
is there anything I'm missing ?
I'd like the first row to exist out of 4 columns time and weather info, but for some reason they get squashed together instead of using the whole screen area
is there any way to tell the cards how high/wide I want them to be ?
atomic glacier
@errant birch Here you go: https://github.com/thomasloven/lovelace-layout-card
errant birch
Ty
atomic glacier
"Or if you want to do more advanced stuff you can even put a layout-card inside the layout-card."
...and to think I had nothing to do this weekend... 🤣 THANKS!!! @polar kelp
mild veldt
Down the rabbit hole he goes...
honest grail
what's a good lovelace setup for the OpenGarage cover? With just the door control, not using the 2nd sensor for car detection.
tulip mulch
is there a way to create lovelace views to be able to access through say a hold_action but not have them selectable up in the top bar?
mild veldt
@tulip mulch compact-custom-header can hide them and use navigation action to get to the view
tulip mulch
awesome.. thank you
gentle tide
What are some fancy lovelace cards that I can use to embed a URL which opens in a new window when clicked? Markdown card, maybe?
tulip mulch
you dont need a fancy card. you can use weblink in lovelace
gentle tide
I'm working on an admittedly nerdy surprise for the wife, a card that tracks printer ink levels. I'd like the view to include the amazon link where we buy ink so she is always encouraged to use this view to keep track of her ink.
gentle tide
lol. Look at the last post in that thread.
tulip mulch
oh...lol
gentle tide
😄
I've got the hard part. Was just curious to know whether there was a way to spice up bland old hyperlinks.
tulip mulch
gotcha..
split granite
@sweet sail 👋
kind shellBOT
split granite
^^^ Search that for weather card
polar kelp
@atomic glacier That's how the last example in the readme is made.
And my responsive dashboard.
short edge
Has anyone gotten "hover" to work in their UI? If so can I see that part of your config?
turbid forum
Morning folks is there a way with the Aarlo lovelace custom glance cards to refresh them when a camera goes online? I have two indoor cameras that turn off when we get home but when they are turned back on (at night and away) the cards don't update to show them online.
keen sinew
Are themes part of core HA, or Lovelace?
devout hatch
why when I add custom button card into lovelace without enitty, it always colored yellow? - type: horizontal-stack cards: - type: "custom:button-card" icon: mdi:white-balance-iridescent show_state: false color_type: card color: auto aspect_ratio: 2/1 color: rgb(223, 255, 97) name: Ambiental Lights styles: card: - font-weight: bold tap_action: action: call-service service: script.turn_on_all_leds_lr
I just wanted some scenes buttons, I really dont neeed an entity property
polar kelp
In nature, the color yellow is often used as a warning. It could indicate, for example, that the bug you're about to eat is posonous, or that you should try actually reading the code you're copy pasting every now and then
devout hatch
Yes, I agree, but I just tested behaviour on click event
mild veldt
@short edge hover? In what sense?
devout hatch
How to force to preview message in bottom left corner of the page, where are shown errors when some service doesnt exists or something?
I would like to have some popup with autoclose
just saying Ambiental lights are on
mild veldt
@keen sinew themes are currently configured on the backend and then applied to Lovelace. I see that likely changing eventually
@devout hatch wat?
devout hatch
@mild veldt https://i.imgur.com/q0wvTOb.png
I have a plus and minus buttons, that calling some script
in this case persistant notification
and I do not have any response from HA that I clicked on that button
for example, I would like to on click first be shown popup on 5 sec "Volume up pressed"
and after 3 second to auto close
or in bottom left corner to popup same message
mild veldt
Toasts are only shown for failures
devout hatch
whyy 😄
can I add some custom toast or something?
maybe there is an add-on in community?
mild veldt
you'd have to intercept the events fired and then sure, you could do that. nothing like that exists
polar kelp
I've been meaning to add it as a function to browser_mod... I think that was your idea, Ian?
short edge
@mild veldt I want my boarder to change on an entity when I hover over it.
I've been searching through the card mod section of the forum and trying to use ideas from other people's code.
devout hatch
ok, thanks 🙂
polar kelp
@short edge yaml style: | ha-card:hover { outline: 5px solid green; }
(outline isn't supported by all browsers)
short edge
@polar kelp I think you are official my favorite person on the planet after my husband and my son.
polar kelp
Hold up... the what section of the forum?
short edge
I searched "card mod" and was just looking at all the comments trying to figure it out.
polar kelp
Oh ok
I thought I had missed there being a new category or something. You never know...
short edge
That would be awesome. It's such a detailed category!
slender temple
is it possible to rotate a camera feed in lovelace?
polar kelp
shy token
Hi..any one experience with konnected and siren? Am connecting the two wires from siren to konnected +/- . Added a switch out in konnected config. When I call the service switch.turn_on get the usual error 'None type'
split granite
@shy token Wrong channel 😉 Try #diy-archived for hardware setup and #330944238910963714 for setting up in Home Assistant
shy token
Ok.. thought folks here would have konnected with home assistant
shy token
I understand. Didn't know I was under Lovelace.
slender temple
thanks @polar kelp will give ffmpeg a go
severe spire
What is the best way to get a group entity icon to change color when any of the entities of the group are on?
raven nacelle
@severe spire use https://github.com/thomasloven/lovelace-card-modder
severe spire
That seems like a less great option than binary template sensors, at least to minimize future upgrade problems
but thank you
ornate mason
I'm working on my rejseplanen card, and I just noticed that I'm not handling missing entities very gracefully (as in, it crashes the entire view). But I'm having trouble finding the documentation for how to show that nice red configuration error box.
mild veldt
ornate mason
Thanks 🙂
Hm, seems that might only apply to module type cards? Just throwing an exception causes the view to not render at all. :/
Ah, that's just in the setup block. I think I've got it now. 🙂
empty heath
I've been playing around with cardmod a bit today, and finally figured out how to style my Device Trackers based on state at the card level (glance card).
I came up with two tricks (both have likely already been discussed before), but I wanted to share them anyways.
raven nacelle
please...
empty heath
Both are demonstrated in that gist.
I've only tried it on the glance card, but it should be possible on just about every other card too.
polar kelp
Nice! I did not know about the attribute selectors for ha-icon. That's awesome!
opaque matrix
@ornate mason sound great, custom card or something you going to share ? 🙂
ornate mason
It's in HACS. Rejseplanen card.
ornate mason
👍
errant birch
been playing around with the layout-card in lovelace, but I can't figure out how to make the cards the same height..
is there any setting I'm missing ? min height doesn't seem to be doing what I thought it would
gentle tide
i haven't had much luck with layout card and card sizes.
For my use case, I found it easier to simply choose the layout (rows and/or columns) I wanted for a given view and then I chose a card whose size could be manipulated effectively on a card by card basis.
errant birch
could you elaborate on the "card whose size could be manipulated" part ?
gentle tide
For example
Let's say you wanted a single row of cards that all had the same size. You'd use horizontal-card to denote the row and then nest whatever number of cards you wanted within the horizontal card. The number of cards within a horizontal card will directly and equally affect the size of each card.
There's a visual example
I used layout card to create two columns (50/50 split). Then I used horizontal cards for each section header (which itself is a single card) as well as for the groups of buttons. In this case, the group of buttons are nested five deep within a horizontal card.
Full Disclosure - This view was tailored for an iPad screen. Spacing and layout get really weird when viewed on larger or smaller screens.
gentle tide
Good luck
atomic glacier
@errant birch you can use lovelace-card-modder and specify card height as a variable, e.g. height: 120px I use it in multiple locations to balance out my views...
https://imgur.com/a/cJc0TE9
gentle tide
Just be aware - Layout card affects height and size attributes in unexpected and difficult to explain ways. If you go down the card-modder route, keep that in mind. You will likely encounter weird sizing issues that make no sense.
empty heath
Would it be possible to use min-height/max-height to address those issues? I am curious to know of a specific way to replicate the issue to see if it's addressable.
gentle tide
So here's a toughy.
[[[
return `<ha-icon
icon="mdi:arrow-up"
style="width: 12px; height: 12px; color: deepskyblue;">
</ha-icon><span><span style="color: var(--text-color-sensor);">
${states['sensor.esxi_stats_vms'].attributes.HOSTNAME.uptime_hours}</span></span>`
]]]
This is a snippet from a lovelace card example off the ESXi Custom Component page.
This code works as long as the hostname itself does not contain a dash.
Anyone know how to modify this so hostnames that contain a dash can be parsed correctly?
gray kernel
attributes.HOSTNAME -> attributes['HOSTNAME']
gentle tide
scratch that
I missed the removal of the . between attributes and HOSTNAME
Excellent! It even works with Decluttering Card Templates. Thank you @gray kernel
mild veldt
@gentle tide should probably update your forum post before someone tries to help
gentle tide
Will do. Got caught up trying to make heads or tails out of this - https://github.com/custom-cards/config-template-card
mild veldt
Oh, my monster creation 😂 yeah, it can get you in trouble
manic skiff
How often do love lace cards update their status ? Everything has been working fine but my yale alarm(security card) and ring camera(entity card) are showing max connections reached and now the yale API has locked.
Since removing them I no longer see max connections reached error in the log... Was this a bug in the latest version ? First time seeing this problem with the alarm and the ring I only added since the last update
polar kelp
The cards themselves do nothing. All connections go through the backend, and no more often than if there was no card.
manic skiff
Okay thanks. I wonder what is causing ha to make api calls. I have no automation with the ring the alarm uses node red so I could maybe see that but it was fine for over a month
polar kelp
@manic skiff By "security card" you mean this, right? https://www.home-assistant.io/lovelace/alarm-panel/
manic skiff
Yes sorry.
polar kelp
Just checking
manic skiff
For the ring camera it does report WiFi and last motion Detected. How do those update if they don’t make a api call
polar kelp
Actually, there is a posibility that something gets weird if you have the stream component enabled, I suppose... then having a card with a camera view might update often... maybe - I don't really know how it works behind the scenes.
manic skiff
I’m not using the ring for video funny enough. Just light and alarm but it also tell you motion detected and WiFi signal.
Also the Yale alarm shows it current state so again how would that change if it didn’t make a api call 😦
polar kelp
The backend is making the api calls. And it will make that whether you have a card or not. You can always see the state in Developer tools 
-> States.
manic skiff
Okay I follow. So maybe ha is updating too often. Is there a easy way to see when a call is made ?
polar kelp
https://www.home-assistant.io/components/ring/#scan_interval (and #330944238910963714 for further discussions, please)
raven nacelle
@mild veldt Looks like 0.99 beta broke the template card. Seeing this in the console
polar kelp
Seems you're trying to read the state of an entity which doesn't exist
raven nacelle
I checked all the entities and they exist. Let me simplify it to just one entity and test
Just to be doubly sure
mild veldt
@raven nacelle , thomas is right, you must have something that doesn't exist. You're in control of checking if state exists in your template before trying to use it. So a verbose check if the state object would look something like this e.g.
type: custom:config-template-card
variables:
- states['cover.garage_door']
entities:
- cover.garage_door
- alarm_control_panel.ha_alarm
card:
type: custom:hui-glance-card
entities:
- entity: alarm_control_panel.ha_alarm
name: "${vars[0] && vars[0].state === 'open' && states['alarm_control_panel.ha_alarm'] && states['alarm_control_panel.ha_alarm'].state === 'armed_home' ? 'Close the garage!' : ''}"
brave dove
hello, do any one have a idea why my image-element panel is so big?
i cant upload an image?
but the panel image-element is so bit that i need to scroll to see everything
raven nacelle
@mild veldt That is pretty neat. I will add the checks to the entire thing.
sullen vigil
Hey guys... Noob having another Problem
I just installed the "content card remote control" plugin over HACS and trying to set up my own template... Just that I am using a harmony hub. I created the template folder with the pngs and the js file but i dont get it working
mild veldt
I'd never seen that card...gotta say...I hate it 🤣
physical remotes are ugly. lol
to each their own 🤷
sullen vigil
I wanna see how it looks... at least once :p
Here the js of the plugin: https://paste.ubuntu.com/p/WMsKY7gRx4/ And the js of the template https://paste.ubuntu.com/p/TRkq4MhX8Y/
Here a picture of the template https://imgur.com/a/AmxLt9w
The template is called "firetv"
mild veldt
I don't know, seems like a lot of work when you could just add some entity buttons
sullen vigil
Creating the template definitely took me an hour or two... Although i didnt even know whether it would work with a harmony hub instead of a broadlink
mild veldt
sullen vigil
Not even if I change it to something like this?
''' _bindButtons(card, hass, config){
var buttons = card.getElementsByClassName(myButton-${config.remote_template});
var i;
for (i = 0; i < buttons.length; i++) {
let button = buttons[i]
button.addEventListener('click', function(source){
console.log(button.id);
hass.callService('device: 63539035',
'command',
{packet: [getPacket(button.id, config)], host: config.harmony}
''' _bindButtons(card, hass, config){
var buttons = card.getElementsByClassName(myButton-${config.remote_template});
var i;
for (i = 0; i < buttons.length; i++) {
let button = buttons[i]
button.addEventListener('click', function(source){
console.log(button.id);
hass.callService('device: 63539035',
'command',
{packet: [getPacket(button.id, config)], host: config.harmony} '''
Oh god... i guess i'll just do a normal button remote then ... xD
mild veldt
please use hastebin or something to share large snippets of code
sullen vigil
mild veldt
regardless, yes, you can of course change the code. I don't think the card is all the popular though, so not sure what support you'll get, especially once you start tweaking it to what you want
sullen vigil
I probably won't be able to tweak it since I'm not anywhere near calling myself being "familiar" with java script :/
past falcon
hey, can I find my raw lovelace config in a file somewhere? I'd like to back it up
timid burrow
use the raw editor and copy from there to a file
mild veldt
@past falcon it is located at .storage/lovelace
icy patrol
Hey guys; i am trying to change the color of an icon based on the state - what would be the easist way to do this?
shut widget
hi, I am having some trouble with the built in thermostat card. I have a thermostat which supports high and low set points and is integrated with HA via MQTT. When I try to use the thermostat card, it looks like this: https://ibb.co/wRsVvm2
If you notice, the slider is not set properly and can't be moved
but when I click on the ... to see the more info popup, I get this: https://ibb.co/rtjS0Lq and here I can control both set points
I'm trying to understand why I can't use the slider on the main panel yet can still control it from the more info pop up
anyone have any thoughts? my first suspicion is that I'm missing a configuration parameter but I can't figure out what it could be. I have configured:
current_temperature_topic
mode_command_topic
mode_state_topic
modes
fan_mode_command_topic
fan_mode_state_topic
fan_modes
temperature_low_command_topic
temperature_low_state_topic
temperature_high_command_topic
temperature_high_state_topic
temp_step
lol I think I just figured it out, I didn't set min and max temp, and in the state, min_temp is set to 7 and max_temp is set to 35. Wonder why 🤔
tribal radish
QQ, trying to remove a view, due to none of the cards I am trying to add are showing up. When I click "delete" it says cant delete a view without first removing cards....can't remove the cards (frontend) because......cant see 'em.
tulip mulch
@azure scarab I use this..https://community.home-assistant.io/t/compact-custom-header/83716
using fully kiosk on a fire 10HD
@tribal radish have you tried deleting them via ui-lovelace.yaml?
tribal radish
i have gone into the lovelace.yaml in storage (i think) when i remove anyting there i get an error saying "xxxx expected xxxx at line 330" and lovelace doesnt load at all
so i guess ui-lovelace.yaml is different?
tulip mulch
you must not be deleting the whole view.. or deleting too much (some into another view)
tribal radish
that was my thought as well, i guess im having trouble understanding where a card actually begins and ends. paying attention to open and close brackets.
tulip mulch
are you trying to delete a whole view? or just a card?
i have mine not using the UI.. yaml only.. and then i have my configuration for the lovelace views in my ui-lovelace.yaml.. pointing to all my views that are in different yamls
so when i want to delete a whole view i just take it out of my ui-lovelace.yaml
tribal radish
would like to just delete the whole view, other views are working fine, something happened when this view was created..not sure what it was...
here is the view...
its too long... wont let me post
i kept adding so there is a lot of junk, since i couldnt see i was trying anything
i did notice the it does not have anything in the PATH section
],
"icon": "",
"panel": false,
"path": "",
"theme": "default",
"title": "Weather"
},
i added "weather" between the quotes for "path": "", but that doesnt seem to make a diff
tulip mulch
youd have to use hastebin
tribal radish
ok
not sure what that is, LOL.. still learning this stuff, HASSIO cause my ADD to go full tilt
i would normally just start fresh, the problem i have right now is FREAKING GOOGLE, F'ing up the nest API
i can use that API if I use a build that i had previously connected to NEST, but now, even though i have an account and know the secrets, it will not let me authorize it... seems like this is new since they took awasy the ability to create new dev accounts
now even if you have an account and know all the creds. , it just tells you OOPS
i did it once, cant do it again
tulip mulch
yea works with google is creating alot of problems for people that already have the nest
tribal radish
yep
tulip mulch
they are closing the API and creating a more "secure" platform
tribal radish
i get what they are doing, i think they the way they are handling it is garbage
unfortunately the only backups I have with it already validated are the ones with this damn bad VIEW
tulip mulch
no one really thinks about the intellectual user that wants everything in on system.. instead of using 100 different apps or being locked into 1 but spending a shit ton of money to stick with 1
tribal radish
agreed
tulip mulch
goto https://hastebin.com enter your data and it will give you a link to share
tulip mulch
is that in the middle of other views? or is it the last
i see why it's not loading...
the first 85% doesn't say 85%
tribal radish
its in the middle
tulip mulch
"aspect_ratio": 85, to "aspect_ratio": "85%",
tribal radish
ok
what the piece at the end where it looks like it is missing the "PATH"
since that seems to refer directly to the view rather than cards
something else i noticed is that the other views, have the original name in the PATH when the view was first created, even though I changed the name of some of the views, the PATH stayed the same
but this one has no name in PATH
uggh, got this when reloaded
Expecting ',' delimiter: line 276 column 47 (char 11913)
tulip mulch
adjust that as well stating "path": "weather",
tribal radish
line 276 is what was just changed
"aspect_ratio": 85%,
damn
hold on
i see the problem
"
tulip mulch
it's not in "
yup
you shouldn't actually need a path.. it will number them automatically
tribal radish
yeah, i fixed the "85%" and for now left the PATH blank
you are genius sir
that fixed it
i would never have thought that would have mattered, but alas, i also didnt see that missing 85%
thanks for your help
tulip mulch
np... now you don't have to delete it..lol
tribal radish
exactly...
tulip mulch
i don't know a shit ton.. and i'm not a programmer.. but i try my best
rough grove
what kind of card do i wanna do to graph the sun elevation template sensor i built?
wheat current
but you first need a template sensor to extract the elevation attribute from the sun entity
rough grove
already done
now to let it go and collect some data
so i added teh sensor card
wait, nm
i have no data so the dot on the side is my graph haha
wet pond
Hello,
I have a custom panel for server control:
# Custom server control on bar
panel_custom:
- name: hassio-main
sidebar_title: 'Server Control'
sidebar_icon: mdi:server
js_url: /api/hassio/app/entrypoint.js
url_path: config/server_control
embed_iframe: false
require_admin: true
How do I move it where "Developer Tools" "Hassio" and "Configuration" menu entry are?
now is positioned on top part where "History" "logbook" are
tulip mulch
that should be in the configuration.yaml.. not lovelace
wet pond
idd
split granite
Don't believe you can relocate that
wet pond
autch 😦
wheat current
The frontend controll that, so can't be configured https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/components/ha-sidebar.ts#L36
azure scarab
@tulip mulch how do you install that? I'm a little confused
azure scarab
Sorry, for the custom headers? I don't see CCH in HACS
tulip mulch
wheat current
https://i.ibb.co/VDz0Km3/image.png same here
polar kelp
@wheat current @split granite Don't be silly. Of course it can be changed. https://gist.github.com/thomasloven/2a37152725c582fec4420ecedb65ebe3 @wet pond
polar kelp
Won't work in a lovelace card
split granite
But... but you can do magic
buoyant portal
I thought you could make anything work in a Lovelace card 😂
polar kelp
... well... it would, but only when lovelace is open...
tardy beacon
i have a custom theme for my home assistant ui, only problem i have is that the text color in the entities tab is hard to read. Does anyone know how i can change the color?
https://imgur.com/a/6XAx4En
wheat current
Well yeah @polar kelp if you hack it in, most things are possible
when you start doing those things, you can just as well have a component/startup script that changes the source file so it works every time and not just when you open Lovelace
polar kelp
@tardy beacon That text is primary-color.
@wheat current That's what that is. It's loaded by extra_module_url every time.
polar kelp
I know, right?
@tardy beacon You could also try playing around with table-row-background-color and table-row-alternative-background-color.
wet pond
@polar kelp i'll try it out now
wet pond
@polar kelp should i change something in that js? because after restart nothing changed
polar kelp
just URL_TO_MOVE according to instructions
wet pond
@polar kelp i admit i have no idea what to put there, this is my custom panel that i want to move, can you help?
panel_custom:
- name: hassio-main
sidebar_title: 'Server Control'
sidebar_icon: mdi:server
js_url: /api/hassio/app/entrypoint.js
url_path: config/server_control
embed_iframe: false
require_admin: true
config/server_control I suppose
Whatever is the href property for the button you want to move in the element inspector of your browser.
wet pond
checking
tulip mulch
i definitely wanna know if this works..lol
wet pond
haha
wild condor
How would I reference the attribute of a sensor? I would like to show the battery_level of a temperature sensor in a glance card. My first guess, sensor.balcony_temperature.battery_level failed me.
split granite
You'd need a template sensor, or a custom card that supports attributes
wild condor
I'll look into setting up template sensors for this, thanks.
little lily
hi. I searced, but did not found - is there a chance to get gauge panel with reverse severity coloring? might be usefull everywhere, where less menas worse - e.g. download/upload speed
mild veldt
@little lily you mean the gauge card? Just define your severity to be as such. e.g.
type: gauge
entity: sensor.download
min: 0
max: 100
severity:
green: 30
yellow: 20
red: 0
theme: default
this was my first thought, but only I get is grey gauge
mild veldt
share your config and your state value
little lily
type: gauge
min: 0
severity:
green: 10
yellow: 5
red: 2
theme: default
name: Download
entity: sensor.speedtest_download
max: 20
actually 2.21
kind shellBOT
little lily
i also tried to reverse colors order, but no result
got to go now, but i'll be back soon...
mild veldt
the way you have it defined it would be
0-2: blue
2-5: red
5-10: yellow
10-20: green
meager burrow
Hi,
I'm having troubles changing colors on an mdi:icon after boolean is changed. Specifically the problem is a button with mdi:power - i want it to be red when false, and green when true. I have spent most of the evening looking for cards to do it for me and i have been having no luck. I have mostly tried with custom:button-card - i can only manage to change the color when true, and not able to change the text under it.
Can anyone point me in the right direction?
violet depot
@meager burrow - in the condition where you're changing the color of the icon: you should be able to specify the color of the state or label
meager burrow
I was able to change the color when triggered, but when false, it had the same color as standard (the blue one)
I stopped the whole "state", to start from fresh, but i keep banging my head
kind shellBOT
violet depot
^ but imagine that the "state:" is moved over so that it's proper yaml
There is a "styles" for the card itself, but then a "styles" under each "state"
kind shellBOT
split granite
Image posting is blocked by default because people will post YAML as images
And that helps nobody 😉
violet depot
roger that
meager burrow
Yes, i'm with you on the indentations. How do i use a boolean value as operator though
mild veldt
@meager burrow https://github.com/thomasloven/lovelace-card-mod
violet depot
If the "state" is true or false, then set the operator to == (or leave it out, I think it defaults to that) and then for value: 'true'
it'll evaluate the text instead of the boolean
but same result
if the value of the state is on/off, then use 'on' and 'off'
pretty sure it only evaluates numbers and strings IIRC
meager burrow
i'll give it some more shots. Is both lovelace-card-mod and button-mod only available in yaml only, or can i use the ui? I think i have bit over a bit more than a can with yousing yaml only
thank you strat
violet depot
I think it's yaml only
mild veldt
@meager burrow everything is available via the UI
violet depot
Right, you can edit via the UI, but you have to write the yaml for the button
There isn't like a UI builder for the button-card
mild veldt
no, most custom cards do not have them
few exceptions
I can't even imagine what a UI for the button-card would look like...
violet depot
haha too many options
mild veldt
besides the most basic of options, I guess
little lily
iantrich: thanks for the tip, but it is impossible to put such values there. editor will always put default values in
vapid field
hi guys, is it possible to use different lovelce UI for different users? Some of the info and switch not needed for everyone (for example childrens not to set heater).
violet depot
button-card rocks, I'm using it pretty heavily
little lily
iantrich (that was relaed to your tip to change gauge coloring)
mild veldt
@little lily I don't follow. What do you mean it will put in defaults?
@vapid field compact-custom-header
meager burrow
@violet depot are you using ui or straight yaml?
vapid field
will check...thank you
violet depot
I use the UI editor to edit my yaml
Shows what you're doing in real time
and will show red when things aren't right...
little lily
iantrich: whenever I try to modify that gauge card, GUI editor will fill in "severity:
green: .nan
yellow: 0"
violet depot
as in, it wont display the card at all
meager burrow
Great! Thank you for your help! Back to ui it seems 🙂
mild veldt
type: gauge
min: 0
max: 20
severity:
green: 10
yellow: 5
red: 0
theme: default
name: Download
entity: sensor.speedtest_download
Try this
yeah, you should fill out each
violet depot
Open up the UI for HASS, click on the three dots at the top right, then configure UI, agree if it says "you might break something..." and then you can edit your card's yaml directly
little lily
I cannot fill each as it gets returned instantly to ".nan" when I post ivalid value (like 2-5)
mild veldt
why are you putting 2-5?
that's not a number
oh, from my description?
that was just a description of what you should expect
not config
try the snippet I just posted
little lily
your post 17:55 suggested -so i tried
mild veldt
that wasn't a suggestion
little lily
I already did, that was he first attempt to try it. but that does not work. it stays grey util I change "green" to lowest value and red to highest
also turns blue iv lowest value of green-yellow-red trio is above current value
fiery sail
Is it possible to change the icon color of one entity based on the state of another?
prime topaz
i have a group, that I want to show all the entities in a single card. What's the best way to do that?
this is the group, for reference:
name: Pi Hole Status
entities:
- sensor.pihole_status
- script.enable_pihole
- input_select.pihole_time
- sensor.pi_hole_ads_blocked_today
- sensor.pi_hole_ads_percentage_blocked_today
- sensor.pi_hole_dns_queries_cached
- sensor.pi_hole_dns_queries_forwarded
- sensor.pi_hole_dns_queries_today
- sensor.pi_hole_dns_unique_clients
- sensor.pi_hole_dns_unique_domains
- sensor.pi_hole_domains_blocked```custom group card?
looksl ike group-card works
mild veldt
@prime topaz you can also just manually add them to an entities card
Unless you have other reasons for maintaining groups
thorn matrix
Hi Guys!is there any card that have ability to show input_date as like time since kinda of thing?
gentle tide
Anyone know the correct way to create a border around a vertical-stack-in-card card? I've tried a few methods but none of them seem to work.
errant plover
Use an entities card instead of a vertical stack in card. You can put any custom card as an entity. If using the built in cards you have to use these names: https://github.com/home-assistant/home-assistant-polymer/tree/dev/src/panels/lovelace/cards
without the ".ts"
e.g. - type: 'custom:hui-glance-card'
azure scarab
Anyone using Garbage collection? I'm wondering how I can format the lovelace cards so they don't look like crap and more like the examples on the github page
sturdy bolt
Have installed hassio, and want to use a custom card, however, I dont have the config/www directory. Should I just create it?
wheat current
yes
sturdy bolt
I guess I need to restart hass then - because it didn't work just creating it
wheat current
yes
sturdy bolt
I am also considering switching to config-file configuration, instead of configuring through UI - however I like the instant update of gui
ahh, yes, a restart worked
thanks, @wheat current
But when going to use the config lovelace.yml file - when I guess a lot of debug and reloading has to be going on :/
meager burrow
Is it possible for lovelace ui, to shrink the whole "edit bar" below the card to match the size of a custom cards css dimensionsions?
polar kelp
You mean the one that’s only shown the very few very short times you are in edit mode?
polar kelp
I don't think it would be easy...
But I guess you could find it by this.parentElement or something from the card...
meager burrow
I was hoping it was just an easy fix, like an option or so. Not going to dwell any more on it. Thanks for the answer though!
polar kelp
I don't think I really understand the problem...
meager burrow
The main issue might just about getting used to everything. The reason i was looking for the solution is how the ui is set up on pc, and how its displayed on phones.
sturdy bolt
I agree that the interface is not the best on phone. However it's most the node red interface is hard to edit on phone.
gentle tide
Is there some special trick to getting the Picture card to respect the transparency of a PNG file?
hazy condor
This is a link to a screenshot of a vertical-stack-in-card with some markdown cards, entity cards, mini-media-player and simple-thermostat.. Anyone have any idea how I can remove the whitespace at the top and bottom of the cards so that they don't take up so much space?
I tried putting this into each card - type: 'custom:card-modder' style: padding-top: 0px padding-bottom: 0px border-radius: 0px card: type: markdown content: | ### Living Room
but no luck
polar kelp
@gentle tide the card itself has a opaque background by default.
hazy condor
Or if no ideas on that, is it possible to get this mess
https://community-home-assistant-assets.s3.dualstack.us-west-2.amazonaws.com/original/3X/c/5/c5be656f36e6690f695f4b7906d0ffcceb1f2e92.png
To look like this again:
https://community-home-assistant-assets.s3.dualstack.us-west-2.amazonaws.com/original/3X/4/0/4066e50de4467a0a134c27ae03eb58f9e7eef498.png
Is there a way to do it with custom-ui? Documentation on that one is a bit sparse.
gentle tide
@polar kelp For some strange reason, the transparent potion of my images is assuming the background color of whatever theme I have active rather than being fully transparent to show the background image that is configured for my views.
polar kelp
Yes, that's the background color of the picture card.
gentle tide
So presumably, I could use card-modder to make the background color of the picture card transparent as well, yes?
polar kelp
Yep
But card-mod is better than card-modder
... I really should have given it a more different name...
gentle tide
Let me show you the YAML I tried and failed to leverage in order to make the card's background transparent as well.
- type: 'custom:card-modder'
style:
--ha-card-background: "rgba(0, 0, 0, 0.0)"
--ha-card-box-shadow: 'none'
card:
- type: picture
image: /local/images/1819plus.png
The end result was my image disappearing
polar kelp
You've got a syntax error.
card: just expects a single card, but you're giving it a list of (one) cards.
plain cradle
Is there a way to extend tap_action to sensor cards?
surprised it's not base attribute to all cards, like name etc
azure scarab
Anyone using out groceries? I'm having a hard time getting the lovelace card to show up. I'm getting "Custom element doesn't exist: our-groceries-card" I installed it from HACS and then sensor is showing up but I can't get the custom card working. Any ideas?
plain cradle
hmm yes I cannot get half the things installed via HACS to work
did you add the module/resources using the raw editor ?
azure scarab
Oh really? I actually have several things from HACS working, This is really the first issue I've had. Yeah added the resources in raw
maybe I'm confused on how to add the custom card element
so I followed this
but then I also foudn this?
or what is one a plugin and one a component? Maybe that's what I did, I just installed the component
plain cradle
I have half the things working from HACS, the other half give me a "Custom element doesn't exist: <whatever>" error
azure scarab
ah yeah I don't have the card part installed
I only have the intergration installed and I need tthe plugin too
plain cradle
ah 🙂
plain cradle
Anyone know how to change an icon color in a card?
lots of posts about setting --paper-item-icon-color which no longer works
icon_color attribute which was removed from core in HA 0.66 🤦
seems to me something as basic as icon color shouldn't need a whole bunch of addons and hacks just to customise. Same for on/off icon states
azure scarab
I personally go to material design and download the icon in the color I want and then change the entity picture
plain cradle
@azure scarab what about for on and off states?
its obviously part of HA core because light bulbs turn yellow when on etc but for some reason its been made extremely difficult to modify now, afaik
azure scarab
im using state images or you can use card mod from HACS
card mod would let you change that yellow to like red etc
plain cradle
lovelace-card-mod? yeah....
i've tried that 😄 it's not exactly clear how to change an icon colour though
the examples ramp up from 0MPH to 10000MPH and the one picture that does show an icon having changed colour isn't actually in the darn YAML provided
copper mural
If I want a square picture or just colorized square in lovelace, that run a script or action when press on it. Which element is that? Picture?
wheat current
Button card? 🤷
plain cradle
I suppose actually the semi-easiest way is to download the required colours as difference images, then use card-templator addon to swap the icon based on state
makes me sadface when a css change would be so easy
copper mural
@wheat current Sounds realistic. Haven't code a line since january, So I feel like a pro 😉
carmine shoal
good morning: teaser for the moment....
action:
- service: notify.alexa_media
entity_id: "Living room Dot"
message: "Justin, You're Cray cray!!"
data:
type: "tts"
gives:
Error loading /config/configuration.yaml: while parsing a block mapping
in "/config/automations.yaml", line 193, column 5
expected <block end>, but found '<block mapping start>'
in "/config/automations.yaml", line 196, column 7
sorry wrong window.
drifting pilot
anyone else have this highly annoying problem: often when hass wants to enumerate entities, lovelace just hangs infinitely and causes high CPU..have to close browser to fix.,
ie like when trying to add a new sensor to a card
@carmine shoal data lines up with message
sorry
message:
reverse it 😄
rare forge
Hello all
im trying to add a card that shows a variable picture like a graph or circle that shows 1-100%
im new on this and i dont know where i can see the types of picture, i dont know how they looks like
kind shellBOT
split granite
https://www.home-assistant.io/lovelace/ lists the built in cards
Sounds like you probably want https://www.home-assistant.io/lovelace/gauge/?
rare forge
yeah!! exactly that well i can use it
but is for a water tank, im looking for a picture that apparently looks like most similar
split granite
That then would be a custom card
Maybe somebody has done one of those, more likely you get to write your own
rare forge
like a column, i saw something like that on forum
gauge i think is the only card for now most similar
split granite
The only stock card - check the forum (and Google around) for custom cards
rare forge
got it working thank you @split granite
another thing, is that when sensor get disconected, Home Assistant shows me the last value
but there is a way to change it?, like show "unknown" or any status like online/offline?
split granite
Depends on your sensor 😉
split granite
Then you need to configure Tasmota to publish a LWT (last will and testament) - which is off topic in this channel
rare forge
i'll ask to tasmota group, the question here is how to add it on Home Assistant
split granite
MQTT discovery is the way
rare forge
moving there
vapid field
hi, I would like to use different code for my family members in alarm control panel. Is it possible?
azure scarab
Are there any cards that like rotate? Say I have a bunch of weather cards I want to rotate on one card?
mild veldt
@vapid field no
Not Lovelace related as wel
@azure scarab rotate?
Like swipe through?
Or auto progress through?
If so, yes, swipe-card
azure scarab
Like auto cycle through?
Almost like those automated picture frames?
I want a slide show so to speak.
random mantle
does someone knows how to add a card in lovelace with all the automations in it (so that it also adds new automations automatically )
prime umbra
random mantle
thank you !
random mantle
i wonder how to show the webhook state in lovecase , does someone maybe knows that ? (eg triggered or not triggered)
severe spire
Is it possible to have a picture-element that behaves as picture-entity or vice versa. Basically i want to have a bunch of overlaid data the same as a picture-element, but i want the image to change depending on if an entity is on or off
mossy harness
Okay. So. Hmmm... I think it's starting to get to a point on time where I need to activate maunal control over the HASS lovelace UI, because now everything's starting to get all cluttered up and hard to navigate.
wheat current
That's a question for #330944238910963714
mossy harness
Is it?
wheat current
no, was a response to someone else that removed his/her message
mossy harness
Ahhhhhhh. LOL
I was about to say., 😉
I..... Am going to delve into configuring my Lovelace UI properly, now.
random mantle
hey everyone
does someone here managed to 'grab' the webhook state in home assistant and put it in a lovelace card
raven nacelle
@random mantle I recall some thing by @empty heath on how to grab webhook triggers. Search his Git
fallen current
Custom element doesn't exist: button-entity-row
what error is this
wheat current
That is: Custom element doesn't exist: button-entity-row
fallen current
how to fix it
mild veldt
@fallen current look at the top pinned message
vernal delta
Hi, I need help with android browsing. I can contact the interface from my laptop browser, but my phone browser get a connection timeout. Do you have any suggestion?
I'm currently accessing with the domain (hassio.local:8123)
it's working directly using the IP
elder pendant
Seems like your phone is using a different dns than your laptop
vernal delta
never configured the dns in the phone I assumed it's using the same because the devices are connected via wifi to the same router
elder pendant
You should be able to set your dns on your router
elder pendant
If it sends the same code then you can't reliably use a binary sensor. Also this is not a lovelace question
mossy junco
He still wants to use them, probably not a problem then. Also didn't realize I was in this channel... Sorry
vapid field
Hey all. I'm working on configuring a horizontal stack in lovelace, but it doesn't appear to work tiwth a group of lights, only a single entity. Anyone know a way around it?
mild veldt
@vapid field I don't understand what a stack has to do with an entity?
stacks contain cards, what card are you trying to put in the stack?
vapid field
@mild veldt its a group.ikea.lights (a group of ikea smart lights) When I add just a single ikea light entity it works, but when I use the group, it doesn't.
wheat current
stacks contain cards, what card are you trying to put in the stack?
mild veldt
@vapid field like I said, that doesn't make sense
old karma
@vapid field , i think you need the light group and not a normal group.
https://www.home-assistant.io/components/light.group/
wicked meadow
Hi I am using Picture Elements and the font-sizes are not scaling. They work fine on phones, but once I use panel mode on a PC they are very small and hardly readable. Is there a way to make fonts scale automatically?
mild veldt
@wicked meadow try setting the font-size using viewpoints. e.g. font-size: 1vw in the style of the element
wicked meadow
@mild veldt I tried: rem ex ch % vw vh vmin vmax smaller larger nothing has any effect. (ok it as effects, it just is much to small once I go to panel mode)
The rest of my style attributes:
background-color: transparent color: red display: block font-family: Helvetica font-size: 2vw left: 50% overflow: hidden text-align: center top: 37%
The left and top attributes scale perfectly, only the font size does not, I had the same problems with state icons, but I replaced them by vector graphics that solved the problem. But I cant replace text...
mild veldt
what element are you trying to scale?
hard shell
Does anyone know what values kalkih uses for input_number.nighttime in kalkih’s mini-graph-card?
mild veldt
@hard shell can you elaborate on what you're trying to find?
hard shell
I figured out another better method braised on sun state
polar kelp
I'm adding some awesome things to browser_mod, such as a light entity that you can turn on and off to control the blackout mode (or actual screen with fullyKiosk). Are there anything about the browser you may want to know in Home Assistant?
I've just added window height and width and number of tabs/windows in the same browser displaying Hass to the new browser_mod sensor.
noble olive
https://imgur.com/a/2nmqzVG
Figured this might be something worth sharing to give others ideas, I setup my traffic sensors as conditional cards within a horizontal stack. In the morning it shows how long it takes to get to work, and in the afternoon it shows time to get home. (probably better ways to do this, but I made an "afternoon" sensor for the conditional)
https://hastebin.com/wesoquneco.cs
So basically there's four cards, and two only ever show at a time. Ignore that Chris' sensors are the same, I havent felt a need to actually make the reverse sensor.
mild veldt
@polar kelp each device produces a sensor?
polar kelp
One sensor, one light and one media_player
Fully Kiosk also produces a binary_sensor for motion detection.
mild veldt
So the one sensor then has attributes for each device which has the browser info in that? I don't need to fully know, I guess 🙂 Regardless, sounds cool. Not sure how I will use it yet, but cool
polar kelp
Yeah, me neither. But I'm sure DinoTech will come up with something.
mild veldt
I was thinking the same thing 🤣
polar kelp
mild veldt
oh, I misread your initial answer to my question. (thought there was only one of each for all of browser_mod) looks great
polar kelp
On Fully, the light will turn on and off the screen. On other browsers it will cover the window with a black <div>
mild veldt
that's slick
polar kelp
Oh! I should add a screensaver function that pops up that div with a timeout.
elder pendant
You could make it div with an interactable mini-game inside
mild veldt
home assistant logo bouncing around like the old dvd player screensavers
elder pendant
Then we can just sit in front of it waiting for that perfect corner shot
mild veldt
exactly
polar kelp
Well... there's already the function to replace it with a card of your choice.... and this....
split granite
I am disappointed you didn't animate the eyes to follow the light... 😛
elder pendant
But then you don't have the kitty staring directly into your soul
mild veldt
@polar kelp after I said I knew I had some vague rememberance of you showing this 😂
polar kelp
I think it was your idea
mild veldt
Ahahaha
vapid field
@old karma I wasn't aware there was a difference. Good to know! Thanks!
That was definitely the solution. So, I guess the question is, what is the difference between a group in group.yaml, and a lightgroup (or any other group that might be the same?)
green raft
Super specific random question - anyone got any examples of Fronius solar inverter sensors being used in Lovelace? Looking at putting solar on my new home and Fronius seems pretty well supported.
tulip mulch
@green raft for consumption and generation?
i use https://iotawatt.com .. great device.. inexpensive and can detect usage on hot lines for 14 devices
mild veldt
@green raft https://github.com/gurbyz/power-wheel-card
green raft
Ohh, very cool @mild veldt !
@tulip mulch Don't believe I need that. The Fronius inverters already have most of that data exposed.
tulip mulch
oh ok..
wicked meadow
@mild veldt I have a picture-elements tab that shows all my devices including thermostats and thermometers. The problem is that state-icons and text (temperatures/humidity) do not scale with the picture. I replaced all state-icons by svg files so that problem is solved, but what can I do with the temperatures?
green raft
Over-ride their font sizes I imagine. Should be pretty easy with the picture-elements styling functionality. Just need to find their class.
wicked meadow
This is my code:
- entity: sensor.temp_bad_eg
style:
background-color: transparent
color: red
display: block
font-family: Helvetica
font-size: 1.1em
left: 41%
overflow: hidden
text-align: center
top: 25%
type: state-label
I tried every unit there is instead of em, nothing scales.
tulip mulch
@wicked meadow did you try?```
style:
width: 7%
or whatever percentage you want it to be
and i'm not 100% sure but I think the font-size is in px (pixels)
wicked meadow
Sounds good, but inserting width does not help, it still does not scale 😦
short edge
I use font-size: and have the value in px
tulip mulch
cache?
wicked meadow
px is what I tried first, does not scale. Its not the cache, I use a slightly different size for every test and it changes but does not scale.
tulip mulch
is your state-label within the picture-elements card?
wicked meadow
Yes absolutely
tulip mulch
panel: true?
wicked meadow
The picture scales and every type: image entity but not the type: state-label or state-icon entities
Yes when I switch panel to true everything gets big, but the state label stay the same.
tulip mulch
style:
font-size: 22px
font-weight: bold
left: 23%
top: 86%
color: orangered
entity: sensor.garage_humidity
type: state-label```that's what i have.. and mine adjust
wicked meadow
Hmm copied it did not help: Maybe its because my picture is vertical and 3 screens large when in panel mode... but that was the intention I needed the picture to be multiple screens in size to fit everything, therefore I need panel mode...
tulip mulch
i use panel mode as well.. i have a 22" touch HMI in my BR and a fire HD 10 in the hall and downstairs..
maybe it is the way yours is split between 3 screens...
have you tried to look at that view on another smaller device?
wicked meadow
Yes, on my phone I just have to tilt the device sideways, Home Assistant goes into horizontal mode, the picture roughly doubles in size. Except for the text, that now looks small.
tulip mulch
hmm...
it might be because you are rendering your size on the original large screen.. therefore when you try to view it on a smaller it's extremely small
copper mural
Is it possible to have a button card that change color upon which state the entity has?
mild veldt
@copper mural currently only "sun" related elements are changed
This is an ongoing discussion
i.e. light, switch, fan, sun, binary_sensor (not sure how that one got included) change color
wicked meadow
@mild veldt vw does not behave different to em for me
nocturne dust
I have an input boolean that I'm using to "arm/disarm" security for the rest of my automations so they know how to process events. How can I customize what the entity displays for its status on the lovelace frontend?
Right now it still shows on/off but I'd rather have it display armed/disarmed
elder pendant
The easiest way would probably be a template sensor. Unfortunately device_class isn't a thing for input booleans
nocturne dust
Ok, thanks
Are you able to set a template sensor as a button in lovelace to toggle it?
or use the input boolean to toggle the sensor or something?
I'm sure I can figure it out
elder pendant
The sensor would just reflect the state of the input boolean with different words. You can make the tap_action a toggle for the input boolean
nocturne dust
Sounds good, thanks
proper mesa
@nocturne dust Do you mean: https://github.com/custom-cards/button-card#playing-with-label-templates ?
color: auto
color_type: card
entity: input_boolean.guest_mode
icon: 'mdi:account-multiple-plus'
label: >
[[[
return 'Modalità ospite: ' + states['input_boolean.guest_mode'].state;
]]]
name: Modalità ospite
show_label: true
show_name: false
styles:
card:
- font-size: 12px
- font-weight: bold
- height: 100px
tap_action:
action: call-service
service: homeassistant.toggle
service_data:
entity_id: input_boolean.guest_mode
type: 'custom:button-card'
What I mean is that with label templates you can customize the label: {{ if input_boolean == 'on' label=armed else label=disarmed }} something similar
mild veldt
I agree, button-card is the best option right now for customization
vapid field
I think I may be searching for the wrong thing in the googles, but I'm not having any luck. I have a horizontal-stack with 6 lights... how do I customize the size of those icon (right now they are smashed and unreadable) and how do I change the icon from the normal lightbulb to something more specific?
mild veldt
@vapid field can't change icon but I agree that you should be able to. Will add it for the next release hopefully
dim cloud
binary sensors of the occupancy class show red color for free and green color for occupied (e.g. in the history graph). Can I swap the colors without using an extra template sensor?
dim cloud
great ^^
mild veldt
@dim cloud I don't believe so
dim cloud
well with your icon fix I'd get rid of the state display and just use alternative icons to show the correct status
you can guess the use case if I say it's mdi:toilet 😉
mild veldt
👍
vapid field
@mild veldt can you change the size?
mild veldt
icon size? yeah, probably, using card-mod
elder pendant
This is for sure not the correct channel. You can probably try in #449717345808547842
vapid field
So, I am giving up on using horizontal stack for all my lights, and think Glance cards may be the best use (I like the way they appear out of the box) but tap_action: toggle, doesn't toggle the lights on/off
any advice?
type: glance
entities:
- entity: light.ikea_light_1
tap_action: toggle - entity: light.master_bedroom_light
tap_action: toggle
kind shellBOT
split granite
Your tap_action is wrong though - https://www.home-assistant.io/lovelace/glance/#tap_action
See the example at the end of the page
type: glance
title: Better names
entities:
...
- entity: switch.wall_plug_switch
tap_action:
action: toggle```that was definitely it. thanks! Google was bringing me to what I had posted above.
outer urchin
did the newest updated broke pi-hole sensors?
wicked meadow
@mild veldt Thank you the combination of width and vw does work, it does scale too much but that is still much better than no scaling at all!
polar kelp
@outer urchin seems you need to specify the port as well
mild veldt
@vapid field @dim cloud https://github.com/home-assistant/home-assistant-polymer/pull/3771
vapid field
Hey! Thats nice!
nocturne dust
@proper mesa looks great, thanks!