hello
#frontend-archived
leaden raft
tiny plover
I am dealing with a small thing but i dont understand where to start
Custom element doesn't exist: secondaryinfo-entity-row
cant upload a screenshot
dont know why
leaden raft
post it to imgur and paste the link
Are you creating a lovelace card?
Can you paste the code?
tiny plover
`type: entities
title: Moon
show_header_toggle: false
entities:
- entity: sun.sun
name: Moon
type: "custom:secondaryinfo-entity-row"
secondary_info: "Next Dawn: "`
i was testing this https://github.com/custom-cards/secondaryinfo-entity-row
leaden raft
Did you add:
resources:
- url: /local/card-tools.js
type: js
To your lovelace config?
and download the JS and put it in the www folder in your config file?
leaden raft
for good measure ... restart HA once that is in place.
leaden raft
You don't.
tiny plover
okey
leaden raft
create www inside the config directory.
That maps to /local
The instructions at: https://github.com/custom-cards/secondaryinfo-entity-row are pretty thorough.
tiny plover
perfect
leaden raft
To edit your lovelace config to include those resource statements.
tiny plover
so <home assistant config root> is /config/
leaden raft
Go to the the three dots in the upper right, select Configure UI, the click it again and select "raw config editor"
If you are on hassio its the directory that has configuration.yaml in it.
If on hassos thats /config... then yes 😃
tiny raptor
someone is using https://github.com/custom-cards/upcoming-media-card ?
civic sedge
could I configure entry buttons or whatever as weblinks?
the Idea is to open the link
entity: sensor.franck_nijhof
name: Franck
tap_action:
action: navigate
navigation_path: url([[sensor.franck_nijhof.attributes.url]])
type: entity-button
style:
background-image: url([[sensor.franck_nijhof.attributes.entity_picture ]])
sour crag
is there any guide to resizing elements in lovelace somewhere?
i know for instance '--iron-icon-height': 42px will set an icon to a given pixel size
but what if i want the size to be relative, to make it fit on different screen sizes+
?
civic sedge
I think card modder or layout card can help there
https://github.com/thomasloven/lovelace-card-modder
https://github.com/thomasloven/lovelace-layout-card
@sour crag
I just look for a smaller light card.
they look ugly in a 3x4 stack
sour crag
for px the '--iron-icon-height': 42px seems to work fine
but i will try to just use widh 10%
sour crag
hmm, doesn't seem like the "width" actually does anything with the size of the icon?
civic sedge
also style with css
https://www.home-assistant.io/lovelace/picture-elements/#icon-element
sour crag
yeah, but none of the examples there resize the icon?
sour crag
yeah the irdon -icon height is what i was using to get them a given pixel size, but wanted to have it a percentage instead, let me try the scale thing
kind shellBOT
civic sedge
thanks google for that ^^
sour crag
I tried googling it, but not with that much luck
the scale does indeed change the icon size, however it is not consistent between screen sizes relative to the image
so it doesn't actually provide a constant relative size
civic sedge
Then your work around is an image entety
sour crag
hmm, i guess it is, a bit more hassle, but i guess it is safer to have the icons stored locally anyway
haughty dragon
the current gauge card has 3 different severity colours. Is it possible to have more (like 5 or 6)
raven nacelle
Not currently...
torpid smelt
@haughty dragon , check this: https://community.home-assistant.io/t/fire-danger-rating/96264
@raven nacelle , it works!
- platform: generic
name: Mapa Sismo IGN
framerate: 1
still_image_url: "{{ states('sensor.sismo_mapa_ign') }}"
@torpid smelt thanks, that looks promising.
ruby garden
mild veldt
Lovelace is part of your home assistant installation. It is the default UI
Check out the docs on how you can start using it https://www.home-assistant.io/lovelace
note; groups are not deprecated
but using them to dictate your UI is not necessary/encouraged with Lovelace
winter wasp
is there a good custom card that filters on the time since an entity's last state change?
or do i need to make a template binary sensor?
polar kelp
Perhaps it can be done with auto-entities.
limpid cloud
Hey, is it possible to show "group.all_covers" as a "real" cover?
Like up/down and not only the icon?
https://grtdlks.eu/index.php/s/YHECMcxTYP5oKaH/preview
to
https://grtdlks.eu/index.php/s/kABC8dG7kFNio8x/preview
for example, i want that the group.all_covers will look like a normal cover with up/down button
polar kelp
You could try adding type: hui-cover-entity-row to the entity definition, but I'm not sure it's supported in the backend
marsh sentinel
How can I make a horizontal-stack look good? 😛 look at this pic
can't upload pics here apparently, uploading somewhere
polar kelp
In general - you can't. Horizontal stacks should never have been in the first place.
marsh sentinel
oh ok
polar kelp
In some cases it's possible, though. What are you trying to do?
marsh sentinel
I was just trying out some different layouts for some of my views and wanted to see how it looked. It's just 3 cards with entities, one for each bedroom in the house
marsh sentinel
oh nice, will try that
@polar kelp didn't work, but I won't dig so much deeper into this since I guess the cards already are in a horizontal-stack by default
polar kelp
panel: true should solve that.
marsh sentinel
got it working now 😃 found an error in my code
i had two horizontal-stack entries since one of them was a vertical-stack before and I changed both of them to horizontal during my testing
just need one.
brittle cypress
If a custom card tells you to add it to the resources in ui-lovelace.yaml , but you're using lovelace in the non-YAML mode,
where do you add that registration?
brittle cypress
There's the trick, thanks @polar kelp ! Got a nice custom guage card working now 👍
atomic glacier
New update with card links... https://community.home-assistant.io/t/dinotechs-march-update-lovelace-screens/84271/75
astral vortex
I keep having issues with the frontend getting stuck in a "a new version of the frontend is available" loop, do we know what causes this?
winter wasp
is there a custom card available that can only show the last changed time of an entity (and not the state)?
winter wasp
i guess this is my best bet? https://github.com/custom-cards/config-template-card
civic sedge
text-align is ignored in a state-label
Someone have a working style for align?
and I guess I have to create a template sensor to use Attributes in a state-label?
civic sedge
Almost Happy
https://imgur.com/a/zM0fzZV
old karma
Since 0.92.2 the input_datetime looks weird.
https://pix.toile-libre.org/upload/original/1556796785.png
Is there anything to adjust?
polar kelp
I'll see what I can do.
fervent fern
what's the easiest way to replace default circles with values from various stuff with some nicer tiles with history graph for example?
witouth breaking automatic updates of dashboard
pallid lance
- cards: - type: entities entities: - entity: switch.pack_aircone_switch - entity: switch.pastry_aircone_door_switch - entity: switch.pastry_aircone_table_switch title: All Aircone G - type: entities entities: - entity: switch.raw_warehouse_chilling icon: 'mdi:air-conditioner' name: Warehouse tap_action: action: toggle title: Cooling Raw G
Can someone please help me and tell me what i'm doing wrong.
These 2 cards are great seperate but when I.try to put them both in one card, it doesn't work
old karma
Ubuntu 18.04
split granite
@fervent fern That sounds like badges https://www.home-assistant.io/lovelace/views/#badges
fervent fern
is this something that should be put in customize.yaml?
not sure how to start modifying look & feel
split granite
Not at all, but those "circles with values" are badges
Take control of your UI and you can do what you want
Three dots in the top right of the UI 😉
fervent fern
but then it will stop autopopulate it... which is for now scary to me 😉
glad condor
is it possible to reload a defined theme file without reloading HA completely?
split granite
glad condor
perfect, thanks @split granite
pallid lance
I'm trying to have to cards in one, like I see in ur settings but cant make it, for example the state-switch card in ur sample, have entity card and then some state switch card in one card.
I just cant make it, evevn when I use ur format @
@polar kelp
A sec, ill try to attach a picture link
kind shellBOT
polar kelp
kind shellBOT
polar kelp
In yaml, indentation is everything.
kind shellBOT
pallid lance
Dinotec helped me with this yesterday but it doesn't work unless I remove every thing above the type : state-switch
I'm trying everything I can, still doesn't work 😩
split granite
Give us more context
kind shellBOT
split granite
And provide the lines above and below - so we can tell if what we see is a copy/paste error, or because you've messed up formatting, or...
pallid lance
Ill try to do so, i'm in china and the only way to access now.discord is from my mobile phone
type: 'custom:state-switch'
split granite
Code, shared as an image... 🤷
pallid lance
I want to add the input_Boolean entity before this card, but both will be in one card
split granite
In one card?
pallid lance
@split granite I really apologize
pallid lance
Like this, i'm sorry, cant install on my computer discord in china, trying to find solution
Otherwise would have paste my code
split granite
You're not actually answering the question
Posting code doesn't tell us what you're trying to do
You said this earlier: https://discordapp.com/channels/330944238910963714/460846676358332417/573493490948898826
And then gave us no further detail on what the heck you're talking about
Until you can actually describe it meaningfully, or show a picture, it's pretty much impossible to help you
polar kelp
I posted a link above explaining the trick of putting multiple things in the same card. Read that one, compare your code to the example
pallid lance
@split granite on the first picture I've attached these are the settings for state-switch card. The entity that the state dependent on is the input_Boolean, I would like that switch to be in the same card.
I hope I made myself clear enough.
@polar kelp tks, ill look into it
vapid field
hi
Trying to add a floorplan with lamp actions but video;s I see are all with older version of hassio, just started with this and have latest version, is there any video or tutorial to set up floorplan in newest version?
civic sedge
atomic glacier
@polar kelp Do you know of anyone that has done this? working examples? "If you design a very good package, you may want to distribute it to other users. It might then be a good idea to put a number of definitions near the top of the code, in a customize: section, for example, with values the user may want to customize. Slow learner here I suppose, 🤷🏻
atomic glacier
Thanks kind sir👍🏻
fervent fern
just realized that @split granite equals DubhAd on github
enjoy a coffee!
civic sedge
didnt you wanted to dial back your coffe consum? 😉
split granite
I've cut back to only two - two urns
civic sedge
👍
still on 2 until alive - 5 to feel well 🤣
glad condor
How can I find the element class/id/name for theming using the code inspector in chrome? for example <div main-title="">Home Assistant</div>
vapid field
thanks!
civic sedge
Dont realy know - but its primary-color
here a random theme copyed from the forums
https://hastebin.com/sayomobixe.bash
glad condor
thanks @civic sedge , however i know what it is, just wanted to know how to actually find it using the inspector
civic sedge
lol just found it
just under elements - the styles
could imagene that you have to set a theme - But I can be wrong
glad condor
yes, that is your theme. there is another section of inline css with the stock colors
civic sedge
so you found it? 🎉
glad condor
yea thanks!
polar kelp
@split granite two per coffee break?
split granite
I used to drink that kind of volume of coffee
Then my body started sending some pretty serious warnings about impending caffeine triggered death
polar kelp
Me too. My guts still hate me, and it’s been eight years.
split granite
Two, maybe three, cups of coffee a day is my limit now, and the third is a bad sign of how the day's going
Tea oddly doesn't impact me the same way
Or I'm not drinking enough of it ... 🤔
elder pendant
Tea has different chemicals that change the reaction of caffeine in your body. It's a much more gradual boost rather than an immediate result
mild veldt
☕ or 💀 ...that's a tough decision
foggy hornet
Anyone know how to install Mini Media Player Custom card? When i paste the .js file into www folder it looks wrong. Just one row of code.
kind shellBOT
raven nacelle
@foggy hornet Yeah...it does appear all together. That is fine.
foggy hornet
It doesnt seem to work. Cant fint the raw file and with one row the problem is still there
charred dragon
can anyone advise on ways to display camera streams?
raven nacelle
Did you try the steps listed in the docs?
foggy hornet
@raven nacelle I think so yes. It just state download and place it under www folder and and the text to ui-lovelace.yaml
raven nacelle
yes...do that and it should work
foggy hornet
reboot after?
raven nacelle
reboot is not required...just make sure to refresh the cache
foggy hornet
Thx for the help but It doesnt work...
latent moss
restart is required if it's the first time creating www folder i believe.
foggy hornet
i have plenty of other custom cards in www folder
...thx anyway
- url: /local/mini-media-player-bundle.js?v=1.0.4
type: module
latent moss
do you get a red error message where the card is supposed to be?
i think when you downloaded the .js file it may have been incomplete or something, i would try redownloading it again
foggy hornet
No card type found
[
{
"type": "custom:mini-media-player",
"entity": "media_player.kallare",
"icon": "mdi:spotify",
"artwork": "cover",
"hide": {
"volume": true,
"source": true,
"power_state": false
}
}
]
can you get this file "raw". I have to download the hole file but the problem is the code is written in one row and HA is complaining. https://github.com/kalkih/mini-media-player/releases/tag/v1.0.4
latent moss
do right click and save link as (in chrome at least). mine is on one line too and i have no issues with it, i think that's the way the file was compressed
foggy hornet
It works know. Thanks for the help. I added examples texts wrong into HA
latent moss
great 😃
foggy hornet
@latent moss (L)
glad condor
Trying to figure out how to add custom css and target some lit elements. Is there a custom card which would allow this? Should I make a custom card to apply some inline css styles? perhaps something else?
adding a custom css resource works for things like body but will not apply to lit elements like app-toolbar
polar kelp
There's card-modder which applies css to the ha-card element.
In some cases it also works for other elements.
glad condor
saw that, assumed it was limited to cards and couldnt escape them
polar kelp
It also works for entity rows most of the times, and picture-elements elements can be styled by default...
What are you trying to do?
glad condor
atm i want to add text-shadow to app-toolbar
but thats just the start of what i want to do
polar kelp
Ok. Then card-modder won't help you.
glad condor
ok, thought so
polar kelp
Your best bet is probably, indeed, to make something yourself, but that something doesn't have to be a card.
This one doesn't work anymore, but it should give you a good starting point: https://gist.github.com/ciotlosm/1f09b330aa5bd5ea87b59f33609cc931
You sound like you know your way around css and js (?)
glad condor
im not great at JS. but i can get around
that looks like a good starting point, thanks!
vapid field
hi in some way the hassio is not retrieving my images saved in the www folder when I use this image: /local/www/Zolder.PNG , any suggestion what I could do?
I know bit new to this.....
config/www/....
nope still no picture shown in picture-elements
type: picture-elements
image: config/www/Zolder.PNG
elements:
polar kelp
Fancy
glad condor
im making a revolutionary theme
polar kelp
@vapid field Did you restart hass after creating www/?
vapid field
will try again, but think yes but to be sure I will do again
after restart still same can it have anything to do with https setting due to installing duckdns?
polar kelp
nah
Wait. I didn't read your messages carefully enough. <config dir>/www/ corresponds to /local/, so <config dir>/www/Zolder.PNG is /local/Zolder.PNG.
vapid field
yup works~!
bitter compass
I'm having problems with my cards staying updated to current condition. Reset will sometimes fix it. Anything I can check for this?
charred dragon
what cards are people using for displaying camera streams in frontend?
gray kernel
any of the built-in picture-* cards with camera_view: live
vapid field
Hi, i have a question
i tasmoted a sonoff and i set it (with tasmota and pulse function) to close and open relay after 0.5 seconds
but setted on home assistant like a switch, it appear with the slider
split granite
You're using an entities card?
vapid field
yes
split granite
Switch to a glance card and you can set it up to toggle the state of it on click
vapid field
ok
done but i can't button directly
*press
if i press on an'entity on glance card, it open a new windows when i can use the slider
split granite
https://www.home-assistant.io/lovelace/glance/#tap_action - define the tap action to be toggle
kind shellBOT
Tinkerer is away for 5m 54s with a message :point_right: Bad spellers of the world untie!
molten robin
hello, is there a simple way to turn the bottom switches into a toggle switch like the one above?
charred dragon
@gray kernel many thanks
cold garnet
Does anyone know how to configure the harmony hub to look like the love lace demo? I can not figure it out, currently my harmony hub can turn on or off the last activity listed in my yaml file, but thats it
vapid field
how can i add nest smoke detector and lock. i have tried the developer account but nest doesnt have that option anymore
cold garnet
@vapid field if you figure it out let me know, I have the smoke detectors but have not been able to get them working. I would ask in HA instead of this room thou
vapid field
thanks will do @cold garnet
smoky peak
anyone here have a firestick in a card in their lovelace front end?
gilded veldt
yea @smoky peak
smoky peak
Which card did you use?
smoky peak
My what....card? Or firestick?
gilded veldt
firestick
smoky peak
adb addon
gilded veldt
mine keeps dissappearing every time i restart hassio
smoky peak
Easy fix. NEVER restart, lol
gilded veldt
lol
smoky peak
So, did you use ADB?
gilded veldt
thats not possible always making changing
smoky peak
teasing
gilded veldt
yea adb
smoky peak
So, on your screen for the firestick, did you click the checkbox which says something like "always trust this device"?
gilded veldt
yep
smoky peak
Hmm. Well, can't help you then. I just got mine added to ha tonight.
smoky peak
Have you tried simply restarting ADB after the reboot?
gilded veldt
adb restarts like everything else when hassio reboots
smoky peak
I know, but after, is what I was saying. I'll take the easy route out of this and say it is @fading sorrel 's fault
lol
gilded veldt
lol
smoky peak
He'll appreciate that.
gilded veldt
i hope u dont get that poblem with yours
so for your card you have to install the custom card
smoky peak
Too early to tell. I rebooted HA and the firestick to get it all done, and haven't rebooted again tonight. Can you point me at how to install the custom card, i.e. is there a github on it, or a doc of some kind?
gilded veldt
yea
smoky peak
And, I may have the "opportunity" to reboot soon. Tornados in the area.
gilded veldt
smoky peak
Nice. Thanks. I'll work on that in a minute.
wind just went to zero outside....makes me nervous. It was about 20 a minute ago.
smoky peak
Thanks, bud
gilded veldt
np
vapid field
hey there,
i am still new to home assistant (a couple of hours) and have a question about colouring the state icons of entities:
is it possible to change the color of an entity-icon based on its state?
latent moss
@vapid field this custom card lets you do that easily https://github.com/custom-cards/button-card
vapid field
ah ok - tjank you @latent moss. is there a possibility of doing so with sensors too?
latent moss
on that card yes
dark dirge
Also via custom_ui
vapid field
any chance to do with this card? https://www.home-assistant.io/lovelace/glance/
dark dirge
Yes, with custom_ui
dark dirge
Yes
I’m doing exactly what you want
Just follow the instructions to install and use the customize: and customize_glob: tags to set colors based on logic
vapid field
ok thx. do i have to set it in an customize.yaml or direct in the configuration.yaml?
dark dirge
Either way
I recommend the former to keep things neat and tidy
But the tag in configuration.yaml just includes the the other file
So it’s really the same thing
vapid field
ok thx. i will try and perhaps come back soon 😉
vapid field
hey there - back again. I tried it. the detail popup shows me the choosen color but in the badge the color is still the old one. can i change this color (in the badge) too?
polar kelp
@old karma I think I found it. Had to install ubuntu on a vm to test... https://github.com/home-assistant/home-assistant-polymer/pull/3150
Firefox likes to do things differently from everyone else. Including firefox on other platforms, it seems...
old karma
@polar kelp , Thanks for your effort.
I installed Win7 in a VM to test it and have seen the same in FF.😁
polar kelp
🤷 I had only tested on osx before
atomic glacier
@polar kelp Still haven't got my head around the node anchors, but at least I have a start and it works like a charm. Thanks for the code! After translating 😀 I added a popup that opens when my alarm goes off to set the coffee timer...hmm...coffee time☕ Thanks!!! https://imgur.com/a/ac6NS7C
pallid lance
@polar kelp @split granite @atomic glacier I would like to thank you 3 for helping me with the Ymal . i've found out the reason why i couldnt get it all right. my HA is installed on my office server as i'm using it for work not really home automation. when i'm at home i'm controling my office computer thru VNC software, sometime also thru VNC app from my mobile, apperantly that is making some spacing issiue which i was not aware of
as i live in china discord is blocked here and i couldnt untill today install the disscord on my office computer, so i couldnt also paste the YMAL in the correct way with spacing. i have solved this today so from now on it will not be an issiue.
once again, thank you for the help and patients (most of the time 😉 )
kind shellBOT
meager swift
Hi guys. I'm new to HA and my lovelace weather card is showing hourly forecasts in GMT rather than my timezone. Any ideas why?
mellow pier
Hi. I have an issue dafang (hacked) camera. I've added it with generic cam platform, with stream_source added. ffmpeg and stream component is also enabled. However, when i click the still image, i does not load the live stream. Any tips on that?
polar kelp
The home assistant log might be able to give you some hints.
vapid field
Hey there, i am still new to ha (just a couple of hours). I would like to change the color of the state in a badge depending on the entitiys (sensor) state. I installed custom-UI to change the color of the icon in cards. That works great, but just do not know how to change the state-color in a badge
mellow pier
@polar kelp Unfortunately not. The only thing i see there is 2019-05-03 11:26:04 INFO (MainThread) [homeassistant.components.stream] Started stream: rtsp://10.0.0.63:8554/unicast
That stream url works from VLC though
green ice
@mellow pier - Try putting ?latest at the end of the Lovelace URL
mellow pier
@green ice Like this? http://ip:8123/lovelace/2?latest
mellow pier
Doesn't make any difference. Maybe i should attempt to switch to ffmpeg platform for my cam?
green ice
That wouldn’t make a difference either. Are there any errors in your browser console?
Also, is your stream unauthenticated?
If not, you need to put the user:pass in the stream source URL in config
green ice
Do you use chrome? Firefox? Edge?
polar kelp
ctrl+shift+j in chrome
vapid field
any way to change the colors of the history-graph card?
sour crag
is there a way to make a icon showing options (in the form of other icons maybe?) when pressing on it in lovelace?
example, having a lightbulb-icon in a floorplan
and when longpressing, letting me choose between 4 scenes
vapid field
Anyone know how to get an entity-button card to activate a scene?
vapid field
Does this look correct?
type: entity-button
tap_action:
action: call-service
service: scene.turn_on
hold_action:
action: none
show_icon: true
show_name: true
entity: scene.biorum_blind_down
name: Test
icon: 'mdi:blinds'
And no, you're missing information
vapid field
What is missing?
fervent fern
where exactly should I put extra custom cards when I reference them in ui-lovelace.yaml like url: /tracker-card.js
in www?
where should I put files like tracker-card.js or layout-card.js?
vapid field
@elder pendant I solved it, thanks for pointing out about the service_data
fervent fern
anyone?
mild veldt
@fervent fern FYI lots of people in different time zones. Sometimes takes time for people to check in on the chat. Check this out https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
limpid cloud
any chance, to make a up/down/stop button card for group.all_covers?
vapid field
Hey there, i am still new to ha (just a couple of hours). I would like to change the color of the state in a badge depending on the entitiys (sensor) state. I installed custom-UI to change the color of the icon in cards. That works great, but just do not know how to change the state-color in a badge
split granite
Don't think there's any built in way to change the colour of a badge
vapid field
Is it possible to have one card that toggles blinds up or down based on their current state?
robust garden
am I right that you still can use badges in lovelace?
split granite
Yes you can
robust garden
is it also somewhere documented? 😛
elder pendant
split granite
AKA, no, HA tend to avoid documenting anything 😉
(yes, there are bits where the documentation has a hole, or fifty, but by and large it doesn't miss much - finding it's usually the hard part)
sour crag
Trying a picture elements card, I don't want to scroll to see the entire picture
So i tried this:
image: /local/floorplan/floorplan_small.svg
type: picture-elements
height: 100%
but it doesn't seem to resize the picture
kind shellBOT
sour crag
I know about the backticks, but it is 3 lines, and just to show the context, it not really a code block
elder pendant
It is literally a code block. That is what it is.
meager swift
Hey guys, any ideas on why the default weather card is showing forecasts in GMT instead of my home timezone? I can't find anything in the forums or docs that mentions adjusting it
nocturne dust
@meager swift have you set your location (long/lat)?
meager swift
@nocturne dust That I have. And my timezone.
nocturne dust
That's weird then
I think mine reset correctly but I haven't paid much attention
I'll check on it soon
meager swift
@nocturne dust thanks 😃
Just to clarify the timezone should be using the country/region format noted in the TZ wiki page?
nocturne dust
Ok, so I apologize
I just realized I've used the darkysky platform not the default (yr or whatever)
and yes, this is the line from my config file: time_zone: America/Chicago
meager swift
Ah. Maybe that's my issue. I've got quotes round mine. Thanks @nocturne dust
nocturne dust
Sure thing
mild veldt
@vapid field you'd likely want to write a script for that
@limpid cloud look at the custom button-card. You can change things based on state
sour crag
Trying a picture elements card, I don't want to scroll to see the entire picture
So i tried this:
image: /local/floorplan/floorplan_small.svg
type: picture-elements
height: 100%
but it doesn't seem to resize the picture
mild veldt
Resize you actual image
sour crag
Then it will be to small for big screens
if i resize it to be the right height for a smaller display to not need scrolling
icy shard
im using picture elements and im trying to make so my google home has a grayscale image of the song its playing when its paused and a normal when i play, i got the grayscale working but not getting the right picture
atomic glacier
@mild veldt Love the enhancements to radial-menu. When the menu expands, is there anyway to use text that has adjustable font size ? Looks great on wall mount, but with a 10.1 screen, when using the picture-entity instead of icons, the text is not readable. Any ideas on how to 'upsize'? (umm...aside from a bigger tablet😜 )
mild veldt
I’d have to add style support. I’ll give it some thought
sour crag
nice
looks just like what i need
i use pictures for turning on and off lights with picture elments
but i looks like i can use this to select one of 4 scenes on a long press
I actually asked about this very thing yesterday 😃
ugle43Yesterday at 9:40 PM
is there a way to make a icon showing options (in the form of other icons maybe?) when pressing on it in lovelace?
example, having a lightbulb-icon in a floorplan
and when longpressing, letting me choose between 4 scenes
atomic glacier
@polar kelp so I'm guessing that it's not possible to have radial-menu as a popup and then have that open other pop-ups? Haven't been successful, only to have the radial-menu popup and then navigate to another view.
polar kelp
No. Popups can't be opened from popups.
atomic glacier
👌 kinda figured that. Thanks for confirming
fervent fern
what's the policy of adding new custom cards to official distribution supported by config UI editor?
when can we expect (if we can) to have layout-card like options by default? 😃
vapid field
Hey! I just bought a brand new Delonghi PAC N77 ECO portable AC with a regular IR remote. Ive learned most of the commands through iTach, and have added them to HA with the iTach component. How would I go about using Lovelace to present this? It needs to send remote commands over IR to control
the remote is a regular AC remote, meaning it transfers the entire set of commands every time I change something. Therefore I had to add 16-24C x3 due to FAN SPEED setting 1, 2 and 3. Some kind of dropdown list with commands would probably be wise?
vapid field
aloha
im running some cheap chinese tablet with android 4.1.1. and chrome42.0.311
and i cant access the login page
its just the header and a blank site
it says "initializing" while reloading but it goes away once the page is loaded
or is there any other way to access HA on this tablet? i bought sorta solely for that reason
split granite
I suspect that the version of webkit on it is too old - that's the problem that the Fire tablets suffer from
brisk ridge
I tried to add a plant status card and i see that message : ''Your config is not supported by the UI editor:
Expected a value of type string for entity but received undefined.
Falling back to YAML editor.''
What is wrong?
mild veldt
@fervent fern most custom cards will likely not make it into core. My dream is to get https://haltu.github.io/muuri/ into core, but that will take time and of course effort
kind shellBOT
prime topaz
I can't figure out what I'm doing wrong here:
{
"type": "picture-glance",
"entities": [
"binary_sensor.front_door",
"sensor.downstairs_temperature"
]
} ```this is the very simple yaml
title: Downstairs
entities:
- binary_sensor.front_door
- sensor.downstairs_temperature ```(well after i added a title)
prime topaz
that's how i quoted it here
so it looks like the lovelace ui has a glance card, and a picture-glance
the glance card seems to work, and the picture-glance doesn't
i guess they are different card types, from the raw config
polar kelp
@brisk ridge it just means the plant card is not supported by the gui editor yet.
@prime topaz picture-glance requires an image source as well. Image/camera_image/camera_view
quick gulch
can anyone tell me whats wrong with this? https://pastebin.com/pGNFZ3vX i'm getting this error while parsing a block mapping in "/home/homeassistant/.homeassistant/lovelace/frontpage-newer.yaml", line 7, column 9 expected <block end>, but found '<block sequence start>' in "/home/homeassistant/.homeassistant/lovelace/frontpage-newer.yaml", line 14, column 10 using the layout-card
slow wave
@quick gulch your indentation seems way off, see the lines it mentions
quick gulch
hmm i copied from the docs
its just indentation right
it looks clean to me - what looks way off to you?
i'm doing it as per - https://github.com/thomasloven/lovelace-layout-card instructions
latent moss
@quick gulch i think your problem is on line 2. you have 4 spaces indent, should be 2?
quick gulch
it might look that way however its being included from another file
latent moss
oh
quick gulch
like this `views:
- !include /home/homeassistant/.homeassistant/lovelace/frontpage-newer.yaml`
slow wave
For me line 14 looks off 🤷
quick gulch
its the same as line 10 though
latent moss
good catch, is one space off
slow wave
Which also makes all the lines under one off
quick gulch
lol wow, thanks and there was two spacesafter the -
u know it looked perfect in Atom
my eyes r playing tricks on me
slow wave
I was in awe after I noticed notepad++ could show spaces and tabs, that helped me a lot while troubleshooting my own code😂
quick gulch
yeah i'm goign back to notepad++
tender burrow
So I'm trying to change the color of an icon based on the state of an entity. In customize.yaml I have the following:
device_tracker.mobile:
friendly_name: Mobile
icon: mdi:account
template:
icon_color: >
{% if is_state('device_tracker.mobile', 'home') %}
hsl(49, 98%, 60%)
{% else %}
hsl(220, 5%, 40%)
{% endif %}
I found out that for icon_color I needed Custom UI and after installing assigning a color works, but it doesn't work with the if statement.
Any idea how to solve this?
Also the if statement works in the template dev tool.
brisk ridge
@polar kelp Thank you for your reply. Yes i configured plant status through yaml and after i added the card in ui
polar kelp
@tender burrow custom ui uses javascript templates, not jinja
vapid field
whats the best way to get a dropdown menu in Lovelace? I cant use the Thermostat card, cause the portable AC I wanna control with IR commands aint a Climate device
tender burrow
@polar kelp Thanks I'll try that
silk dragon
Good morning. I have Dark Sky weather on Lovelace WebUI using... entity: weather.dark_sky name: Weather type: weather-forecast
The weather by the hour is correct on my desktop WebUI, however on iOS mobile UI, it's using GMT Time. Any suggestions on where / how to fix?
slow wave
iOS app or Safari? Same result?
vapid field
hi, is there any documentation on themes? like what is what, i have looked at so many themes and they all reference different things, it's very confusing.
silk dragon
@slow wave same issue on mobile Chrome as well.
slow wave
@silk dragon and same on any other devices? Except your desktop? Sounds like some kind of localisation error 🤷
silk dragon
agreed... I'm unsure how to fix such a thing
prime umbra
been wondering where this error is coming from , cant seem to figuer out what is causing this, any thoughts?
http://192.168.1.10:8123/lovelace/0:0:0 Uncaught TypeError: Failed to resolve module specifier "lit-element". Relative references must start with either "/", "./", or "../".
slow wave
@prime umbra show us the top of your Lovelace file, where you import that module
prime umbra
what the raw editor?
kind shellBOT
polar kelp
That’s the error from your home assistant log, right?
If so, try checking the browser console. There might be more info there.
prime umbra
yes
it seems putting the
popup_cards:
switch.wc:
card:
entities:
- sensor.power
- sensor.current
type: entities
large: true
title: test12
under resources made the error go away, at least not showing now
prime umbra
hmm still shows
steady jolt
Hello, I was wondering when editing the lovelace from the ui, how can i make a backup of this setup ? Is there a file stored somewhere on the pi ? If so can I just edit this file instead of using the UI?
prime umbra
the file is stored in .storage folder, file lovelace
steady jolt
Thank you !
steady jolt
Yup thanks, i've been using the old way and wanted to fresh install everything because i had an issue with my sdcard
I think i'm gonna use the old way
slow wave
I prefer yaml by faaar
steady jolt
Is it because you are used to yaml or because you found some limitations ?
slow wave
The raw editor used to sort my code alphabetically, which really screwed with my syntax when I started learning yaml, so I moved to yaml so the code doesn't change for every time I open the editor, it was really frustrating at the time
steady jolt
Ok that's understandable
slow wave
Yaml itself is useful to learn since I'm going to learn some software defined stuff, so I would rather learn it properly than work with something that makes life hard 😂
steady jolt
Ahah
tacit cave
anyone know if there is a link to the update.json for the circle-sensor-card for the tracker component?
fervent fern
nice... I lost like several hours trying to get generic ip camera working and it seems that it was enough to add "default_view?latest" to url address bar to probably majority of my configs
how to force HA / Lovelace to always load that latest thing?
lyric sequoia
I am new to Home Assistant and am running a fresh install on a Raspberry PI
I have copied in themes and can select them ok using the Theme selector under Profile
I have used the following code from Juan's page, tweaking it by adding an ID to get it to show up in the Automation Editor under Configuration,which according to the logs runs on start up but the theme does not change.
- id: a_start_theme
alias: 'Set theme at startup'
trigger:
platform: homeassistant
event: start
action:
service: frontend.set_theme
data:
name: midnight
As a further check I have tried using the Service Tab using "frontend.set_theme" and {"name": "midnight"}
Again the theme does not change though I don't see any error messages.
I suspect it something simple but have not been able to find where to look next
tacit cave
@fervent fern if it's js file, when you include it in the url, include the ? for it to always update. Example:
- url: /local/lovelace/button-card.js?
type: module
@lyric sequoia wrong chat room, try #330944238910963714
lyric sequoia
ok, thanks for the pointer
sour crag
Trying a picture elements card, I don't want to scroll to see the entire picture
So i tried this:
image: /local/floorplan/floorplan_small.svg
type: picture-elements
height: 100%
but it doesn't seem to resize the picture
vapid field
whats the best way to get a dropdown menu in Lovelace? I cant use the Thermostat card, cause the portable AC I wanna control with IR commands aint a Climate device
gray kernel
input_select, which looks like
https://i.imgur.com/0eqfX7W.png
does that look good to you?
also aint a Climate device you may want to try https://www.home-assistant.io/components/generic_thermostat/
vapid field
is there a card called input_select or could it be part of another card?
I wanna control a portable AC, but it needs 3 lists, cause it sends the entire command in each IR signal
gray kernel
sorry, you need to make aninput_select entity in your configuration and then place it into an entities card type
3 lists? or 3 items in a list?
vapid field
like, if I record 16C with fan at lvl1, I need another for 16C with fan at lvl2 and 3
so I need 3 lists. FAN Lvl 1: temp 16-24C
FAN Lvl2: temp 16-24C, and FAN lvl3: temp 16-24C
dunno if a slider can work with remote.send_command ?
gray kernel
it could if you template it I think
vapid field
ok, so it could send IR command FAN1/16C - FAN1/24C in a slider format based on the remote commands? hmm
rose sluice
Has anyone had any success with modifying CSS for the 'list-card' custom card using border-collapse: separate and border-spacing values? It doesn't seem to take in either the list-card or card-modder lovelace sections, or even throwing it into the table css in list-card.js ?
Update: Got it. If style: doesn't do it in ui-lovelace.yaml, it can be put under table { } in list-card.js and refresh browser cache.
prime topaz
Is there any way to have a glance card, and instead of listing every entitiy, do something like light.* ?
prime topaz
found a way to do it with a custom card: monster-card
atomic glacier
@prime topaz may wanna check this card out. very flexible https://github.com/thomasloven/lovelace-auto-entities
atomic glacier
@prime umbra I currently have 30+ popups in my set up and this is what I use: https://paste.ubuntu.com/p/Dwv9t4rWxg/ Using width: as a percentage
atomic glacier
@polar kelp , if you get a minute...is there a way around to 'not' show sensor states when using custom:fold-entity-row? I've tried several different ways, but no success. https://pastebin.com/BMB9fUbw I feel as if I am missing a method that maybe I haven't tried?
polar kelp
Do you mean like this? https://github.com/thomasloven/lovelace-dummy-entity-row
atomic glacier
and I just used that the other day for my coffee popup.... 😐 Thanks...
nimble zephyr
Hi, i have following :
- icon: 'mdi:playstation'
style:
color: '#87BF50'
left: 39%
top: 65%
tap_action:
action: call-service
service: switch.turn_on
service_data:
entity_id: switch.hdmi_switch_ps4
how do i size the icon to be bigger ?
it's a picture-elements
and above is of type icon
slow wave
can I do a conditional to only show cards to a single user \ device ? 🤔
mild veldt
@slow wave you have a couple different ways to do that; https://github.com/thomasloven/lovelace-state-switch or https://github.com/maykar/compact-custom-header or https://github.com/custom-cards/config-template-card
slow wave
@mild veldt thanks, now I just need to figure out which one is for me 🤔
vapid field
What do you all think about camera_view: live? I have had so many problems streaming live video to Lovelace and this works like a charm.
weary axle
So I have an old ipad 1, and using custom cards causes safari not to properly work. I understand we dont put to much effort into an old ipad, but anyone been able to use an ipad 1 as a homescreen for homeassistant with lovelace?
paper ledge
So now that we have the stream component I've set up tensorflow to trigger recordings (awsome thank you devs!). But how can I play back my .mp4's in the frontend?
mild veldt
@paper ledge there's no such functionality built-in for such dynamic data yet. Only thing I can think of is a template input_select that uses a script to grep your recordings folder for a list of files and that selection is then used as that path for a picture card using the config-template-card. I'm not sure how to setup that template input_select.
Better solution would be a custom card for viewing recordings
This sounds like a good a fun one, I might look into it tonight. Not sure if my HA laptop can handle tensorflow, though, but not necessary for initial development 😃
@paper ledge are you able to specify the recording location? The only stipulation for a custom card would be that the recording path would have to be inside www folder
placid cobalt
Hi. I'm hoping to create a "attention-card" that shows only "error"-states of mulitple services. I know it's easy to create one condintional card. But I want to gather a bunch of them .
Anyone done anything similar?
prime topaz
you could use monster-card
paper ledge
@mild veldt For now I'm saving the recordings as: www/recordings/camera_name/latest.mp4. I just started playing with this yesterday but stuff just worked out of the box so I immediately moved onto trying figure out how to have the recording available in the front end. The idea was to use this on the mobile phone so you can quickly look at the latest recording. Having the recordings time stamped and then be able to select a recording I figured was the next step. I assumed I would have to write a custom media player or some such. But if video can be rendered and controlled directly in the browser, so much better! I'm fluent in python but the lovelace/js stuff is greek to me.
prime topaz
and then only include where state is error
i do something similar, where I only show doors/windows that are open
placid cobalt
Well. In some case the state is error, but others are not really errors (garage is open for more than 10 minutes and nobody is home) etc.
prime topaz
i would try to do the garage one with like a virtual device or something, which is managed by timers and logic
placid cobalt
Or Tesla-charge is less than 30% and we are home, and it's not connected and it has been home for a while.... That's not an error. Unless I make a template sensor for it
mild veldt
@paper ledge cool. Mind sending me a PM with the tensorflow/recording docs? I haven't really looked into that at all yet. My only internal debate is if I should create a new card or revamp the existing surveillance card
prime topaz
it would seem like creating sensors which encapsulate your error logic would be the way to go
placid cobalt
But I would like to not print that template-error-sensor, but rather the orignal sensor (open close garage)
prime umbra
@atomic glacier thanks alot for the sharing 😃
atomic glacier
@prime umbra NP, not sure if it was what you were looking for
merry pilot
so frustrated :(
im trying to use a conditional card with state_not = null but cant get it to work... is it even possible?
been hunting for hours & havent been able to find any mention of people using conditional cards to filter a state that is empty 😦
prime umbra
@atomic glacier wasnt what i was looking for, but i appreciate you having share your popup code
i been having this error for awhile http://192.168.1.150:8123/lovelace/3:0:0 Uncaught TypeError: Failed to resolve module specifier "lit-element". Relative references must start with either "/", "./", or "../". and i have been trying to identify what's causing it, so far with out a luck, thought it might be the popup card causing it, but isn't 😦
i have been following some of your work, its a amazing, thanks for the share with community 😃
elder pendant
@merry pilot what entity do you have with a null state?
merry pilot
a sensor
elder pendant
In 
it just shows blank or it says "null"?
merry pilot
shows nothing
elder pendant
in 
try to get the value of the sensor. What is the value that comes up
@merry pilot what is the name of the sensor?
merry pilot
@elder pendant how do i do that? sorry, not super familiar with all this
atomic glacier
Thanks! I'm actually driving right now, but I can look at it when I get back if you haven't found an answer by then. @prime umbra
merry pilot
sensor.todays_forecast_max
elder pendant
In paste {{ states('sensor.todays_forecast_max') }}
What does it say in the right-hand panel?
merry pilot
nothing
elder pendant
It seems like it's not null then. It's just an empty string
merry pilot
so should i be using quotes or something? ive tried everything i can think off & cant get it to work
if i just insert quotes for the state_not then i get an "Error in card configuration."
elder pendant
What component is this sensor from?
I don't think empty strings are supposed to be allowed in an entity state
merry pilot
ah. that would make sense.
the component is a community made one (https://community.home-assistant.io/t/australian-weather-forecast-using-bom-public-ftp/71195)
I am using a sensor template to make a sensor from states.sensor.bom_forecast_adelaide_0.attributes['Max Temp C']
as i dont know how to access that sensor with a space in its name from inside a card.
After about 5pm the max temperature value doesnt exist from the bom website, so this happens.
@elder pendant the obvious answer is i need to understand all this more! lol
elder pendant
Can you screenshot the original entity you made the template sensor from?
merry pilot
is this what you mean?
hmm.... upload.....
seems the attribute disappears after 5pm
which is why i thought the sensor woulr report null... maybe.. obviously not though
granite moss
Hey I had a quick question. Anyone know how to get custom icos to show up for Persons like the emojii DrZzz has in his "Who's Home" card? I've uploade a .png file to my /config/www/ directory and then specified enetity_picture to point to /local/image.png but it doesnt show up. Although If I click on Map in the Left Admin panel the image shows up there. Just not in my entities card for "WHo's Home". Been working on making a Harry Potter "Weasley Clock" so to say
merry pilot
@elder pendant if you have any suggestions how to fix my issue please let me know. there are obviously a few ways to fix it, like making the template return a value/string if the attribute is missing, but i dont know how to type that out in YAML. Thanks for your help, its been much appreciated. (going to bed now, 5:30am!)
pallid parcel
hi all, I have ecobee sensors all over the house and was trying to make a nice view for them. Any suggestions on how I can make this better? Using a horzontal stack with a glance and mini-graph-card https://imgur.com/a/RjhYA1X
mini-graph-card looks awesome, but not sure I can just embed or overlay the living room icon as a state image or something...?
fiery pasture
Lovelace indentation is unhappy. Can someone look at what I've written and explain why its broken?
fiery pasture
it gives similar complaints to the lovelace ui
I just don't understand the indentation i think
and old code examples give errors
bright marsh
if you put that into the yamllint thing, it tells you the problem starts at line 32. everything from line 32 to the bottom has 2 spaces too many
if you remove 2 spaces from 32-36, it's valid
fiery pasture
Did that. I get "Unable to parse YAML: YAMLException: duplicated mapping key at line 32, column 5:
type: state-badge
^
From lovelace
drifting vector
Hi there... anyone interested in trying Floorplan for Lovelace? Send me a PM as I'd like to get a few people to test it out... thanks!
fiery pasture
I'm in
bright marsh
so that is because you have a duplicate type mapping. you either need a - in front of the type on line 32 or change that key to something else if that's not the correct key
fiery pasture
Sorry, where is the conflicting line?
bright marsh
line 32 needs a - in front of type
fiery pasture
My brain is melting and ibupofen isn't helping. But what line does 32 conflict with?
bright marsh
you have type: already mapped in that same block
fiery pasture
picture-elements?
bright marsh
yeah
fiery pasture
hmm. its sort of clicking. Thanks. And indent 33+ by 2, right?
bright marsh
entity: automation.noah_s_evening_light_off
style:
top: 30%
left: 30%```New error, no lines: Your config is not valid: TypeError: Expected a value of type [object] for views but received undefined.
views: empty at the top?
fiery pasture
no error on save button, but...
"invalid configuration: elements reqiured
{
"type": "picture-elements",
"image": "/home/home,,,,,.png",
"elements": null
hmmm, I guess I need to add elements
so.... type: state-badge was something in the elements
but by indenting it to remove errors, nothing is in elements
fiery pasture
Pretty good, no error on save or refresh. The image isn't displaying but I don't know what lovelace can even access right now
bright marsh
i find the file paths in lovelace to be kinda weird
vapid field
anyone using mini-media-card with some kind of filter to pick up every possible media_player.yyy/xxx?
like, every unit playing from Plex for example
fiery pasture
or my file that came out of gimp wasn't formatted exactly the way lovelace wants
sorry, I haven't got to plex integration yet
fiery pasture
My tap_action: toggle isn't working for my switch I typed the yaml code for, but the one but together by the UI controls the light just fine. Ideas?
daring night
hey HA Peeps, is there any way to launch apps (Android) from a lovelace card? I'm trying to build a simple UI for wall mounted tablets running Android - I can control most things from Lovelace but it would be nice to provide quick access to full apps for deeper control. e.g. page of media devices with an icon to launch Play Movies, Netflix, Hulu etc.. to browse and cast... I know other dashboard tools such as ImperiHome can link to installed apps etc, just wondering if anyone has created examples with deeplinks?? thoughts? Thanks in advance. M
nimble zephyr
hi, anyone using the alarm panel card ? i am using it with a manual alarm and i keep getting Invalid code given for disarmed but the code is correct, i know that because i can use it from the State panel on the alarm panel entity.
polar kelp
@limpid radish You won't need card-modder to use slider-entity-row, though, if that's what you mean. I just used card-modder as an example in the instructions.
limpid radish
Thank you :) @polar kelp
limpid radish
Hi there. I got it working now but the slider doesn't change my input_number, why's that? 😳
the regular slider within the card works tho 😕 @polar kelp
polar kelp
Code and (preferably) a screenshot
Also, check the logs: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#common-problems
kind shellBOT
limpid radish
polar kelp
Ah
limpid radish
logs dont show anything regarding that (as far as I can tell) 🤷
polar kelp
Slider-entity-row only supports integer values at the moment
limpid radish
oy okay, merci though :)
(without the screenshot, this could have taken a while for you to see 😁 )
limpid radish
@polar kelp Thank you so much, got it working now. I set my input_number to be an integer from 1 to 100 and afterwards divide it by 100 in the automation that controls the music with a float value. 😍 thanks!
Can I hide the value of input_number, that is displayed to the right of the slider? :)
thick bronze
Is it possible to only show sensors that has a numeric value above certain number?
polar kelp
@limpid radish hide_state: true
@thick bronze https://github.com/thomasloven/lovelace-auto-entities
limpid radish
oh god, i thought that would hide the slider 🤦 🤦 🤦 thank you
thick bronze
Oh thanks Thomas I'll look into it!
polar kelp
If you want to hide the slider, the best way is to not use the slider 😜
limpid radish
i read sth about hiding a slider when the value is 0 so i thought... haha anyways that was a lil stupid, thank you! 😁
polar kelp
That's hide_when_off
worthy kiln
is there a simple and dynamic scaling way to get access to an entities specific attribute and show a graph. I have several devices tracked by a device tracker and want to show the battery level in a graph. I dont always want to change my configuration.yaml and restart the application just to create a new sensor template. Is there any plan or easy way to work on attributes as it already is for states?
fiery pasture
@mild veldt But thats not what all the stuff I read says! But you're right. Thanks. It works now.
mild veldt
That's how it used to be, so I'm sure you can find examples out there like that. But when in doubt, check the official docs
atomic glacier
@polar kelp found a cool trick with fold-entity-row(umm..you may already know🤔 ). If you mod the height of the card, the card doesn't drop down and the contents overlay on what is below it without shifting the card underneath...in case anyone has a need. https://imgur.com/a/gDLTiuv
polar kelp
Hehe. Well enjoy, I guess. That only works because balloob won't allow me to fix it XD
prime topaz
Can anyone share the images size they use for floorplans with picture-element ?
wind spire
im struggeling to get a custom card installed: https://github.com/benct/lovelace-xiaomi-vacuum-card
i copied the *.js to the www folder and added the ressource in the lovelaceui file. still i get an error that the custom card does not exists
mild veldt
wind spire
hmm ok tried but i still get the error "custom element does not exist"
resources:
- url: /local/xiaomi-vacuum-card.js?v=2.1.0
type: js
title: Home
views:
anything wrong with that?
elder pendant
Can you access the js file directly?
( http://<your-ha-ip>/local/xiaomi-vacuum-card.js )?
elder pendant
Did you restart HA after creating the www directory?
elder pendant
No
wind spire
i have a subfolder in www which contains backgrounds for other cards, could this interfere?
elder pendant
Nope
wind spire
stange
elder pendant
Are you sure you're spelling everything correctly?
wind spire
guess so, i just copy pasted from the instruction on git
elder pendant
Double check that it is in fact in the root of www and it is spelled correctly. It's also possible there is a permission issue going on
wind spire
just relaized something: the ui-lovelace.yaml in the config folder does not comprise resources that i added via the editor in the gui, is this supposed to be the case?
elder pendant
If you're using the gui then you cannot use ui-lovelace.yaml. You choose one.
wind spire
i actually never used the yaml file and was not aware its there, should i delete it?
elder pendant
If you're not using it I don't know why it would be there to begin with
wind spire
could be a leftover from the transition to lovelace back when it was introduced
is there any additional way of troubleshooting a custom card not loading that i can do?
elder pendant
Did you verify the location of the file?
limpid radish
Is there any news on fixing the Y scale of history graphs? I always wanna see 0 to 100%... 🤔
tired hare
Quick question ... is there a template to use for publishing an mqtt message in lovelace ?
seems my mqtt buttons are broken 😦
wind spire
i just installed a random custom card an that worked right away
maybe there is something wrong with the specific card (xiaomi-vacuum-card)
polar kelp
Did you follow the troubleshooting steps in the guide Ian linked?
The browser console usually has some really good information, for example.
wind spire
i did but the log file did not have any specific entries related to this custom component
hold on i misunderstood something, will check the console
ok well that ist strange: i just opened the HA webinterface using chrome to check the console as suggested in the documentation
actually in chrome the custom card loaded as intended
but in safari i get the error message
any idea on what could be the problem here?
limpid radish
@wind spire add a version number to your script as @polar kelp documented here: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#updating-a-plugin
wind spire
thanks for the suggestion, will do so, actually i just trying to get the custom_updater and tracker card working
ok i got the custom card, the custom_updater and tracker card working
however the tracker card does not recognize the version of the installed vustom vacuum card allthough i provided it via ```resources:
- url: /local/xiaomi-vacuum-card.js?v=2.1.0
type: js```
but is actually shows the version available on git
honest herald
anyone have an idea why my images (jpg) for picture entities are black and white?
im just using them as a toggle to start a radio station to heos
mild veldt
@honest herald that's by design https://www.home-assistant.io/lovelace/picture-entity/ for when off. It is to represent the state of the entity you are controlling. If you entity doesn't have an on state, I wouldn't recommend picture entity
limpid radish
@wind spire you don't have to match the version of the actual script from git, you just have to change the version number in your yaml via ?v=3to tell your browser that he has to request a new copy of the script from homeassistant. Read through the link I provided to understand the concept of it. 🙂
sleek swift
@wind spire AFAI this version spec is no longer req'd. Just change /local/ for /customcards/ and the caching mechanism isn't applied anymore. Any changes to the files in this folder are applied after a refresh. I think you also need to add "?track=true" instead of the "?v=1234".
It's still the same actual physical folder (www) but uses some jiggerypockery to disable the caching
wind spire
@limpid radish and @sleek swift: thanks for looking into this. I just pressed update all in the tracker card and now it’s working.
sleek swift
A typical local entry might look like - url: /customcards/custom/dark-sky-weather-card.js?track=true type: js
A github version like this: - url: /customcards/github/thomasloven/card-tools.js?track=true type: js
polar kelp
I think you don't need track=true either. It should be the default behavior. But I'm not entirely sure.
wheat current
It should be needed but I think there is a bug (feature?) So you don't have to 🤷♀️
limpid radish
I have no clue about this as I just got into custom cards, but I'm glad it works! 😊
sour crag
is there a way to resize a picture element to always be one screen-size tall?
granite moss
Hey I had a quick question. Anyone know how to get custom icons to show up for Persons like the emojii DrZzz has in his "Who's Home" card? I've uploaded a .png file to my /config/www/ directory and then specified enetity_picture to point to /local/image.png but it doesn't show up. Although If I click on Map in the Left Admin panel the image shows up there. Just not in my entities card for "WHo's Home". Been working on making a Harry Potter "Weasley Clock" so to say
violet talon
can you browse to local/image.png in a browser and see it?
granite moss
yep
and it removed the blue little person icon next to my name, but wont show the image I selected
but if I goto States and Click the Entity Dropdown the image shows there
the image is 64x64px BTW
ive also tried it as a .jpg
vapid field
Anyone know if it's possible to have a lovelace button to toggle blinds up and down? As for now I've got one button for down and one for up.
elder pendant
You can make it a conditional card that shows one button or the other depending on the state of the blinds
What kind of entity are the blinds?
faint citrus
name: Network Usage
icon: mdi:earth
show:
icon: false
name: true
entities:
- entity: sensor.speedtest_download
name: Download
- entity: sensor.speedtest_upload
name: Upload```
Anyone that can explain why I just get a straight line ?@honest herald I've used the same pic for both states and that works type: picture-entity entity: light.bed_light state_image: "on": /local/bed_light_on.png "off": /local/bed_light_on.png
honest herald
Oh that can done? ool because I'm not sure another way I can use a jog as an button
il try that out later. I also thought about just using an input list
atomic glacier
I've had a few situations where I wanted the pic to stay and the above works fine as long as the states are correct. You can add 'unavailable' as well if needed. I use that for a few dummy sensors that have pics
honest herald
Looks like im going to have to add an idle @atomic glacier
steel nexus
Hi community! I have multiple 10" Samsung tablet mounted on my walls,, running Fully Kiosk with Home Assistant. I have a vertical stack card running 3 picture entities with live camera feed with cameras running in Blue Iris. My problem, scaling/resizing. When I reload to web ui, or refresh Lovelace, the cameras shows perfectly. But when time goes (minutes, hours) the camera pictures resizes. I want them to stay at the excact point, same scaling++ as they are after reloading. I've tried using aspect_ratio 16x9 under each camera, that results in the picture height/width stay the same size, but the camera inside will zoom in when time goes. Aspect ratio 16:9 and without aspect ratio results in resizing the cards. Can anyone please help? Thank you
jovial moat
Hey, I'm having some issues with the label_template and I can't seem to figure out what I'm doing wrong... if I for example copy the example from https://github.com/custom-cards/button-card#templates-support (changing the entity to something else that is valid) I never seem to be able to get a label to show at all
I've tried all kinds of configurations and I just don't seem to be able to get a label showing
lament fulcrum
did you just plug that into manual editor of love lace?
I want to imitate what you did and see if it doesn't work on my machine too
jovial moat
yeah, I just copied the template into a yaml and reloaded lovelace
lament fulcrum
Well when I go into my love lave raw editor and paste your code
it says it can't find the custom button card type
jovial moat
oh forgot to mention that it's a from a custom card type
lament fulcrum
Ooooooh
Derp
I really need to get Samba running so I can transfer files quickly to my Pi
Shit
jovial moat
if you have more stuff running on your rpi, I highly recommend getting a k8s cluster going
lament fulcrum
I don't have a config/www folder
a k8s cluster...
back to google
This looks complicated. All I need is to occasionally copy files over to the pi one or two at a time.
right now all my Pi has going on is HA, Pi-Hole, Grafana, and Influx DB and Mosquitto
jovial moat
goddamnit, I just found out that I don't even the latest version of that custom card going on
I updated and everything is working now
sorry for troubling, thanks for the help!
lament fulcrum
Happy to...have listened!?
honest herald
can anyone tell whats going on with this why its "undefined"?? - type: "custom:button-card" icon: mdi:lightbulb name: Office Dark tap_action: action: call-service service: scene.turn_on service_data: entity_id: scene.office_dark
Wed May 08 2019 21:26:04 GMT-0400 (Eastern Daylight Time)
https://ha.mydomain.ca/local/button-card.js?v=1:235:30 Uncaught TypeError: Cannot read property 'entity_id' of undefined```
opaque lark
Hi guys I have a new Xiaomi Roborock and try to integrate it to the lovelace UI. Currently, I am struggling with the vacuum.set_fan_speed function. How do I get a dropdown select box where I can choose and set the fan speed?
If I take a look to the entity at the dev section in hassio there IS a dropdown to set the available fan speed option but I had no luck to get the same in Lovelace 😦
Do I have to build this by myself with an input select definition and corresponding automation?
polar kelp
Yes. Or this: https://github.com/thomasloven/lovelace-more-info-card
opaque lark
@polar kelp thanks
but how does hassio build the input select in the more info screen of the entity?
and why can't this function used directly by the user in lovelace?
polar kelp
There are several reasons.
- The more-info screens are highly specialized to each integration. Lovelace is meant to be more general.
- Most integrations are much older than the lovelace interface and have not had it as their focus.
- The idea behind Home Assistant is home automation. You shouldn't have to poke around in the settings manually.
etc.
opaque lark
@polar kelp thanks for clarification 😃
opaque lark
I run into another "problem", can I use an entity attribute for initializing options of an input_select?
what I have tried was:
roborock_fan_speed:
name: Leistung
options: "{{ states.vacuum.rockrobo.attributes.fan_speed_list }}"
initial: "{{ states.vacuum.rockrobo.attributes.fan_speed }}"
icon: mdi:fan
states.vacuum.rockrobo.attributes.fan_speed_list contains a list like [min,medium,high,max]
polar kelp
Generally, if you can use templates in a parameter, its name will tell you so.
opaque lark
I don't know how this should look like
polar kelp
You'd have to enter the options manually, and then have an automation set it to the correct state when Home Assistant starts.
You can't be sure that the xiaomi component will load before your input_select, after all.
opaque lark
ok but I can get this also from my mqtt server which still have the list of values,
but I cant find a way to build a list for the options dynamically
polar kelp
How often do you expect it to change?
opaque lark
not that often, the thing is I have a source that provides the possible values and to set this values manually in the input_select feels like a bad practice
also when the options changed in the remote source i have to remember to change also the input_select options
urban valve
I'm trying to use custom icons to create a sliding-gate cover. Is it possible to use .png files for template icons? Can anyone point me to the appropriate attributes required for using custom .png images? Thanks in advance
I've tried 600x600 sized .png - no image shows... files were placed in /config/www/icons/ and referenced from /local/icons/
opaque lark
@polar kelp ok I got it to work with a python script
I think the main issue is that home assistant parses jija generated contructs as string
polar kelp
And also, again, that vacuum.rockrobo doesn't necessarily exist at the time your input_select is set up.
opaque lark
That means no entity is available necessarily at the time input_select, templating and so on is set up?
How do I know which entity is available for templating and other customizations?
urban valve
Just found the entity_picture_template, and allows use of a custom .png icon. Still can't get it to fit/format correctly, any tips on attributes of .png?
polar kelp
@opaque lark If you can use a template somewhere, it will usually tell you, like template_data: as opposed to data:. And that will always be in things that are used long after the bootup process is completed, like in automations and stuff.
opaque lark
@polar kelp ok thanks again
atomic glacier
@polar kelp Is there any advantages or disadvantages between globally located popups or placing them in scripts and calling them up that way? Are they equal from an executable stand point or other reasons you would use one over the other? (aside from code being located in scripts vs. lovelace-UI) I have several that are in both places and have tested, but thought I'd ask the expert...
polar kelp
popup-card vs browser-commander?
atomic glacier
yes
polar kelp
Well, popup-card doesn't require a restart of home-assistant to change something, but it locks up one of your entities' more-info dialog.
Other than that, they're the same.
atomic glacier
Okay, I can deal with that part, I have 30+ dummy entities, THANKS!!
fair ibex
can someone confirm this strange behaviour I'm seeing:
if I render a view in 'panel' mode (panel: true) the configured theme isn't applied
in other words, this combination doesn't work:
panel: true
simple finch
Hello guys, what's the best way to make Lovelace look like LCARS form star trek? where should I look for custumizing lovelace?
atomic glacier
@simple finch there has been a few that have done that with HADash/AppDaemon, but w/LL you can pretty much do what you need
@fair ibex does all the other themes change as expected?
fair ibex
the theme is applied as soon as I comment out panel: true
it does work if I choose the theme in the user's config, but that is not what I want, I want it to be auto-applied for this specific view
(if that didn't answer your question, please rephrase 😃 )
other themes aren't applied either if it's in panel mode
so to me it looks like a bug where theme isn't taken into account for panel mode
atomic glacier
@fair ibex checking mine now
Appears to be working here...not sure what changes you are trying to make, but the view overrides the themes setting at the card level, eg. font, card backs, border radius, etc...
I don't use headers, but that can be set as well on views
fair ibex
@atomic glacier
icon: mdi:tablet-android
id: tablet
path: tablet
background: black
theme: 'Kiosk'
#panel: true
cards:
# main container
- type: vertical-stack
cards:```this is the config for this view
btw, I noticed that override since the theme's background wasn't applied, so I had to configure it in the view
but I don't understand how toggling panel changes the rendering of the theme ?
lament fulcrum
I need to start playing with Love Lace more. Right now I have it on a meh looking Solarized theme
I should do some kind of Black and Orange look.
atomic glacier
I've never placed quotes around the theme name, not sure that matters, but changing the elements at the view and card level is what I tend to do and my main theme is for basic colors@fair ibex
lament fulcrum
I think my main obstacle is that it feels like I'll have to a lot of reloading and F5ing as I slowly adjust and fiddle with the colors. Is there some kind of "WYSIWYG" color editor?
fair ibex
well
the use case is, I had a spare crappy android tablet which I'm turning into a home automation panel, so everything on the 'tablet' view needs to be dark to not be too obnoxious
but my main usage (ios app + regular webinterface) needs to stay the same ...
atomic glacier
@lament fulcrum a lot of info here: https://www.w3schools.com/colors/colors_picker.asp
lament fulcrum
I've heard that Love Lace is currently bad that kind of thing
fair ibex
the quotes don't matter in this case, as far as I "get" yaml
lament fulcrum
with seperate users/devices having totally seperate views
fair ibex
@lament fulcrum yeah that's why I made a separate view for the tablet
and the 'embedded' browser omn the tablet points directly to that view
lament fulcrum
Oooh.
I wonder if I could set up my old fire tablet to be a HA panel
I don't really use it anymore
fair ibex
(it's quite cool actually: the browser leverages the camera for motion detection, so the screen turns on if I'm in front of it)
atomic glacier
@fair ibex I am using the same thing...crappy android spare, but the view level is where I set everything. Probably why I don't have that problem and I don't use headers either
lament fulcrum
Ooooh
I remember I toyed with Android IP Camera on my old Samsung
It was....not fun
1% battery loss PER MINUTE
also my mount kept falling off the wall ^_^
fair ibex
is it even possible to define a complete theme at the view level?
atomic glacier
I do, well let's say...the elements that I want to change can be
fair ibex
lemme show a pic of my themed tablet view
the annoying thing is that, since I can't use panel: true , there is some padding on both sides
so it doesn't align properly now (some elements are too squished together)
atomic glacier
@fair ibex ahh...I see. I have everything in custom cards to leverage the customization and sizing like here: https://imgur.com/a/7pdFLoR each screen is set by pixels so sizing stays in tact
fair ibex
need to find or make a decent mount though
ooh that's nice! I aligned everything by leveraging stacks a LOT
so it also kindof works on different screens
I want to customise as little as possible, since homeassistant is still changing all the time
atomic glacier
like you, I just designed a different one for the screen sizes
fair ibex
@lament fulcrum if I use panel: true, the theme is not applied, which I believe to be a bug
lament fulcrum
:/
fair ibex
if hte theme is chosen at the user config level, then it is applied
lament fulcrum
I wonder if you could hack the theme
fair ibex
but whenever I have lo re-login, that setting is gone
lament fulcrum
Like how Google's inspect element can change the look of a page.
Then again how you'd do that on a tablet I have no idea
fair ibex
you can easily create custom themes
and it could be possible to write some javascript to re-write some element but that feels to complicated for what I want to achieve
lament fulcrum
Fair enuff
fair ibex
I think it is strange that it does work for @atomic glacier though (theme defined in view + panel mode)
atomic glacier
@fair ibex you are correct. I had some styles still overriding the theme. I just made a new view and tested your issue and confirmed on Chrome browser that theme isn't applied while in panel view.
fair ibex
okay, so it's not isolated to me, I'm glad 😃
so, how/where do I file a bug report?
atomic glacier
not sure of the process for an issue haven't raised one yet, aside from maybe Googling, @elder pendant may have direction
elder pendant
https://github.com/home-assistant/home-assistant-polymer/issues/new it lays out the instructions for posting an issue in the issue template
fair ibex
you need a github acct for that though 😦
elder pendant
... yeah? Is that a problem?
fair ibex
well... I don't have one and have (for most people strange) reasons not to make one
elder pendant
Then you don't get to submit issues 🤷
fair ibex
funnily enough, these reasons are also why home assistant is the preferred domotics system for me 😄
(keep everything local, no tracking, etc)
if it annoys me enough to override my ethics I'll submit it 😃
thanks for the link (and the awesome work on homeassistant!!)
lament fulcrum
I'm okay with GitHub tracking me do you want me to submit the issue for you
fair ibex
that would be mighty kind of you!
prime topaz
for github.com, you can just make an anonymous account with no ties to your real identity
fair ibex
yeah that's not the problem... the problem is that it's owned by Microsoft and every click is fed into their analytics
mild veldt
@fair ibex known issue: https://github.com/home-assistant/home-assistant-polymer/issues/2839
fair ibex
aha! cool! thanks @mild veldt
small pike
I have an entity filter and glance combo card showing how is home, but when noone is home I want to hide the card entirely, is there a way to do that?
elder pendant
small pike
@elder pendant How do I make it so all conditions don't need to be met for the card to show, meaning everyone doesn't need to be home for the card to show up
elder pendant
I thought there was an "or" option, guess not. You could make a template binary sensor that returns true if anyone is home
small pike
Oh true! I'm dumb! I already have something like that i could've used!
Thanks for the quick help!
split granite
Or a group of the device trackers/person entities
prime topaz
Is a group of person entities the cleanest way to say if the house is occupied or not? (Barring using any other logic)
elder pendant
Depends on who you ask. It is probably the easiest way
prime topaz
I feel like home occupancy and presence detection is such a complicated thing. I have so many sensors and device trackers available, but i'm not sure where to start. Right now I have 3 persons, which i have a good handle on. But that doesn't account for things like the cleaners being there
split granite
More a #330944238910963714 question really 😉
prime topaz
yep
steel nexus
Hi community! I have multiple 10" Samsung tablet mounted on my walls,, running Fully Kiosk with Home Assistant. I have a vertical stack card running 3 picture entities with live camera feed with cameras running in Blue Iris. My problem, scaling/resizing. When I reload the webpage, or refresh Lovelace, the cameras shows perfectly. But when time goes (minutes, hours) the camera pictures resizes. I want them to stay at the excact same point, same scaling, size, zoom level ++ as they are after reloading. I've tried using aspect_ratio 16x9 under each camera, that results in the picture height/width stay the same size, but the camera inside will zoom in when time goes. Aspect ratio 16:9 and without aspect ratio results in resizing the cards to adjust to the fit the whole camera picture. Is this a Blue Iris issue? This also happens in a webbrowser on my laptop. Can anyone please help? Thank you
wary meadow
@polar kelp with your useful markdown card, can you do a if entity <0 then 0 else return a state/attribute? Im struggling to make it work. Im trying to report the brightness of a light but when its off the attribute doesn't exist so trying to avoid "Brightness unavailable%"
polar kelp
Show me what you tried
wary meadow
off the top of my head I tried
[[ if(light.yeelight1.state != on, "0", "[[ light.yeelight1.attributes.brightness ]]" ) ]]
[[ if(light.yeelight1.state != on, "0", "[ light.yeelight1.attributes.brightness ]" ) ]]
[[ if(light.yeelight1.state != on, "0", "{ light.yeelight1.attributes.brightness }" ) ]]
polar kelp
"on"
[[ if(light.yeelight1.state != "on", "0", light.yeelight1.attributes.brightness) ]]
wary meadow
Awesome! Thanks that works. Since the readme says it needs to be a template, does not need the additional [[]] as its already inside a set?
polar kelp
correct
slate scroll
I've seen others have the issue where the error Custom element doesn't exist: hui-empty-state-card. { "type": "custom:hui-empty-state-card" }. Was there a cause identified. I've recreated a fresh configuration.yaml file and I still see it. This is using version 0.92.2
elder pendant
Do you have that custom card installed properly?
slate scroll
I will admin I don't know much about custom cards. I am coming from HA version 0.42 😬
This is a fresh install, so I would think it would be included?
elder pendant
Custom cards are not included. That's why they are "custom"
kind shellBOT
slate scroll
I guess I don't really understand. I don't think I've asked for any customizations yet
lament fulcrum
Anything involving the word custom in a card means it doesn't come with stock home assistant
You get 26 default card types
violet talon
@slate scroll are you saying that your default config is throwing that error and that you haven't added or changed any cards yet?
slate scroll
Is it something in configuration.yaml that is causing it to look for this?
violet talon
no. but the place to look depends on whether you're using yaml or storage mode
if you're using yaml mode I think it's lovelace-ui ui-lovelace.yaml in your config dir
violet talon
bet you can't guess who uses storage mode 😏
if you're using storage mode, click the 3 dots in the upper right, go to edit, then you can click the 3 dots again and go to Raw config editor and look for custom:hui-empty-state-card in there
slate scroll
I don't see a ui-lovelace.yaml file in my config dir, just automations, configuration, scripts, secrets, customize, and groups
and look under lovelace
slate scroll
ok, looks like storage, which is probably the default (again this is a fresh install)
violet talon
yeah
slate scroll
views:
- badges:
- person.will
- sensor.yr_symbol
- sun.sun
cards:
- type: 'custom:hui-empty-state-card'
title: Home
path: default_view
so I guess I can just delete the card then? that's the entire contents of my raw config
violet talon
sure 🤷
slate scroll
I have no clue how that got in there. I installed HA, added an MQTT Broker, then 1 MQTT switch and started to see that error, so I blanked out my configuration.yaml and still saw it
That seems to have fixed it for now. thanks for walking me through that. seem like a lot of stuff was added since 0.42
elder pendant
Yeah just like one or two things 😉
slate scroll
no joke. I feel super lost at the moment
marsh sentinel
I'm working on a new view in lovelace and everytime I go to the three dots and then refresh I get prompted to "take control over lovelace"
why?
no matter what I choose my UI gets messed up
never mind, my fault - I'm using !include to load my views and I renamed one of my yaml files so HA couldn't find it
honest herald
any reason why this is undefined? can't figure it out.
'''custom:button-card"
icon: mdi:lightbulb
name: Office Dark
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.office_dark'''
Log Details (ERROR)
Wed May 08 2019 21:26:04 GMT-0400 (Eastern Daylight Time)
https://ha.mydomain.ca/local/button-card.js?v=1:235:30 Uncaught TypeError: Cannot read property 'entity_id' of undefined
does the card not do scenes?
leaden raft
Can you paste that somewhere?
The formatting is all off and I can't tell what the spacing looks like
elder pendant
` is the symbol you want
honest herald
im on my phone I posted this yesterday with no reply. I am able to refer to it?
if not il have to post it again later. but I'm pretty sure the spacing is correct in the original
leaden raft
Change service_data to just data
honest herald
Oh so thee docs on github is wrong?
leaden raft
No. I'm getting that from the page that I found on github
honest herald
can you link me pls
elder pendant
https://github.com/custom-cards/button-card#action this is the custom card. What are you looking at @leaden raft ?
honest herald
yeah so I do have it right