#frontend-archived
1 messages · Page 78 of 1
Anyone know if it is possible to access an entities history from within a custom card?
Kinda wanna create a custom graph card
@polar kelp So set hass(hass) is called periodically is what I gather. Correct? But setConfig is only called on the initial setup?
That would explain it
...I think. Don't have my code in front of me, but sounds right
I think set hass(hass) is called whenever anything changes. If you need to change detection for your own component, I think you have to get your component from hass and check to a previous state you saved. At least looking at some controls, that seems the way it works.
@mild veldt Thanks! I tried that but _stateHistory is not defined, probably because I can't import import '../../../data/ha-state-history-data.js';
Got some picture-glance cards set up in my early stage Lovelace setup to display images of rooms and associated lights and sensors.
I’ve got Lamps in the main bedroom which, when off, are difficult to see due to ‘off’ colour being grey. Can these colours be changed? If so, how? It’s also disappointing that the colours of the colour bulbs aren’t reflected in the icon colour like they are if using the original HA. Is this possible to carry over to Lovelace?
Thanks!
@hoary river hmm, I'm thinking it is just a different path that you need to use. Not sure though. @polar kelp any thoughts on importing a ha.js file?
Correct, setConfig is called once. Set hass every time Anything updates.
What do you mean import ha.js?
Forgive formating. Mobile.
@polar kelp I want access to history information in my custom card so I figure I need to import ha-state-history-data.js Not sure kif that is possible?
https://github.com/home-assistant/home-assistant-polymer/blob/17ac6f96a0778571cb60d79530cf65c989d9d1c4/src/data/ha-state-history-data.js
You shouldn’t have to import that. I don’t have time to look at it right now, but there are probably other ways to access the data and possibly functions
🤷
@polar kelp Thanks for the confirmation. I'm going to have to rethink this card and probably add some publishers to the component so that the card can subscribe to changes. 👍
@mild veldt @polar kelp Ok, thanks for the pointers, I'll try to figure it out 😃
Take a look at what’s in the hass object. It’s full of useful stuff
@polar kelp Thanks, think I might be on to something 👍
@hoary river In that link for the ha-state-history-data, look at the function fetchRecent. It has a call to history/period. Depending on what you are trying to do, you might be able to duplicate that.
@zinc zealot Yes, thank you, got it now through the hass.callApi function.
If i run lovelace, and wanna go back to the old look temporarly, is there an url or something i can use?
ty
Can someone help me find the github for LoveLace. I am trying to find the implementation of what View Panel = True and what it changes. This is for the card modder. I know what the option does on the UI perspective but need the exact CSS/JS changes that happen
Ahh under polymer. Thank you
in glance cards, can you align:Center in some way?
https://www.home-assistant.io/lovelace/glance/#column_width @dusty granite
Oh, i can't read it seems. Thanks! 😃
Hi! I've noticed something odd in the last couple of releases, using lovelace. If i click an entity to get that pop-up window where I can change the entity_id, that works fine. Once. Then I need to reload the page before I can do that again with any entity. Has anyone else noticed this behavior, or have an idea why?
Do you have the old custom-ui installed?
Ahhh, yes I do
That's the problem
Thanks!
I kind of like that one. It's a very specific but obscure bug that lots of people encounter and the solution is always the same and very simple.
Yeah. Well, I'll remove it, and wait for this to happen: https://github.com/andrey-git/home-assistant-custom-ui/issues/139
Don't quite see the point... there are better ways to do almost everything custom-ui does in lovelace...
But I'm sure some people have a use for it stll.
Maybe I just need to get more into lovelace then. It's mostly the "lock" to avoid accidentally turning off the media center, and the light sliders I'm using. But I just moved, so haven't had much time to get to know lovelace. Too busy building a kitchen 🙂
Yeah, I'd like the lock too
I did something for a 3 button fan entity card in lovelace
Here's light sliders for lovelace: https://github.com/thomasloven/lovelace-slider-entity-row
The locks are a good feature... I'll put that on my list
This is my fan. I need to clean it up and put it somewhere on github: https://community.home-assistant.io/t/lovelace-state-card-example/68318/4
Looks good! And the slider works like a charm, thanks
Is there a way to apply it to a list of entities?
Not really
Well, still pretty great to have! I'll just rearrange my lovelace yaml a bit
lovelace-gen could help, if you're comfortable with jinja
Not even a little bit 😌 I'll just make a habit of using the "alternate" formatting for entities
@wheat bone If the entities are lights you can do light groups.
and use the slider.
@dusty granite Thanks, but I still want to control them individually. And I only have maybe 10 in the list, so it wasn't too muc work separating them
@polar kelp I haven't made any progress. From my limited knowledge of ShadowDom and LoveLace structure, I don't see anything that should cause any issues.
I found this line that changes the view depending the Panel Boolean but nothing seems like it should matter. I am continuing research but just updating. You seem like a Guru at this so I'm excited to see how fast you find the problem haha
is it possible to set lovelace as default as a general setting? I can only see per device option
is there an easy way to adjust the width of a lovelace card
@dim jolt Lovelace will be default in an upcoming release
@odd light “easy” not really
Sweet thanks for the note @mild veldt
Boo
Boo you
Ha, haha
is it possible to have dynamic icons for entity card - for say batteries. in the legacy UI the battery icon would be based on the battery %
Battery icons work exactly the same in Lovelace
huh, thanks @raven nacelle do you need to specify in the sensor? i'm getting the icon as an eye.
if i specify mdi:battery (it shows a full battery regardless of value)
Not all sensors have the dynamic battery icons (and that's true even for the old UI)
If you specify mdi:battery, then it won't dynamically update. You need a icon_template
ok thanks - added that so will check after reboot
dont suppose if you know if you can hide tabs in lovelace. I want to be able to hit the URL, but dont want the icon there (as its for a wall panel). hoping there would be a:
hidden: true
but cant see anything in the docs
sorry i guess its called a 'view' in Lovelace not a tab
hello, hoping someone can help me with the picture-elements card. Making a simple floor plan, my problem is that Panel=false is too small, Panel = true results in the image being too tall and require scrolling up and down. If i make a png image I can make the image wider which results in the image being smaller and fitting the window, but I'd rather use SVG which I can't make wider. Is there a way to do a panel that is "fit to height" instead of fit to width?
Well realized i could manipulate the svg actually TO adjust the sizing, only problem is home assistant seems to be caching the svg and not adusting it (even with ctrl+f5)
If anyone feels like testing a grid layout: https://github.com/jeradM/grid-layout
It's pretty rough and kinda hacky might not work with all card types
Let me know if you run into any cards that don't work with it. I already had to get pretty hacky with cards that have images, but it seems to work alright
surething will add it to your tracker if i run into issues
Thanks 👍
Yeah probably once it’s a little more polished. I’m hoping to get some feedback first
ofc well ill try to get going tonight dont have much planned for once on a friday and been kinda stuck on how to design the systemtab and this looks like the solution i wanted
so hopefully ill find some bugs 😄
im sure it will i dont mind bugs when devs are upfront about it 😄
Ha well nearly all the code I write has bugs in it so I’m just used to it now
aslong as it works as intended for you then they are not bugs then they are unexpected features 😛
😆
New to lovelace, how does it play with groups? Should a new user go ahead and setup groups or just setup the cards in lovelace that groups things?
either group in backend
or use monster-card
rule nr1 in lovelace: no templating like in the old ui
The good news is: I'm so new to Hass, I never learned any old bad habits
I'm like fresh clay that can be molded to doing things the new right way
a good advice is think big
most people tend to start remaking their old ui
i would recommend agianst that since lovelace can handle so much more
a plain boring static interface is kinda useless
but again thats just me
So I have been thinking of splitting Exterior, Interior, Upstairs, Downstairs, Living Room, etc..
Basically bigger interfaces for monitoring.. but then more granular for controling
.sharethelove
A place for LoveLace Config https://sharethelove.io/
Cool! Thanks @buoyant skiff
Haha.. still need to figure out presence detection on my end outside of lovelace though
I have Owntracks issues 😃
Heards thats not unusual though
i use google maps sharing
since google is tracking us all anyways
might as well get some sort of use outta it
Wow @tender wasp, nice job!
I'm having trouble naming this.. toggle-lock-entity-row, confirm-toggle-entity-row ?
I wanted it to look like custom-ui
It should be clear that the toggle isn't really "locked", it's just a safety catch, and clicking it once will open it up.
so make the padlock change color on lock in
better then having it all blurry
no point in repeating old solution
better to focus on new and better
Allright then. How about this?
It opens up and fades out to nothing when clicked, and then fades back and closes five seconds later
Holy crap js/css has changed since the 00-s! An animation like that would have taken me a day and probably 50-100 lines of code.
Now it was a google search and 25 lines.
Make that 13 lines after optimization.
@wheat bone @odd light https://github.com/thomasloven/lovelace-toggle-lock-entity-row
You can expand that moduler to be quite powerfull @polar kelp you can use the loged inn user user as the unlock, or it should be possible I think
Would be the first real usage of users control
Hm... I was going to say there's no point because you can just disable the lock in the browser debugger... but it could be fun to have the first use of users...
For a user that will know how to install it, not real usage for him/her, but for user that use the same HA instance it will have a value
Like kids and/or partner
There we go. Updated!
That was fast
jusst not a fan of the liper and the padlock of top
looks like something that belonged in the 90s
Would be nice to be able to use the user in conditional cards. I at least think that isn’t possible
@polar kelp I liked your first example, that one that looked "blurry". It was there, but not in your face.
Yeah... I'll need to experiment a bit more before I'm satisfied too...
Actually, I'd like to see the lock implemented as a core component. I can see benefits for covers, scripts, and various other things benefiting from the lock. I guess you can create custom of everything, but that seems like a hassle...
@buoyant skiff how did you get google maps tracking to work, I could never get the damn cookies or whatever
I guess this would be the wrong place for that, I'll ask in homeassistant instead 😃
@odd light Looks like an answer to your "easy" column width question came in over night 😃 https://github.com/jeradM/grid-layout
@mild veldt its great that your recommend stuff but it might be a good idea to include what jerad said also
that some stuff might be broken due to it being a really early version
all cards does not work as intended
😃
Then again, we're talking about a third-party addition to a beta fetature of an open source hobby project. I just assume everything will be broken all the time.
just thinking pushing it to people that commonly have issues with minor things might not be the best idea
better to wait and flush out the issues
then push
but again im not anyones safety net 😛
need people to test it
people need cancer
...
😄
@polar kelp thanks 😃
@polar kelp could you position the padlock on the toggle's circle itself based on it's state?
anyone know what version switches lovelace to the default UI?
none yet
it hasn't been decided when lovelace will become default yet
they may as well, the old interface doesn't even hold a candle to it
still there is alot to do until it can become the replacement background stuff to separate backend from frontend is still going on
The toggle is a paper element, so that would probably be hard...
a challange then 😄
or replace the paper one completely
with a custom one
custom-card: switch
with interchangeable icons
that would be nice
Well... actually I could do it, but I'd have to put the icon in a separate .svg file that has to be put at the right place by the end user, and I really don't want that.
all of a sudden when I click on my view that has nothing but media_player devices I get this error.
Fri Sep 21 2018 23:16:32 GMT-0400 (EDT)
https://hassio.local:8123/frontend_latest/app-d4eea1e0.js:434:173 TypeError: t is null
its a few tv's, roku's and a couple amazon echos
looks like my rokus vanished from home assistan
t
Update to .78.2 @odd light
I installed from ssh
I ran hassio ha update, it said ok, dunno if that did anything
still says 0.78.1"
HassOS 1.10
Hass.io supervisor 131
wrong section for that though
I fixed it by manually putting the roku platform in my config.yaml and specifying their IPs
and they are on static DHCP so thats fine
zeroconf is broken in that version again update ot 78.2
this is not a lovelace issue
When I set lovelace to "default on this device" it does not (always) load lovelace on that device. Many times I have to navigate to "dev-info" and choose "Try out the new Lovelace UI (experimental)". Even though I can see below that it is set to default (it says I can remove it as default on this device). Any idea why?
Several times. And this is only sometimes, sometimes it does load lovelace. I haven't found a pattern in when it does and when it doesn't, but it seems that on my phone, accessing through my duckdns address more often doesn't load lovelace than accessing the local IP (also on phone). I also noticed that using the "back" button enough gets me back to the old view, from lovelace, maybe that's related?
IF you clear your cookies then lovelace isnt default
maybe i should hade made myself a bit clearer
Yes, then I set it as default again.
I will try again.
Do I need to clear other cookies than the "normal" chrome cookies when using as a chrome app??
Oh, sorry.. Now I misread.
I have tried clearing cookies, but not between most of the times where it does not load lovelace. And it shows that it is set as default, it just doesn't load lovelace when opening the chrome app.
for some reason after 0.78.2 and 0.78.3 update, my lovelace custom updater is broken
anyone with same problem?
card broken? component broken? to what level? not showing at all? not doing what it's supposed to?
Same here, the card is just empty in the frontend. Not top priority for me to fix right now, but I see the same.
works just fine here on 78.3
0 issues
and if you guys are gonna say stuff is broken
I'm still on 0.78.1; I'll try updating the docker images
first start off with giving logs
not just saying its broken
cause that aint really helping
Again, not top priority for me right now, just confirming that I see the same
ite shows card but wont shows componentes or cards
and our time is less important ?
Open an issue here https://github.com/custom-components/custom_updater/issues that is the correct place of reporting issues for that 😃
He asked if anyone saw the same, I confirmed that I do. Sorry if that offends, that was honestly not my intention.
and provide logs there
ok @wheat current was thinking was related to new update, but sense is working for @buoyant skiff then is in my side something wrong
Anyone here actively use the notification drawer?
morning everyone. Has anyone found a solution to "module" type custom cards not working on fully-kiosk-browser? I get the "custom element doesnt exist:" error for the button card and thermostat cards which are both module types. I found an issue on github saying it was a problem, but no issues posted as of yet. Anyone have a workaround? can i manually copy the files to the tablet or resolve in some other way?
i do have javascript_version: latest in my config.yaml by the way, and the cards both work on IOS just fine. Its only FKB that deoenst work
FKB on what? Fire tablet?
Fire tablets suck and have outdated versions of web view that doesn’t support the web components used in LL
yes, fire tablet 10HD
ah, ok. Ive noticed that warning when i load up FKB. Is there a way to update web view? or do i need amazon to do that?
fire tablets seem to be what most people use, i originally bought them for floorplan display, but trying to move to LL
Only solution is to root and load a capable version of Android but don’t think that is possible on 10hd
Relth your not the first to fail to understand that the firetablet is shit
it has a really old android version that cant handle lovelace
Everyone knows in the back of their minds. It is the cheapest tablet out there
I don’t think anyone has defended it beyond its price point
holy shit dude, you need to take a chill pill. Why so aggressive? i simply asked a question, at no time was i insinuating that the tablet was awesome. Maybe slow down and re-read my statement.
not agressive you mistake words for action 😃
just that your the 10 or 20th user that doesnt search the chat for common issues the firetablets have been discussed at length
first of all, i did search the chat...type "lovelace on fire tablet" into the search box and see what results you get
zero
i also googled, quite extensively, which i put in my original comment asking for help
in: lovelace fire tablet I tried that
in: lovelace firetablet
Snap 😉
add that to search bar
should have the hassbot react to the word firetablet
We can’t expect every user to inherently know how to use Discord search effectively
less repeatative
i do expect users to know how to search
sorry ian
thats a common sense thing
Knowing the ins and outs of Discord search is not
its another question if they use the right terms
but trying fire tablet and firetablet seems like a good place to start if your wondering about your hardware
Maybe it would be more helpful to help people learn how to search, than complain that folks don't come with the knowledge implanted 😉
meh
That would go against the @buoyant skiff style 😉
indeed
look dude, I try not to be one of those people that doesnt do any research before they post. I researched, i googled, i posted a well written question with details on my problem and a summary of what i had done so far to solve it. If thats not good enough for you then I'm sorry, but maybe you shouldnt be hanging out in the support section of the discord being a dick and alienating people from the hass community.
or, you know, feel free to just not respond at all, if you cant say anything nice. Thats what my momma taught me anyway
or correct past mistakes so they dont repeat 😃
Or, be nice to folks 😉
Be excellent to each other
The world should work like that, and we can all help by being less of an arse, and more helpful
Seriously...?
Also, if you don't want to be helpful, WTF are you doing here?
again im simply correcting mistakes and im not name calling
i dont have anything toward Relth
just simply stating facts
im not sure who hurt you @buoyant skiff but i really hope things turn around for you. @mild veldt thanks for your help, I will go see about rooting my fire tablet or getting something else. Thanks again.
how do I rearrange lovelace views, I did a fresh install and cannot figure out how to get them in the order I had them.
You need to put them in horizontal/vertical stacks or use jeradm’s new grid components
I think there is a section on the main LL page about it near the bottom
Is there a link for that ‘new grid component’ anywhere?
Thanks
does anyone know how to insert custom icons on lovelace? also in .png format? Thank you
For the entities? I still have a bunch defined in my customize.yaml from before lovelace, and they are still shown in lovelace
Any suggestions how to re-arrange these? https://imgur.com/a/WGgEufq
@proud flax just the order they are listed in the ui-lovelace.yaml?
@wheat bone Yes, but I've done this: views: !include_dir_merge_list lovelace/views
Maybe try to name the files 01_kitchen.yaml, 02_livingroom.yaml or something in that style
@sudden lion tried, doesn't work
Alphabetically then?
nope
I'm just guessing now since i havent tried myself
😄
I think they are added in the order they are created, but not completely sure. Changing them later does not seem to have any effect.
I've never tried that approach. But if you think it's by order of creation, you could just try copying the text from your files, deleting them and re-creating in the desired order?
Not ideal, but maybe worth a try for now?
I did try deleting the files and adding the one by one with different name, but the order remained the same. So I guess I have to change something else. Maybe the ID
nope, changing the ID does not work either
changed filename, viewname, id. Nothing works :/
Put everything back in 1 file? 😄
!include are not officially supported in Lovelace and will (most likely) be removed
As an alternative to it have a look at https://github.com/thomasloven/homeassistant-lovelace-gen
@wheat current I will have a look at it later, have to go now. But the thing is, this is a clean setup and I've done nothing in the default HA for ui config. I just went straight to lovelace for ui config. First look I'm a bit confused because you say !include will be removed, but it's referenced all over that document. is !resource going to replace it ?
That tool is a third-party utility that will not have to comply with the "rules" of filestructure that HA has since it merges and rewrites the output to what HA expect to see there
The !include_dir functions seem to build on os.walk which present files in "arbitrary order". So it probably shouldn't be used for lists where order is important.
Based on previous experience (not HA related) it's probably returning it in the order they're listed in the folder structure (on disk), which will be consistent as long as nothing in that folder is changed.
Is there a way to have Lovelace be the default view for the Android "add to home screen" app? Or are people using a separate kiosk browser?
Not yet
Doesn't >> Set lovelace as default page on this device << work?
Yes it does
It doesn't change the default view when you add the app though
(or at least it never used to)
Set the default view and then may be you will have to use Try out the new Lovelace UI (experimental) once
but it does work
I'll have to go try that out. I miss the old proper "app" version 🤷
Yup, works. At least on Android 8
Last time I tried it was on Android 7, and many releases ago
Where is that at? Under config?
Launch Chrome, open Lovelace. In the Chrome three dots menu, pick Add to Home Screen
Except from using the custom "Attributes card", is there another way to put some attributes in a card these days?
Templates sensor
OK, create a sensor out of an attribute and display that new sensor. Good call.
Not good, but it works
just switch to lovelace. for some reason i don't have header toggle. show_header_toggle: true is in every card. any ideas?
Can you show us one of your card configs?
cards:
- type: glance
title: "Комната верний"
show_header_toggle: true
entities:
- entity: switch.wall_switch_left_158d00016c2df7
name: Верхний
tap_action: toggle
- entity: switch.wall_switch_right_158d00016c2df7
name: Верхний 2
tap_action: toggle
~format
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
Edit your message and add three backticks (`) before and after
titles are in Russian
Otherwise we can't be sure about the indentation
how can i show a camera with at the bottom a state of a sensor ?
@languid summit Wrong ticks - see the message from Hassbot
@patent jay picture-entity
@polar kelp i have this already but need to know how i add the sensor to it
But perhaps picture-glance will work better for you
Other than that, you can make a picture-elements with a blank background, and then you add an image element with the camera and whatever sensor you want.
i need to have a live view of the camera
cause when i click on it it shows the sensor indenity instead of the camera
Can I put the text of certain cards in another color? I can't find anything quickly in the guides about that...
picture glance did the trick only i have an icon of the sensor state
and the icon is in the not in the right bottom corner but down in the middle
@vital forge do a search for card-modded
Hi everyone... I've tried to add a map on my lovelace home screen, the map shows up but it doesn't show any devices. Can someone give me a suggestion on how to fix this?
@desert reef Please edit and format correctly - backticks (`) not normal ticks
views:
- title: Home
cards:
- type: map
aspect_ratio: 100%
default_zoom: 8
entities:
- device_tracker.m_l360
- device_tracker.j_l360
- zone.Home
- zone.Work
- zone.School```
Ah, there.
Do your zones show up?
Nope
That might be because you have capital letters, try zone.home etc.
And check in
that the entity names are correct
@desert reef I said edit so that you didn't double post the wall of text 😉
Oh, sorry. I see what you meant now.
@polar kelp , checking.
Removing the capitals fixed the zones.
Interesting, I was using what I thought were entity id's but I guess what I was using was what I'd specified in the "name:" attribute.
They're showing up now.
My wife is showing somewhere she's not though... on to the next problem.
@polar kelp Speaking of card-modder. I was unsuccessful in getting it to work with panel: true. It seems to work with my custom cards but for built in cards it does not apply the css to the ha-card
anyone know if its possible to apply custom CSS to a glance card?
i'm trying to lay out some icon buttons that would look like this: https://www.google.com/search?q=arrow+buttons&tbm=isch&tbo=u&source=univ&sa=X&ved=2ahUKEwiXibGMu9LdAhVjS98KHWB7Ab0QsAR6BAgDEAE&biw=1920&bih=947#imgrc=PdKJMtSAIpxD_M:
i have some hacky ways in mind but id like to try to do it correctly lol
@fair girder look up one message. Card modder
Oh wait, just looked at your image
You want to use picture glance for that
this is what im currently doing ( small squares are just placeholders that do nothing) i like the idea of keeping things on a grid i just wish i could css opacity 0 the small squares
with picture glance, dont the icons just stack horizontally on the bottom row?
nm, i just filled in the gaps with other buttons i needed
Ok I have an idea and am working out how to implement it I’m using hassio on raspi3b . Looking to make an internet access button for the children because mum takes there router to work if one of then gets in trouble causing drama and chaos for the children plus setup again and well you know what I’m trying to say . I’ve designed the front end created input Boolean for each child. Looked into dnsmasq as well as the dhcp server add on . Plus currently using pinhole as our dns server slash ad blocker . Is it possible to press a button so that the child’s access is removed for all of there devices.
Any help or ideas would be greatly appreciated.
@raw brook Yeah... panel:true is a tough one...
The best I can do is applying the css a second or so after the card has loaded.
Hi folks, how do I change the URL of an iframe depending on a certain condition? In this case I have a customisable iframe and I want to change the background colour depending on the HA theme that's currently set.
Also is it possible to increase the size of the iframe so I don't get scrollbars?
The best you can do about the size is to use panel:true which will make the iframe fill the entire screen.
#status
The only method of changing the url that I can think of is to use a conditional card...
@raw brook I think I solved it! A new update is uploaded to github.
@fair girder maybe this is what you want. This allows for blank spaces with blank spaceholders
A place for LoveLace Config https://sharethelove.io/
check the remote there
@fair girder forgot the link oops https://github.com/kuuji/button-card/blob/master/examples/volume.png
Is it possible to have conditional entities in a card?
To some extent, with monster-card
Thanks @polar kelp - I’m trying to do a remote control panel where an input select is only displayed when the media player is turned on
I can accomplish this with a conditional card but then it looks like two separate cards
Then you might want to look up vertical-stack-in-card.
Ohho - that looks spot on 😃
@buoyant skiff -- once i get a chance i'll throw up my config there. i think it could definitely be useful to others. and @vapid field -- you're right. the simple grid system actually made laying the whole thing out a lot easier.
this is what it ended up looking like: https://ibb.co/nmNiZ9
good thing mdi icons has lots to choose from 😅
@polar kelp Giving it a try after work today.
Does anyone know how to eliminate the gap that is being created when a condition card is hidden?
Even thought the card is not visible it still leaves an extra margin in that space.
@polar kelp You are amazing. That did fix the issue with the built in cards but it didn't work for my custom cards. I fixed this by adding an additional else if statement
else if (this.card.firstChild.nodeName == 'HA-CARD'){
target = this.card.firstChild;
}
https://gyazo.com/6689ce78ca4f96a77826c7d92eafe2c7
This is the structure of the custom cards
That makes sense as a failsafe. I'll add that.
Sweet. Thanks again man!
Every custom card is different.
You can't even rely on some kind of "best-practice" yet.
I usually try to make my things work with monster-card, because I'd say that's the most widespread one.
Yea. Thats what I have seen from the cards I have used/tried using. Not sure if there is a guide yet but I feel like something to show how they should be structured would be nice. I have not created one my self so I wouldn't be able to create the guide unfortunately
I suppose javascript else if(this.card.querySelector("ha-card") ) { target = this.card.querySelector("ha-card"); }
works too? Would you mind testing that for me, if you have it setup?
haha I was actually looking at that. Was going to say that would be a better fail safe. Testing now. one sec
Confirmed Working
Awesome. This is going to make this easy to style now.
Is there a way to order cards inside a view?
I'd also search this channel for the word order: in: lovelace order
It comes up fairly often, and there's a good history of posts on it
👍
Does anyone know if/how you can order the cards in the lovelace interface? I.e., I want this card to appear in column one, first place, another card to appear in column one, second place, etc.
Try scrolling up a tiiiiiiny bit. Like, literally three messages.
Oh, good grief. Thanks, @split granite. I just came over to this channel, and didn't even look above what I posted.
No worries. Absolutely hillarious timing, but in no way an uncommon mistake.
(no, never done that, often)
Ok, I am officially declaring cranial bankruptcy.
I often get bitten by ENTER selecting the name under the pointer, and as I touch type I don't always spot I got the wrong name
Anyone know where I can grab the images needed for the fitbit card on sharethelove.io?
reverse image search on google
slaps @buoyant skiff
That picture is probably under copyright... https://www.loganmbutler.com/
yepp and thats why its not redistributed at sharethelove.io
I'm lost.
Should there be a note about that?
think there is if its not the it isnt
@buoyant skiff Sucks you can't stay home today 😦 I did.
But, I was a lot less productive having stayed home today. My daughter drop me up the fucking wall today.
I know, right. I had to scrape the windshield this morning.
Don't think so.
Unless you load some custom js that sets the correct local storage variable. That could work. But there's no built-in way.
Can anyone tell me (preferably nicely 😂 ) where I am going wrong here: https://hastebin.com/olowolabaj.bash
What's happening, and what's not happening?
Horizontal-stack can't have a title
glance doesn't have header toggles
The cards just look like normal
Like normal?
If I dont give it a title the tab doesnt have a title, I was hoping as a horizontal stack they would fit in a standard width with two thinner boxes. Have I got that wrong?
Oh, you don't have it in a view
I though that would be the view? So I need something above?
No wait... It was..
@polar kelp the issue was the same with them indented more, thats how it was originally
Horizontal-stack is a card. It should be inside a view.
Ohh Ok, I see where I went wrong. Thanks
Well I'm super not helping at all....
More ☕ ....
... well not quite a card... but it quacks like one...
It all makes sense now, thanks @polar kelp and @wheat current your insight was invaluable
Glad we could help
TIL cards quack 🦆
@vapid field That Fitbit image I used is copyrighted as is why I didn't not share it. Maybe try googling "fitbit banner techcrunch" 😃
Apart from creating a custom card, is there a way to reduce the font size of the card titles?
Is there a way of hiding a entity-filter card, when no entities are in the card? Now I see the title constantly
@prisma mango As far as I know, you cant change the header fonts in every card easily in lovelace itself. But what I think you can do, is define a custom theme in the configuration.yaml, and set the paper-font-headline attribute to something smaller
(I havent tested that tho)
Cheers @polar kelp that worked perfectly
hi, i'm in needing of some help.
scenario:
i have a cam, let say camera.garage
i have a binary sensor that is triggered by the camera's mov sensor (Blue Iris) binary_sensor.mov_cam_gar
i have a picture-element with my house map, and over that i placed bot items. When i click on camera.garage i get the camera streaming.
if i look at the binary sensor, it becomes yellow when there is a movement, and if i click, i get the history.
Now, i would like to have only one item, for example the binary sensor, but when i click on it, i dont want the history, instead i want the video streaming.
is it possible? I think i can use the tap_action, but i don't know what entity or service to call
@sturdy bough give this a shot: https://github.com/thomasloven/lovelace-long-press
@mild veldt Thats really nice to have bot history and streaming. But, still, i dont know how to show stream with binary sensor.
If i go on the other direction, using the camera.garage and add the history, i'll have the problem of turning it yellow on binary movement.
In few words, the "more-info" (the default tap_action for a state-icon) for a camera entity is the stream, for a binary_sensor is the history. I need the tap_action for the stream to put it in binary_sensor
longpress does that
doing the same for my entity to camera
short press shows entity and long press shows camera
you using the camera entity? or a binary sensor?
both check out the longpress link that ian posted instead
it indeed works! thanks
😀
is there a way to display the state of a rfxtrx switch in the UI? ref https://community.home-assistant.io/t/rfxtrx-switch-device-id-keep-changeing/70248/2
fixed it
Hi. i would love to try out lovelance. but when i choose Lovelance migration from the Add-on store it wont install. the buttun turns red after some seconds. (other addons is able to install). Any Ideas? would love some help if anyone knows whats going on
If the addon log are empty, check the hassio log for clues
18-09-25 19:53:41 INFO (SyncWorker_10) [hassio.docker.interface] Pull image hassioaddons/lovelace-migration tag 0.2.1.
18-09-25 19:53:43 ERROR (SyncWorker_10) [hassio.docker.interface] Can't install hassioaddons/lovelace-migration:0.2.1 -> 500 Server Error: Internal Server Error ("readlink /var/lib/docker/overlay2/l: invalid argument").
That's not good, try posting that in the #330990055533576204 channel, the hassio experts are there 😉
thanx, ill try them
I'm playing with lovelace and am trying to make a picture-entity which shows the cctv cam picture if the switch to the cam is in state "on" but shows a picture from config/www/ if the state is off. It shows the camera pitcure when it's on, but doesn't show the static pitcure when it's off. This is my code: https://gist.github.com/jeena/eb96ce5f7582b598d18ea34fb131484b
any ideas how to make it work?
It's a camere which is inside of the house which I want to switch off of the electricity compleatelly when I'm at home.
Two picture-entity cards, each inside a conditional (https://www.home-assistant.io/lovelace/conditional/) which displays when the camera is on and off respectively
Aah, good idea, thanks!
works awesome, thanks for the tip!
Happy to help
Any idea if you can do a entity filter card that will then show a state attribute on the glance card?
For example, I want to show which steam users are online but display their currently playing game on the glance card
Don't think so.
I have sensors set up as below for my normal UI
- platform: template
sensors:
steam_chris:
friendly_name: Chris
value_template: >-
{% if is_state('sensor.steam_76233398116039001', 'online') %}
{{ state_attr('sensor.steam_76233398116039001', 'game') or 'Online' }}
{% else %}
Offline
{% endif %}
these work fine on the normal frontend, but obviously don't work with the entity filter
Monster-card could probably do that
WIth that you can include all sensors with entity id starting with "steam_" and then exclude all with value "Offline"
awesome, i'll have to have a look in to that one
I've seen it about but never thought about how I might be able to use it
@polar kelp
- type: custom:monster-card
show_empty: false
card:
type: glance
title: Lights On
filter:
include:
- entity_id: sensor.steam*
exclude:
- state: 'offline'
- state: 'unavailable'
how does this look?
tweaked it slightly and it worked perfectly, thanks!
Is it no longer possible to theme the background colour of cards in lovelace? I'm trying to set a transparent background for the cards.
Is it possible to run Volumio in an iframe window in Lovelace running HASSIO with DuckDNS setup?. My window is just blank, sure it has to do with the fact that Volumio is not a secure site, and running DuckDNS limits you to only display secure pages in an iframe.
https://www.home-assistant.io/lovelace/iframe/ - please see the warning at the top
Anyone got a good date/clock card?
Guys is it possible to change the displayed entity based on another entity state? Specifically id like to change my climate entity on the ui to either heating or cooling depending on what state my tstat is in.
@inner wagon you have separate heater/air entities?
If so. Create both as cards within conditional cards with the respective state desired for each
So I have a very newb question. Is Lovelace a complete replacement of configuration.yaml or do you still put your components in the config and the Lovelace file is strictly for organizing the UI?
The latter. Lovelace is a UI. The rest is still in configuration.
Hi, it is the first time with Lovelace. I created "ui-lovelace.yaml" and copy a "text-element.js" in "www" folder. What is wrong here?
i don't see any image in my frontend
Did you create www/ now?
If so you need to restart hass. But the main problem is that you don't have any views
Also are you navigating to http{s}://HA-IP:8123/lovelace
Not sure if you are on http or https which is why the S is in brackets
Hello, I'm new to discord and looking to talk to @storm lion to submit a new card to https://github.com/custom-cards
I actually started out adding it here https://github.com/ciotlosm/custom-lovelace/pull/202, but it was suggested I move it to /custom-cards
That's probably better, yes. Since you mentioned him with an @, he'll see your message and get back to you when he's around.
Tab swipe. Nice!
But that would make more sense as an overall script instead of a card. If it's a card you'd have to add it to every view, right?
while parsing a block mapping in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 1, column 1 expected <block end>, but found '-' in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 6, column 1
Probably need to fix the indentation
@left aspen Check this example out for indentation: https://github.com/home-assistant/home-assistant-polymer/blob/master/gallery/src/demos/demo-hui-picture-elements-card.js
I still think it's because it's just a card floating around in nothing.
I'll shamelessly admit, I copied the HomeSetter card in the custom-lovelace repo, and then found JS that detected swipes 😐
views:
- title: my view
cards:
- <Line 6 and on>```
Oh yea. Thanks @polar kelp and Make sure you do that ^ @left aspen
Awesome. I'm looking for some help getting it to actually switch the tabs, but the swipe detection is working. I'm also not sure if it should be an "empty" card like this
@left aspen - I think everything starting with line 11 needs to be moved over to the left. image and elements should be lined up with type on line 9. Everything under that looks lined up properly though
now its good 👌 thanks @subtle bloom @raw brook
@subtle bloom I think it shouldn't be a card - for reasons mentioned above.
Here's an example of a plugin that's not a card if you need inspiration: https://github.com/thomasloven/lovelace-player/blob/master/lovelace-player.js
I'm not saying it's a good one, but it's one way of doing it. It also shows how to access the hass object from outside.
awesome! thanks @polar kelp . I'll take a look at this later tonight
Hey am I allowed to use state image on a picture elements card? Like this:
- type: picture-elements
entity: group.kitchen
image: /local/kitchen_on.jpg
state_image:
"on": /local/kitchen_on.jpg
elements:
Etc...
No. But you can add an image element that covers the entire card which has states.
Stupid workaround... someone should fix that
I didn't even think of that. But yea, it'd be nice if it was more standard like the other picture cards
Thanks
Hi again. This is my keypad of alarm in lovelace that in inside HADashboard... It is possible make that he should always be in the same place?
because when i refresh page it come like the second photo
@left aspen that's a question for #general-archived
why not just create your dashboard in lovelace?
i don't think embedding lovelace as an iframe is the best solution, is what I'm getting at
that being said, you could try kiosk mode for that view
@mild veldt thanks a lot. as it is my first time with lovelace I was unaware of this option. It's already a solution for me. But I'll think about inserting HADashboard into lovelace ...
Hey guys! Danny from germany here, got sent from #330944238910963714 😃 Has anyone expirienced problems with lovelace and firefox? I can't access the frontend recently (firefox tab is crashing right after loading the frontend)
@left aspen I think you may have misunderstood. I wasn't suggesting you insert HADashboard into Lovelace UI. I was suggesting you recreate it in Lovelace. One single UI
@mild veldt Yea, just checked again - shadowdom and customelements are both enabled, tried clearing cache and cookies without success .. other browsers work fine, as did firefox since some time (days or max 1-2 weeks) ago, will try a fresh re-install of firefox and check back
@mild veldt Jeeesh,really works on fresh install .. couldn't access on 3 different machines (so I actually ruled firefox out as the problem) - might check again for misconfiguration or addon interference, thanks though! 😛 ✌
Breaking change in Lovelace-FullyKiosk, in case anyone is using that - but now it works with the latest version of Fully Kiosk Browser! More info on github.
wow didnt know fullykiosk, you can do some seriously cool stuff with that
Is it possible.to add a title to a horizontal/vertical stack? Trying to add a label to a group of cards without showing a card background and surround the grouped cwrdst
Hello! Is it possible to use the value as a entity (where the value is http://smalllpicture.jpg) as the icon of another entity?
@errant glacier No it is not.
@vital forge I am not 100% on what you mean but you could probably use a sensor template to do that
https://www.home-assistant.io/components/sensor.template/
See icon_template
let me check. Thanks already for pointing me in a direction
Something like this?
meteoalarm_today_alarm1:
friendly_name: "Alarm Description Today 1"
value_template: "{{states.sensor.meteoalarm_today_description1.attributes.description}}"
icon_template: "{{states.sensor.meteoalarm_today_data1.attributes.icon}"
Yea. Check the Expressions out in
to see if they line up with what you want
Whats the diff between an icon an the entity-picture?
I thinking that may be for the picture elements cards. But honestly I am not 100% on that
OK, thanks. Restarting now to load the templates
Nope. It does not display the icon.
The icon has a value of http://website/pciture.png
in my template?
(do I always have to restart hass to pick up the change in my sensors???)
Works with picture-entity
very strange.
but hey, I am happy
@raw brook thanks!
Thats Great! Sorry didnt see your followup question
But hey I learned something to then. I wasn't for sure what that did
@mild veldt Thats what I needed. Worked perfectly
Hi guys.. Is there anyway to hide a lovelace card based on automation? I have postal service group and earlier I used to hide that entity after sunset and enable that again group after sunrise + offset.
You can do that with a conditional card I think
Yea using a conditional and an input boolean. Have the automation turn the boolean on and off based on what you want
hey does opacity work as a filter for images in the picture elements card?
@past falcon yes
Has anyone figured out how to use media query types or have lovelace respond differently to phone vs table vs desktop?
cool thanks @buoyant skiff
@raw brook @vital forge Thanks for the idea. I accomplished just that. It's pretty easy.
HI guys - I have searched forum but cant see if there is any easy way using only lovelace to change the colour of an icon depending on its state - I have some nests that report green I would like icon to be green if all is green and red if it is not - any one got any advice or do I have to customise it old skool pre lovelace 😃
That's old school customization.
thanks!
@polar kelp awesome! Where can I download this?
Can't yet. It needs some cleanup and documentation.
Hi everyone !
Will it work for the different types of entities and will it work only as hide/show control?
It takes a group as input, and should work with any kind of entity in that group that work in an lovelace entity card.
Hey guys, any one who can help me with google calendars in lovelace? i want to display the calendar but only get a small clickable icon. i searched google and found this nice card https://community.home-assistant.io/t/lovelace-google-calendar/63662 but i cannot apply the "custom_updater" in configuration.yaml
It actually works by creating a new entity card, and then moving all of the rows from that one into the folding list. So it should even theoretically be future-proof w.r.t. new entity types.
@knotty bobcat Well... that explanation on github is bad...
The thing it should link to is this: https://github.com/custom-components/custom_updater
@polar kelp thanks ^^ gona try it out 😄
hmm got the custom_updater. but i get an error that the element does'nt exist. are there any other calendar cards?
Please share (Hastebin, or similar) your ui-lovelace.yaml sections relevant to the Google Calendar card
https://hastebin.com/evikizukeh.bash i got this at the moment
Do you get anything in the browser dev log? Does the file www/custom_ui/calendar_card/calendar_card.js exist? Also, I assume that's select parts of your lovelace-ui and not the entirety?
no i selected only the google calendar stuff, but i found 3 error's with the console
i have placed the error here https://hastebin.com/elafutavun.bash
Ok, so it can't find calendar_card.js
indeed, i assume the link inside custom_updater is not correct
Did you run the service?
i have seen the service, but i think i used it wrong then
Or rather, did you also install the tracker_card?
i did not install tracker_card
wait.. never mind... I think you need to run the service to install cards that's not in the special repo
Try running custom_updater.update_all and it might download the card.
I don't know, though. I don't use the updater myself.
Does the file I asked about exist?
It will dowload it it you add a empty file with the expected name
There is also an (undocumented) install service that takes a element argument
{"element": "calendar-card"}
@polar kelp i dont see tracker_card but i do see sensor.custom_card_tracker and within the state it does say something about the repo for the google calendar
_I really need to rewrite the docs for that component some day :/ _
@wheat current where do i trow that code? its not in lovelace right? and does "element" need to be for example custom?
That is in the
for the custom_updater.install service, if you have not installed (downloaded) the card
are we able to use the state_filter on a map card?
i tried but doesnt work. thought maybe i was doing something wrong on it. its not erroring out though
You mean entity-filter, right?
yeah
oh i think i might have got it. had state filter listed on the map card. moved it up to entity-filter and seems to work now. looks like that was my problem
any way to use profile name in greeting?
@serene sierra https://github.com/custom-cards/username-element
what's the best way to hide a name in a picture entity?
doesn't seem to work
- type: picture-entity
image: /local/images/charnie_profile_widget.png
entity: device_tracker.009acdc9413c
name: ""
this seems to work name: " "
setting show_name: false like it say in the docs?
https://www.home-assistant.io/lovelace/picture-entity/#show_name
With the monster-card how it is possible to exclude some entities?
No probs... found it...
There we go! First release: https://github.com/thomasloven/lovelace-folding-group-entity-row
🎉
That looks like dark magic 🤔
Even worse. It's javascript.
Opening my book on defence against the dark arts
Where am i wrong?
i cannot use wildcard as i have other switches that i need to see and all begin with switch.sky_
I don't think you can pass a list to exclude: entity_id:
You probably have to do ```yaml
exclude:
- entity_id: switch.sky_0
- entity_id: switch.sky_1
- entity_id: switch.sky_2
#etc```
ok i try
can i use custom svg icon inside picture-elements card like icon element?
yes, you can add them as images
icon (string)(Required)Icon to display (e.g. mdi:home) from docs but can it be path to svg?
cool
No. You can't use an icon element. But you should be able to use an image, an Ludeeus said.
i was use it before like image but can't change the color of .svg icon
so should i change the colour of svg icon first or can change it with style attributes? @polar kelp @wheat current
i was try ```yaml
- type: image
image: /local/icons/climacons/SVG/Sunset.svg
tap_action: none
style:
top: 15%
left: 5%
color: rgb(249, 251, 255)
Not sure that would work
filter and state_filter should work
so whats the over all plan there ?
common... there is none 😂
my plan is buy more beer
Buy some for me to
send me your paypal 😄
what do you wanna accomplish ?
downloaded icons from here http://adamwhitcroft.com/climacons/ and wanna use it with lovelace but dont want to change colour of every icon with Inkscape or whatever
them all grey
of thats the effect you want then sure
again your kinda vague with what you wanna do 😛
if your only goal is to change color the filter will serve your purpose
if you want to change base on states etc then thats another beast
can you show me example, please, how to convert svg color from whatever to GoldenRod #DAA520
Ok. After looking at it, I think you're short on luck.
SVGs can apparently only be colored if they are inline svg.
And there's no way currently of adding that to lovelace.
As far as I know
.sharethelove
A place for LoveLace Config https://sharethelove.io/
check the kodi remote
i use filter for some off the images there
that should get you started
i use png images for that
np
I don't think it will work on a gray image, but that's just me...
i suppose i should sit down and actually learn lovelace...
Is it possible to use a condition inside an entity card? So when the sensor behind the condition is shown, it does not show up in as another card but as entity of the entities card?
That can probably be done to some extent with entity-filter, and to a further extent with monster-card.
OK, I am now testing the custom vertical stack card
But it throws me an error I can't clearly pinpoint. element.setConfig is not a function
A summary of my lovelace plugins: https://community.home-assistant.io/t/my-lovelace-plugins/70726
Good night
@cinder sable yaml - type: history-graph title: Temperatures entities: - sensor.living_room_multi_temperature - sensor.office_multi_temperature hours_to_show: 36 refresh_interval: 600
hi
There's one of mine
@vapid field thanks bud
oops, autocomplete for discord....
someone there needs to add a simple algo to prioritize the last person who mentioned to you when you autocomplete
it's like the simplest effin thing to do
@split granite there, lemme test
@split granite neat! is there a way to add a legend or name on top of each graph per sensor?
looks extra smooth, what settings are you using for that?
- type: history-graph
title: Power Usage
entities:
- sensor.labworkbenchpow2_power
name: Workbench
- sensor.labworkbenchpow2_power
name: Server Rack
thats not flying. mapping value not allowed
Just what's in what I posted before
The names came from the friendly name, you can't change them in the card (https://www.home-assistant.io/lovelace/history-graph/)
Smooth will come from the update interval on the sensors. The top one updates every minute or so, the bottom one every 5 to 10 I think
ah
Does Lovelace have a way of making an entities card using the contents of group.all_lights, group.all_fans, group.all_switches, etc?
Not by default. It’s really easy with monster-card though.
does anyone know how to combine these 2 cards, so they will always stick together?
- type: entities
card:
title: Spotify
show_state: true
entities:
- entity: input_select.spotify_playlist
- entity: input_select.spotify_source
- entity: script.spotify_music
- entity: input_number.spotify_volume
- entity: input_boolean.spotify_shuffle
- type: media-control
entity: media_player.spotify
Put them in a stack card
vertical-stack
@polar kelp Just saw your reddit post, some very nice work mate, well done and thanks for sharing!
Thank you!
I am trying to set up Lovelace on Hassbian - I created the ui.lovelace.yaml file in my root configuration directory, but am getting an error "Could not find ui-lovelace.yaml in your config dir" - any ideas on what I may be doing wrong?
You created ui.lovelace.yaml and not ui-lovelace.yaml?
It is definitely "ui-lovelace.yaml" - just pasted that
And you created it in /home/homeassistant/.homeassistant/?
It's the same directory as my configuration.yaml and other files are in, correct? I am accessing it via a SAMBA share so I don't have the full path
Yes. I'd SSH on and check the ownership and permissions, and file name
It's possible that it was created with the wrong case
Will do - thanks
Got it - Windows was hiding the file extension, I had "ui-lovelace.yaml.yaml". Thanks!
its like the first thing i do on any windows box going back to like 95 ;P
Hey guys. I have created a new LoveLace Card for Slideshows. It allows you to chose any cards to be on a slideshow. This allows for 1 cards worth of space to be multiple cards. Let me know what you think, look forward to any feedback
Anyone know how you can eliminate the space the filtered entity leaves when hidde:
https://www.dropbox.com/s/5qvqaewb2cly5r3/Photo Sep 29%2C 12 53 51 PM.png?dl=0
What does your config look like?
some1 using thermostat lovelace card? I've got an error: Custom element doesn't exist: thermostat-card, even with module defined
all other cards work as expected
Check your spelling, check that the file is in the right place, check that you downloaded the raw file, check the home assistant and browser logs.
spelling is ok, file is in place and available thru URL, it's 'raw file' - logs look clear, will see browser now
Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode
seems like my proxy-config security attribute may be reason
or not, as I don't see it...
That error is chrome being nit-picky. It can be safely ignored for now.
Uncaught (in promise) TypeError: Failed to fetch ?
No, wait... I didn't read carefully enough. That one I don't recognize
on chrome under the URL i see plain javascript. is it ok or should it be downloaded? headers?
but well, all other js files I see also and they work
If you open the dev panel and search the code (ctrl+f) can you find thermostat-card.js? Should be near the bottom in a <script async tag.
yes, it's there
also type="module"
maybe it's something with import ThermostatUI from './thermostat-card.lib.js?v=0.1.1' ?
shall I try relative path?
If it couldn't find that, you should get an error in the browser log.
Try adding a log message at the very top of thermostat-card.js. Something like console.log("This code actually runs"). Then update the version number in resources:, reload the page and check the browser log again.
added console.log @ top of the file, don't see the message in console tho
I'm back from PC with dual screen to see easier than laptop 😃
I've found solution
had to add "proxy_hide_header "X-Frame-Options";" in nginx config..
So it was your proxy, huh. Who'd have thunk...
it's combo of chrome and proxy problem i think
as chrome checks the headers strictly
sooner or later I'll let hass have it's own access to internet, but not when it's so early after auth introduction 😃
I'm looking at picture-entity cards for a sensor that shows what xbox game is being played and displays a local image depending on what game is being played (a lot of work for little reward maybe)
I'm using state_image but can't determine if there's a "none of the above" option where if the state is undefined it shows a certain "undefined.jpg"
image: will be used for any case that's not covered in state_image.
Ah excellent! Thanks
Is there a way to set the image size (other than through the size of the original)?
Does the entire lovelace UI live in the ui-lovelace yaml?
Also, I'm getting "entity not defined in card config" and "unknown card type encountered "iframe". Any insights?
We would need to see your Yaml for that
Looks like your indentation is off.
should look like this https://hastebin.com/aposozomox.bash
I thought that might be the case, however, the scenes and living room lights card shows up just fine.
It can lead to weird things. I would fix that and then try it
Lets figure out one error at a time. First the Entity error
Which Card is the error occurring on?
that's what it is. I'm too far behind to have those cards supported.
What version are you on?
72 which is the initial version of lovelace. Didn't realize that the cards got added on after. Tried to update to the latest but my aiohttp keeps throwing me errors. Likely due to the new oauth
Gotcha. Sorry man
No worries, thanks for trying to help. Definitely my error.
@wheat current the custome card tracker has disappeared from my lovelace after updating thecustom updater to 3.1.0 today. Custom components are showing. no changes to lovelace or config yaml
in the log I see
2018-09-30 17:59:18 ERROR (MainThread) [frontend.js.latest.201809270] https://domain.duckdns.org/local/tracker-card.js?v=0.1.5.1:1:1 Uncaught SyntaxError: Identifier 'TrackerCard' has already been declared
report that to the tracker isntead of posting here
Thanks. So it’s changed.
Yes, not everyone uses Lovelace
No worries.. I was late to that party anyway. All working now.
Hi::
Having a problem with the bignumber-card, I got this error: custom element don't txist bignumber-card
This is my config:
resources:
- url: /local/custom_ui/bignumber-card.js?v=2 # https://community.home-assistant.io/t/lovelace-gauge-card/58880
type: js
Have other custom cards that work in same dir, so what can be done? reboot tried, also different browsers
\10.0.24.4\config\www\custom_ui\bignumber-card.js
directly under www
not the custom_ui folder
ohh sorry seems you stated custom_ui folder in your lovelace file
might wanna try without the whole subfolder
hey, so I'm trying to kind of recreate the bar at the bottom of a picture glance in a picture element card. I'm trying to use opacity on just a black bar, but it doesn't seem to be working,. Do I have it setup correctly? https://hastebin.com/icisacotaw.bash
Hey @polar kelp , I better just ask here before I make a big thing (in case I just missed something). With the folding-group-entity-row, I added your slider, but I can no longer click the entity within the group to e.g. change the color (temperature) of the light or change friendly_name. No matter which entity I click, I get the same pop-up menu. Is that just how it is, because we're using the groups? Or is it something that could be implemented?
That’s a configuration I didn’t test. I can’t look at it right now, but I’ll try to as soon as possible.
Cool. And in any case, still a super useful add-on!
i'm using the lovelace migration plugin. it works great, but the page it generates doesn't include any of my sensors... just the switches and media devices.
cause it hasnt been updated in a long time
playing around with custom cards.. What does this mean?? For the following errors:
Uncaught SyntaxError: Unexpected token <
This is most likely because you downloaded the html from gitbut instead of raw. That is not valid javascript. Always make sure you download using raw button. After downloading the file again with the 'raw' button, remember to bump the version number for the custom component speficied in the 'resources' of your lovelace-ui.yaml file.
resources:
- url: /local/gauge-card.js?v=1
type: js - url: /local/group-card.js?v=1
type: js
the "bumb version" that is 😃
Hi guys. Other than "panel: true", is there any other way to make a card as wide as possible?
I have a history card that show my thermostat's values for the last 3 days, and the default 500px wide graph is too small for me.
allright
might be in the future only time will tell
you can use custom cards to change the size, from my understanding
anyone remember where they show you in the docs how to do badges in lovelace, I did it once, can't find it now
yesss
page shows up blank, no error
- title: Experimental
icon: mdi:beaker
id: Experimental
background: darkslategray
theme: dark-mode
badges:
- entity: sensor.front_door_sensor_battery
- entity: sensor.sliding_glass_door_sensor_battery
- entity: sensor.master_bedroom_window_sensor_battery
- entity: sensor.storage_room_window_sensor_battery
nm
you don't need entity:
is it possible to put some text input over the picture-element card?
now that looks cool, maybe I should start looking into picture cards
Worth digging through the history of posts by @buoyant skiff - he's done some really awesome eye candy
Does anyone here do special views for cell phones, and others for tablets, laptops, etc
exist custom card for it
I believe there is a custom card called HomeSetter @odd light
nice
@serene sierra looks awesome
I read somewhere that in the conditional card type, adding multiple states acts as an AND. Is there a way to add multiple states as an OR option?
For example I want the card to show up if my media player is not in an off OR unavailable state.
- type: conditional
conditions:
- entity: media_player.living_room_tv
state_not: "off"
Not sure. Maybe look into the Monster card. It's a custom card.
Monstercard for sure
Who has the best vid tut on the set up and config of lovlace?
@polar kelp, I really like the folding-group, been using it a lot already. I noticed something else; that when you have a card with both folding-groupand other entities, the main card toggle does not affect the folding-groups. Not sure if this is intentional, but it seems odd to me.
Be warned @kind elm that video guides date very fast on Home Assistant. Even one just a few months old can be so far out of date it's like you're watching the video for a different product. Heck, a couple of weeks can make the difference between "works" and "WTF"
You're far better following the docs
I hadn't thought of that @wheat bone. I'll try to fix it. Didn't think anyone used the card toggles...
Maybe I'm just weird😌 I almost only use it to quickly turn off all lights, never to turn on.
Please add an issue on github too. My stuff are geting popular, and that means more bugs are discovered. I'm having a hard time remembering them all.
Sure, will do!
So should i be asking who has the most up to date one? Lol
Probably Drzzs, but I agree with Tinkerer.
Even if they're up to date today, they'll age off because nobody keeps re-recording their videos
https://www.home-assistant.io/lovelace/changelog/ shows that pre 0.77 videos (two releases) would already be missing things that you need to know about
Actually, I'd say lovelace is fresh enough for most videos to be mostly reliable still. So sure, go ahead and watch one to get the basics. But keep the docs at hand when you want to try it out yourself.
(Valid as of 2018-10-01, may not be tomorrow - it is a beta feature, after all)
Hey, @wheat bone, about the issues you posted (thanks!). Do the sliders work as expected?
@polar kelp Sliders inside the folding-group work just fine
Great! Good to know.
Yo i need some help with roku control in my interface
You need to explain your problem/question @kind elm - few folks will respond to "can you help me" - also this is the third channel you've posted in about this in the last half an hour. Please don't scatter your questions across a bunch of channels.
Got it
are the play/next buttons next to media_player entities new to the latest release?
Hi! Just added the lovelace.yaml file, how do I move the switches groups?
Move to a new tab, or move around inside a tab, or?
Create a new file <config>/ui-lovelace.yaml and add the following content. Adjust the entity names to entities that exist in your Home Assistant installation.
just said: Adjust the entity names
Move to a new tab, or move around inside a tab, or?
Its a new clear ui-lovelace.yaml file
and its groups from the old view of homeassistant
Now we're getting there
You're asking how to copy across your current config, is that right?
Nope
Not even close - if you do that nothing works
Please read the Lovelace docs, you'll see it's very different
But, you didn't answer the question
right all the old configuration.yaml file to lovelace.yaml file
Have you looked yet in the pinned messages that I've already directed you to?
Have you looked yet in the pinned messages that I've already directed you to?
I'm kind of looking for groups configuration in lovelace...?
Have you looked yet in the pinned messages that I've already directed you to?
Yes, I'm going to keep asking that until you answer the question
looked only to https://www.home-assistant.io/lovelace
Right, please open the pinned messages
Second from the top, there's a link to an external site - Awesome HA
Visit it
ok I'm in
There are migration scripts there, to clone your current config
And links to docs and videos
Try one of the migration scripts, and then read the output
You need to move away from thinking group and start thinking card
thank you for directing me!
Hey All, Anyone know if it is possible to set a 'style' color based on the currently active Home Assistant Theme?
Yes
var(--primary-color) for example, is the header color of your theme
var(--text-primary-color) is good to know as well
Like as follows?
style: color: var(--primary-color)
Wow, this will be very useful. Thanks for the advice. Is there a location with a list of supported CSS styles?
is there a lovelace changelog for the last couple of releases? no updates to https://www.home-assistant.io/lovelace/changelog/ yet there's clearly been at least the media_player entity row in the last update
Thanks @polar kelp , all working 😃
OK So, Can I change the background of a card to an image?
cool
I added a Bayesian Binary Sensor (device_class: presence) to amalgamate my device trackers. Trying to get the thumbnail images which appear flawlessly in the original HA frontend to show up in Lovelace frontend. It just won’t show. Any suggestions why? Do I need to add something to UI-Lovelace.yaml?
https://www.home-assistant.io/docs/configuration/customizing-devices/ - add a picture to the binary sensor
@split granite - Thanks. I’m being a bit dense here. I can see it references adding a url under entity_picture. Is that what I should be adding in my lovelace yaml? As I detailed before, if I switch to original HA frontend the thumbnail images are right there. In Lovelace nothing shows - not even a stock icon. Just the title of the card.