#frontend-archived
1 messages ยท Page 96 of 1
i hard-refreshed like 20x in a row and these these just showed up in the logs https://i.imgur.com/l0oWxTC.png
This is the expanded info for the top "Unhandled Exception" one https://hastebin.com/doyekiweco.sql the others don't have anymore info when i click on them.
@past falcon That long error message means you need to update card-tools.
Rebooted again and i still can't load lovelace at all, but now i get different errors in the Chrome inspector at least. https://i.imgur.com/n8yMeYQ.png
Do you have any weblinks? https://www.home-assistant.io/components/weblink/
Could you check them in /dev-state
to make sure they look ok?
@mild veldt the pr i have made all works nice by just changing the url
@polar kelp is this how they are suppose to look in states? https://i.imgur.com/mOxzTG7.png
there was an issue with it when i was on 0.84.6 lovelace
Seems fine. Would you mind trying to comment them all out and restarting again?
i'll try that they're in a bunch of different files(packages) though. i think that might be the problem because yesterday when i used lovelace for the first time (v0.84.6) it looked like this https://i.imgur.com/3vWhKso.png mostly everything was fine but weblinks.
It at least worked though aside from that visual thing , since upgrading to 0.85.1 i just cannot get lovelacce to display at all
uncommenting out all weblinks didn't fix it @polar kelp so not sure it's that. This is the log from Chrome inspector https://hastebin.com/hadoxidona.php
Hm... Perhaps it's not the links themselves, but rather the references to them in groups...
i tried to uncomment the references as well, i'll take another look though in case i missed any
That didn't work either, there was only one reference i missed ( - weblink.router) and after commenting that out and restarting it's still the same issue where i can't access lovelace and just get the blank white page and circular spinner..
Actually i missed one more weblink reference in a group, after commenting that out, now that seems to have worked @polar kelp . Thank you! It's 100% related to weblinks.
I'd think it was because you referred to a weblink that doesn't exist. If you find out that's the reason, I'd love to know.
(obviosuly that last one didn't exist, because you had commented them all out)
i'll have to look over all my files again, i believe all the weblinks i had were actively used though
also it put me on an automatically generated(?) view that looks very much like my /states/ layout, which i am not sure is correct since i have yaml mode in config and the ui-lovelace.yaml example file .. so not sure if it's still messed up somewhat
after looking into it that was the reason, i renamed my weblinks.yaml file to weblinks.yaml.disabled but there was just one groups reference to a weblink located in that disabled file. once i commented it out everything works. going to sleep soon but thank you very much for helping me out ๐
Thanks. Then I know what to look into to fix the bug.
Anybody using mini-media-player? Yesterday it stopped working for me ๐ฆ
It did for everyone. Get latest version from github.
From dev branch? Master branch is 25 days old
Oh. Seems that one wasn't updated yet.
Either do this: https://github.com/kalkih/mini-media-player/pull/58/files
Or just remove the ^ from the first line in the js file.
That did the trick, thank you @polar kelp
Thanks for your help @latent moss https://github.com/home-assistant/home-assistant-polymer/pull/2488
I was able to reproduce the problem.
Does anyone know how to put a big clock up on lovelace?
I think there are some custom card in the works. And also this: https://community.home-assistant.io/t/just-a-big-clock/69976
hmm.. maybe... it would almost easily be able to wtire a PHP script and up it in a iframe
Hi all, I'm trying to use the Xiaomi vacuum card: https://sharethelove.io/picture-elements-cards/xiaomi-vacuum-card but when i past it into the lovelace windows (in the ui) i get the following message : YAML Error: YAMLException: end of the stream or a document separator is expected at line 15, column 1: โ - type: icon ^
i just copied it over, what could be wrong?
Has something changed recently about button-card? I cannot see anymore cards with that
How can I make first card bigger, to show weather radar, and the card under are also small. This is my problem: https://imgur.com/a/ZOfxZvx. Tried with panel: true, aspect ratio.
panel: true applies to the view
Hi , I have a little issue with my mqtt - My tasmota devices f**ed up retained messages ... Anyone here with an idea how to remove all retined messages in hassio MQTT ??
Hello, does anyone know of a simple way to hide the main scrollbar? Thanks
@fallen warren #330944238910963714
@kind loom check the pinned message on sharethelove or google custom-compact-header
Oh, sorry... you are so right
@mild veldt Thanks! this looks sweet
Hi. Anyone has noticed significant performance problems on their systems with Lovelace since 0.85?
it's running noticeably slower since i updated, especially when editing lovelace from GUI - literally every click takes 5 minutes to take an action... or crashes the browser
no errors in logs except of sporadic: 2019-01-16 19:35:10 ERROR (MainThread) [frontend.js.latest.201901091] https://xxx.uk/frontend_latest/d47c98d2f430ea569336.chunk.js:4:29116 Uncaught TypeError: Cannot read property '_leaflet_pos' of undefined
Safari cames up with "This website is using significant energy" whenever HA is opened
I never had problems with HA performance before
No issues here. Have you tried alternate browsers? Try removing custom cards, if you are using any
tried both Safari and Chrome which is my preferred browser
is there a way to set loglevel to debug just for lovelace ?
The most debug information you can get from lovelace is through your browsers console.
What mode are you in? Auto/Storage/Yaml?
Storage
Hm... then it's a bit harder to debug...
Could you try renaming <config dir>/.storage/lovelace to <config dir>/.storage/lovelace.bak or something and see if the problems persist?
Maybe make a backup of it too, just to be safe.
i will, but wont that make whole my lovelace config disappear ?
It should bring you back to auto.
But when you rename the file back, all your modifications should be back.
Again, please make a backup
anyone using the lovelace alarm card: is there a way to enter custom functions and have them run? like on a DSC panel entering *9 + code to enable "instant alarm" mode?
No
hi, I|m new to the HA, got short question:
is the procedure of adding custom cards correct? what is missing?
- past "custom-card.js" to /www/ folder
- in "ui-lovelace.yaml" add at the beginning:
resurces:
- URL: /local/custom-cards.js
type: js
- add card:
type: "custom:custom-card"
I feel like I|m missing something
don't look at typos ๐
Whatever I change in ui-lovelace has no affect on the UI.. what can be the cause of this? I've tried forced refresh, but no luck
Sure you're in lovelace mode?
@vapid field Assuming you are in yaml mode and restarted hass after first creating www/ that should work. The browser log is your friend.
@polar kelp so in theory I did all correct :/
@paper oxide For sure
@dreamy flint Sorry, had to ask.
Also, as a general tip; when asking for help, type the code out exactly as you have it in your config. Or rather yet, copy paste it. Often the problem is something you have gotten blind to yourself, and if we get held up on typos and errors that are not even present in the actual code, well...
@paper oxide Was worth a shot ๐ you never know
It's a fair question. That was my only idea too...
Are there any errors in the log?
Did you try a restart?
I don't expect much from the logs, regarding to lovelace
The weird thing is that it says it's showing lovelace ui, but it's actually not..
... which I didn't mention because you told us to ignore typos...
@paper oxide I've deleted my ui-lovelace.yaml, but it still shows some old UI - even though the url says lovelace
"...It's actually not..." as in all your things are there? As in automatically put there? As if in auto mode?
... which is the default mode
@dreamy flint little confused, you removed your lovelace file but you expect to show it as lovelace?
There are some entities there, but it's not my lovelace ui
If you click the three dots and select Configure UI, what does it say?
It asks if I want to take control
You're in auto mode
I guess that's something I missed in an update
@polar kelp Must be it
Gonna try it now
@dreamy flint I see where the problem is. @paper oxide asked if you were in "lovelace" mode. Probably a typo for "yaml" mode.
I've become very hesitant to update anything, because every time I do something is broken
or changed
The big changes should be over with 0.59 as it seems now.
0.59?
Darn it! 0.86
ah, ok
I keep calling 0.85 0.58 for some reason...
@dreamy flint Then again...
I know I know ๐ But updating anything requires time to read through posts on every add-on, to make sure something new isn't broken
I skipped that today and updated deCONZ.. aaaand it's broken
Really? I updated yesterday with no problems...
Yea, something happened and now it's no longer responding on port 8080 but on 80 instead
Can i split my lovelace-ui in seperate files?
lovelace is working again, thanks ๐
@polar kelp https://github.com/marthoc/docker-deconz/issues/91 there's something on the issue
@dreamy flint Do you use a generic piece of hardware for your zigbee?
Or do you use the manufacturers gateways?
@paper oxide Yea I use a zigbee usb-stick from Dresden Elektronik (I think that's the name)
@polar kelp How do i handle the syntax for the views? Is i want to hava a seperate file per view?
@dreamy flint Thanks
Do you know it works with zigbee2mqtt?
I haven't tried, but I would think so. I mainly use Node-red for my automation
I'm not sure, to be honest. I don't use the built-in !include function but made my own...
But this should help: https://www.home-assistant.io/docs/configuration/splitting_configuration/
Wohoo there's a deCONZ fix out already
@polar kelp Just stubmbled upon your post on the forum ๐
That's turning into a rather large one...
Realized I forgot to add browser-commander to the table of contents... fixed
One conbee reacher all the way through my house. About 20 meters or so with wooden walls. But every light turns into a repeater as well.
@paper oxide Don't know the actual range yet, since the dongle is placed right in the middle of my apartment
Not even z-wave will get you 50 meters
I think any zigbee device that plugs into mains, will act as a repeater
mmm, i planned to use simple battery-powered sensors
hello
Keep that to one channel if you must, @pallid kestrel. Prefereably #botspam
any body know home-assistant notification how to enable sound
@polar kelp regarding the weblink bug fix from earlier, just curious, after 0.86 releases I can just uncomment them out and it should work? Or do I have to do anything extra? Thanks again for helping and fixing quickly.
*make them visible i mean... they are commented out at the moment
Should work with them not commented.
Great
You'll even get a beautiful screaming yellow error message for the one that was bad.
Actually, you should be able to put all of the working ones back already.
I had a whole bunch of those yellow errors heh, lovelace really helped me clean up my UI
i'll try that later after i get back from dinner, thanks
Hey sorry if this is discussed/answered but can I still use customui with lovelace in storage mode?
Does anyone know how to make a camera preview back to a regular sized preview and not a badge style?
And the "Idle" next to it is redundant for cameras too
@polar kelp just fyi i've now successfully restored most of my weblinks so far and in doing so, discovered exactly what caused that issue. Upgrading from 0.84.6 to 0.85.1 renamed certain entity_id slugs (my "weblink.hassio" got auto-renamed to "weblink.hass_io") and that single extra underscore the upgrade added broke the reference to it in a group, which then in turn broke the entire lovelace UI. All of the ones I am restoring and making visible are working / being converted just fine. ๐
@summer eagle I suggest reading about the picture-entity options https://www.home-assistant.io/lovelace/picture-entity/
@mild veldt this works with live streams as well?
You referenced "Idle" so I assumed you were already using it
what are saying has "Idle" if not picture-entity?
@mild veldt played with the picture entity, works great. Thanks!
@summer eagle Using a picture-entity for a live view of cam?
Is there any way to make "entity not available" disappear because I want the updater to show but it only appears when there is a new update of course and otherwise it leaves an ugly yellow text "entity not available" ?
hi guys, i'm going crazy with a sonoff switch on homeassistant. i'm here because nothing found on google or community. i've the latest version of HA and in lovelace i can't turn on or off a sonoff device (light switch). all others sonoff switches r working fine. if i go to the dev tool, switch is working by change the status manually. sonoff updated with latest tasmota, doesn't resolve the issue. any help please?
@gleaming lake this is not a lovelace specific question, you may better ask that in #330944238910963714.
already done...no answer ๐ so i decide to ask here, thanks anyway
@gleaming lake Your not trying to to use the light card with a switch by any chance?
@tiny trail i'll try to explain better the issue:
- click on the switch icon (glance picture card): it turn on, icon doesn't change state
- click on the switch icon to turn off: nothing happen
so...stuck in "on" state..or in off state. it depends
@polar kelp in few hour i'll try with /states (now i'm at work)
So the icon is stuck in the state you switch to? Does the light actually turn on/off? Does the icon switch state when you reload the page?
hello everybody! just updated to 0.85.1 and would love to use lovelace for editing my views etc. sadly its reloading the whole page after a while and everything i edited is gone. i wrote this to githubissues too. is there any chance to stop this behaviour even by a dq hack?
You could switch to yaml mode... I guess... but that sounds a bit extreme.
@polar kelp Yes the icon is stick in the state i switch. The light turn on but not off and viceversa. The icon state doesn't change if i reload
Ok. This will be a lot easier to debug when you actually have access to your interface.
@vapid field are you on a mobile device by any chance?
I have remote access to the interface but can't see if light turn on
@polar kelp im on a mac on a safari right now. why?
Does it change state permanently when you switch it in /states, then cesco?
Chris: because Iโve seen some relading behavior on ios...
@polar kelp it happens on every device i own with every browser maybe (just checking this) even on ios with the app.
on a raspi manually installed, no hassio, no dockerthingies...
Check that the user running hass can write to <conf dir>/.storage
this is true. lemme check this twice
And .storage/lovelace specifically
@polar kelp
Click on icon: turn on only if state is off, icon doesn't change. Then is stuck. To turn off i have to change the state from dev tools. Every time i click on icon it day "light turned on". This issue show only with one sonoff and one switch. Others work fine. So basically Yes, the state change is permanent
yes, the user hass is running CAN access .storage as well as the lovelave
Then Iโm out of ideas at the moment.
Cesco: I have no ide what you sre trying to say. You say the light turna on but not off, and also that it turn off but not on. I do not understand from what you said if it behaves the same in lovelace as in /states.
๐ญ i'll try again:
editing using the ui seems to work fine, but after few seconds a reload kicks in who loads the whole front new. even the tab u was is is changed to the 1st one. time till reload from 15sec up to 2 mins.
donno where to get the log of safari, but if it may help: there r no warning etc.
Cesco: Iโd guess yours is a hardware problem. Either the sonoff isnโt getting the command, or it isnโt sending the new state back to hass.
no pluginns
@polar kelp
- switch state is off
- click on icon: light turns on (message is "light on")
- icon doesn't change
- click another time to turn off
- nothing happen (message is "light on" again)
- to turn off the switch i have to set the state in the dev tools
Thank you. Now I understand.
i tried to dig in to the js loadet by the browser, found (hopefully) the corresponding files to it and found out there a lot of timeout=120 settings into. is it possible that those have to do with it?
i changed that in one of the file to =1 just to see what will happen - but as expected: nothing
but to be honest i even didnt find out wich module will loadet after clicking on the 3 vertical dot (for editing mode)
@polar kelp thank you Thomas. if was an hw problem, it shouldn't turn on or off in dev tools too, isn't it? i manage all sonoff with mqtt, but other devices are working
In /dev-state you can tell hss that โthis is how it isโ regardless of wether thatโs true or not, and hass wonโt know any better until it gets the next update from the mqtt broker. Until then itโll assume you know.
Hey I tried to get the tap_action: toggle working in an entities_filter card to no avail. Any ideas? I tried all kinds of formating but maybe I am missing something.. Saw that it should be tap_action:
Please follow the rules, @burnt patrol! You have 5 warning(s) left. You posted a message/code that is more than 15 lines. It is moved here --> https://paste.ubuntu.com/p/qp8d3f55jZ/
- type: entity-filter
title: What's On?
show_header_toggle: true
entities:
- switch.siren
state_filter:
- "on"
card:
type: glance
title: What's On?
show_state: false
tap_action:
action: toggle
@burnt patrol your tap_action indentation is incorrect. It should be for an entity
It should be for the card fรถr glance
I tried this... - type: entity-filter
title: What's On?
show_header_toggle: true
entities:
- switch.siren
tap_action:
action: toggle
.format @burnt patrol
@burnt patrol 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
Try```yaml
- entity: switch.siren
tap_action: ...
Ill give that a shot
oh ok got it. not wonder! was hoping to be able to quickly shut off lights using this card.
@polar kelp do u see the problem?
No, sorry. Donโt think I have any more ideas without a browser log
k. how to i get these?
No idea for safari
@burnt patrol @raven nacelle entities should fall through to the card, so entities of state-filter have the same properties as for glance in this case.
Chrome then. Command+shift+j on mac
k. gimme a min
could this be right? opens a window showing all downloads the past 2394875 years...
alt+cmd+j is the correct one. so lemme see...
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Forced reflow while executing JavaScript took 34ms
this is all i got, and it comes from reloading the page... so no issues visible according to the problem.
anyone using the mini-media-player custom card? it seemed to stop working for me in the latest HA version
Try changing the import to import { LitElement, html } from 'https://unpkg.com/@polymer/lit-element@0.6.3/lit-element.js?module';
@winter wasp
@polar kelp I just tried - type: entities title: Information show_header_toggle: false entities: - sensor.morning_commute - sensor.alok_to_home tap_action: action: call-service service: sensor.google_travel_sensor_update service_data: entity_id: sensor.alok_to_home
and it did not work
Error or just doesnโt work?
mapping values not allowed
and frontend did not show
I always thought tap_action was only supported on few cards
Wait. Type: entities?
Derek had a glance card
@polar kelp kicked out of internet. seems that chrome doesnt make the reloads, i keep watching that. need to go now. thanks so far. cu
Please follow the rules, @mild veldt! You have 4 warning(s) left. You posted a message/code that is more than 15 lines. It is moved here --> https://paste.ubuntu.com/p/PDMVZP557n/
shut up, bot
@raven nacelle you service and service_data in your example need to be a part of tap_action
Yes mine was a glance card
@mild veldt - sensor.alok_to_home tap_action: action: call-service service: sensor.google_travel_sensor_update service_data: entity_id: sensor.alok_to_home?
doesn't work either
It was actually both an entities filter and glance card.
@burnt patrol for glance follow https://github.com/arsaboo/homeassistant-config/blob/master/ui-lovelace.yaml#L541 example
@raven nacelle I will try that now
@mild veldt the @kind shell doesn't show mercy! watch out! ๐
I'm new to this and try to use lovelace, but I dont understand how I get it to work. It say " Create a new file <config>/ui-lovelace.yaml and add the following content." but I dont know where to create the file.
you don't have to use yaml mode. You can edit the config in the UI
the file is created in your config directory (same place where you have configuration.yaml). Also, note that you only need to use the file, if you are using yaml mode
I did that, but I get 404: Not Found when I load the webpage
@vapid field are you using hassio? the <config> is the configuration directory - the directory that has the configuration.yaml file
@raven nacelle thanks, that worked. also looks like this addresses it in a different way: https://github.com/kalkih/mini-media-player/pull/58
yeah and that may be a better long term fix
Sorry, it was a stupid typo ๐ณ I have problem with yalm and yaml ๐
@glossy birch meh
grabs ๐ฟ
has anyone written a script to almost reverse the love UI config into groups? with the old UI, my groups i built for the UI also paired nicely with alexa / google home, but i don't want to have to keep track of both groups and the new UI to keep them in sync
i might write a script if nobody has yet
@tepid raft i wrote it. It is on the web.
- type: entity-filter entities: - entity: light.bath_main tap_action: action: toggle show_state: false state_filter: - "on" card: type: glance title: What's On? entities: - light.bath_main
@tepid raft https://www.home-assistant.io/lovelace/tips/
This allows me to have a list of lights that only show the lights currently on and with single click turn off and it dissapears
hey all! I created file in config/www/card-tools.js, added: resources: - url: /local/card-tools.js type: js, to ui-lovelace.yaml, refrshed and restarte hassio, but still get error: custom element card dont exist. how do i install it correct?
nice!
@glossy birch which one is it? the only ones i see are converters for your old UI to lovelace
There is one on my name. If you scroll up in love lace a couple of weeks ago, I posted that code as well. It is not a very hard script. Extremely easy to write.
is it on your github?
np - thanks for the help
ah yeah, i think i used that when switching to lovelace, but now i kind of want the opposite of what that does
i want to be able to maintain my lovelace UI myself but then have a script create 'groups' based on the entitiy cards
Hi there... Is it possible to see the full lengh of a next inside a card? Now the text is shorted with dots (https://www.mupload.nl/img/cdmd31dedz.png)
What do@you do after creating groups?
do i need install custom_updater to get working card-tool.js?
next = text
Well previously I used groups to generate my UI, but now that i'm using lovelace, I want to basically auto-generate groups based on my UI.
@tepid raft but why? what do you do with the groups?
when alexa / google home discovers my devices, it uses the groups to determine rooms without me having to set them up myself
so i can say 'alexa turn off downstairs' and all devices in the downstairs group will be turned off
once we have areas, that will be a thing of the past ๐
ah nice
oooo
@sinful quest First of all, are you sure you're in auto and not storage mode?
I'm not even sure what you mean by that
If you click the three dots and choose UI Editor, what does it say?
*"Configure UI"
I have a translated version..
No warning message or anything first?
nope
Then you are already in "storage mode".
That means the UI is not automatically generated.
So what probably happened is that you got into storage mode in some earlier version, where the generator didn't honor the hidden: attribute, and since then all your entities are locked in.
ok
If you wish to go back to Auto mode, you can remove the file <config>/.storage/lovelace. That will remove any edits you made to the interface, but will also mean that new entities pop up.
And hidden ones won't.
ok i see
so after i move to storage mode, it no longer will update if I make changes to the configuartion.yaml?
Correct.
there's no way to use a different lovelace config per user yet, right?
in storage mode how do I edit the lovelace ui? there is .yaml somewhere or only through the lovelace ui editor?
Only through the UI editor
okay, i see where I went wrong. Many assumptions on my part.
1- i thought customize.yaml still fully influenced lovelace ui. Seems like only partially.
One point of lovelace is to decouple the front and backend.
Groups, for example, won't affect lovelace except for in the initial auto generation step.
wouldn't hidden be part of the front end?
since you can define it in this page http://url/config/customize
There should be better ways to hide it from the frontend, such as... removing it from the frontend, or not adding it in the first place.
ok, i take it someones working on it. I know how to deal with it now. thank you very much for the help
Hi all ! , im experiencing a problem with the custom gage , it was working fine, now is not loading , and the error is , that was not allowed to run insecure content from http://localhost:5000/@polymer/polymer@^3.0.2/lib/mixins/properties-mixin.js?module.
There is a weird issue with the published lit-element v0.6.5 on unpkg where it imports dependencies from localhost:5000, so anything depending on it is basically broken @calm rock
ok, thanks for the info
Lovelace isn't loading at all for me. Where is the best place to look at logs? Nothing is showing on <ip>/dev-info
was it working before?
On v0.84, yes.
don't think there were any breaking changes in 0.85 https://www.home-assistant.io/lovelace/changelog/
so it should work
the problem is probably elsewhere
I don't think there were any, either. That's why I'm stumped. Can't seem to find any errors, logs, or traces.
so there is no frontend right now? How do you know HA is loaded?
It's the old front end
and everything "works"... meaning I can switch switches and see badge state changes.
what do you see when you try the new LL?
The same.
then what is not loading?
The LL interface.
what does your URL read?
http://<ip>/lovelace/default_view
that is lovelace
It most definately isn't.
Are you using any custom cards with broken dependencies?
well, based on the URL, it is MOST DEFINITELY lovelace
The widgets don't remotely match the config file.
you are mostly in storage mode
please check the docs for the different modes....if you are using the yaml file, you need to be in YAML mode
hmm... okay.
@raven nacelle Really appreciate pointing the way for me.
That was it. When I redid the config file I left off the yaml mode tag.
I am trying to utilize the Lovelace UI to have a page dedicated more towards infrastructure management
I would like for instance to include all my switches and have their battery_level as a value next to their title
but according to this post in the forum this is not possible (?) https://community.home-assistant.io/t/using-attributes-in-lovelace/72672/2
to expand on the above - basically what I need is a card that could potentially display attribute values of an entity - if one exists
@charred frigate check out the monster card https://github.com/ciotlosm/custom-lovelace/blob/master/monster-card/README.md
Might be able to do what you want (I haven't played with it that much)
@placid pivot thanks I have found that. TBH I'd rather go as stock as possible for my first iteration of Lovelace. But if it can't be helped and it all boils down to using custom for what I want to achieve I'll definitely use the monster-card as a last resort. ๐ ๐ ๐
@charred frigate as dev on core, I would 100% recommend using custom cards when they fit your needs. The devs who create them are awesome and put a lot of work into them.
Can help be requested here in this channel for custom cards? Or one must address the problem towards each separate GitHub?
Not for bugs of course. But for setup/usage issues
I don't know of one besides entity-attributes-card that would fit your bill though. picture-elements allows you to build really whatever you want though
you can ask those questions here
https://sharethelove.io/custom-resources
check out this list I made to get an idea of what is out there
Thank you. I'll check it out. Looks really helpful. ๐
I have problem with iframe card, it is to big for mobile app. It shoes only a piece of weather radar, and I can not see the other parths. Screenshot: https://imgur.com/a/8fjA3vF. How can I make it smaller? Tried with aspect ratio, width, height.
Welcome to iframes. That's why they never really took off in websites because without special coding on both ends can't really make it fit fit easily
Also they're terrible from a security standpoint.
Aha thanks for explanation
I see lots of posts about custom cards not working since 0.85...
I saw there was supposedly some fix in 0.85.1 if understand correct...
but I can't seem to get mine to work
is there a particular fix instruction you recommend to follow (using custom button-card, media_player)
I moved from the yaml file to the stored version and it worked for a while - not sure if / how to set the links to the custom files now that its no longer in yaml file...)
#cardgate is unrelated to Home Assistant, really, and can't be fixed by updating hass. It was an external source of javascript packages which many cards use that unexpectedly stopped working somehow.
Make sure you have the latest version of the card, many have been updated to fix.
If yours doesn't, you can try looking at the source for the card for a line mentioning "unpkg" and a version number preceded by a ^. Remove the ^ and try again.
Some people experience a different problem (that seems somehow related, but I haven't broken it down yet) where the browser log says something about "localhost" and "forbidden" or something. That I have no fix for.
After any change, make sure to invalidate your cache by adding ?v=0.01 or something after the url in your resources section. If that's already there, just increment the number or change it randomly.
As I wrote last night @polar kelp, there is an issue with the unpkg published lit-element v 0.6.5 where it attempts to import a few dependencies of localhost:5000; This is probably a result of a broken build step on unpkgs part at some point.
You can see the problem in the source file here: https://unpkg.com/@polymer/lit-element@0.6.5/lit-element.js?module=
It is not present in later versions of lit-element on unpkg
Without having checked the changelog I bet you could bump your local custom cards unpkg import of lit-element to 0.7.0 to fix #cardgate
hello - lovelace beginner here I am trying to figure out how to use certain elements and more specifically the custom:monster-card in order to have my switches next to their respective battery levels in a card. But I am certainly getting lost somewhere along the way and misunderstanding certain concepts.
This is what I have so far:
- type: custom:monster-card
card:
type: glance
filter:
include:
- entity_id: switch.*
- attributes: battery_level```
if anyone would be willing to throw some advice I'd appreciate it
Essentially I understand the concept of filtering but not how this element handles the concept of "what to show"
alternatively I will try this: https://community.home-assistant.io/t/low-battery-alert-in-lovelace-ui/64238
but I'd like to hold on a bit and see if monster-card can do the job before creating sensors out of every entity attribute on my home
attributes filter is a bit special in that it requires an object. E.g.```yaml
include:
- attributes:
battery_level: "< 50"
``` will include all entities that has abattery_levelattribute with a value less than 50.
Yes but will it display said attribute if it is not the state of the entity?
how do you add custom elements nowdays?
with the gui configurator
i get : Custom element doesn't exist: slider-entity-row.
i have downloaded the js file and put it in the correct place
- type: entity-button
entity: light.makuuhuone
tap_action: toggle
why doesnt this work ? tapping doesnt do anything ?
@polar kelp you deserve a freaking medal for your lovelace cards ๐
You're too kind.
leothlon, you cant add resources line through GUI editor
@potent fjord yea i found it after a while ๐ thanks
i had same question few days a go ๐
thomas, if i have feature ideas, should i post that on github or?
but why doesnt my entity button work :/ i c it and all, it just doesnt work
i thought the raw editor was a one-time-thing for just when you go from yaml config to gui config
@muted saddle https://github.com/home-assistant/ui-schema/issues for frontend feature requests
@potent fjord
- type: entity-button
entity: light.makuuhuone
tap_action:
action: toggle
thnx
@mild veldt i ment more for his custom lovelace elements
my conf was directly from : https://home-assistant-lovelace-gallery.netlify.com/#demo-hui-entity-button-card
@muted saddle those would go to their respective repos
@potent fjord well someone should probably update that ๐
@muted saddle An issue on github would work great
ah ok ๐
you got this ๐
im afraid to change it ๐
There's an entire team of reviewers who'll catch any errors you won't make anyway.
๐ my first pull ever
๐
that was faaaast ๐
Make sure to sign the CLA, though.
Oh. It's done
My first PR went four weeks without a comment... so I took the chance to show how it's supposed to be done ๐
So pardon my ignorance, but how can I switch back to Auto-gen after I've switched to the raw config editor?
I tried to just copy paste my old ui-lovelace.yaml into it, but it's not functioning right I'm guessing some syntax has changed as many of my tap-actions aren't working, so until I have the time to fix it I just want to switch back to Auto-Gen
Any reason why a (not very new) mdi icon would not be available? Is the included iconset limited (can't find any docs, except those stating I should be able to use every icon from mdi available)
yes, the MDI icons are not updated in realtime
We are currently on 3.0.39 https://cdn.materialdesignicons.com/3.0.39/
every icon that are in the version we are using* ๐
dunno what is the latest version?
3.0.92 I think
3.3.92
oh ๐
we are still in dark ages ๐
@wheat current Is it just updating https://github.com/home-assistant/home-assistant-polymer/blob/dev/package.json#L20? I can create a PR
๐คท The day I start touching UI it will be broken far beyond repair ๐คฃ
@mild veldt can confirm that
Okay, I can create a PR this weekend. Want to get started on some frontend development again anyaway.
Lol, my local master branch is 1183 commits behind remote.... ๐
Time to get back in the game
@wheat current can confirm. UIs hate him
is there a way to display entities vertically?
I'd like my alarm sensors stacked next to my alarm keypad
they don't fit on a tablet screen when they're above the keypad
I don't know of anything besides the actual entities card, but you realize that the width would be the same for each card, right?
is tap_action for picture-glance not working?
I would really like to have to long press or see more-info on my garage door opener
Flickering screen? My screen appears reloading all the time and disappears and coming back. Sometimes itโs even stays grey or white. Like every 10-30s. Bug?
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.
chopped off the image code but you get the idea
do they all have to be formatted the same?
nope that doesnt do it either
custom
@weak flume actions are not an option for entities (it should be, but is not currently) https://www.home-assistant.io/lovelace/picture-glance/
@lean wraith ?
@polar kelp are you available? ๐
oh nvm then you're proly out I'd hate to take that away from you!
We can talk once you're more comfortable
๐
No itโs fine. Iโm sitting with my kids while they fall asleep.
well I've been meaning to understand how I can (perhaps) take advantage of the mostner-card in order to display an entity next to an attribute which is not its state
for example a switch that has a state of on/off to have its name next to it's battery_level
from your earlier message I understand how filtering works:
thomaslovenToday at 2:46 PM
attributes filter is a bit special in that it requires an object. E.g.
include:
- attributes:
battery_level: "< 50"
will include all entities that has a battery_level attribute with a value less than 50.```
but not how I get it to show that value
@mild veldt oh man i just saw the variables and assumed it was for entities. Ty for pointing that out.
Monster card canโt do that.
@charred frigate your card inside monster-card would need to be able to do that, not monster-card
card-ception
I donโt know if thereโs any card that can... Iโd make a template sensor instead.
this is the closest I know of https://github.com/ciotlosm/custom-lovelace/tree/master/entity-attributes-card
yeah that was my second guess found that on the forums
@mild veldt yes I implemented that last night per your instructions , and it's good ... but doesn't look quite as I would like
could probably fork that and clean it up
reminds me of excel MS Excel ๐
really just need to remove the card shadow and table styling
maybe card-modder could do that?!?
@hollow otter Canโt see that anyone answered you yet; if you remive <config>/.storage/kovelace youโll get back to auto mode.
No restart needed
๐
@mild veldt your name, while fabulous, is very hard to type for pinging. Is that why you chose it?
Kind of like IIIdefconIII. Never know if itโs a capital i or a small L at the start.
there, are you happy ?!? now I'm 1/2 as fabulous ๐ข
Nooo! I didnโt mean it!
Besides typng @tri or anything works as well. (Or just @, really, because it shows the most recently active people, and that almost always includes you...)
@mild veldt โค
been looking at the default lovelace file (now I've finally found it) and I've still absolutely zero idea how it results in 3 columns.
I going to use a custom card
How do I display the value of a sensor and nothing else on a card? Can't get rid of the 'eye' symbol on the glance card...
Set the icon to mdi:doesnotexist or something, perhaps?
@fallen seal that is just how lovelace is rendered
what are you trying to accomplish?
Is card-modder with issues in the latest 0.86 beta?
you'll need to be more specific than that
Applying this CSS used to work in 0.85 but now after upgrade to 0.86 beta its not
background-image: url("/local/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 70px
border-radius: 20px
# border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)````
Just did an upgrade and no changes to the lovelace
Does none of it work or just some. What card are you trying to mod?
None works except the std weather-forcast, there i get the CSS
Im modding the entity card
example:
Hi all, I am trying to set up lovelace and have a beginners question. I turned it on in settings and my UI kind of changed. But I don't even have luvelace-ui.yaml. Does that mean that lovelace works with configuration.yaml or what? Am I going to stop using groups.yaml etc. when I completely switch to lovelace?
@mild veldt two columns. 1st will contain my alarm panel, second contains a glance card showing sensor status above another showing fire alarm status.
Look at the stack cards
@vapid field it is auto-generated base on the entities you have and supplemented by groups.yaml
this should help explain a bit https://www.youtube.com/watch?v=BAgPPdH42Ko
@fallen seal you'll want to use stacks as @wheat current said and set your view to display as a panel
@mild veldt , @wheat current sorted. Thanks for the pointers. with the view set as panel and the cards inside that I've got the exact layout I wanted for the security panel.
Ta
Hey. I wrote a little summary on how to install and manage lovelace plugins. Did I miss anything important?
https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
@polar kelp ๐๐ Thanks!!
@polar kelp added the link to all my card repos ๐
ok...challenging question:
I want to have 2 dashboards. One at the entrance, one in the living kitchen. Each on a different format (portrait by the door / landscape in the living area)
Can HA run 2 separate instances of Lovelace?
No
damn
That was easy. Next
that was an easy question, lol
alternatives?
Sure
๐
@warm mulch actually, you could pull this off with the same instance
make both dashboards landscape ๐
One alternative just off the top of my head is to use a kiosk plugin and do any navigation between pages you want using navigate with tap_action.
custom-compact-header can show/hide tabs based on the device
@polar kelp that was the plan.
@mild veldt excellent!!
I was thinking of running fully kiosk
wow. custom-compact-header is a cool thing.
indeed
hat's off to the dev responsible.
ok. I'm back to my yamls. Y'all have a nice day. ๐
oh one other quick question... I tried brainstorming it earlier. Resulted in a brain fart.
Navigation via floorplan, to a 3d room view...
What's an intuitive nav back to 'home'?...without using an icon or (yuck) tabs?
Tabs are so very 2010.
I always wondered....why do we have such a big header. That space can be better utilized
yes I use mayker's compact-custom-header to fix that
UI hasn't really been a big focus for HA until pretty recently https://github.com/home-assistant/home-assistant-polymer/graphs/contributors
We love our integrations more https://github.com/home-assistant/home-assistant/graphs/contributors
Need more UI devs ๐
this graph shows it even better https://github.com/home-assistant/home-assistant-polymer/graphs/code-frequency
I really need more inspiration for floorplans created with the picture-elements card. I've spent far too much time on mine to not like it.
at last I was able to achieve what I needed (beta state) : https://imgur.com/a/9RY1P39
@mild veldt thanks for the advice and guidance and @polar kelp thanks for the monster-card (mostly) and your time as well! ๐
Why not simply use a glance card? May be I am missing something
yes all these things have a main state of on/off or open/close since they are either sensors or switches and from conversations I had in here , if I wanted to display the (conditional below < 45%) battery_level which is an attribute then there was no element that would do that stock or custom
so I had to create custom template sensors for all those devices as a solution I found on the forum suggested
and then the monster card really helped to display those sensors because it supports cool filtering
@raven nacelle ๐
my only question(s) would be if a) I am missing something and b) if I am overburdaining the system which relies on a measly Rpi3 by implementing so many sensors
but maybe more #330944238910963714 related ?
Preview of the upcoming demo.home-assistant.io site https://dev--home-assistant-demo.netlify.com
That is sweet!! Awesome!
Can anyone tell me why my living room picture loads on the mac, but on my mobile it just shows a broken image link?
I tried logging out/in. No dice.
On the phone, go to the url of the image directly and see what happens.
Any update to the modder card in 0.86 beta?
Only that noone else (including me) don't seem to have any problems.
Hello, I am trying to get started with lovelace but the basic example is failing:
title: My Awesome Home
views:
# View tab title.
- title: Example
cards:
# The markdown card will render markdown text.
- type: markdown
title: Lovelace
content: >
Welcome to your **Lovelace UI**.
Error: Not passing an entity ID to a service to target all entities is deprecated. Use instead: entity_id: "all"
Nevermind these were old errors but still unable to load the lovelace UI
@polar kelp the living room pic loads, when I point the browser directly at it. But still no love when I try to navigate to the card which should show it
found out issue, ๐ฉ
I had whitespace in the beginning of file name, so it was never loaded
the lovelace elements gallery page is down? https://home-assistant-lovelace-gallery.netlify.com/
@polar kelp Any idea in why its not working for me? I get the issue after upgrading wo any changes to the code on multiple devices.
@polar kelp Did you try my code?
Hello ! Good morning
Good evening
Good evening
Is there an easy way to get the list of entities that Lovelace shows as unused?
is it possible with monster card ?
I mean as text
hi guys.
Can anyone look at my picture-elements card code?
I'm trying to use a state_image, and it's not working out for me
edit: new question, same topic...
How can I overlay a picture (element) with the same dimensions as the container (picture-elements), without shifting position?
I can't even see the link
https://home-assistant-lovelace-gallery.netlify.com/ is returning a "Not Found" error. Was working about a week or so ago. Is there a new link or is something down?
.monster-card @slow wave
ooooh @wheat current
.lmgtfy Lovelace monster card
Not standards, so custom component still right ? ๐
Yes
I'll give it a crack
I give up on commands
~lmgtfy lovelace monster card
Might need the @ also. At least that's the way it looks in #botspam
Not needed, the bot is offline ATM
Bad bot
is there a way in the lovelace ui to just make a card awlays include all automations? (dynamic)
@tribal cosmos that sounds like my almost exact question just a few minutes ago ๐
@slow wave hold on while i face palm a minute
i need to learn to scroll, haha
yeah, exactly
Bot down?
@wheat current Any idea if the shopping list card might be integrated with wunderlist at some point ?
I don't, @mild veldt might if he is online ๐
@slow wave not until the backend is refactored to have a domain for tasks
@mild veldt thanks! I was hoping someone would make a frontend to wunderlist, but that might come as a custom component before the shopping list then ๐
Does Wunderlist component have services to add/remove items?
@mild veldt not sure, just saw wunderlist was added recently
ok, so i have to change/add something to get monster_card to work?
https://www.home-assistant.io/components/wunderlist/ only has create. Lame
@mild veldt that would be good enough for me though, as my wife could add stuff on the fridge tablet that I can read on my phone ๐
I have dreams of moving task lists outside calendar domain and standardizing their options, bit that's a ways off
@slow wave I would take the existing shopping list card I made in core and refactor it to call your services instead of the websocket commands it does now
woo! monster-card is working
On this note; what is holding you back from using the internal lists?
Was going to give you a link @tribal cosmos, but I guess you figured it out. ๐
As I'm working multiple list support right now
yup. thanks all the same
@mild veldt I would like to be able to continue to use wunderlist as that is what we are currently using, so that was why I was wondering ๐
I'm asking, what features would make the HA list compete with Wunderlist for you?
@mild veldt That I was able to reach it from wherever I am without exposing HA to the web atm, currently HA is running only on the LAN
So possibly via nabu casa?
@mild veldt indeed, that would be interesting
Might lend itself to GA / Alexa integration as well
@mild veldt that would be fricking awesome actually, I just got a google mini and would love to be able to say "google, remind me to buy cucumbers
and get it on the fridge and in a list that I could reach from my phone while on the go
@tribal cosmos what does your code look like ? my monster-card won't work ๐
yeah, I don't get what it triggering on ๐
fixed it...
it was my indentations
as always
๐
what do you use to edit yaml files?
i absolutely love using vscode, it helps a lot with indentation, too (but won't stop me from being an idiot still if i want to)
notepad++
that was my goto for a long time
you should honestly give vscode a chance, much more robust
+1 for visual studio
vscode is quite amazing, especially once you start integrating it towards gitor other platforms ๐ And now that they actually got multiple "projects" or root folders available, it makes it even better. Just need to get the way to do it a little better, and they will be better on that part than most other editors ๐
And hey ^^
so, i love lovelace, but sometimes still want to glance at /states real quick. I was trying to make it a tab under lovelace using iframes, but it is just 1 column and a lot to scroll through. is there an easier way?
and aspect_ratio only seems to grow the iframe card vertically
Is it too late to give a shout out for vim as a yaml editor?
can someone explain what the digits added after url means ? (:7:1) /local/custom-weather-card-chart.js:7:1 Uncaught SyntaxError: Unexpected token <
is syntaxerror in that js file or in my config ?
Line number and column.
aaah ok thnx
right, thnx ๐
hmm .. i dont see the problem, i used git to clone files, so i presume they are raw
aha, it cant find icons ..
where should man talk about custom plugins ?
what would be the room for it ๐
heh no, im such a noob ๐
does anyone know how to have one panel with one card auto adjust the size of the card based on both width and height?
basically like panel: true
Can't. The best you can do is set aspect ratio on some cards.
but taking into consideration max of both
The height of a browser window has always been hard to determine for some reason.
ugh
i have a floor plan that never fits the screen... it's either that:
wide... and then it scrolss down
or if I don't use panel: true, it uses 25% of the screen (pic size 1000 px)
Yeah. Best you can do is adapt the aspect ratio of the image you use to fit the screen you wish to display it on.
ok... thanks a lot...
especially if it's a floor plan you've been crafting for few days ๐
hm... perhaps that could be solveable with a plugin...
Hi, I'm trying to use custom:button-card to invoke service_call
I'm trying to pass service_data, but call always failed and I don't see anything in the log
e.g.
- entity: fan.office_fan
type: "custom:button-card"
name: "Fan - Med"
tap_action:
action: call-service
service: fan.turn_on
service_data:
- entity_id: fan.office_fan
- speed: medium
The one by kuuji? It has completely different syntax. Check the examples on github.
hi , after updating hassio to 085.1 from 83 , my lovelace screens have changed, some are missing, and others with errors , should i go back to my snapshot and do something else before the update to 0.85 ?, tks
@polar kelp following the example of the volume I'm getting Entity Not found
That's progress
@calm rock That update would put you in auto mode. If you wish to use your old configuration you need to manually activate yaml mode.
Or copy it into the gui editor
@polar kelp , ok if i do manual from the top right menu , nothing changed, prob, i need to copy
will try that , tks
hmm, it seem like my problem was it was in glance
Yaml mode is activated in configure.yaml
@polar kelp , thanks you solved my problem ๐
@polar kelp , any place or on the homeassistant section ?
yes i red that, but is not specific where, so i guess any place should do . .
yes
@polar kelp ,tks, this version also seams to have changes on mqtt lights ( platform not found message ?ยฟ) , so need to dig into it , as it is not allowing me to restart .
@polar kelp , all working fine now, thankyou
Great!
i try not to be far behind the latest version , as then i know is not easy to catch breaking changes , but sometimes, cant ..
Hi, is it possible to add a custom card when we are in UI mode ? I mean keep the ability to modify the UI directly from the interface and using custom cards at the same time ?
Or is it absolutly necessary to swith in yaml mode to use custom cards ?
@fickle oracle use raw editor on the UI to add it to your resources
Getting a strange issue after making the switch to Lovelace! Anyone got any idea what might be causing this blank icon to show? https://imgur.com/a/yWbrKqS
Okay everyone ignore me, it was much easier than I thought ๐
@mild veldt But the syntax is different from yaml isn't it ?
mhhh OK, I understand, I initially edit the file "config\.storage\lovelace" with my text editor.... So we have to use only the raw editor from the UI...
general rule of thumb is to never edit files in .storage directly
yes, raw editor. which will hopefully become more feature rich over time
Nice.
May be in the future we could be able to add custom card directly from the UI like we do for the standard cards configuration ?
dreaming about the future :D
you can add custom cards from UI
@fickle oracle I don't get it...I just explained to you that you don't have to leave the UI to do this
I mean without editing the yaml : you put the custom card in a directory (a kind of repository for custom cards) , then all the custom cards are listed directly in the UI , just like the default cards
such functionality is planned
I was a little disappointed for my first use of the lovelace UI (not in yaml mode) but with some explanation I see that everything still evolve in the right way , thank you ๐
๐คท
I remember that with the old system i was able to use Custom UI to colour entities depending on their state, is this also possible with lovelace ?
for example, ive got "entities" list with battery status of all my zwave devices, i would like ones with low battery to be red
is it feasible in lovelace?
hello all,
I would like to displaz entitys name on the picture-element card
cant find it in gooogle
can anyone help me with this?
If i'm looking to put some cheap 7" tablets on the walls, is ha dashboard still the best way to go? I want different layouts in different places, so if i'd go with lovelace id have to create an extra view for each display?
Or can you somehow make a view show different things based on what device is watching it?
Making different views is probably easier.
... I should add device id to state-switch-card...
Ask again tomorrow!
Hi there,
I inadvertently hit the "configure" button.
How can I go back to the previous auto config ?
@polar kelp its just if i have like 5-7 wallpanels i'd rather nog have that manny views in my lovelace :/
Damn i need to get better at creating gui stuff :P
@cobalt oar delete <config dir>/.storage/lovelace
@polar kelp thanks ! Sorry I can't find it by myself ;-)
Itโs not obvious or even documented. Thereโs hopefully a gui method of going back to auto coming in the next release.
For those of you maintaining custom cards and publish a tracker.json for the cards, I created a small utility to automate the tracker.json file. I mostly extracted what I kept as a script in my simple-thermostat package and published it as a generic package that you can easily configure. Its rough around the edges, only supports stuff hosted on github and requires you to use a package.json, but after setting this up with tooling for release management it becomes a lot easier to maintain your cards as you create new versions.
whats the best way to have some overview with some large things you can click on to have some kind of drill-down?
those tabs on top to switch between pages don't work very well :/
picture with tap_action set to navigate so you get into a more detailed view
uuh yes thats what i'm looking for
how can I integrate the navigation action into my custom lovelace card?
oh its just using the history api
will lovelace continue to be avaliable at /lovelace/foo ?
Yes
Hey guys, on theme change, my first three elements on my home page don't tend to switch themes
Even with backend-selected on. Refreshing the page, or navigating between tabs changes it, but it otherwise won't happen automatically
It's like the div#columns doesn't update for some reason
I've got a question for you guys...
Implementing dark-sky-weather-card, in the console, I get:
"dark-sky-weather-card.js?v=7.1:69 Uncaught (in promise) TypeError: Cannot read property 'state' of undefined at html.forecast.map.daily (dark-sky-weather-card.js?v=7.1:69)"
The HA log is a bit less verbose, with:
"http://192.168.178.28:8123/lovelace/0:0:0 Uncaught "
Any pointers?
I'm experiencing slowdowns using lovelace on my phone
it takes almost a full second to navigate to another view
@warm mulch do you properly have the dark_sky component setup?
I hope so...I did a search here in the chat and saw that you asked that question on Wednesday @2:43 when someone else asked about darksky
๐คฃ
I have ds sensors declared in my config. They output correctly when I view entities
it seems to be the card itself.
But how would I have gone about setting up the ds component, if I'd done it correctly?
you need the weather component, not the sensor
shiz
you should teach that one to the bot...on mention of darksky, dark sky, dark_sky, dark_skies, or any other variant thereof:
"Do you properly have the dark_sky component setup?"
is there examples somwhere how to use css with picture-entity card ?
would like to round edges, change text colors and icon etc
@mild veldt I'm moving along.... now the error is in 228
Uncaught (in promise) TypeError: Cannot read property 'state' of undefined at HTMLElement.get current [as current] (dark-sky-weather-card.js?v=7.1:228)
this isn't a card that works solely with hass.io, is it? If so, then I've identified the issue.
I ask because calls that begin with "this._hass..." seem to be dumping. "this" indeed contains no defined attribute for "hass"
There is no such thing as hassio specific components
ok...then I'm still stumped.
should custom-card-modder work with picture-entity card ?
- type: custom:card-modder
style:
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)
card:
type: picture-entity
entity: group.autokatos_valaistus
image: /local/carport.jpg
tap_action:
action: toggle
cant see why this aint working :/
while parsing a block mapping
in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 47, column 7
expected <block end>, but found '-'
in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 68, column 7
@potent fjord 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
ah sry
- type: custom:card-modder
style:
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
color: "#999999"
box-shadow: 3px 3px rgba(0,0,0,0.4)
card:
type: picture-entity
entity: group.autokatos_valaistus
image: /local/carport.jpg
tap_action:
action: toggle
Is that first line matching the indent in your config, if not please edit and fix
~edit
Instead of sending the message again, please edit the original message. For more information on how to edit messages in Discord, please visit: https://support.discordapp.com/hc/en-us/articles/207618817-How-do-I-edit-my-messages-
Also, what lines match lines 47 and 68?
line 68 is allready next cards type: line
line 47 is the first line of the code i pasted
That suggests that the problem is bigger than that section then
Can you share the whole config
~share
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.
Like that
Lines 19 onwards, the indenting is wrong
They should line up with the indenting for line 7
@muted saddle I just updated my custom card state-switch to allow displaying different cards in different browsers: https://github.com/thomasloven/lovelace-state-switch
Holy shit thats amazing!
Definetly gonna check that out!
Any info on how we see what browser id a certain device have?
Read the very last line
(not the code sample)
Is it understandable, or could I make it clearer?
thats awesome!
I've been wishing for an easy way to show/hide stuff based on user, i've not given family access to the panel yet because i don't want them messing with everything
@polar kelp can you change text color with card-modder ?
been trying to find how to do it, no luck. Trying to change picture-entity card
link in github card-modder to ha-styles.js doesnt lead to anything
That's one exception. The text color there can't be changed.
oh ok, good to know so i wont spend another 3hours ๐
been learning a lot tho, not wasted time
I'll change the link. Thanks!
same goes for official docs in picture-entity page
I'll fix that too then.
๐ would have done that myself but i dont know where to point it
Change .js to .ts
You mean on the fronted docs page, right? Or is there a link on the picture-entity page too?
yes sry, mixed those
@polar kelp i get error "YAML Error: TypeError: Cannot read property 'startsWith' of undefined" when i try your
- type: custom:state-switch
entity: browser
states:
'9c2aaf6f-ed26e3c1':
type: markdown
content: >
Desktop
'c8a4981c-d69c5e3c':
type: markdown
content: >
Mobile
oh and btw, i have card-tools installed
Do you have anything after that which could be misinterpreted as the next state?
nop, i created a new card, and in the raw i just pasted that
ofc not ๐ early morning brain.. thanks
now i could get my browser id, but when i changed your demo id to my real id the card is empty :S
wierdly if i have some random states and no default i get my browser id shown, if i use that as a state without default i get enpty card, so it can match it correct, but does not show what it should
Empty card as in "nothing" or empty card as in "a white box"?
my broser id is 3de426a8-a239b862
but if i do
type: 'custom:state-switch'
entity: browser
states:
3de426a8-a239b862:
type: markdown
content: pc
i get empty card
nothing,
i dont see the card at all
same thing, i dont need to restart homeassistant right? just use ?v=x.x and then change this number for every new version right?
oh wait, now it worked
Hi whats the way to put image behind "weblink" -
type: entities
title: WEB ืกืคืืืืคืื
entities:
- type: weblink
name: WEB ืกืคืืืืคืื
icon: mdi:link
url: https://open.spotify.com/browse/featured
is there any way to make the lovelace yaml more manageable? I have a lot of difficulty finding what I'm looking for in mine :/
The entire family of !include functions work.
There's also node anchors and lovelace-gen, which lets you use jinja to simplify repetitive tasks.
for the lovelace config? I thought that was specifically unavailable? Or maybe I misunderstood
Due to an awesome simple idea from Frenck which pretty much solved every problem in the world, they were put back.
And there to stay
Frenck just keeps on giving ๐
is there a discussion of this with an example? not really sure what it would look like in practice for the lovelace yaml file.. I was thinking of splitting the views into seperate files
that is brilliant! thanks.. wow.. there are a lot of resources there ๐
how old is this feature? It needs to be mentioned on the podcast
Any news about circle-sensor-card not anymore working? Where to get a new working release?
is there a way to use monster card to only show binary sensors that have been triggered in the last 10 minutes?
@foggy tendon go into the code and fix it. The unpkg line remove the ^
Question about ipanel if I put it to an internal ip would that still work when I view HA from an external IP (want to put my data graphs in ha but don't want to Port forward)
I put in an issue with the fix on the circle sensor github
@placid pivot already did it but the card still doesn't work also after many clear cache
Where you define the resource add/update the v=x
Actually I have v=1.2.0
Yeah just update that so your browser thinks there is a new version and doesn't cache
What I must put to update that?
Just change it to v=1.2.1
Then your browser will see it's not the same and get the new one
Hi, is there a lovelace color picker card? I can't seem to find anthing like it in: https://www.home-assistant.io/lovelace/
Hi all, there is a way to put 33 gauge charts (batteries and miflora) in a little card? In this moment I've all of them in a page but it would be usefully for me to see them together, not scrolling page.
@raven nacelle So what's the best way to input a hex value and send it to my ESP?
In lovelace
depends on what you are trying to do...but you should be able to send it via any automation/script. Something like https://github.com/arsaboo/homeassistant-config/blob/master/automations.yaml#L1346 (this one is for RGB)
I want to have a way to change a color from my dashboard
guys, i would really love it if anyone would help, I am trying to add a Picture entity with a dynamic picture that changes once awhile, the image is a html link taken from an attribute
if possible how can I write that in lovelace for it to change automatically as soon as the html in the Entity changes?
state_image https://www.home-assistant.io/lovelace/picture-elements/#state_image perhaps
hmmm where can i edit the integrations zone at?
nvm the file haha
where is the home zone radius defined?
No :( state won't work, you see i have a twitch sensor which gets me the streamers info whether they are streaming or not, it also gets their image and post it in a html form. I would like to show this streamer as a picture entity with their picture, but sometimes they change their picture and so the html will change
@karmic vessel https://www.home-assistant.io/components/zone/#radius
Can't override the default from the UI eh? Has to be done though a file
Totally didn't realize I was in the Lovelace channel haha. Sorry guys rofl
well XD i am still stuck if anyone could help
@brave raven my twitch badges have pictures. Have you tried state-icon?
i am not sure exactly what you mean by badges but i think yes, So the thing is the twitch entity is perfect but i want to display the twitch entity as a Picture element where the huge picture is the streamer's profile picture (or the stream if they are streaming) while the details displays their name and "streaming"
so if i used {{ states.sensor.STREAMERNAME.attributes.entity_picture }} it outputs the html for their profile picture but Entity picture doesn't like that ๐ฆ .
Anyone know what happened to https://home-assistant-lovelace-gallery.netlify.com ? Contained lots of great examples
hi, today I updated to 0.86.0b0 and some components are broken such as:
local/custom-lovelace/card-modder.js?v=1c480b:63:0 NotSupportedError: Operation is not supported
hassio ha up --version=0.86.0b1
not sure how to do that from ubuntu
sudo docker homeassistant ...but then I have no hassio command
the custom cli commands...you need one of the ssh addons or the ide addon
ok
Is the gauge card moddable by card-modder?
Not at the moment. But that should be fixed in 0.86.
๐
@polar kelp you have a card that changes its background image?
Yes.
Well... depends what you mean. I have a demo with one, but I don't use it in my setup...
I was just trying to see how that was done and if it could be applied to background:
Per view
@polar kelp found it...or the card modder...close enough
Hi! Is there a way to force lovelace through a yaml config?
You mean use yaml instead of the gui editor?
No I love the GUI editor! The cookie(i guess) with the preference doesn't get stored on my browser, so every time I login again I get the old UI
No hass bug; It has something to do with my browser; I use RoyalTSX to manage HASS.
This is the only way to set it right now. Is that not working?
It uses Local Storage.
ahh okay
So I guess I'll have to wait until it works in RoyalTSX then. no problemo!
However, from the next release Lovelace will be the default interface.
Awesome! ๐ค ๐ค
im not sure, people saying @secrets on lovelace is only working in yaml mode, but i dont use yaml mode and in my radarr upcoming media card i have !secret defined in the yaml, and the custom cards just seems to work
what does this mean, i still use yaml mode somehow, while its not in configuration.yaml ? i edit cards with the new storage method
@polar kelp maybe you have a answer on this cause you said it would only work in yaml mode ๐
here is a screenshot: https://www.screencast.com/t/nkVGSQtt
@fiery temple that's not Lovelace
yes it is
I don't know you're trying to show me
that im using lovelace xD
Storage mode for Lovelace has nothing to do with how your backend configuration works
ah ok
i misunderstood that then
but as you can see here: https://hastebin.com/xoluhojava.coffeescriptt i am not using yaml mode
and peopel did say !secret only work on yaml mode after i believe it was 0.85 update
Secret in your Lovelace configuration
could you express that? my native language isnt english
you using !secret in configuration.yaml and thats backend
In storage mode for Lovelace, when you use the UI editor, that is your Lovelace configuration. You cannot use secret there
and packages (YAML) files are also backend cause there normally stored in the big configuration file? right?
Looks like your use the configurator addon which while accessed through the UI is not what we mean by UI editor
or do i sound stupig
lovelace-ui.yaml, sorage etc.. is frontend
not using configrator addon no
so what i just said is correct? last few lines?
i think i understand now, thanks much
i can use secrets in yaml files, just not on the UI
thats very good to know so i can change things back to secret and upload to github again
have a great night/day all
yes. you are safe to use secret in any yaml files
You can use secret in ui-lovelace as you would be in YAML mode if you were using that
Whats the point of using !secrets in lovelace, that is a frontend used only for showing data?
Yes, but things like iframe cards can contain basicauth credentials
Ah right, so they can be translated in clear text passwords in the html... understood.
Hi there! Is there a way to use ressources in lovelace storage mode? Like for custom cards? Thanks!
You can add them as usual through the raw editor
thanks for the quick reply, i tried that and the code is automatically removed. I added: ```resources:
- url: /local/power-wheel-card.js?v=1
type: module```
๐ obviously i missed that
any one here have a timer exposed in the frontend ?
ok cool, its quit now, maybe i can try it once more :P
is it possible to set default language to english with lovelace as custom and a custom theme always for all users? kinda get sick of having to reslect those everythime i clear cache..
hey everyone, anyone ever had the issue with entity-buttons randomly resizing on clicking it?
ha nope dont have that issue
how do you stretch background image, i used compact-custom-header and now my background image doesnt fill whole background
Hi, I am trying to migrate my HADashboard to Lovelace
Main issue I am having is getting the layout and aligment as the one of HADashboard.
I am trying to use https://github.com/jeradM/grid-layout for that, but I am far away yet to getting the same I had in HADashobard