if you don't get error it's not loaded, if it's not loaded it's not in the resources your lovelace uses
#frontend-archived
wheat current
honest herald
WIth Prime Day coming just wondering are the new fire tablets decent for wall mounted lovelace?
spiral bluff
@wheat current i solvde it.. i did the install witout HACS and i works great:)
spiral bluff
mmm how do i post picture ? somehing strange happed i thing,
kind shellBOT
spiral bluff
The first i my raw.config.. https://imgur.com/zZwR04z
the secend on is the same filer, the only diffret is i presst save and open it upp agien and it looks like that.. is that normal? https://imgur.com/Ea48jKY
kind shellBOT
split granite
Don't share code or text as images, that's a pain for everybody - share it as text
wheat current
mediaplayer in slider entity dir? 🤔
kind shellBOT
wheat current
It's normal, but super wired of you to place it there 🤷♀️
honest herald
@spiral bluff Next time go to www.hastebin.com paste your code in there click save then copy and paste the link to here
spiral bluff
i get this error: Your config is not supported by the UI editor:
Expected a value of type {entity,name,icon} | entity-id for entities.0.type but received "custom:slider-entity-row".
Falling back to YAML editor. figured is the raw file get changes after i save it
timid wigeon
Does anyone use a custom card for controlling logitech harmony with up, down, left, right, volume etc? If so, which custom card?
lean wing
@split granite i followed the procedure but still not showing up on entity , and how do u attach icons
split granite
https://support.discordapp.com/hc/en-us for how to use Discord @lean wing
But, you still missed the point - Lovelace is the UI, you don't read the GPIO pin in it
You need to set up the component I talked about, and ask for help in setting it up in #diy-archived
lean wing
@split granite thank you
gusty osprey
Is there a way to set different icon highlight colors for an entity based on its state?
lean wing
how to add custom icons to cards from material design icons ? using Mac OS
split granite
Home Assistant 0.95 provided a batch more (https://www.home-assistant.io/blog/2019/06/26/release-95/#more-icons-available)
Otherwise, you'd need to use the same approach as in https://github.com/thomasloven/hass-fontawesome
spiral bluff
@wheat current okej so its not raw file, thats get the error. whats wired about my placement?
wheat current
You have media card in dir for another card, which you have in the root of www, it's just a mess, but whatever works for you 🤷♀️
spiral bluff
@wheat current yepp, it works for me so far, my HA is not big yet.. may be a problem later one, how know. any ide about my error?
kind shellBOT
Ludeeus is away for 1m 29s with a message :point_right: One sheep, two sheep, three sheep… 🛌
wheat current
Your "error" is not an error, that is what you get when you use a cardtype without a UI editor, or you ues settings not compatible with the UI editor of that card.
spiral bluff
i use the UI custom card to creat them. Dont have mode:lovelace in my config. so what sholde i do, i have trying to google it, but have found any good answer
mild veldt
@honest herald fire tablets are garbo
mild veldt
@spiral bluff use the raw config editor found in the menu overflow
honest herald
@mild veldt yeah but for the price I figured it would be fine. Not going to spend $100s on something that will display one thing on a wall for most of its life
tulip mulch
@mild veldt that's disappointing to hear.. they are extremely cheap
mild veldt
well it was a limitation of the software, maybe the newer ones have an updated webview 🤷
can always send it back
tulip mulch
@mild veldt how old is the one that you were trying use?
quick gulch
Is there a way to have a badge show unique images based on its current state?
IE) my garage door sensor, have an image for when its closed and a different image when its open
tulip mulch
quick gulch
Thanks!
pearl dew
Om using mini graph card,but the graph wont show. Ive noticed that i get 404 in api/history
tulip mulch
@pearl dew you need to make sure that the entity you are trying to graph has had previous recorded states.. ensure it is listed on you recorder
pearl dew
@tulip mulch Ive noticed that so, i restored since it was missing. Thanks
mint geode
@timid wigeon Maybe look at https://github.com/Petro31/home-assistant-config
spiral bluff
@mild veldt I am using the it already, I don’t have any Lovelace folder. So I must use raw config
sour thunder
Why doesnt lovelace put cards next to each other when theyre large? For example, the custom upcoming media card is really big, but it puts the other card under it? Why?
sour thunder
^^
mild veldt
Thomas explains it a bit here https://github.com/thomasloven/lovelace-layout-card
sour thunder
On other views with more cards it goes to the sides, but only with x amount of cards. 5 cards result in 5 rows, 3 in 2, etc
mild veldt
use the layout-card if you want to really customize your layout
sour thunder
I guess i have to use it, yeah
Thought lovelace could maybe place the cards with bigger size not in the same row as another 😄 but well
mild veldt
make the change that you want 😉
leaden vapor
Hey guys. In Lovelace, is there a way to snap a card to the bottom of the display device that contains buttons and options that are always available, like a left/right navigation button, or does it make more sense to just setup lovelace as a swipe interface?
atomic glacier
@leaden vapor lovelace-popup-card fixes almost everything...IMO 😜
don't see it until you need it
lapis ridge
Trying to take control over Lovelace, but after adding the two lines to config.yaml and restarting, all ZHA devicecs show as unavailable - am I doing something wrong?
vapid field
hello everybody!
i run into troubles with a custom card. momentary error is 'custom element doesnt exist' - i think it has to do with the installprocedure who was written for an older version...
'"type": "custom:mini-graph-card entities - sensor.outdoor_brightnes' - the entity is correct so far.
and the file 'mini-graph-card-bundle.js is in the www directory i just created. there wasnt such before, i added it.
need 'www' to be the same user as the rest? 'pi' in this case?
ok, done. changed a lot, some of them made it go. tnx anyways.
vapid field
any tips for dividing 2 rows of horizontal stacks, best with a title or label? i tried type: divider, but didnt work...?
atomic glacier
@vapid field markdown card or even better https://github.com/thomasloven/lovelace-markdown-mod or https://github.com/nervetattoo/banner-card looks pretty good, but have never used it.
vapid field
Banner card looks very pretty!! Exactly what i was looking for. Thank you very much, @atomic glacier !
stoic solstice
Why don't entity-buttons show the state for groups? If i do a light or switch i see the state, but not with groups
I can see the group entity change on/off, but the button icon won't change
tame dove
Can I use an rtsp stream for camera_image: in a picture glance card?
elder pendant
Theoretically, yes
elder pendant
Do you have all of the dependencies of stream installed?
tame dove
I believe so....although do I need to install ffmpg
elder pendant
yes
tame dove
How?
elder pendant
Depends on your install method, I believe hassio is supposed to install it automatically. I'd try asking in #330944238910963714 or #cameras-archived since this isn't really a lovelace question anymore
tame dove
I just looked it up. Thanks
mild veldt
@stoic solstice ongoing discussion on that https://github.com/home-assistant/ui-schema/issues/153
plain torrent
Good day to all. I have a question, if I am using the Lovelace Gui editor, how to I add the " banner card"
mild veldt
check the top pinned message in this chat
stoic solstice
@mild veldt So it works as intended then. Are there any plans on changing it? Feels like the most assumed function would be the same as light has? The state is on and it should change state. Then the theme gets to decide colors/icons. Perhaps I'm misunderstanding that thread?
ok, found the other thread and have more understanding on the question. Is there a active discussion around this or is the issue closed for now?
I saw some workarounds there, gonna see if i find one that might work for my case.
The ongoing discussion seems to have ended in April though...
mild veldt
It's still an open discussion so anyone is free to contribute to it
it doesn't effect me personally so I haven't really cared all the much 🤷
grim compass
Is there a way to display tv channels as a grid ?
stoic solstice
@mild veldt Alright, i got it sorted with a custom-card for now.
mild veldt
@grim compass You can use stacks or layout-card to create a grid for cards
grim compass
thing is the channel list is like 3 thousand entries long
and might change over time
mild veldt
Throw it in an input select
Otherwise you'd need to design a custom card, I figure
I haven't heard of anyone building something specific to that
Also...you have 3k tv stations...? wtf, lol
vapid field
does anyone have an idea how to put kinda title or header in a horizontal stack? tried few customcards, but seams they dont accept any further cards in them...
banner-card looks so promisong, but ... nope
elder pendant
Put the banner card and the horizontal stack in a vertical stack
vapid field
this adds an header or title name?
elder pendant
It will put the banner card over your horizontal stack
vapid field
im not sure if were on the same page. .. wanna send a screenshot, but just found out discord doesnt do that.
elder pendant
Discord does, the mods turned image sharing off for this channel.
kind shellBOT
vapid field
however...imagine 2 lines with 3 mini-graph-card who shows weatherdatas... temp, hum, pressure and such.
so, first row are the datas from the outdoor sensor, second line from the indoor sensor.
i wanna add a line (header, banner whatsoever it may be called) to the first line 'Outdoor' and another line above the second line and name it 'Indoor'
im jsut on the site with vertical stack on home-assistant.io - i didnt see a option title, name or such there. so, how is it possible to solve this by an vertical-stack?
elder pendant
vertical stack vertically stacks cards. Add a card (such as a markdown card) to display the title at the top of the stack
Then put your horizontal stack underneath
vapid field
aaaaaaah! thats the trick
why dev's dont just add a option title, name or whatsoever to horizontal-stack? would be too easy i guess...
elder pendant
You could always make a feature request 🤷
vapid field
i guess i will do that, or maybe a can talk a daveloper giving proper feedback from a guy (me) who isnt just in this way of thinking. around multiple corners. im a bit upset now, cause i always hit so strange solutions for almost anything within ha. better do this later on or they gonna kill me 😃
placing feature requests r on github, right?
vapid field
on https://github.com/nervetattoo/banner-card is a chapter about css. did u know i get this into the card?
mild veldt
stacks don't have titles because they are not cards, just organization
short edge
@atomic glacier can you explain how animations get added to a code? I want a circle to flash or glow when my phone is being charged. Thanks
atomic glacier
@short edge where I learned from: https://www.w3schools.com/csSref/css_animatable.asp
I have several examples in my repo too...
@vapid field I would suggest spending a little time checking out the HA Community Forums. !000's of different examples, code and ideas. Practically anything can and probably has already been done. This guy has a few examples as well...👀 https://community.home-assistant.io/t/dinotechs-mobile-voice-with-video-notifications/84271
errant plover
@vapid field The other trick (for vertical stacks) is to add the cards as entities in an entities card. If they are built in cards (not custom cards) then you have to use these card names: https://github.com/home-assistant/home-assistant-polymer/tree/dev/src/panels/lovelace/cards e.g. - entity: 'custom:hui-gauge-card'.
raven nacelle
@polar kelp The link is missing for If you see "Can't find card-tools. [...]" in your Home Assistant UI, follow these instructions. on the help pages. I am seeing Can't find card-tools.. on one of my devices.
wheat current
@raven nacelle Looks like follow these instructions. should be follow these instructions:
vapid field
i learn every day... tnx @atomic glacier and @errant plover for those. im into ha for almost a year now, but i dont make too much progress; maybe a lack of input or different technical/coding understanding. python and java r too different from php what i can code and all still too new. my way always start with a wish how it should work and look, breaking this down to ha-acceptable gains problems to me. but luckily i have discord and here r some helpful people who always gimma that hint who makes it work. tnx for that.
vapid field
hi im trying to get a lovelace card working, it contains custom entitiy sliders and a entitity button. anyone willing to look at it would be much appreciated https://pastebin.com/WyfFbUE5
getting Entity object at position 0 is missing entity field. but i dont understand the meaning of it
vapid field
ha i got it
raven nacelle
@wheat current I added track=true, but I still see the error. The weird thing is that I only see it on one computer.
wheat current
oh... so you have card-tools installed?
raven nacelle
yes, I do
wheat current
good
in your resources, move the lines for card-tools to the top, so it's the first custom card.
mild veldt
#science
frank epoch
Hi guys having issues with !include in lovelace
Is there a resource that I am missing to get !include?
- !include lovelace/views/lovelace-thuis.yaml
But when I load it, it defaults me to the states-ui without Lovelace.
Anyone who can take a look with me?
elder pendant
Where are you putting that?
frank epoch
In a folder in my main config, lovelace, views and then the file
I now got it that it doesn't go to states but:
Unnamed view, that's empty
kind shellBOT
elder pendant
You need to post the relevant configuration
kind shellBOT
frank epoch
Oh, that was already too long apparently
elder pendant
... which is why I gave you links to use for sharing code
frank epoch
Alright:
ui-lovelace.yaml: https://www.hastebin.com/etiqocurit.bash
lovelace-thuis.yaml: https://www.hastebin.com/azamicowat.bash
File structure for lovelace-thuis.yaml: https://i.imgur.com/8ob3mkz.png
elder pendant
Have you tried restarting home assistant/ clearing browser cache?
frank epoch
I shall try a restart and incognito tab; doing that now; I'll let you know;
But for good measure, I don't need anything extra to get !include for lovelace right?
elder pendant
It looks right to me, but I could be missing something
frank epoch
It still remains at that Unnamed view, the dropping back to the states was the fault of it not being able to find the file; but that was a typo 😅
elder pendant
Try using the full path instead of relative path. ie /config/lovelace/views
frank epoch
Alright.
- !include lovelace/ - Empty
- !include /lovelace/- States
- !include config/lovelace/ - states
- !include /config/lovelace/ - Empty
- !include /views/lovelace-thuis.yaml - States
Tried some optiones, everything after lovelace has the /views/lovelace-thuis.yaml
Stripping it to the basics:
Made a file in the root config file; test.yaml
and did:
- !include test.yaml```
Empty result
prime umbra
was wondering does markdown-mod can include styles?
can it be combine with card-mod?
frank epoch
test.yaml has this in it: https://www.hastebin.com/ocabureteb.bash
elder pendant
Try removing the leading -
title: Test
cards:
# The markdown card will render markdown text.
- type: markdown
title: Home Assistant
content: >
Welkom **thuis**.
pale isle
guys, is there any way to pass data from lovelace to a service? something like
data:
req: A```and service like
example_request:
url: "http://192.168.0.100/index.php?req={{req}}"```For some reason i've started to get a blank page on the "Overview" on my old ios9 iPad using Safari or Google Chrome. Not sure where to start troubleshooting this, any ideas? I have the same issue on an older android phone too.
I've tried to remove all js/modules added to lovelace config, but no difference.
I can see the sidebar on the left and all the tabs at the top. But no views, all blank...
Come to think of it i have upgraded hass the other day, not sure if the issues began then, but i know it used to work.
stoic solstice
no ideas on that?
latent moss
@stoic solstice iOS9 is no longer supported in lovelace I believe.
jagged cargo
hi, just a really quick question. The left sidebar menu, I see in the demo it auto collapses. Is that a addon or setting I have to enable to do that?
latent moss
@jagged cargo the demo is running version 0.96 which just released a few hours ago
But if you are running 0.96, and it is not auto collapsing for you, its likely cause you have it in "docked" mode (you can undock it by pressing the "hamburger" menu icon in far top left corner of the sidebar/page).
jagged cargo
@latent moss thanks. i will have a look. I was looking at demo last night. it seems to be minimized and when you hover over it, it auto expands, when you click the hamburger icon, it changes to 3 strips with a < next to it, and stays open. My version I can just minimize by clicking the hamburger icon, but it doesn't auto expand or get the < when i click on it
upgrading to 96 now. will let you know how it goes 😃
jagged cargo
and there it is.. working perfectly
polar kelp
@pale isle any card that supports tap_action: can call a service with arbitrary data.
sturdy bough
how to put the new wwlln: on lovelace?
solid sage
Hi to use cutom cards, do i need change to the yaml mode for lovelace?
wheat current
No
wheat current
add it to the raw editor.
solid sage
cool
it says that the button card doesn't exist
oh sorry i need to include the module first
solid sage
is there anyway to set a header on a horizontal stack?
mild veldt
@solid sage no. You can put it in a vertical stack and above it put an entities card with no actual entities or a markdown card
solid sage
@mild veldt Thx i'll try that
sullen hill
Hi, I would like a card with one (or maybe more) items on it that simply run a command when they are pressed, but no need for any state or wait/response etc. What is the simplest way to add this directly into my lovelace config – what is the simplest type of card that supports a (shell) command? Can I do this without any script, service etc?
mortal cape
@sullen hill entity-button maybe? https://www.home-assistant.io/lovelace/entity-button/
oh without a service OR a script? nevermind
vernal gazelle
does anyone see an issue with this?
- type: horizontal-stack
cards:
- type: custom:card-modder
card:
type: plant-status
name: Orchid
entity_picture: /local/plants/orchid.jpg
entity: plant.orchid
style:
"--google-red-500": 'green'
I can not get the image to show up, but it does on my other one.. any thoughts?
the indentation is correct in visual code.
mild veldt
@vernal gazelle what do you mean by your "other one"?
vernal gazelle
Oh I have another card setup same way that works.. but ... im just deleting them both and redoing it.. ... want to see what the issues are.
it works now..lol
who knows
...
mild veldt
As @polar kelp would say...you're welcome 😜
vernal gazelle
😂
vast ibex
Anyone know how to troubleshoot the problem YAML for errors like this? frontend_latest/chunk.fcbe2811211a09dfc137.js:3247:234 TypeError: e.parentElement is null
polar kelp
Do you have any stack or conditional cards?
vast ibex
I do have conditionals
And I am sure they are the problem but I am having issues finding the problem one
I have stacks also
vast ibex
I have been trying to comment out things to narrow it down but that doesn't seeem to be helping
wintry solar
is there a way to extract the configuration of lovelace from the gui? I've only used the gui and want to start using the yaml file but don't want to "erase" everything that I've created in the gui.
polar kelp
Go to edit mode, click three dots, select RAW, ctrl+A ctrl+C
wintry solar
YES!! Thank you @polar kelp
rough cairn
Hi all, I am getting a error loading the custom roku-card after the 0.96 update. The card loads as usual on my notebook, but not on my phone (Android Pixel 2XL, Chrome). Is anyone having a similar issue?
mild veldt
Who broke my card...?
@rough cairn im updating now and I’ll see
Do you have it alone or in a pop up or anything?
mild veldt
@rough cairn just updated and tested in my iPhone and pixel 3a and had no issues
Try clearing your cache
dire salmon
hello
my graph card wont show a graph
i dont know if its a problem with my sensor or anything andwould appreciate some help diagnosing the problem
slow wave
@dire salmon show us what you got
kind shellBOT
timid wigeon
What level should this custom weather card be on? ```views:
- badges: []
cards:- url: https://cdn.jsdelivr.net/gh/bramkragten/weather-card/dist/weather-card.min.js
type: module - entities:
- entity: light.egg_lamp
icon: 'mdi:lamp'
name: Lamp
tap_action:
action: toggle```
- entity: light.egg_lamp
- url: https://cdn.jsdelivr.net/gh/bramkragten/weather-card/dist/weather-card.min.js
slow wave
The resources should always be on top
Like in my config here https://github.com/atxbyea/HA-Config/blob/master/ui-lovelace.yaml
timid wigeon
ah great ok thanks
I seem to have messed up my raw config editor and now nothing loads
slow wave
That is why I left the raw editor behind and moved to yaml @timid wigeon
dire salmon
@slow wave https://paste.ubuntu.com/p/97hjZZYcQt/
have tried these two, both display a card with the current value but no actual graph !
slow wave
That formatting does not look like the examples here https://github.com/kalkih/mini-graph-card/blob/dev/README.md
Also have you added the resource to your Lovelace config?
dire salmon
the card loads fine and the formatting is correct, its just not showing a graph
let me grab a screenshot for you
dire salmon
tried firefox too
hmm
I got it !
I switched to MariaDB recently and only included some entities in the recorder / history and I hadnt included this ( it didnt work prior to the changeover because the internal DB had something wrong with it?)
slow wave
🎉 🎉 🎉
slow wave
I didn't do anything useful 
vapid field
In a entities card, I can set a different friendly name like this:
wheat current
vapid field
I only want to rename it in the UI for the badge specifically, since I have a friendly (long) name in other cards.
This isn't working:
badges:
- entity: binary_sensor.rpi_power_issue
name: voeding
correct
vapid field
The workaround would be to set a really short friendly_name and change that to a long one in the UI where needed. Which is more labour intensive and error prone
wheat current
use entitycard and not badges then
vapid field
I could even use glance, but like the badges for a quick overview (in this case for my HA host status)
How feasible would a feature request be?
wheat current
All rules have exceptions, I think FR's for lovelace belong here https://github.com/home-assistant/ui-schema/issues
worthy kiln
What I really miss is an easy way to work with Scenes (light). Creating and Modifying of scenes within the UI (by reading the current light states), Activating Scenes for Light Groups within the UI. Any comment regarding this? Dont like to create hand made scene.yaml files for all my lights in the command line.
rough cairn
@mild veldt thanks for checking. I will try to understand what is going on here.
mild veldt
So, I was starting to use the button-card to make a summary card, ala Google Home/Homekit that highlights things that are active in my house. Would people be interested in a more specialized card for this where you can specify entities/groups to watch for being active and summarize the information?
I think I've already convinced myself to make it...
mild veldt
For anyone interested here is how far I got with a button-card summary: https://gist.github.com/iantrich/d2a485a6bc13c689564a6fe1306712d4
split granite
That's pretty neat
wheat current
Perimiter alarm is on
blinds ar closed
doors are locked
lights are off
music is level 11
whiskey in glass
Surely the last should be in hand
wheat current
Repeated automation started: Drink wiskey from glass
mild veldt
🤣
So by doing a dedicated card, the only thing I would really gain would be the ability to specify tap actions on each line...debating on if that is worth the effort
I'm going to flush out my button-card solution and see how that turns out and go from there...
timid wigeon
Once I load the ```resources:
- url: /local/simple-thermostat.js?v=1
type: module``` using the raw config editor, how do I get the component on my home screen?
kind shellBOT
timid wigeon
Here I can't help you. Read the documentation to find out how the plugin is used.```
sinful flax
entity: climate.east_wing
sensors:
- entity: sensor.east_wing_humidity
name: Humidity
step_size: 1
type: 'custom:simple-thermostat'
Well then I would recommend you Read the documentation to find out how the plugin is used.
The repository that you downloaded the card from has examples
timid wigeon
I think I found the samples thanks... Yea
sinful flax
@timid wigeon See my comment.
timid wigeon
oh yes thank you @sinful flax
great. Thanks for you help @elder pendant and @sinful flax. Looks great. Just starting to add custom cards
civic glade
hello guys. with compact custom header how do i make it so that each tablet displays diff kiosk or default start page. Whenever i do it now seems like all devices show he same thing?
steel valley
How do I hide devices being automatically detected via presence sensing? Eg. my networked lights already being managed by another integration
split granite
Take control of the UI and edit it
steel valley
um nvm I just found "known_devices.yaml" in the SAMBA folder
split granite
Don't edit that
split granite
Because it won't do what you're thinking
steel valley
you said most things are not editable within UI
split granite
I mean, you want to go ahead and randomly change things, go for it
steel valley
oh cool I can change name and photo?
split granite
Sure, but... all that's being deprecated
steel valley
oh
split granite
Use customizing instead
steel valley
ok so what's the right way
split granite
Hide things from within the UI
steel valley
....
yeah I don't see an option anywhere to do that - I went to the states page as you said but that doesn't tell me anything
I can set a state
split granite
Configuration -> Customization
steel valley
but wouldn't a "state" be a temporary change?
split granite
Don't mess with the states, until you actually know what you're doing 😉
split granite
Configuration is where 99% of the in-UI configuration is done
The rest being the UI, handled from within Lovelace
steel valley
"It seems that your configuration.yaml doesn't properly include customize.yaml
Changes made here won't affect your configuration."
split granite
Don't worry too much about that
steel valley
how do I force that?
split granite
depends on the entity, but you can go and manually set the state - and every attribute
steel valley
changing the area grouping of my lifx lights was instant
I added hidden state to these devices and they still show up on overview tho'
split granite
🤦
Did you miss my repeated message about setting that attribute not hiding things?
Obviously you did...
split granite
No
steel valley
doesn't hide it from the UI?
steel valley
....
steel valley
????????
split granite
hidden DOES NOT WORK in Lovelace
steel valley
ok so I take this microsd and format it and install openhab or purchase a homeseer device because this entire process is ridiculous
split granite
👋
steel valley
how the heck do I edit the UI
split granite
Maybe if you'd slowed down and read the responses, you'd be less frustrated
The menu in the top right corner
steel valley
ok I've "taken control"
and there's no option to edit the device list
that's above all the control doodads
steel valley
yes exactly and I see no option to do so
steel valley
oh wow that's intuitive
split granite
There's Edit and a three dot menu under every card, click it and try it
steel valley
oh these aren't "devices" they are "badges"
split granite
Yes, because you're in the UI
The back end is one thing, the front end is another
There are many front ends, it'd be crazy to hard link the two - and that's why the old states UI is dead
It did require the back end to know how everything was displayed, and that's not very future proof
steel valley
I found a bug
clicking the deletion "X" on badge item disabled the deletion "X" on the next item in the list
so when you click it, it gives you the dropdown option instead
kind shellBOT
mild veldt
@steel valley that's a bug but not a new one
a quicker way is from the UI, enter the raw editor that's in the overflow menu when in configure mode that gives you the raw yaml configuration. then you can easily search through that badges list and remove the one's youdon't want to show
steel valley
the intuitive way would have been to click on a badge, then have a cog to click on and then being able to edit things such as display name and icon
and in 'edit' mode an "X" over each badge and a (+) sign to the right to add new ones
mild veldt
PRs are always welcome
steel valley
press releases? :V
split granite
Like most of HA 😛
(IMO, that's a good thing, this wouldn't be half as powerful if the development had stopped)
steel valley
at least it seems to be under active development unlike OpenHab...
mild veldt
very active
split granite
Release every 3 weeks, not 6 months
mild veldt
well the backend at least
split granite
🤷 - let's face it, it's all down to where people are interested in working on things
mild veldt
yarp
split granite
And, I have a sneaking suspicion that everybody may have lives of their own... time can be precious
vapid field
hi there. can anyone give me a tip how to label the entities in the frontend? I already set the friendly_name via the config menu but didnt work. I migrated from homeassistant to hass.io. in my old installation there was a customize.yaml but this way seems not to work anymore
split granite
They're still all Home Assistant
vapid field
but the customize.yaml does not work anymore
strong falcon
What specs do i need to look for in an android tablet to know if it can handle lovelace with custom cards?
latent moss
@vapid field customize.yaml does still work, you just have to add the customize.yaml to your configuration.yaml file now since its not included by default.
vapid field
@latent moss when I untag the line the config check tells me: Integration not found: customize
latent moss
@vapid field make sure that it's under homeassistant: like this
homeassistant:
customize: !include config/customize.yaml
try
customize: !include customize.yaml
y thats how i dod 😉
the error is still there....
only with the customize.yaml
all other includes work perfectly
latent moss
again it has to be listed under homeassistant: which is no longer included in default configuration.yaml
must be like this, otherwise you will get the integration not found error that you posted.
homeassistant:
customize: !include customize.yaml
zealous cedar
I can not get the Grocy Integration for lovelace to work: grocy: url: "https://{{hassio1.duckdns.org/3744dt4o3}}/api/" api_key: "{{364686475ddf4566gffo}}" sensor: - enabled: true is this url correct even for this to work locally?
wheat current
No it's not, and #330944238910963714 is the place to ask about the configuration of #330944238910963714
zealous cedar
Sorry, thought this is the Lovelace feed for custom_components in HACS. https://github.com/custom-components/grocy will post elsewhere then.
wheat current
#frontend-archived is for the lovelace section of the UI
civic sedge
you know this especial stupid mistakes?
I try for at least an hour to get the gap card working.. # out the recurces: 🤦
vapid field
Hi to all 😃 I struggle with something so simple but cant get it working. I like to change the standard Icons and was following this guide : https://www.home-assistant.io/docs/configuration/customizing-devices/ but neither in the lovelace config, nor in the customisations the icons are working, always blank. I hope you can point me in the right direction. 😃
split granite
Are you doing mid:icon_name?
vapid field
yes, and very few work even (mdi:house, mdi:lamp)
but if I like to go for something from (http://materialdesignicons.com/) none work...
vapid field
hmm ok, maybe it makes sense to adjust the page then, it seems only a fragment actually works then
thank you very much for the help 😃
vapid field
I could not get one working i took randomly from the list so far 😂
ok... my bad, got it working I realized that I used mdi: only while typing and copied the mdi- from the cheatsheet...😱 🤦
frank sphinx
Is there some kind of styleguide/semantics best practices for card developers?
azure scarab
Any way to change color of the lines on a history graph?
mild veldt
@frank sphinx https://github.com/custom-cards/boilerplate-card
charred dragon
can anyone recommend a way to reduce lag? (other than increasing network bandwidth) i am currently using a 4 cameras with the live-view component that cause any device i open the interface on to generate at least 1000ms ping for all other processes. Has anyone managed to selectively load these camera livestreams when only the CAMERAS tab for example is currently loaded so that going to HOME tab that has no cameras on means no loading of the livestreams and therefore no lag
frank sphinx
@mild veldt Yes, actuall i am basing my card off of that one. But was thinking more a styleguide for ui elements.
polar kelp
@prime umbra guess: it happens if you refresh the page and then call close-popup, but if you ever open a popup (browser-mod, popup-card or core) it stops happening until you refresh again?
polar kelp
I think I know what the problem is. Will fix when I’m at a computer
prime umbra
cool
tough quiver
so; with hold_action you can do a more-info I Don't want to do a more info, or really any of the other options.
Is it possible to have a hold_action that can popup another set of lovelace cards?
Basically navigate but with an iframe.
looks like: https://github.com/thomasloven/lovelace-popup-card might achieve what i want.
actually, I prefer: https://github.com/thomasloven/lovelace-fold-entity-row
vagrant palm
Howdy, I'm tidying up my media players view using conditional cards to hide devices that are idle, I use a Sonos soundbar and I'd like to have it hidden when it's playing audio from the TV. Can I reference an attribute for a condition? The state is "playing" and the attribute I want is "source: TV"
OK I think I just figured it out, I need to make a boolean or something that is on when the source is TV, and use the state of that, yeah?
mild veldt
you can use a template sensor or you can use the config-template-card
vagrant palm
Heh yeah I was in the middle of coding the automations when I realised a sensor would make more sense! Doing that now. (Trying to, anyway!)
Got it working with a template sensor, thanks for the input @mild veldt !
unreal urchin
hi all. missing some cch buttons (clock/voice/date). can i assume that's due to the recent sidebar changes or is my config broken?
using hacs and the only config i see in lovelace is cch: clock_date: true swipe: true
azure scarab
What is the best way to add a background?
errant plover
If you want to change your background per theme selection then specifying it in your theme ( background-image:) and using background: var(--background-image) in each view you want to have the background is the best way. Otherwise if you only have one theme or don't want to change it just add background: /path/to/image.jpg to your views
azure scarab
@errant plover thanks! What about for changing card colors etc? I'm trying to customize my page looks now.
errant plover
Theme's again. paper-card-background-color:. Have a look here for inspiration: https://community.home-assistant.io/c/projects/themes also: https://www.juanmtech.com/themes-in-home-assistant/
frank sphinx
What are you guys using for development of new cards? Regular home assistant installation hitting that refresh-button on change, or can one install some kind of frontend mock and run with npm or the likes?
wheat current
disable cache when you are developing
frank sphinx
Yes
However i kinda miss something in between if you know what I mean? For example just the frontend easily available for building cards etc...
I have my projects outside of home assistant, because there are multiple and it just makes sense. But then every time i build source i need to copy file over to home assistant folder etc etc... Of course I could probably automate that on build. Just wondering what kind of workflow you guys had and if there were some tools in use for just working on ui elements.
wheat current
I'm no card dev (I try to stay clear of JS (scary stuff 😄 )) but if I was doing it, it would probably be somethign like this https://github.com/maykar/compact-custom-header/tree/master/.devcontainer
frank sphinx
That's interesting. I'll take a look, thanks 😃
polar kelp
I run dev backend and frontend in docker, and keep all my cards in separate folders inside www/ of the dev config folder.
Each in their own little git repo.
For the advanced stuff I have a separate docker inage for running all the node things like webpack.
frank sphinx
How do you work out paths for that?
polar kelp
The dev branch of homeassistant on github has way way less aggressive caching by default, but I always keep the chrome inspector open as well.
frank sphinx
Does it find the dist/build.js inside your project, or do you just reference it full-path in ui-lovelace?
polar kelp
frank sphinx
Nice, thanks
sacred quarry
Hi thomas, I got a silly (maybe) question, would be possible using the card-mod to change an entity icon? I am trying but I am not sure it is me doing something wrong or it is just impossible
polar kelp
I have webpack compile to the root of each project foldr, and then I just reference /local/lovelace-slider-entity-row/slider-entity-row.js from ui_lovelace
sacred quarry
'cause the mini-graph-card icon color can be changed, and it is working, but for entities it doesn't looks like
polar kelp
Entities as in an entities card?
sacred quarry
yep
frank sphinx
thanks @polar kelp
polar kelp
Because most entities rows support just setting icon: ...
sacred quarry
yes but that's the icon itself, not it's color
polar kelp
Ah. Then yes. I think there’s even an example provided, isn’t there?
Huh... seems not...
sacred quarry
nope
I was testing with this: ```
style: |
ha-icon {
color: [[ if(sensor.andrea_oneplus5_battery >= 80, "rgb(0, 102, 0);", if(sensor.andrea_oneplus5_battery >= 60, "rgb(0, 153, 0);", if(sensor.andrea_oneplus5_battery >= 40, "rgb(255, 128, 0);", if(sensor.andrea_oneplus5_battery >= 20, "rgb(204, 102, 0);", "rgb(153, 0, 0);"))) ]]
}
It’s definitely doable, though.
You’l have to start by going a bit deeper in the document structure. Look at the example which changes the color of some lines to red.
sacred quarry
this same code works in combination with the mini-graph-card where I can change the color of the icon in the card
I did
and that works, I can change the color based on the battery status
but still, not the icon 😄
frank sphinx
@polar kelp you have a clone of home-assistant.io and home-assistant, only home-assistant is referenced in your docker-compose?
polar kelp
Polymer too. The clone of .io is there so I can immediately document changes I make to the other two.
frank sphinx
ah i see
sacred quarry
Does anyone have a clue?
Also Thomas, not sure you're aware, variables created by config-template-card do not work in the card-mod, ex:```
style: |
ha-icon {
color: [[ if(vars[0] >= 30, "rgb(255, 0, 0);", if(vars[0] >= 22, "rgb(255, 153, 0);", if(vars[0] >= 16, "rgb(255, 204, 102);", "rgb(153, 204, 255);"))) ]]
}
Group entities in cards? Is that a good idea, or should i just leave it up to the user to add a new card if they want more content?
It's a card that displays transportation times based on entur. It can be bus, train, boat, etc... entities are stop places. and currently you need to add a new insance of the card if you want to split up the type of transportation. I was thinking maybe it would be a good idea to group these entities inside the card, that would make it possible to lay out different transportation with their stop places underneath.
Or, I could just group them automatically based on the type of transportation, without having the user set this up.
Might be a better idea*
polar kelp
@sacred quarry It's much easier for me if I know anything at all about your setup. What you tried this far is a good start, for example.
vapid field
Good afternoon, can someone tell me how I can use a subdomain in the "Certificate Expiry" module? Without a subdomain it works well, but when using subdomain status "unknown"
frank sphinx
Where would i find css variables used in home assistant?
mild veldt
@frank sphinx @late anvil added the ability to live debug his card which I highly recommend when developing https://github.com/custom-cards/button-card/blob/master/package.json#L15
frank sphinx
Thanks. Working on a complete rewrite of my card, and it is now based off of the boilerplate card. I am looking for information about css variable names which will in turn make it possible/easy for others to theme..? So I guess it should be using whatever css variables home assistant is using? However I could not find any info regarding that.
mild veldt
you can use whatever variables you want
mini-media-player has it's own for example
but if you want to do regular themes support check out my roku-card
I think I stole that snippet of code from card-tools, actually
oh yeah, I added that to custom-card-helpers https://custom-cards.github.io/custom-card-helpers/modules/_apply_themes_on_element_.html
frank sphinx
thanks!
mild veldt
And then all styles are found here: https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/resources/ha-style.ts
minor pelican
Hey everyone. Is there a way to have a popup within a popup in lovelace yet?
mild veldt
cool cool
😃
thomas, I think I've asked before, but have you ever dug into allowing scrolling in popup cards?
@minor pelican no
actually, maybe
we'll see if thomas can confirm this; but from the popup you could call a script that dismisses the current popup and then brings up your secondary one using the browser-mod
polar kelp
Yes. I’ve been on vacation for a while, so my brain’s a bit slow, but I think the HEAD of browser_mod on github has scrollable popups...
I have a few more tweaks to do before the next release, though.
mild veldt
welcome back 😃
polar kelp
Closing and reopening is the best way atm. Correct.
There’s also a patch to popup-card in one of the issues on github. Some guys apparently got it to work somehow... but I don’t understand it, so I can’t say if it works...
polar kelp
Meh. Sure
hm... wonder why it says "almost done" in my notes under "Make popups scrollable..."
Ah. Right. Untested on mobile...
That'll bite me.
mild veldt
oh nos...I was totally joking 🤣
fleet scaffold
um..this is probably stupid noob question but..can I edid state card layout for things like Person, Sun, Weather etc?
I think I want to change Person the most, maybe replace history graph with something nicer? but that's probably asking too much 😉
fleet scaffold
yup, that one @mild veldt
sacred quarry
@polar kelp it's a very simple card, it shows the battery level for my phone and my gf's one:
kind shellBOT
sacred quarry
The battery level have custom icon which change based on the battery charge status (and if it is charging or not), and this is the code for it: https://paste.ubuntu.com/p/nSDr22KVck/
And the end goal would simply have the icon to be a different color based on the charge %
I did use that same code in combination with the mini-graph-card and it does work to change the icon color based on the temperature sensor value
polar kelp
style: goes with the card, not the row. Again, look at the example with the even numbered rows in red. That shows you how to get into separate rows, and from there you’ll have to keep drilling into the icon (state-badge).
full tide
hey all, im experincing an issue where i must have added an empty badge to one of my tabs and now i just have a circle that says 'Error, entity not found' i try to remove it the way that i added it, however when clicking on badges in the view configuration, nothing comes up for me. any ideas how to solve this?
minor pelican
@mild veldt Could you please provide a simple example of how to dismiss and open a new popup using browser_mod please?
mild veldt
I haven't done that, so don't have one, but the browser_mod docs look to have dismiss exmaples and creation examples, so it should be there what you need
minor pelican
@polar kelp I have setup and run through some basic examples of your browser_mod and it seems to functioning okay. However, I am now getting a few strange errors. Every time I try to reload scripts, automations, or anything of the like or clear errors through the UI it appears to load forever. In reality it does actually complete the task it just appears to load forever on the frontend and I receive the following error when trying to do those things: https://xxxxx/frontend_latest/chunk.0518417c85ec4e9c0f48.js:162:349 Uncaught TypeError: Cannot read property 'then' of undefined
minor pelican
Which files need to be replaced?
polar kelp
custom_components/browser_mod/browser_mod.js
I was planning to skip a version anyway to get the release count and version number in sync... but I was saving it for skipping 9 like the big guys do. Oh well...
minor pelican
I have replaced the file with what appears to be the updated one but the problem seems to still be there... Perhaps I have missed a step?
wheat current
clear your cache
minor pelican
Thank you! All good now.
proven tree
Hello, I made a couple views in Lovelace besides the default Home view, but I am trying to find these views in the ui-lovelace.yaml file, but they are not there. Can someone direct me to where the other views are stored in Yaml format? Thanks
split granite
If you're in YAML mode, you make the edits
If you're using the UI editor, you're not in YAML mode
proven tree
yes i use the UI editor, but it has to save them somewhere doesn't it?
What I am trying to do is look how i configured some sensors in those views, to grab the name of the sensors and switches, and then import them into a new HADashboard
Well actually, I see I can use the Entity Registry to view them all
minor pelican
@polar kelp I have encountered some strange behavior when using browser_mod to dismiss a popup and open a new one. Sometimes the old popup closes, sometimes it does not but strangely about half of the time when closing the second popup that has been opened I am redirected back to the first lovelace view (/lovelace/0). There are no errors or anything is the logs
midnight frigate
Can a glance card show the state (on vs off) of an input boolean but in place of its state (on/off) reference an attribute of another item?
midnight frigate
thanks @mild veldt
@polar kelp is the toggle lock card going to be added to HACS?
wheat current
mild veldt
@midnight frigate you can add it to hacs manually
midnight frigate
@wheat current got it
@mild veldt i just installed HACS, what do I put in as the custom repository if the github addy is https://github.com/thomasloven/lovelace-toggle-lock-entity-row
do i just paste that in?
split granite
You know perfectly well nobody reads the documentation until they know what they're doing
mild veldt
If that was true you would have a LOT more questions in here
split granite
Sssh
What's reality got to do with it 😛
(I suspect in many cases, people don't know the docs exist, because they've done all their learning through YouTube)
mild veldt
Grumpy for the sake of being grumpy. Classic @wheat current and @split granite 🤣
split granite
Realistic, not grumpy 😉
mild veldt
😂
split granite
Anybody who works in IT knows from bitter experience that few folks RTFM
wheat current
Same thing to some
split granite
Just ask the Hass.io folks how many folks read the messages on screen after logging in on the console, and have to be directed back to read it
mild veldt
😢🌊
wheat current
90% of questions I get about HACS (questions not issues/FR's) are allready documented...
mild veldt
@midnight frigate don't take this personal, btw
midnight frigate
Add the url to the repository under "CUSTOM REPOSITORIES" and select a type before clicking the "save icon". - is this the full URL for a given custom card/plugin? or just the bit that's shown in the screenshot on the custom repositories
split granite
It's likely to be the full URL
wheat current
both actually
mild veldt
It is the URL to the main repo
wheat current
https://github.com/thomasloven/lovelace-toggle-lock-entity-row and thomasloven/lovelace-toggle-lock-entity-row works
oh yeah @midnight frigate and what @mild veldt said, not aimed at you directly, just one of those days 🤷
midnight frigate
no worries, sounds like you deal with this a lot
no matter how much everyone RTFM, or doesnt, they appreciate all your dev time
split granite
{% if day().endsin('y') %} One of those days {% endif %}
faint echo
Hi, any chance anyone here has any idea why this is happening -> https://community.home-assistant.io/t/disappearing-background/127005 it's driving me nuts and I can't figure out how to prevent it.
elder pendant
Does it ever happen in incognito mode?
I think shift+F5 just ignores the cache, I don't think it clears it
faint echo
hmmm, let me try that however it happens on every browser I try
unfortunately it does it in incognito mode as well
also does it on a chromebook i have
also happens on my tablet so I have to assume it something to do with styling within the lovelace cards. Would you know what controls the background of a pop-up card? I've tried to set it in the css style but nothing seems to have an effect
Sorry, not a popup card but a more-info card
It seems like I need to set the transparency of the background of the more-info card but no matter what I try it doesn't change
here's something I just noticed, it seems to only go to transparent after opening a custom popup card if I don't open that it seems to stay fine
@polar kelp Would you know if there is something I can set in the card-modder style that can prevent this?
polar kelp
I can’t see how card-modder could have possibly caused it. Did you remove card-modder entirely, clear your cache and try again?
faint echo
it occurs on cards that I don't have the card-modder set to but as mentioned I just noticed it only happens after opening a popup card that does have styles set by the card-modder
sorry if that isn't clear, but once I open a popup card with styling set the transparency happens on all my more-info cards
polar kelp
Hm... i have an idea... will take a look at it tomorrow.
faint echo
here's an example of my setup for the popup card -> https://paste.ubuntu.com/p/zg8zFnR9Xj/
I was hoping maybe I could add something in the style to override the transparency
ok, thanks for taking a look
atomic glacier
@faint echo I haven't updated my repo yet, but here's the new version of that popup. I moved it over to browser-mod and made a few changes. Seems to be more responsive and I tweaked the styling a bit. Here: https://paste.ubuntu.com/p/8Bjs5WgtJ3/
sacred quarry
Hi @polar kelp , I did try already the style in the card rather than on the single entities and I did manage to change the text, I thought it would work on a per-entity basis that way, but okay, I moved it back to the card itself and now I can have the text color to be "per-line" based following that example in your repo. The only thing I still don't get is how to do it for the icon, you have menthioned state-badge but to be honest I am not sure where and how to use it. I did google a bit but the only reference that came out is the picture-element-card which I doubt it's related. My current config is this: https://paste.ubuntu.com/p/jwf3VmCjfx/ the only thing I am not sure is where to put/use state-badge, I am not a developer so I am a bit lost now, did trie (literally sticking it here and there) different "positions" but didn't help
Found it! it is not "color" but "--paper-item-icon-color"
For whoever is interested, here is the code: https://paste.ubuntu.com/p/G85fFccQxV/
faint echo
@atomic glacier Thanks I'll take a look at your setup however my issue is with the stock more-info card after opening a popup card and not the popup card. itself Hopefully @polar kelp will be able to find something that will resolve it.
polar kelp
Is it only on mobile?
faint echo
it's everywhere
scenic current
Is there a way to conditionally show a card? I have two dual gauge cards that show HVAC usage. One is for cooling and one is for heating. I'd like to only show the card if one of the two values is nonzero. This would hide the cooling one in the winter and the heating one in the summer but show both in the fall and spring when heating and cooling occurs here.
mild veldt
@scenic current conditional card using a template sensor or the config-template-card
scenic current
Excuse my ignorance, but can I use a custom card with either of those?
devout hatch
How can I create custom button from this repo https://github.com/custom-cards/button-card
I want to add a slider below a button
mild veldt
@scenic current yes. config-template-card is a custom card itself
@devout hatch ...you follow the examples. I don't know how else to answer that broad question
devout hatch
@mild veldt I found this https://github.com/thomasloven/lovelace-slider-entity-row
and I added in custom folder slider-entity-row as module
but I have an error red box:custom element doesnt exist slider-entity-row
this is my lovelace partial file: - type: entities entities: - switch.rack_main_light - type: custom:slider-entity-row entity: light.go_br_bedwall_ch1
mild veldt
it's not a module, it's js
mild veldt
you're right, it does
following the troubleshooting steps linked at the top of the repo
agile tulip
I'm trying to find a way to change the state on the device .tracker to something beside "Home" and "Away" without setting up a sensor because i'm tracking lots of devices. I've set up the monster card and the card-templater but the info says Home or Away. is this possible?
devout hatch
Is possible to put some entity button when I clicked to open on my phone/tablet/pc an url in default browser>
?
and if there a way to ad a pop-up window with some options?
glacial ledge
does anyone know a workaround for:
https://github.com/home-assistant/ui-schema/issues/263
When pushing the button on the Light card, an MQTT command is issued:
Transmitting message on f4/sw/var/cmnd/kitchen-lights/Dimmer: 100
The expected MQTT command should be:
f4/sw/var/cmnd/kitchen-lights/Power: ON
faint echo
@polar kelp I tried @atomic glacier approach he provided above using the browser_mod.command through a script as in his example however it made no difference. Once I opened a more-info card after it was still showing as transparent.
polar kelp
Ok... that changes things... may get some time to look at it in an hour or two
faint echo
appreciate it, thanks!
copper sandal
Does anyone know if it is possible to change icon height in a horizontal stack card?
Answered my own question. Looking up Vertical Stack gave a better idea on how to do it.
Does anyone know if it is possible to change the width of a card?
coral prism
is there a way to show current location map as a dynamic background image in a (picture elements?) card.. i swear i have seen someone done this (either forum or github) but i cannot find it anymore.
dim jolt
hey folks, anyone know how to make the numbers bigger on the lovelace alarm card.... they are small for me, but parents and inlaws struggle to see the numbers 😦
dim jolt
never mind - found card-mod seems that will do the trick
mild veldt
@coral prism use a camera. I'm pretty sure @half osprey had a blog post on this a long time ago but I didn't find it in a quick search. Pretty much you just need to get the API key https://gist.github.com/iantrich/f8cef994eab053e14162bce1cd09e0ea
dim jolt
ok changed the font size of the alarm card - card-mod is super handy!! cant figure out 2 things, if anyone can point me in the right direction that would be great (not familiar with css)
- the theme i'm using puts a single color behind all the buttons - what would i modify to separate out the buttons a bit (to help those with not great eyesight)
- the font size is great on numbers 1-9 (is there a way to change "Clear" to just "CLR" so it fits?
atomic glacier
@dim jolt the card-mod example has the code in it to change the button color.
Here: https://github.com/thomasloven/lovelace-card-mod/blob/master/src/example.yaml
steel nexus
Can anyone explain to me why my picture-entity cards with live camera feed keeps resizing on all my tablets running Fully Kiosk. Tried settings aspect_ratio to 16x9 and then the cards doesn't resize but the camera picture inside the card does. A reload fixes the issue. But it happens after a few minutes again. This happens with all cameras showing in Lovelace. Thanks
midnight frigate
Is there an option for collapsing multie entities within a car in stock Lovelace or does that functionality need a plug-in?
errant plover
@midnight frigate plug-in required. e.g. https://github.com/thomasloven/lovelace-fold-entity-row
midnight frigate
Awesome, thanks
I knew I saw it but couldn't find it with collapsing or hiding menu or anything
junior onyx
On the new update.. from the lovelace docs: "Just hit the refresh button in the menu at the top of the UI." ... is this gone now?
mild veldt
@junior onyx no but is only for yaml mode
junior onyx
ooh. so i made some changes in my yaml file, and now i have no way to refresh unless i switch to yaml mode or reload entire HA. and have to reload HA to switch to yaml mode anyway so?
glacial ledge
is there a way to change what the switch by an entity does?
I have a light that the switch sends an mqtt message but it is the wrong message.
it is sending dimmer 100 instead of power on...
dim jolt
@atomic glacier thanks dude - interesting, i guess i could issue a custom theme for the Alarm Panel specific to what i need 😃
mild veldt
@junior onyx if you’re not in yaml mode than you don’t have a yaml file? You use the UI to edit
@glacial ledge depends on the card and if it supports tap/hold actions or not
junior onyx
Sure I do, in the storage folder? @mild veldt
mild veldt
That’s a json file and shouldn’t be edited directly
junior onyx
Oh right. Sorry. Yes json.
mild veldt
Right, if not in yaml mode, then you do your editing from the UI and your changes are automatically loaded. That’s why there is no refresh option
copper sandal
Does anyone know how to set different Icons for different states? for example door open door closed?
latent moss
icon_template
gray kernel
^ or setting the device_class of your sensor / binary_sensor / cover / etc to get this behavior in some cases
latent moss
Yeah I just checked my setup and it seems like that device_class does set the proper icons for door open/close. That would be the easiest way.
binary_sensor.front_door:
friendly_name: 'Front Door'
device_class: door
@latent moss @gray kernel Great thanks guys I want to use a custom icon so I'll look into icon_template
latent moss
@copper sandal here's one from my setup to give u an idea.
icon_template: >
{% if states.sensor.season.state == 'spring' %}
mdi:flower
{% elif states.sensor.season.state == 'summer' %}
mdi:sunglasses
{% elif states.sensor.season.state == 'autumn' %}
mdi:leaf
{% elif states.sensor.season.state == 'winter' %}
mdi:snowflake
{% endif %}
Cool thanks
@latent moss So where do you put this?
Ahhh think I just found it looks like configuration.yaml
latent moss
it's for template sensors. here is a full example https://www.home-assistant.io/components/template/#change-the-icon
copper sandal
awesome
devout hatch
why this not working
kind shellBOT
devout hatch
its not shwing
bright slate
Hi,
Quick question.
I am writing a automation and i hard forgot how to do the seperation for event_data.
"event_type": "click",
"event_data" .... what is it there?
Before the "entitiy_id": "sensors" ?
sacred quarry
I use this for the Xiaomi buttons
of course you can skip the conditions 😃
(except the one that actually identify the click type)
But it might depend if you're not using Zigbee2MQTT
Are you sure your event_type actually is the one that change between click long_click and so on?
bright slate
Thanks @sacred quarry ,
No i am not sure. this is just a copy past form a site : )
vapid field
hello. got a sonoff ifan02, flashed it with tasmota and now didnt find a working solution to include it in lovelace. the custom-fan-card looks pretty nice and usable, but dont work. the 'more-info' version of a standard card works not right, and the way with input_select, few scripts and automation isnt the right way either. how did you solve the problems?
bright slate
But i would love to try your if that works : )
I got the Xioamie Wireless Wall Switch but i guess it hsould be the same
civic sedge
someone using a yeelight with an picture entety card too?
state_image: unavailable worked well the last releases
https://hastebin.com/iyucuyeyay.bash
https://i.imgur.com/6p4IE9Q.png
Idea how I get the defined picture when the entety isnt set up?
mild veldt
@devout hatch your indentation is wrong on at the very start
devout hatch
@yes, I fixed that, working nw.
question, do you have maybe themes in some zip
I would like to use !include_dir to add them all
mild veldt
Search juanmtech site
devout hatch
yeah, I found, but he has only fouyr themes in some file.txt
mild veldt
Setup hacs then
devout hatch
thanks @mild veldt
and do you know what is a proper install of this add-on
do I need to put in my config notify: ?
documentation is unclear to me
sacred quarry
@bright slate Well it depend on how the ingration is done, mine is with MQTT, if you use something different you might want to check the state and the attributes to better identify where you can "find" the click type
@devout hatch you might use HACS to manage all cards and custom components in a easier way
devout hatch
@sacred quarry what do you mean by that?
sacred quarry
Take a look here: https://github.com/custom-components/hacs
devout hatch
@sacred quarry I am trying to install HACS but in which folder? www/custom_ui?
I ended up with structure like this - those files are from old setup..I've manuelly added them
fallow narwhal
@devout hatch Detailed installation instructions can be found here: https://custom-components.github.io/hacs/installation/manual/
devout hatch
ok, it cant be placesd into local or www it must be created in config folder a new folder
custom_componenents..I am in middle of installation
steel nexus
Can anyone explain to me why my picture-entity cards with live camera feed keeps resizing on all my tablets running Fully Kiosk. Tried settings aspect_ratio to 16x9 and then the cards doesn't resize but the camera picture inside the card does. A reload fixes the issue. But it happens after a few minutes again. This happens with all cameras showing in Lovelace. Thanks
devout hatch
@fallow narwhal @sacred quarry I installed community, and I installed MiniMediaPlayer plugin, but what now? I still cant view it on my UI?
fallow narwhal
devout hatch
@fallow narwhal I installed it via HACS
and edited in my resource.yaml where I hold all imports for lovelace-ui
to - url: /community_plugin/mini-media-player/mini-media-player.js type: module
maybe I need to reboot HA? I just restart it?
wheat current
No
devout hatch
I am just getting this:https://i.imgur.com/ZXem2qU.png
kind shellBOT
honest herald
are all cards resizeable? I'm thinking about using Lovelace on my new wall tablet but want to be to fit stuff in one screen without having to scroll down. My main concern is cards like weather and thermostat
I'd mostly be using the custom button card very all entities.
small pike
Get a bigger tablet...
but natively no they are not you would need something like https://github.com/thomasloven/lovelace-card-mod to better fit everything on one screen
honest herald
So maybe its best to stick with HADashboard
JUst grabbed the the new 7" fire during prime day
small pike
I use a 7" fire and instead of fitting everything on one screen I just use different tabs for different info/controls and use custom compact header with swipe controls enabled to switch between the tabs
but yeah HADashboard is more customizable from what I can tell but lovelace is definitely catching up
honest herald
Yeah I have been using lovelace for my main UI and Phone its amazing
Been using it since day 1 pretty much.
I have never used HAhdashboard so I was just trying to compare
Like for example the graph cards to be used with temp for example looks great in lovelace but I dont think you can do that in HAd
small pike
I have not used HAd at all but if I were doing this I would try and build both out and then see which one works better
It'll be tedious doing both but it will help you figure out what works and what doesn't and why they do or don't work
honest herald
Actually I do have a current question. Im having an issue with the simple thermostat card being cut off when I look at it on moible and then the offical thermostart card making it look like a pi charge cuase im using a custom theme. Any idea for either of them
small pike
Can you share a screenshot?
mild veldt
@honest herald known issue for thermo card https://github.com/home-assistant/home-assistant-polymer/issues/2756
honest herald
Thought i would ask before posting on github
mild veldt
@honest herald it probably won't be 😜 not many frontend devs working on core these days. maybe this winter when there's nothing better to do on weekends 😃
@honest herald have you tried using card-mod on it per the example in the repo to scale it a bit smaller?
honest herald
not I havent but il jot that down to take a look
small pike
Yeah I think this is also an issue with the card on the forum others have mentioned this and it looks like the dev is looking into fixing it
so for both I think your best option is to wait
honest herald
The simple therm card you mean
minor pelican
Hey everyone. Not sure if this question is best directed here or the homeassistant channel. I have some local .mp4 videos that have been saved from the last motion recorded on security cameras and would like to play them in the front end. I have tried using ffmpeg camera and local_file camera. The ffmpeg camera shows an image but I cannot get it to play the video and I was not able to get the local_file camera to work at all. Does anyone have any suggestions? Thank you
small pike
but card-mod should work in the mean time
honest herald
okay il try that out thanks dude
mild veldt
@honest herald no the simple therm card
small pike
Of course @honest herald
minor pelican
Also I have tried using the cameras in both a picture-glance card and picture-entity card.
honest herald
great 👍
mild veldt
@minor pelican I don't think the local file camera supports stream
but to be sure check this https://www.home-assistant.io/lovelace/picture-entity/#camera_view and https://www.home-assistant.io/components/stream/
minor pelican
No it doesn't, that was the error I ran into
Should the ffmpeg camera support a stream?
I tried to use the camera_view: live option and I have stream: (in config.yaml) enabled and working. However, when i use that option nothing is displayed at all
mild veldt
I don't know, ask in #cameras-archived
vapid field
Hey there, i am still new to homeassistant and i am trying to add a custom card via the ui. I added the following in the raw mode:
resources:
- type: module
url: /customcards/github/custom-cards/tracker-card.js?track=true
- type: module
url: /customcards/github/nervetattoo/simple-thermostat.js?track=true
- type: js
url: /customcards/github/thomasloven/card-tools.js?track=true
- type: js
url: /customcards/github/thomasloven/popup-card.js?track=true
- type: module
url: /local/swipe-card/swipe-card.js
- type: js
url: /local/lovelace-card-modder/card-modder.js?v=1
- type: module
url: /local/banner-card/banner-card.js?v=1
when i try to add the custom card via the ui i get an error:
Custom element doesn't exist: banner-card.
{
"type": "custom:banner-card"
}
kind shellBOT
vapid field
is anybody here, who could help me?
vapid field
@vapid field do you have problem only with banner-card?
No, the Problem occurs with every custom card.
@vapid field is seems like you wrote all resources in wrong order. They should start with
‘’’ - url: ...
type:
‘’’
wheat current
Does not matter (the UI editor reorder them anyway)
vapid field
@wheat current this might be true... I still use yaml mode.
Hmm seems like the Ressources are not recordnized by the ui editor
wheat current
it is
vapid field
I believe they are so that’s no the case
wheat current
https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#3-import-the-plugin-in-your-lovelace-config see the gif there (it's the UI editor)
vapid field
Ok so... maybe that’s stupid question but where did you save all those resources scripts? 😉
Could it be that i did something wrong with the Ressource integrations ? This is, what i entered in the das editor
I put all this input in the RAW-Editor mentioned by @wheat current
wheat current
popup_cards:
resources:
This is... not correct
and you have another resources on L33, clean up your config
vapid field
Yep 😉 and here’s the solution
noble olive
Do polymer fixes generally get added to release notes, or is there a way to see when such fixes get added to HA? (Noob to github) Wanted to see if the fix for the notification styling is added (apologies if not the right channel)
mild veldt
@noble olive typically they are not
you can see changes here https://github.com/home-assistant/home-assistant-polymer/commits/master
noble olive
Ah ok, is there a way to tell which release they are included in?
mild veldt
these tie to releases https://github.com/home-assistant/home-assistant-polymer/releases
having that tie to an HA release...I actually don't remember what the connection is...been too long 😃
noble olive
lol ok, thank you
mild veldt
but the latest one is for 0.96.4, so work back from there more or less and tie by date
noble olive
Gotcha, so looks like the fix I want is in 0.96.4 then 😃
next dirge
Using the custom_component weather-card. The modded version by Helto4real to show wind speed in m/s and rain forecast. Everything is ok but when I try to edit in UI mode, I get a spinning circle. Can anybody help with that?
silent heron
I was to come over here by @buoyant portal in regards to this: https://www.home-assistant.io/lovelace/thermostat/... I don't know how to use it
buoyant portal
If you are using the "configure UI" area then this has a good example of how to edit lovelace https://www.home-assistant.io/lovelace/
If you are using YAML mode then this will help out https://www.home-assistant.io/lovelace/yaml-mode/
silent heron
that was.... remarably simple
devout hatch
What else I need to do in order to acheve mini-media-player custom card to work?
I am using HACS and I installed it through HACS, and added it correct path into ui-lovelace.yaml
wooden latch
Hi, I've been using the Tautulli sensor to get sensors for my Plex activity, but it doesn't pull in the size of my Library ie series or movie count. The trakt sensor also only shows the upcoming shows. Is there a sensor out there that I can use to show my Library counters?
mint geode
https://imgur.com/a/1Kh2637 Anything I can do to use the space better?
wheat current
yes
open the raw editor (or ui-lovelace.yaml)
hold crtl down then hit the "a" key
hit the delete key
save
refresh
🎉
wheat current
You dont, thats the beauty of it 😀
mint geode
Just joking 😉
devout hatch
can someone tells me where is config part for grocy component?
I cant find it on a github repo
foggy silo
Is there a way to order the sensors on a card. This is how two identical devices look now https://imgur.com/sSl2vcD
vapid field
Is it possible to use use mdi-icons as background in for example buttoncards?
devout hatch
I don;t get it. In community panel - I have dual instruactions:
which path to put in my lovelace-ui? this url which is stated to be put its not represented in my physical path
for example they say: - url: /community_plugin/vertical-stack-in-card/vertical-stack-in-card.js
wheat current
please read the documentation, or uninstall that (it is custom, custom integrations is not for everybody)
devout hatch
but real path is for my system: local\community\vertical-stack-in-card\vertical-stack-in-card.js
@wheat current I had all my custom integrations and its all worked!
but I decided to switch to HACS
and documentation there is a way more unclear..
Failed to load resource: the server responded with a status of 404 (Not Found)
sleek ginkgo
Use the community_plugin folder, copy and paste what's instructed into your Lovelace resources and it should work perfectly
community_plugin will basically map to what's in /local/community and it will just work. don't worry about the how and why of it too much, just follow the instructions as written
devout hatch
@sleek ginkgo but it doesnt work 😃
if I switch to community for example for vertical-stack-card addon
I am getting red squares on my frontent when I use this plugin
obiosly it cant find it
sleek ginkgo
Can you post exactly what you put into your lovelace YAML?
devout hatch
https://paste.ubuntu.com/p/M7PBsVGMTd/ here it is @sleek ginkgo
now it works vertical-stack
but doesnt work media-player addon
sleek ginkgo
@devout hatch What about the resources: section?
devout hatch
here it is: ```- url: /local/custom_ui/card-tools.js?v=1
type: js
- url: /local/custom_ui/layout-card.js?v=1
type: js - url: /community_plugin/weather-card/weather-card.js
type: module - url: /community_plugin/vertical-stack-in-card/vertical-stack-in-card.js
type: js - url: /community_plugin/mini-media-player/mini-media-player.js
type: module - url: local/custom_ui/mini-media-player-bundle.js?v=1.2.2
type: module - url: /community_plugin/compact-custom-header/compact-custom-header.js
type: module - url: /community_plugin/lovelace-grocy-chores-card/grocy-chores-card.js
type: js```
I was not sure if I need media-player-bundle..I was experimenting with and without it as you can see it is a custom add-on
also grocy-chores-card doesnt work either..
@sleek ginkgo here it is my folder strucure in www/community (this I didnt touch, system creates by itself)
sleek ginkgo
Yeah try and get rid of the reference to mini-media-player-bundle, my guess is that there's a conflict there. And then try clearing your browser cache.
mild veldt
you're also missing a slash before local
devout hatch
thanks @sleek ginkgo @mild veldt I will try..today is a new day 😄
I am getting with slash just this: https://i.imgur.com/FickUAU.png
this all sections are chromecast device..maybe it is ok to be shown like this if chromecast off?
and maybe it has some matters to mention that I have chromecast with HDMI, not audio chromecast
slow wave
blissful kettle
Thanks
faint echo
@polar kelp was wondering if you had any luck looking into that transparency issue I am having with the more-info cards? One additional thing I discovered in case it has any impact for you, I noticed that if I have a popup card with an image set as a background when I view the more-info card after that it is fine however if I don't have an image and just have these settings in the card-modder "--paper-card-background-color: rgba(0,0,0,1.0)" and "--paper-dialog-background-color: rgba(0,0,0,1.0)" when I view the more-info card it becomes transparent. I guess a short term fix would be to add an image to all popup cards. Let me know if you found anything - Thx
polar kelp
@faint echo Fixed it now. Get latest popup-card.
I'll apply the same fix to browser_mod too.
Good morning, Paulus.
half osprey
I've noticed that a bunch of custom cards rely on extracting LitElement from an existing custom element like ha-panel-lovelace. Home Assistant Cast is a slimmed down version of the frontend and so many custom elements that the normal frontend relies on are not available. As a custom card developer, here are options to make sure your custom card works on Home Assistant Cast, in order of preferred solutions:
- Store it as a file in static folder and import from it
import { LitElement } from './lit-element.js'; - Use a bundler to include LitElement in your JS file
- Extract it from
<hui-view>. This works with Cast, but not future proof.
Hey Thomas 😃
polar kelp
That will be anoying with other things I've come to rely on too... like <home-assistant>.provideHass...
Great. I like a challenge.
half osprey
oh you use provideHass? Interesting
polar kelp
I use it in my popup-card and browser-mod popup function, where I overwrite the contents of the more-info dialog with a lovelace card. They need hass to function, and since they're not called from a card that's the best way I found to provide it.
I also... kinda monkey patch the entire hass object for browser_mod... 😊
faint echo
@polar kelp woohoo, that looks like it did it ! I tried numerous popups and the more-info card showed perfectly after it. Thanks again for your great work!
devout hatch
does someone have diffucalties with mini-media-player addon?
I am trying to do it with my chromecast, but apparently it wotn work, I am getting just a stripped box
like this https://i.imgur.com/GLuLLDT.png
half osprey
Did setting a theme on a view never styled the background ?
Also, wouldn't it make more sense for thermostat card to have size 5 and so next card starts at next column?
polar kelp
No, it never did. But there's a common workaround: https://community.home-assistant.io/t/clear-theme/100464/77
half osprey
…
polar kelp
Background of the view, that is.
half osprey
We should fix these things instead of working around them
Otherwise we are putting the burden on our users figuring out all the workarounds
And workarounds tend to break once the bug is fixed
Fixing it in this PR https://github.com/home-assistant/home-assistant-polymer/pull/3427
polar kelp
I meant to add it, but forgot... 🤷
That fix just adds a background color - not images, right?
half osprey
uuuuh
oh
what is the theming approach to backgrounds ?
guess I just change the property to background
no, there should be a unique property
polar kelp
For cards there's --paper-card-background-color, which sets background-color and --ha-card-background which sets background .
There's also this to consider: https://www.home-assistant.io/lovelace/views/#background
polar kelp
(actually, --paper-card-background-color also sets background nowadays...)
half osprey
So it feels slightly weird that we have a background config option in Lovelace, but then also allow setting a CSS property
oh but I have an idea
do you know of people that make the top bar transparent and want their image to shine through ?
polar kelp
I know people have tried and failed.
half osprey
oh , great 😄
The DOM structure currently looks like this:
hui-root
|- hui-view
hui-root sets the lovelace config background option as a style
The view background property is ignored? 🤔
oh, it's also set in hui-root
okay, I will remove my fix
and rely on hui-root background config property
I was hoping to have the view theming to pick it up
So a proper fix would be to introduce a new background CSS variable and allow setting the background via a theme
instead of using the config
polar kelp
Dunno... people may still want different backgrounds per view.
half osprey
they can then use a theme
polar kelp
Oh. Right!
half osprey
Isn't a theme for theming 😄
polar kelp
Then go for it!
polar kelp
That's your job.
half osprey
just preparing the code base right now for reusability
haha true true
Even cooked up a way to make this backwards compatible
If this thread will keep going long enough we will be 100% accessible https://github.com/home-assistant/home-assistant-polymer/issues/3267
half osprey
Do we not have an entity row that can trigger navigation?
Pretty much like the service row but for nav?
mild veldt
@half osprey not specifically, but you can put any card inside the entities card by prefixing is with custom:
half osprey
That's not enough. I'll write up an issue when I get back from lunch
For Cast there is no normal nav
polar kelp
There’s a link row
*weblink
From the navigate point of view there’s really no difference, is there?
strong falcon
trying to get a Sonos playlist to play when tapping the image. It is not working. See anything I have wrong?
type: horizontal-stack
cards:
- type: picture
image: /local/images/aow.jpg
tap_action:
action: call_service
service: media_player.play_media
service_data:
entity_id: media_player.sonos_living_room
source: family rock
call-service
strong falcon
thanks. Made the change and got this error "extra keys not allowed @ data['source']". Do I need " or ' ?
figured it out:
media_player.play_media
needed to be
media_player.select_source
half osprey
@polar kelp weblink does not work because it has target=_blank
and so we don't capture it
Would it make sense to not set target on weblink if it's an internal url ?
polar kelp
I think so.
Or think about tap_action for entity rows again.
Maybe. I agree with the last conclusion, but things can change.
half osprey
here is a PR
if things change, we can keep the behavior the PR introduces (relative urls get no target set) and allow configuring target
polar kelp
I don't think I've ever seen anyone use a weblink for internal navigation (hard to know from screenshots, though), so there shouldn't be much uproar.
half osprey
People are missing out 😄
polar kelp
They often do. Even on the documented stuff...
half osprey
ha
polar kelp
*note to self: Fix documentation on camera-image for picture-elements
atomic glacier
@polar kelp any decision ever made on the scrollable popups? staying or leaving? Trying to see if I should redesign them or wait🤔 still on v5 and I hate being behind...
hearty holly
Hello everyone...is this the right forum to ask questions on how to create a lovelace.yaml file on /config?
am a newbie, so pls bear with me
weak basalt
Quick Q: For the top tabs in the lovelace UI, can I have both a text name and an icon showing? Seems as though it's one or the other.
gloomy knoll
QUESTION: How do you get rid of the card background like shown here - https://pbs.twimg.com/media/D_mTvgzXUAEji_f?format=jpg&name=large
gray kernel
Card mod or card modder setting the card background to transparent (and probably removing the shadow)
There's also some theme property you could set to transparent to get this behavior by default
half osprey
you don't need card modder anymore, you can set the card background variable
--ha-card-background
gray kernel
Yeah, that property
half osprey
I've opened a PR to introduce the LL update event for YAML mode. What do people think of this? https://github.com/home-assistant/home-assistant/pull/25507
gloomy knoll
@half osprey I'd put that in a "style" section?
mild veldt
@weak basalt it is indeed one or the other
weak basalt
Thanks
mild veldt
That's the material spec if I remember correctly
green raft
How do you hide certain entities (like presence detection trackers) at the top of Lovelace?
weak apex
Brought in HACS to my HA instance, but for the life of me, I cannot get the aarlo card to work. I have added what I needed for my 2 Arlo Pro 2 cams in the config, but using the UI editor, cannot get any custom aarlo-glance card going. What could I be doing wrong?
gusty phoenix
@green raft Those are called badges. See https://www.home-assistant.io/lovelace/views/
green raft
Fantastic, thanks.
weak apex
Have this at the top for my resource in my config: resources:
url: /community_plugin/lovelace-hass-aarlo/hass-aarlo.js```
distant phoenix
I'm sure this has been asked a billion times, but I cannot find an answer for some reason. Is there any way to have an icon AND text in the Lovelace tabs?
thorn mulch
Anyone using HACS? have a quick question... when installing custom components via the community shop.. it it gives you the url to the resources i.e. /community_plugin/monster-card/monster-card.js however the components are installed in a folder www/community/monster-card (not www/community_plugin/monster-card/)? reason why i ask is that after moving to HACS i have some issues with compact-custom-header (it doesnt seam to load)
error in ui https://paste.ubuntu.com/p/w9fcFg48Db/
custom card !include https://paste.ubuntu.com/p/y77T2nzHfy/
main lovelace view: https://paste.ubuntu.com/p/MWP7djYNnZ/
load resource: https://paste.ubuntu.com/p/BZprRCnW2W/
prime umbra
did you read the breakings changes off compact-custom-header ?
thorn mulch
oh, i just installed HACS 10 minutes ago and installed the custom component via the shop.. i assumed it was "up-to-date" with any breaking changes...
prime umbra
prime umbra
😃
thorn mulch
@prime umbra do you have an example config on github? not entirely sure how to move my card config to the new "main"
prime umbra
now you dont need to make a card
Configuration happens at the root of your lovelace config in cch:
thorn mulch
yes, i see that. I guess i can make ccp: !include my_first_custom_header.yaml in lovelace-ui?
and have my config for specific view in separate file
mild veldt
@distant phoenix it has indeed and was just hours earlier
One or the other, is the answer
small pike
Is it possible to add different mode functions to the built in thermostat card? I have a honeywell thermostat (US) that i want to have the Fan modes show up on
polar kelp
Here’s how to use card-mod with cards that aren’t cards: https://github.com/thomasloven/lovelace-card-mod/blob/master/README.md#why-wont-this-work-for-some-cards
ancient ore
Been searching for a way to change the view/tab in lovelace based on an event. I am sure I saw it at one point but cannot find it. Been searching around. Is there a way?