so far I haven't used lovelace GUI option. I am want to play dirty with yaml stuff 😃
#frontend-archived
pallid flame
I think lovelace UI still in beta 🤔
my bad.. I thought you were trying to add entities to ui-lovelace.yaml file manually
forest pebble
I'm no longer using the ui-lovelace.yaml
Its the one that gets built with the UI.
config/.storage/lovelace
Yeah I had that one built out and its still backed up in my directory.
I was just giving the UI editor a whirl because it will be nice to use once completed
pallid flame
yeah..I am using following setting my configuration.yaml so that I could edit ui-lovelace.yaml file manually
lovelace:
mode: yaml
prime umbra
what code you putting in card then?
forest pebble
card:
entities:
- light.lr_fan_light
type: 'custom:slider-entity-row'
conditions:
- entity: light.all_lr_lights
state: 'on'
resources:
- type: js
url: /local/light-entity-row.js
type: conditional
It seems its not taking the resources
prime umbra
why you putting resources in card then
gentle tide
what's that tool everyone uses to keep custom cards updated?
prime umbra
you put resourses in your raw config edit on start
forest pebble
where?
prime umbra
raw config card
forest pebble
configuration.yaml?
forest pebble
AHHHHHHHHHHHH
prime umbra
on card you dont put resources then
forest pebble
Add it above the first entry?
title: Home
prime umbra
first line
forest pebble
resources:
- type: js
url: /local/light-entity-row.js
yes
forest pebble
Once its added do I need to restart HASS
prime umbra
dont think its need to restart but you can
its need to restart when you do for the first time the www folder
hopefully not saying the wrong thing 😃
forest pebble
yeah I restarted on adding it to www
@prime umbra Well I thought we might be on to something, but it would seem not.
Still getting the same error... hmmmm
Top of the Raw Config
resources:
- type: js
url: /local/light-entity-row.js?v=0.2.4
title: Home
views:
- badges:
- device_tracker.google_maps_115346327027382333931
- device_tracker.google_maps_102013459140909327019
- device_tracker.pixel_2_xl
sec let see what you might have wrong
card:
entities:
type: custom:slider-entity-row
entity: light.all_lr_lights
conditions:
- entity: light.all_lr_lights
state: 'on'
type: conditional```try that
forest pebble
Same error
prime umbra
on bootm right add new card´
kind loom
hello, is raw config supposed to come up empty?
forest pebble
Same error
forest pebble
Custom element doesn't exist: slider-entity-row.
Its just failing to load the custom element
prime umbra
so you have light-entity-row.js inside the www folder?
forest pebble
yep
Even opened the raw code and pasted it into a new file to make sure I didnt DL it wrong.
What are the permissions on yours
prime umbra
try clean cache of browser
forest pebble
just tried that as well, but Ill give it another go
crimson fable
so there are a lot of custom cards but what cards are available by default?
crimson fable
ah there. thanks
prime umbra
np
prime umbra
what you mean by file permisions
forest pebble
are you running your HASS on linux
the octal for permissions on my JS file is 0644
kind loom
how do i load custom cards with the new UI editor? raw-config opens empty(i have a lovelace setup) and i don´t know where the new files are stores
brisk osprey
Is it not possible to use a header toggle on glance cards?
prime umbra
@forest pebble why you put url: /local/light-entity-row.js?v=0.2.4
when you want the slider-entity-row
brisk osprey
@prime umbra ive been looking into that slider-entity-row myself. Where do you put the .js ?
forest pebble
@brisk osprey in your www folder
prime umbra
on www
brisk osprey
ok, so just create it if I dont have one?
forest pebble
@prime umbra What should be there instead of
url: /local/light-entity-row.js?v=0.2.4
brisk osprey
yeah but I create the www folder in /config ?
forest pebble
WOW.... OK nevermind
prime umbra
yes roy
forest pebble
Ill go put on my dunce cap now
prime umbra
working?
forest pebble
yes 😊
prime umbra
dont know where you got the light-entity-row from hehe
i didnt payed attention on that first
lol
forest pebble
I don't even remember now.
Ive been banging my head on this for hours.
prime umbra
😃
@forest pebble you can make diferent structure to be more organize
for exemple i do something like
url: /local/lovelace/custom_cards/slider-entity-row/slider-entity-row.js
crimson fable
are there more demo videos like the one in the documentation?
forest pebble
@prime umbra Yeah I plan on doing that. The res of my directories are already organized.
Thats the first custom component so I just wanted to get it working to test out
prime umbra
@crimson fable in pin messages you have there a new video of lovelace with the new mode options to help out
forest pebble
Thanks again @prime umbra . Have to go, my GF is giving me the side eye for "playing" on my pc for too long.
prime umbra
hf mate
brisk osprey
haha, now I'm having the same problem as Ritalin @prime umbra 😃
cant get the url right.
crimson fable
https://i.imgur.com/7V0FajF.png
also what card is this?
brisk osprey
I created a www-folder inside my /config/ but cant get the raw editor to find it
prime umbra
@crimson fable light card
@brisk osprey so what card you putting there?
js file mean
brisk osprey
the slider-entity-row.js @prime umbra
rustic bridge
I think it's affecting my notifications
prime umbra
so you need to put in raw conf editor
- type: js
url: /local/slider-entity-row.js```Just discounted the local folder myself.
Discovered
Sorry I'm drunk and need help
brisk osprey
doesnt find it @prime umbra . Restart needed?
prime umbra
if you made a www folder for the first time, yes restart
brisk osprey
thanks @prime umbra , that did the trick 😃
crimson fable
can I do some wildcard stuff to have all battery levels in one card?
prime umbra
not sure if is the answer you looking for but could use a glance card for it?
crimson fable
I don't want to specify the name of every sensor
but i will also use a glance card
however the config contains an endless list of entities containing the battery percentage. It would be easier if I could just say "all of type" or "all entities matching this regex"
also it would be nice to have a picker for the card type instead of switching to yaml mode just to change its type
upper hazel
I'm trying out lovelace (again), but this time around I don't see the refresh icon, nor is refresh in the menu. Is this a bug in 0.84.6 or am I missing something?
vapid field
Any idea what Lovelace doesn't update without a full HA restart?
crimson fable
type: 'custom:monster-card'
show_empty: false
card:
entities: []
filter:
include:
- entity_id: sensor.*_battery_level
thats easy
crimson fable
how do I add a title to a horizontal or vertical stack?
crimson fable
that would be a very nice addition
prime umbra
you could use
https://github.com/custom-cards/vertical-stack-in-card
crimson fable
oh i will try that
next question: I have an input_boolean which should be a button
sadly, the button card doesn't seem to inform me about its state
I'd expect something like the icon being grey if the input_boolean is off
prime umbra
not sure if this can help
https://github.com/kuuji/button-card
fiery temple
hi,m when im using !secret in the configure ui im unable to save the card
Invalid entity ID at position 0: !secret my_device_tracker
{
crimson fable
@fiery temple secrets are only supported in yaml mode
fiery temple
ok thanks thats all i wanted to know xD
so how do you save yourre project to github now?
crimson fable
no idea 😄
fiery temple
without exposing the api keys etc
by any chance do you know if it will get supported in future?
otherwise i need to find a new backup solution
crimson fable
nope I just started using lovelace UI myself
but I watched the youtube video in the pinned posts section of this channel
@prime umbra looks good, however I first need to find out how to remove the 3rd party dependency
okay nevermind its a mess
fiery temple
okok good luck 😃
west sphinx
Is there any way to show the default page with all entities as separate page? As disorganized as it is, I like having a page with everything displayed (minus stuff I have forced to be hidden)?
glossy birch
@west sphinx yes, you can!
west sphinx
It's probably something really simple huh? lol
glossy birch
you can run this script I wrote in your template editor, and copy/paste in your ui-lovelace.yaml https://sharethelove.io/tools/jinja-magic-scripts#code-to-auto-generate-lovelace-script
kind loom
hello, how do i add a custom card using the new lovelace ui configurator?
worn tinsel
@kind loom I asked myself the same question few hours ago. Use this https://developers.home-assistant.io/docs/en/lovelace_custom_card.html
kind loom
yup, did you figure out how to list the resource for lovelace?
@worn tinsel i read that article too, but it just tells us to add it to the lovelace yaml.. :/
worn tinsel
@kind loom What do you mean by list the resource exactly?
wheat current
Referencing it under resources:
@worn tinsel use the "Raw config editor" option to add it
worn tinsel
@wheat current You lost me a bit, what option to add where? 😃
wheat current
custom resources?
worn tinsel
Ohh, I already did it, thanks
kind loom
@wheat current the raw config editor shows up emtpy, and when i add something lovelace gets broken:( seems like it replaces my current config
wheat current
Then it sounds like there is an issue with what you paste there, it will replace that is how it works
kind loom
is there a way to add a new custom card without replacing my config then?
@wheat current if i add "resources: - XXX etc" will it replace the whole config or just the resources: part?
kind shellBOT
Ludeeus is away for 2m 49s with a message :point_right: {{"Tm90aGluZyBpcyBpbXBvc3NpYmxlLCB0aGUgd29yZCBpdHNlbGYgc2F5cyDigJxJ4oCZbSBwb3NzaWJsZeKAnSEg4oCUQXVkcmV5IEhlcGJ1cm4=" | base64_decode}}
forest mica
Your config is not supported by the UI editor:
Expected a value of type {entity,name,icon} | entity-id for entities.0.tap_action but received {"action":"toggle"}.
Falling back to YAML editor.
getting this error on one of my cards
wheat current
Not sure @kind loom
wanton jolt
Is there a way to hide these controls on lovelace cards? Using the "legacy" interface they are already hidden using control: hidden in the config https://i.imgur.com/mPeZqx8.png
wheat current
wait... it's documented? 
forest mica
im trying to make a glance card with the UI and its not adding the entities
and my other glance card gets that error
wanton jolt
@split granite works flawlessly 😂 https://i.imgur.com/7T2lyQ6.png
can't use that in groups
and the "auto" conversion doesn't seem to pick it up
split granite
Well, no, you're asking about lovelace config
Lovelace != group
You need to define your entities card according to how you want it
forest mica
cooool.
prime nexus
@split granite I am looking through the lovelace documentation and I am trying to figure out how you create card stacks with the config editor? Do I have ot go into raw mode and modify it there? Is there specific config editor documentation that I am missing?
kind shellBOT
Tinkerer is away for 45m 26s with a message :point_right: Family time!
wheat current
nope, just add a horzontal or vertical stack card
prime nexus
hmm ok let me give that a try. I was never that good at creating the config by hand with yaml so trying my hand at config editor. lol Thanks!
hmm so maybe what I am asking about is not what I mean. currently if I add two cards like thermostat cards they show up stacked vertical if I want them to be side by side I would add a horizontal stack card instead of a thermostat card? What I thought I understood was that a horizontal stack card would stack the entities horizontal within the card. But if I want the cards themselves to be stacked horizontal that would have been a view definition?
based on this document https://www.home-assistant.io/lovelace/views/
wheat current
Nope, you want horizontal stack, and then define that thermostate cards instide that.
viewes are for "tabs"
prime nexus
ohh ok well that was my second guess. I should have tried it.
Thanks! @wheat current
brittle kindle
Hoping somebody knows, as the terms for what I'm looking for are quite generic
Is there any way to remove the top right button from a lovelace card?
About to check the documentation, but I figured somebody might know off-hand.
derp
Found it
show_header_toggle
Thanks docs
wheat current
brittle kindle
Jesus
Literally a few lines above me.
That's great.
And on a non-support note
Lovelace is great.
Really marked the milestone for me from where HA went from being a cute toy for me to something that's making managing my home something I enjoy doing.
spice ocean
@brittle kindle is that screenshot Lovelace?
mild veldt
@spice ocean it is
I’m going to assume you’re going to ask about the lock https://github.com/thomasloven/lovelace-toggle-lock-entity-row
spice ocean
@mild veldt you read my mind
copper mural
In a picture-elemens card, cant an image be transformed (rotate)?
slow wave
any known issues with lovelace recently ? whatever I put in ui-lovelace.yaml it just shows me a smoother version of my regular configuration
I have tried just copying a public lovelace config
but still the same
currently upgraded to 0.84.6
mild veldt
@slow wave read the release notes and watch the pinned video on modes
nocturne stump
I'm getting "login attempt" from my own 4G ip all the time, and then it gets banned. Happens every time I open the HA app I get the login attempt yet I get logged in?
foggy tendon
How to change line in a phrase when using useful-markdown?
I have this as phrase: "Oggi [[ sensor.oggi.state ]] [[ sensor.weather_report.state ]]".
How to put the first sensor state in a line and the second in a second line?
mild veldt
@nocturne stump #330944238910963714
nocturne stump
Ooops didn't see the channel!
mild veldt
@foggy tendon \n
foggy tendon
Hmmm... doesn't work.. maybe i need some quotes around?
slow wave
trying to use a glance card that shows the state of a light.group, but tapping it should toggle it on or off, am I missing something ? https://hastebin.com/yacukobeqe.css
doh my bad...
mixed up my - on toggles instead of entities :p
copper mural
I have a tiny image with transparant background that I use in a picture-element-image for a bulb. Looks good if I have "padding: 50px 50px 100px 50px" as style. But if I remove that I got a noticable border around the image. How come?
polar kelp
@foggy tendon <br>
forest mica
how come my rachio switched dont work in lovelace?
kind loom
Hello again:) Im making a 3d-floorplan, but i have a problem where one of the pictureelements can be toggled over the whole card. the image is not bigger than the room itself. does anyone know what might could be wrong? Thanks in advance
Nvm, seems like an old version of the image was cached in my browser.. 🤦
copper mural
I try to make a picture-element. Is it possible to have the mdi:lightbulb yellow when turned on, and black when off ?
Mine is white what so ever.
forest mica
mine only works that way when i use a light domain. i WISH i could figure it out for switch and group
copper mural
For me its not work either way.
forest mica
i guess mine is a entity-button or filter cards not picture cards sry
mild veldt
@forest mica there is a light switch compoent that can take a switch and put in the light domain
@copper mural which element are you using?
and with what entity domain?
forest mica
really i need to find more about that
i found the docs thanks ill try it out
do i then call it as a light or it will just act as one?
genius!!!!
plush tulip
anyone know how to make lovelace the default for all browsers?
have someone house sitting and don't want to have to set their devices up
would rather just have them login
proven tree
I believe you have to set for each browser, I remember reading that somewhere
mild veldt
Until it is default, yes
copper mural
@mild veldt picture-element / -type: icon I tried on. The light-domain. Also tried switch, same same. The mdi:lightbulb is just white.
fiery temple
is it possible to give icons colours on custom ui? i have some scripts buttons which i wanne change tthe icon colour off
patent jay
after the last update is my glance card not working anymore:
service: switch.turn_on
tap_action: call-service ```i cant find any working combination.
when i tap it should call the service not open the card
mild veldt
@copper mural you should use the state-icon if you want it to represent the state of the device
vagrant ivy
Appreciate the update that Juan did about Lovelace.
https://www.juanmtech.com/how-to-set-up-lovelace-on-home-assistant/
It still doesn't work for me.
dense thicket
Hopefully this isn't regarded as spam, but I wanted everyone to know that I appreciate all the knowledge here and I'm thankful you all help out 😃 I'm learning a lot.
mild veldt
@vagrant ivy if you want to follow that guide on 0.84 you'll want to be in yaml mode https://www.home-assistant.io/lovelace/yaml-mode/
kind shellBOT
Please follow the rules, @foggy tendon! 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/9QmnQDXYWQ/
foggy tendon
Sorry,, did not count the lines... 😬
I have this mini-graph-card:
https://imgur.com/a/vK4yuHK
How to change the font-size of the name of the entity?
This is the code of the card:
https://hastebin.com/qawomucaqe.cs
proven tree
Question about the HomeAssistant UI. Why so some of my sensor circle badges at the top show in Red outline and others show in Blue? like I have a few door sensors and one motion sensor in blue with a black internal circle the fill sin when the sensor is tripped, and other badges that are red circle with numbers in them
split granite
I believe the red circle is for when you've got a simple sensor, that returns a string/number, and the others are for binary sensors (true/false)
proven tree
ahh, thanks! Hey, arent you the guy who just told me to ask in here? 😉
split granite
Maybe 😉
proven tree
i get it, keeping the channels on topic
stable kindle
when using a picture-glance card, is it possible to have the icon change when "armed" becomes "disarmed" and vice versa?
or have the state shown by text?
stable kindle
I didn't 😉
that sounds like it would be the camera image, not the icon. no?
I'm referring to the shield icon on the bottom
split granite
There's no option listed on that page for just changing the icon based upon state, and it only displays icons
https://www.home-assistant.io/components/binary_sensor however, may be what you're after
If you wrap it with a template binary sensor, you could use safety as the device class and have it swatch between a shield and warning triangle
Simplest is just to change the image though
stable kindle
template is an interesting idea. the issue with changing the image is that it's a camera, so what would I be changing the image to...
thanks for the suggestions!
twilit heron
Anyone have any experience with card-tools in the UI editor/storage mode could answer what's sure to be a stupid question..
split granite
Just ask the question, then when folks are around who know they can help you 😉
twilit heron
Thank you kindly
patent jay
i have an error in my thermostat card error: frontend_latest/ca513668e766f62fe5cc.chunk.js:4:29116 Uncaught TypeError: Cannot read property '_leaflet_pos' of undefined
i am running an custom component for the Vsmart thermostat
copper mural
@mild veldt Thanks alot 😃
Which card is best to use to represent two lights where I want to be able to turn it on/off, dim and change colors ?
copper mural
I cant control color of my lights in a regular entities-card? Neither in a glance-card.
gilded veldt
split granite
@gilded veldt #330944238910963714
fleet barn
Hello!
I am having trouble with the .homeassistant/www/images => /local/images syntax in lovelace. I am trying a basic picture-entity implimentation just to get my feet wet with Lovelace, and after searching and finding a few promising articles online / reddit /github I am still stumped.
I am not sure if I am putting my images in the right location. Has anyone else had a similar problem? If someone has a link that might explain better how the file structure should look I will be happy to see if I can figure it out on my own.
Thanks for your time!
Let me know if I need to provide any other information, such as version, code snipets, etc.
Thanks
polar kelp
You need to restart Home Assistant once after first creating the www/ directory.
scarlet heart
Is there a way to display temperature in a picture glance card ?
polar kelp
No, but I think it is being looked at.
fleet barn
I restarted it, I also restarted my RPI just to be on the safe side.
Am I placing the www/ directory in the proper place though?
polar kelp
It should be in the same directory as your configuration.yaml.
Can you navigate to the path in your browser? http://your-hass-address:8123/local/images/yourimage.png
fleet barn
Okay good. Did that. I will see about restarting again, just on the off chance it is a fluke. I am on version 80.0 would that be a problem?
I will check right now. One moment.
polar kelp
0.80 is quite a while ago... I'd recommend upgrading.
Though that shouldn't be causing your problem.
fleet barn
I was looking to upgrade, its just kind of a pain because It almost always breaks something lol
Im planning this weekend to update.
I cannot navigate there. I get a 404 error
polar kelp
What's the exact filepath of your image? ~/.homeassistant/www/images/...?
fleet barn
How do you do the code formatting thing you are doing? I want to make sure I format things properly.
polar kelp
Backticks on each side of the code `
fleet barn
~./.homeassistant/www/images/bed_light_off.png
polar kelp
For multiline code, you put three backticks on a separate line before and after the code.
fleet barn
Perfect, thank you.
polar kelp
That should be http://your-path/local/images/bed_light_off.png then...
Any log messages when trying to reach it or on boot?
fleet barn
And in my config I have. /local/images/bed_light_off.png
No. Only error I see is a time sync one and an issue with my hue bulbs being timed out.
fleet barn
Could be its strange I am getting a 404 instead of a 403, but I did create the image using a samba share over a VPN. Who knows what could have gone wonky.
polar kelp
Can the user that runs home assistant read www/ and www/images/?
fleet barn
booting up ssh... One moment.
polar kelp
I have permissions 0755 on all directories and 0664 on most files in my www/.
fleet barn
I am not great with permissions on linux, but I went to www/ and I did ls -l and for those two files I get this:
-rwxrw-rw- 1 homeassistant homeassistant 64020 Dec 26 12:20 bed_light_off.PNG
-rwxrw-rw- 1 homeassistant homeassistant 107055 Dec 26 12:19 bed_light_on.PNG
(That multline thing is slick)
Is there a better way to look for this info?
polar kelp
It gets better, if you do three backticks followed the name of a language you get
syntax: "highlighting"
Your permissions looks fine, but there's one detail. You said you went to www/ and did ls -l , but you said your files were in www/images/...
fleet barn
Ah, yes. I have tried both www/images/ and in the root of www/
Just because I wasnt sure what the issues was. Let me jump in images and see if that is different for some reason.
polar kelp
Did you try both png and PNG?
fleet barn
😐
Welp. I feel sufficiently dumb.
That was it. Just a simple case sensitive issue.
@polar kelp Thanks for letting me bounce ideas off you lol
polar kelp
Glad I could help
fathom tree
I'm stumped
why would I have custom cards that work on my mac but not on my pc? Both using Chrome browser.
can't be an error in the yaml or it wouldn't work on the mac...
tame dove
Browser cache?🤷♂️
radiant drum
Hi! Is there another way to make this code so that it will trigger "group.lys_innendrs"? https://pastebin.com/2nQUDhmh Cant get it to trigger any more.
split granite
The format of tap_action changed in 0.84
radiant drum
how do i now format this code then?
split granite
As per the docs? 😉
With the examples at the end https://www.home-assistant.io/lovelace/picture-elements#example
tap_action:
action: toggle
Actually... looking further down
tap_action:
action: call-service
service: media_player.media_play_pause
service_data:
entity_id: media_player.living_room```Can the custom card fold-entity-row be styled with custom card-modder?
polar kelp
Can’t see why not.
radiant drum
@split granite i now have this ```
tap_action:
action: call-service
service: homeassistant.toggle
service_data:
entity_id: group.lys_innendrs
That looks better now
radiant drum
then i get mapping values are not allowed here in "/config/ui-lovelace.yaml", line 141, column 34
split granite
And... what's line 141?
radiant drum
service: homeassistant.toggle
foggy tendon
@polar kelp I have this card:
https://hastebin.com/yarahelimi.css
but i get this::
https://imgur.com/a/CGOXs0W
polar kelp
The formating is messed up on mobile, so I can’t tell if it’s correct, @radiant drum , but service: should have the same indentation as action: and service_data:
polar kelp
@foggy tendon you’d have to style the header and each item separately, and it probably won’t work with groups. I’ll take a look at it when I find the time.
foggy tendon
@polar kelp Yes, i have the header styled at the end of the cards
style:
background-repeat: no-repeat
--primary-text-color: var(--primary-text-color)
--secondary-text-color: var(--secondary-text-color)
--paper-item-icon-color: var(--primary-text-color) #small variation icons
background-size: 100% 400px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)`Preformatted text`
The indentation is correct also if here is shown wrong
polar kelp
Wait. I see what you tried to do now. You tried to use fold-entity-row as a card. It should be inside an entities card - as in every single example in the readme.
Edit: darned mobile keyboard
radiant drum
It will still not trigger: ```
tap_action:
action: call-service
service: homeassistant.toggle
service_data:
entity_id: group.lys_innendrs
@polar kelp This way: But i think it's wrong:
- type: custom:card-modder
card:
type: entities
type: custom:fold-entity-row
head: group.boolean
style:
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)`Preformatted text`
Please check the readme on github again. And try to to get the fold to work without card-modder first.
foggy tendon
@polar kelp Ok, without card-modder is working good....
polar kelp
Those changes shouldn’t be applied to the fold row anyway, but to the entities card containing it.
foggy tendon
@polar kelp Hmmm sorry.... i see the examples but do not find something related to it, but maybe i'm wrong.
EDIT: Solved... looking at the fold-entoty-row examples.... 👌
radiant drum
@split granite Solved it 😃
midnight frigate
Is there a way to hide in entity toggle so it only shows whether it’s on or off to you at the icon? Or have the toggle show state but not allow control?
split granite
Depends entirely on what card you're referring to
midnight frigate
Basic entities card with switch entities
I've got some smart plugs that I'd only want controlled when you open the entity "detail" card instead of the base UI
split granite
Short answer, not with that card
If you were to change to using, say, a glance card then that's an option
wheat current
Sure you can, make a template binary sensor of the switch h and show that one in the card
midnight frigate
Was it the old UI that allowed some kind of 'control: hidden' setting?
split granite
But then @wheat current it won't allow you to select the entity?
@midnight frigate That hid the toggle for the entire group/card, not the individual entities
wheat current
Oh.. got bored, didn't read it all 👌
midnight frigate
What's the option for the glance card?
split granite
It works the way you're wanting out of the box 😉
midnight frigate
Does clicking on the glance entity toggle the entity?
split granite
For a switch, by default, yes, but it doesn't have to
You can set tap and hold actions
kindred sparrow
Good Morning everyone! (at least for me, I am in eastern standard timezone). Just got started using home assistant about a week ago and love it! I got most of my questions answered via some google-fu, but have a few and was wondering if yall could help me with my lovelace frontend?
split granite
People can only help if you ask questions 😉
It may take a few hours for the right people to be around to answer them, but that's how all these places work
kindred sparrow
Awesome! Thank you. I actually just figured one out. I couldn't get backgrounds to work on each individual tabs. Drove me crazy last night, but alas, this morning I realized correct extensions are key! Doh.
split granite
Correct everything is key 😉
kindred sparrow
the next one I have is about ordering of cards. I did mess with the custom layout card and got it to work enough for the tab I was working on. But, is there a way we can order them without going through major gyration? like somthing like order: 3 under the cards?
split granite
Nope
It's designed to flow based upon your screen/window resolution
You either let it do that, or you fix things
There's no middle ground
kindred sparrow
Darn.
What about the views? do we have to move the views around in the ui-lovelace to order them?
split granite
If you're using the YAML, yes
kindred sparrow
There is another option?
split granite
You can of course simplify that through the use of include statements
Well, as of 0.84 there's a built in editor, but it's very new
(so, incomplete, rough edges, etc etc)
kindred sparrow
Yea, I have been using that with mixed results! I like it, but its has a few weird limitations I found.
Like you can't add a new card.
or I didnt' see it
split granite
It might not exist yet, 0.84 was the first release
kindred sparrow
ok. I do like the editor though. A nice way to make small adjustments even if I am running mobile. Its super sweet
fallen badge
Hey. I'm trying to do a scene.turn_on at a glance card but nothing happens. Having the same scene in the old states layout works with it's "activation" button. Any clue what I'm doing wrong here? https://pastebin.com/34bBmRsm
kindred sparrow
So I just went in my yaml and moved the tab blocks around in the file. I wanted to re-order how the tabs show. Once I moved the block within the file, all of my tabs were wrong! The icons did not match the view. very confusing!
Would it be a toggle not a scene turn on?
split granite
You can only turn scenes on
I suspect you don't need to specify the tap action at all though
fallen badge
The default action is just "more-info". Then I have to push it and then pus the "activation" button. And that is what I wan't, to turn it on when pushing it
crimson fable
How do I properly develop custom cards?
Is there a simple debug setup so that I don't need to change the version number in the YAML on every single change?
split granite
Give it the service data @fallen badge 😉
action_name: Toggle light
service: light.toggle
service_data:
entity_id: light.bed_light```Look at the pinned posts in this channel @crimson fable
crimson fable
@wheat current which one?
fallen badge
@split granite like this? https://pastebin.com/kzhpJxaz
split granite
No...
That'll attempt to turn on the scene light.vardagsrummet
Which is unlikely to work out well 😉
fallen badge
Haha
wheat current
The one about disabling cache? @crimson fable
crimson fable
@wheat current oh! Okay I see thanks
fallen badge
@split granite this is what I'm trying to do https://community.home-assistant.io/t/lovelace-glance-toggle-for-scenes/73063
AHAAAAAA!!!! I see what you where telling me.
So I thought
proven tree
Good morning! I finally got my 4-in-1 sensor working. But I would like to know how to view the historical data as a line graph instead of a colored bar. When I click on the badge it just shows a single horizontal bar with colors representing the changes. Also, in History it doesn't show any changes, just a straight line...Thanks!
proven tree
hmm...odd cause in Customize for Unit of Measurement, it shows % for humidity
so would i set Humidity to be "%" and Temp to be "F"?
split granite
If those are the units, yes
proven tree
Let me give that a shot, thanks again @split granite ! 😃
fallen badge
@split granite No, I don't get it at all. The scene itself points to what lights to do what with. I just wan't to push to activate 🤔
Do I really need the service data then?
I was follwing the answer from this as I could not figure it out myself. But that seems to not work anymore https://community.home-assistant.io/t/lovelace-glance-toggle-for-scenes/73063
split granite
proven tree
@split granite Yes that worked! You the best! 😉
split granite
0.84 had some (documented) breaking changes
fallen badge
@split granite Thanks that did the trick. Let me se if I can understand it as well 😃
split granite
fallen badge
@split granite ooooh! I thought you needed just one of them two but now I see
Thank you so much!
split granite
No worries
crimson fable
I'm currently trying to remove the polymer dependency from the button-card custom card
Uncaught (in promise) YAMLException {name: "YAMLException", reason: "unacceptable kind of an object to dump [object Undefined]", mark: undefined, message: "unacceptable kind of an object to dump [object Undefined]"
I can save the card, however if I try to edit it it loads endlessly and this appears in the dev console
same happens if I try to edit the yaml with "raw config editor"
the text area stays empty because it cannot deserialize the YAML
how can a custom card which renders correctly break the yaml parser?
mild veldt
Are you trying to put the JS code into your config...?
foggy tendon
How to style badges? Is it possible?
How to change the color of the text in badges?
rugged heron
Don't know if this has been asked before here, but since 0.84.4 I see that the Picture Entities do not respond to clicks anymore. anyone else had this? Other items are clickable..
polar kelp
Are you using tap_action?
rugged heron
Yes, tap_action: toggle
rugged heron
I thought that would be the case
dark crater
hello together
is there a hack to get lovelace as default on all devices? it's getting annoying for switching on each device.
split granite
Wait until 0.85
vapid field
uh @split granite lovelace will move out of "experimental" in 0.85?
split granite
Yup
0.85 it'll be the default UI
It was supposed to be in 0.84, but things got complicated
wheat current
Yup, it will skip alpha and beta and go from experimental to replace the current one
dark crater
ok that will be soon. that's great.
rugged heron
Thanks guys, that was it!
split granite
Technically it's been through alpha and is bouncing around beta just now
Ok, each release brings new beta features, but 😛
raw brook
Seems like @wheat current May be trying to tell us something 😛
wheat current
yup 👍 , you guys have good faith in the current state of it 😉
raw brook
Lovelace can currently do what states can plus more so I think it'll be okay
proven tree
I am attempting to get Lovelace working with some groups (think that is the proper name...just one main page but separate cards for Kitchen, Living Room, etc)....so I have done nothing to Config.yaml, but I did edit the ui-lovelace.yaml and created the cards for Kitchen, etc....then I rebooted HA and it still does not show the entities separated...everything is still under the card "Lights"....any suggestions? Do I need to add something in Config.yaml to point to ui-lovelace.yaml?
proven tree
I am on 0.84.3
raw brook
Yea. You probably are not in YAML Mode
thin granite
@vapid field I've never installed a custom lovelace plugin before. Where do I place it? Change into ~/.homeassistant/www. I do not have a ~/.homeassistant. Running hass.io on an Intel Nuc.
Can I add a www in /usr/share/hassio/homeassistant?
raw brook
Watch that Video. It explains it
split granite
@thin granite You'll find your config folder by reading https://www.home-assistant.io/docs/configuration/ 😉
proven tree
watching now, thanks
vapid field
thin granite
@split granite I know where my configuration.yaml is. If I create a www folder there, how is that mapped to the url?
split granite
thin granite
/local/flex-table-card.js does not seem to map to $CONFIGDIR/www/flex....
split granite
CONFIG/www maps to /local in the URL
thin granite
Ok. Thanks a lot.
could it be that I need to restart?
after adding the www folder?
gentle tide
not with lovelace
thin granite
AH yes the docs says so
If you’ve had to create the www/ folder for the first time, you’ll need to restart Home Assistant.
😄
gentle tide
color me corrected
marsh peak
hmm... I tried https://sharethelove.io/tools/jinja-magic-scripts and when I go to /lovelace it looks EXACTLY the same as before
proven tree
@raw brook Ok, so I watched that video. If I get this correct, I need to use the Take Control option to actually "get" into Lovelace...once in Lovelace, I can do everything from the UI if I so wish, but if I really wanted to change stuff via configuration of YAML (I don't really want to, lol) , I would need to get into the YAML Mode....correct?
gentle tide
Sounds right
Has anyone seen an issue where the picture-elements card works fine with a JPG but not with a PNG? For some reason, I cannot get this one stupid image file to load in Lovelace.
marsh peak
here's my ui-lovelace.yaml https://pastebin.com/TscZRJ9P but I don't see any of these cards when I go to /lovelace
running 0.84.6
gentle tide
proven tree
@marsh peak take a look at my issue just above....sounds about the same thing you have
marsh peak
@proven tree watching now
@proven tree autogenerated mode isn't even working for me
/lovelace vs. / are exactly identical
proven tree
yes, for me too...until you use the "Configure UI" option, then it changes
marsh peak
weird.
oh well
that seemed to at least change the UI
now I gotta customize it all
proven tree
I'm doing exactly that right now 😉
vapid field
is it possible to set name for badge in lovelace ui?
marsh peak
is there a way to add a "break" in the lovelace UI? to basically force a new row of cards
rare badger
Is there a way to add a divider using the "Configure UI"? I can add it using the raw editor and adding ' - type: divider' but then that breaks the Configure UI for that card
proven tree
@vapid field Cant you just click on the badge and then the gear icon to set the name?
@marsh peak I'm trying to figure that out too, but it doesn't seem like it
vapid field
@proven tree not working this way - clicking on badge in edit mode is opening graph
rare badger
@mild veldt yes
mild veldt
Might be that the UI editor can’t display it but your card shows it, correct?
proven tree
@vapid field Don't see a Gear icon in upper right of that badge when you click on it?
rare badger
yes, once I add it using the raw editor the card shows the divider correctly but then if I go to use the UI configuration for that card I get ```
Your config is not supported by the UI editor:
Expected a value of type {entity,name,icon} | entity-id for entities.2.type but received "divider".
Falling back to YAML editor.
frank sphinx
Anyone seen any fancy "Next bus leaves in..." cards or similar?
proven tree
@frank sphinx I think that would be a script you would have to dinfe with an API pointing to an online schedule or similar. I haven't seen it done though.
@frank sphinx Is this what you are looking for? https://www.home-assistant.io/components/sensor.gtfs/
mild veldt
@rare badger okay. That makes sense. I’m in the process of refining all the editors for each card and will add that to the list to look into. Thanks.
rare badger
No problem. Thanks for the great work
dire yarrow
Little question: can you set a name AND an icon as a View title?
mild veldt
@dire yarrow yes but the title will be the tooltip and not displayed
dire yarrow
I'll do, thanks 😃
mild veldt
@crimson fable #devs_frontend-archived
crimson fable
FYI:
https://github.com/Hypfer/better-button-card
Like button-card but without external dependencies
mild veldt
Looks nice
keen grotto
how do I go back to the auto-generated mode of Lovelace after moving to storage mode?
fleet barn
Hey, does anyone have a nicer version of the sun for lovelace? I have googled around but not found anything inspiring. I turned it off because I got tired of looking at that little icon. But I would like to have it on my status page.
mild veldt
@keen grotto delete .storage/lovelace
keen grotto
Thanks @mild veldt
frank sphinx
@proven tree Exactly. Thanks, I've added sensor now. Trying to work out a custom card based off of this: https://github.com/cgtobi/rmv-card/blob/master/rmv-card.js
Having issues working out just the most trivial thing, for example how to convert minutes to human readable. I can't use datetime or timedelta.
frank sphinx
How do I render mdi: icon in a custom card .js ?
outer valley
Hi all, I've just upgraded to 0.84.6 and thought about trying the "Configure UI" - but from the "Relase Notes" I see that !secret is not supported. What would you guys recommend using for password storage?
split granite
There's no way to do that if you're using the UI to configure Lovelace
outer valley
I have access to HA via SSH and I understand that it's impossible to move the !secret to another type of storage from the UI. My question was a "general type of question" on what is preferred..? Im running HA on Rasbian (stretch)
split granite
Well, if you're not asking about Lovelace, then that's a question for #330944238910963714
outer valley
Ah.. Ok, sorry
vapid field
@proven tree I can only configure badges in view settings
the bagdes tab
I can only add entity there
I'm runnning 0.84.2
kind shellBOT
Please follow the rules, @dire yarrow! 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/xRsvWCPXbp/
dire yarrow
Oops, didn't count the lines. If someone could look here... https://paste.ubuntu.com/p/xRsvWCPXbp/
PHOTO: https://imgur.com/a/5347p4u
split granite
You have to set a view as a panel, so that it occupies the full width https://www.home-assistant.io/lovelace/views/#panel-mode
dire yarrow
yeah but that makes my other card ("Connessione" in my image) disappear
Well, I tried it now that i made a stack and it works, thanks😊
But now the cards touch the window border, it doesn't do that in the video example in the docs...
split granite
Which video example?
dire yarrow
split granite
And that's linked from the docs?
dire yarrow
Yeah
dire yarrow
HA website > Docs > Lovelace UI (Experimental)
split granite
Ah, ok, embedded
dire yarrow
Yeah
split granite
That's from 0.73
dire yarrow
Oh sorry you said "linked", my bad
split granite
It's more than a little outdated
split granite
Well, no
dire yarrow
Because it's "material design"-ish
split granite
Lovelace has changed a lot in the last 11 releases
dire yarrow
So it is like that for everyone
split granite
Depends on what you mean by "that"
dire yarrow
I mean, it goes edge to edge
dire yarrow
I'll link a picture in a couple of minutes
split granite
Probably that only happened in the early releases, it certainly hasn't behaved that way since at least 0.77
Only by using the panel mode can you get that kind of result
Indeed, I suspect it was 0.73 beta 3 that broke the behaviour you're expecting
dire yarrow
Yeah I am using panel now
Because if I don't it only takes a small portion of the screen (like in my first image)
https://imgur.com/a/5347p4u So this is without panel
https://imgur.com/a/oleoGbe And this is with panel
With panel the left and right borders of the cards are not visible and I would like them to be
split granite
inner osprey
hi all
is it possible to add a custom card via the ui config?
or custom card can only be added via the yaml mode?
split granite
Only YAML mode I believe
inner osprey
ah, ok. i hope it will be added a cover card soon
wheat current
Can be added inn storrage mode if you use raw editor
frank sphinx
How are you guys working when creating cards? Each time i change the code i have to bump the ver= to something. Is there a way to work on custom cards more seamless?
frank sphinx
😄
vapid field
@frank sphinx it's inside the netwrok tab inside "inspect" mode in chromium
lofty summit
Hey guys, just created my very first custom lovelace card. Let me know what you think 😅 . https://github.com/Gluwc/bar-card
sudden lion
Looks nice!
lofty summit
Thanks! 😃
sinful flax
Any recommendations for sharing out the json lovelace UI file? I have the entire .storage/ directory currently set to ignore.
mild veldt
Cool stuff @lofty summit , you should add it to awesome-ha
fiery temple
hi, is it possible to get the big banner on the lovelace be only on row?
raven nacelle
@sinful flax Instead of ignoring the entire .storage directory, you can ignore specific files inside that directory
everything else will then be shared
sinful flax
Is that what people are doing? Just sharing the json?
raven nacelle
I haven't seen any yet...but then it was only introduced in the last release
YAMLs are easy to view and understand
wheat current
techincally you should ignore everything and only add exeptions for files / dir you want to publish
frank sphinx
Where can i find information on how to add icons in my custom card js? I've seen there is a <ha-icon but google won't help me find any information on how to use that.
sinful flax
@wheat current Exceptions wtihin the .gitignore file?
YAMLs are easier to read, but that is not the direction the dev's are going. As more and more is pushed in the GUI, json is used.
I do like the UI option for non-techie people, but miss the github sharing option.
Catch 22
split granite
Well, you can still share the JSON, and if you stay with YAML you can share the YAML
serene sierra
i have a template sensor like that ```yaml
ll_time:
value_template: "{{ now().strftime('%-I:%M %p')}}"
Did something change with Picture Elements between 0.82 and 0.84? My tap actions no longer work as expected.
- type: state-icon
title: Kitchen Dimmer
entity: light.kitchen_dimmer
tap_action: more-info
Tap actions changed
That's in the breaking changes
See the docs for the current configuration
thin granite
@vapid field Does the sort_by only work with attribute columns? (flex-table-card)
civic sedge
Somebody could take a look?
I cant get it working
https://hastebin.com/semaqitunu.cpp
just one side On the other off..
radiant drum
@civic sedge move "service" and "service_data" under "action" then it should work
kind shellBOT
Please follow the rules, @hazy condor! 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/8RFVVqtCgV/
hazy condor
Hey all, I just upgraded to .84.6 and ended up with a ton of unwanted header toggles in my entity cards, and can't find any way to get rid of them. show_header_toggle: false always worked in the past, but now it doesn't at all.. I've tried
- type: entities
show_header_toggle: false
title: Weather Forecast
entities:
- sensor.dark_sky_hourly_summary
- sensor.dark_sky_daily_summary
~format @hazy condor
kind shellBOT
hazy condor
and
- type: entities
card:
title: Weather Forecast
show_header_toggle: false
entities:
- sensor.dark_sky_hourly_summary
- sensor.dark_sky_daily_summary
Moving it around, etc... Any ideas what happened? Defect?
split granite
That... doesn't look right
hazy condor
Sorry didn't actually have 2 of them
split granite
- type: entities
title: Entities card sample
show_header_toggle: true
entities:
- entity: alarm_control_panel.alarm
name: Alarm Panel
- device_tracker.demo_paulus```Just tried it, works on 0.84.6 for me
- type: entities
title: Inputs for automations
show_header_toggle: false
entities:
- input_number.room_low_light
From my live config, worked as documented
hazy condor
Here's what I have right now that doesn't work
- type: entities
title: Weather Forecast
show_header_toggle: false
entities:
- sensor.dark_sky_hourly_summary
- sensor.dark_sky_daily_summary
Almost 😉 Edit and use `
hazy condor
Exact same code worked perfectly previously
split granite
You've refreshed using the three dot menu in the top right
sinful flax
Anyone have a transparent file for the picture element? I want to create a huge picture element for my video cameras, but have the default UI backdrop
civic sedge
Thanks @radiant drum - have to try IT tomorrow 🛏
wheat current
hazy condor
Is there some lovelace log that will tell my why it's completely ignoring almost all of my
show_header_toggle: false
which it used to like perfectly well? It's ignoring like 25 of them!
split granite
You are using YAML mode?
hazy condor
Yes
At least I answered the little question about whether I want to control it myself and said yes and the horrible default view reverted back to the one I had made myself, except with extra toggles all over the place.
It's pretty easy to tell because I'm using quite a few mini-media players..
split granite
Ah, no, if you didn't explicitly set YAML mode, then you're not using YAML mode
hazy condor
How do I do that?
hazy condor
Ah. Okay I guess I should have read them better. I knew there was a yaml mode, but my understanding was that it was going to ask me and I thought it did. Thanks.
I didn't really see anywhere I could do customization in the UI either.
split granite
The UI editor is in the first release, it'll grow and improve over the next few releases I'd expect
hazy condor
That did it. Thanks so much, I think it would have taken me a very long time to realize that was the issue.
split granite
No worries, I was confused myself
I'd just assumed you were using YAML mode, then realised I shouldn't assume...
hazy condor
That's a tricky one. I hope lovelace is just about bedded down so that it remains fairly consistent now.. Thanks again for the help.
split granite
There shouldn't be any more major breaking changes, but the devs are trying to satisfy both those of us who love the command line, and making things easy for the point-n-click generation
hazy condor
Yeah, it's a very tough line to walk. I remember when the company I work for was caught between those worlds, but they walked away from the command line entirely. I don't think it was entirely for the better, but it can be easier for the devs when they don't have to worry about syntax errors all the time.. I hope they keep the yaml and command line personally, though.
split granite
They've said they will
Just like they've said that Hass.io will never be the only install option
Too many of us "old timers" would set at them with pitchforks if they did those things 😉
I think the goal is that normal people will do it all through the UI, but that raw access will be retained for us crazy folks
hazy condor
Yes, that's definitely the best case scenario. It will increase the addressable user base dramatically. Many people are scared of text files 😉
wheat current
That checks out "crazy folks" is the correct term
split granite
Silly folks being scared of text files. How else do you find all the edge cases... 😛
wheat current
We got @undone egret for edge cases 🤣
undone egret
@wheat current yea no shit....i figured i would keep my mouth shut ....the point was already made i think
🤞
and why am i in #frontend-archived ?
wheat current
I say "edge case" and my mind landed on you 😛
undone egret
RIGHT.... everybody else installs pixelsticks on esp and no problem.....mine flicker ....yea so if there is a problem/edge case i am your man
woeful ridge
hi there.. is it somehow possible to combine an entity (which shall be shown permanently) with an entity condition/filter on a single card? so that the card expands when the Boolean is set to on.. thank you!
graceful dagger
I'm assuming this is more considered a lovelace question. I can ask in #zwave-archived if it doesn't fit the bill here. Is there a way to display a currently set zwave config parameter in lovelace? It's mainly for testing but I'd like to be able to view some of the parameters current settings as automations change settings to them, without having to dig into config/zwave/node/node config options/config parameter. The config parameters don't show up in entity attributes, though.
spice ocean
@woeful ridge you could probably use a vertical stack, then in the stack have an entity card with the boolean and a conditional card based on the boolean
frank sphinx
Wee, I've created my first lovelace card for the entur transportation component 😃 https://github.com/jonkristian/lovelace-cards/tree/master/entur-card
sudden lion
@frank sphinx add it to awsome-ha 😃
frank sphinx
@sudden lion 😃
sudden lion
Just bug @wheat current to add from / to to the entur component 😄
kind shellBOT
Ludeeus is away for 1h 48m 28s with a message :point_right: {{ "ZG9uJ3QgY3Jvc3MgdGhlIHJvYWQgaWYgeW91IGNhbid0IGdldCBvdXQgb2YgdGhlIGtpdGNoZW4=" | base64_decode }}
frank sphinx
Maybe wait a bit just to iron out potential bugs first 😄
@sudden lion Ahh, haha. hopefully that won't be too hard
mild veldt
Wtf... Ludeeus is @wheat current ....stop making my life harder
kind shellBOT
Ludeeus is away for 2h 8m 33s with a message :point_right: {{ "ZG9uJ3QgY3Jvc3MgdGhlIHJvYWQgaWYgeW91IGNhbid0IGdldCBvdXQgb2YgdGhlIGtpdGNoZW4=" | base64_decode }}
spice ocean
spice ocean
Yeah
heady palm
Cool thanks
spice ocean
Just mdi:whatever
heady palm
all start with mdi:
spice ocean
Yep
heady palm
Cheers
Also I currently am creating a lovelace UI once I am done how do I make that the dashboard? At the moment the only way I can see lovelace is by going to myip/lovelace
spice ocean
That’s all you can do for now. In the next release lovelace is supposed to be the default
You can set it as the default for the browser under 
heady palm
Ah cool
mild veldt
@heady palm the nickname just changed, hence my comment and poor attempt at comedy
twilit skiff
👋
hi everyone
anyone know if theres a way to get dynamic titles in a picture glance?
I'm trying to have a dynamic image with a dynamic title, all driven from entities
mild veldt
Not possible
With picture-glance, I should say. Totally doable with a custom card
Could potentially make just a custom wrapper card that just provides a dynamic title and then has an inner card, picture-glance, in your case
vivid sleet
Hello Folks, I want to stretch a Card, so it will take up , at least two, or more columns. I remember reading some docs on this subject. But now that I want/need to do it, I can not find the docs that explain the coding, to make it work..... Can someone point me in the right direction, so I can create wide Card...
mild veldt
look in the official docs on views
vivid sleet
Just checked, not there...
vivid sleet
panel, does not work for me. Panel makes everthing in the View, full screen. I just wat one Card to go across the scren
mild veldt
Did you read tips and tricks?
vivid sleet
looking now,
There is nothing in Tips & Tricks, either
nothing in Custom Cards also..
mild veldt
Use stacks
vivid sleet
I am using vertical-stack... this is my code...
- cards:
- entities:
- sensor.kitchen_wifi_rssi
- sensor.bedroom_wifi_rssi
- sensor.livingroom_wifi_rssi
- sensor.cellar_wifi_rssi
show_header_toggle: true
title: WiFi Signal Strength
type: history-graph
panel: true
icon: 'mdi:video-input-antenna'
title: WiFi Info
type: vertical-stack
kindred sparrow
hello all. I have a seemingly silly question that I can't get an answer for on google. I was looking at the NASA api's. They have the Picture of the Day api. I setup a rest sensor to pull the url of the picture, the description and the title of the picture. I can set the state as either the title or the url. I want to then have a card that will display the picture with the data. I just cant figure out how to get there from here. Any clues for me?
vivid sleet
@mild veldt , I got it, I was putting panel in the wrong place. I was putting panel under the card part, moved it to the view, it worked... Thanks...
split granite
@kindred sparrow Ideally you'd want to make it a camera. Maybe have something pull it to a local file (you can do that with curl for example) and use https://www.home-assistant.io/components/camera.local_file/
wheat current
Better now @mild veldt ? 😄
undone egret
@wheat current yes much better
vapid field
Is it possible to rearrange the tabs when configuring the UI in the browser?
spice ocean
I think for now you have to use the the raw config editor and cut/paste
kindred sparrow
Thanks @split granite. I would hate to have the pull the file if I don't have to. So can I use a template to set the value for the image? For example I have an image on my desktop for windy weather. Its just a long url. Can I have that sensor update its attribute some how?
split granite
You want to display it, you're pulling it anyway. This way you don't keep pulling it every time you display that card 😉
deep sapphire
Hi 😄 Can you tell me if there is possibility to start up with lovelace in the new editor mod, but import ui from lovelace-ui yaml file insted of existing "old" UI?
deep sapphire
I read the whole page but I must missed statement about importing. Thanks!
kindred sparrow
@split granite Fair enough. You got me there. I will look into the download and display.
warm stone
How can I wipe the config saved and get it to recreate a new one based on the groups/entities I have now?
kindred sparrow
@split granite
@split granite So I had my sensor setup with the url as the state from the json that returned from the nasa api.
I then used this as a cam:
- platform: generic
still_image_url: "{{ states.sensor.nasa_pod.attributes.hdurl }}"
name: Nasa Pod
it displays in the card as expectd
expected!
yay me!
split granite
👍
radiant drum
Is it possibe to make this "tap_action" to only turn "off" lights that are "on"? ```
- type: state-icon
icon: mdi:lightbulb
entity: binary_sensor.lights
tap_action:
action: call-service
service: homeassistant.toggle
service_data:
entity_id: group.lys_innendrs
service: light.turn_off
mild veldt
@wheat current much better
simple jolt
Anyway to hide unwanted entities so they don’t appear on the unused entities within Lovelace?
polar kelp
excluded_entities: See third code box: https://www.home-assistant.io/lovelace/yaml-mode/
uneven willow
Hi, I just started looking into lovelace. I have been editing some in the UI, but I want to start fresh from a ui-lovelace.yaml file. I have copied on into my config folder, but it seems like it is not beeing used. Is the automatic created file located somewhere else and thus ignoring ui-lovelace.yaml ?
Okey, I might have figured that out by pressing the link posted above. If I continue in "storage mode", where are my config located (for backup purpose).
mild veldt
.storage
simple jolt
@polar kelp thanks.
hushed acorn
Hi All, does the Lovelace UI eidtor support this form of calling a script? - tap_action: service: script.family_room_soundtouch_preset_1 action: call-service entity: script.family_room_soundtouch_preset_1 icon: 'mdi:numeric-1-box' type: entity-button I'm getting Expected a value of type `{entity,name,icon} | entity-id` for `entities.0.tap_action` but received `{"service":"script.family_room_soundtouch_preset_1","action":"call-service"}`.
mild veldt
@hushed acorn those should be under service_data
hushed acorn
@mild veldt Would you please elaborate as to what "those" exactly are?
mild veldt
Nvm. Misread on mobile. What ha version you on?
hushed acorn
So, just leave my code alone for now?
mild veldt
Yeah.
hushed acorn
Ok. thank you!
uneven willow
I'm getting started with lovelace now, and my UI is about ready. Should I now go ahead and delete groups which where only for old UI display purpose?
split granite
Yup
inner osprey
hi guys, i edit the lovelca code via the "ui" (raw yaml configurator) i delete all the code for a mistake, now i have no longer the lovelace ui displayed
is it possible to revert?
polar kelp
You can go back to the automatically generated version by deleting .storage/lovelace. I don't think there's any edit history yet...
inner osprey
where can i find it?
polar kelp
<config directory>/.storage/lovelace
.storage is a hidden directory
inner osprey
ok thanks a lot!
heady palm
What is the type for a binary sensor?
split granite
binary_sensor?
heady palm
ah cool thanks
split granite
Depends on what you're talking about really 😉
abstract gazelle
Hello all
heady palm
I want a uptimerobot card to show
polar kelp
Find the sensor in 
heady palm
I have the sensor name
- type: binary_sensor
entity: binary_sensor.blog```That doesnt seem to work
split granite
I'm guessing that's somebody's custom card?
heady palm
I am not sure
split granite
Then, you need to pick what card you're using 😉
type: will depend on the card you use
polar kelp
You probably want either entites or glance.
plain shell
after updating to latest 0.84.6 on ui with panel: true state-icons are not sending any actions to backend server(seems like)
icons on panel are updated when I turn on/off devices not from lovelace ui. but they are not actionable 😦
known issue?
ah, ok, nevermind the "tap_action: toggle" changed to
tap_action:
action: toggle
west sphinx
Hm, can you not use format: datetime for the sensor.last_boot? Doesn't seem to work for me. Trying to format the date/time.
vapid field
Hi there
Seems like the lovelace Alarm panel is broken on my old IOS devices(ipad 2 & ipad mini)
Any1 seen this before?
fiery temple
@split granite do you wanne check at this?
finally got the custom attributed card running
type: 'custom:entity-attributes-card'
title: Taken
heading_name: List
heading_state: States
filter:
include:
- key: calendar.taken.all_tasks
name: Taken
@wheat current can i somehow use that sample you send before on this
it gets the data now but do you know a way to seperate those states? https://www.screencast.com/t/9FhIvuyD
Taken
List States
Taken testing well home,Zoho mobile,testing in the car,testing,testing two,
no, I don't use lovelace (or the UI at all), comma seperated is my prefered way 😉
fiery temple
ok thanks anyway for looking 😃
split granite
@upbeat sierra https://www.home-assistant.io/lovelace/history-graph/
raven arch
I'm on version 0.84.6 is lovelace now the default UI?
subtle rune
@raven arch No
raven arch
@subtle rune what yaml file do i need to edit to change the /lovelace/default_view
ui-lovelace.yaml seems not to work anymore
subtle rune
You need to specify yaml mode if you want to do yaml. Read the release notes, it says how there.
raven arch
@subtle rune thx found it ... reading now 😉
split granite
It'll be the default in 0.85
late knoll
It doesn't appear that the history-graph card respects Imperial / Metric setting in the hass config. Maybe I'm doing something incorrectly?
https://pasteboard.co/HU9Uilf.png
- type: history-graph
title: Temperature
hours_to_show: 168
refresh_interval: 300
entities:
- entity: sensor.hallway_thermostat_hallway_temperature
name: Inside
- entity: sensor.weather_temperature
name: Outside
yr sensor shows up in my entity states list (dev tools) as F.
short willow
Guys, trying to colour-match my state-icon to temperature, but despite the sensor sitting at 23.6, it's still showing blue. Am I being a dumbass again? ``` - type: state-icon
entity: sensor.masterbedroomtemperature
style:
top: 64%
left: 53%
--iron-icon-height: 32px
--iron-icon-width: 32px
templates:
rgb_color: if (temperature > 21) return [200, 100, 30]; else return [10, 20, 30];
rgb_color: if (masterbedroomtemperature > 21) return [200, 100, 30]; else return [10, 20, 30];```
I wanna get to where if < 19 then blue, else if > 22 then red, else green
short willow
Hmmm tried removing the template and it still shows blue. Is there a way to set the min/max/optimal values?
tepid locust
is there a way to seperate the lovelace UI into different files on a per view basis? I want one file for each view I want to have to make it more manageable
split granite
It supports includes now @tepid locust
brisk osprey
is there a way to change what is displayed in the "state" in lovelace? I have magnetic sensors that displays as "off" instead of "closed". Cant seem to find how to customize it to show as closed.
split granite
https://www.home-assistant.io/components/binary_sensor @brisk osprey set the device_class
Then you also get a matching changing icon
brisk osprey
ah, that simple eh. But that is something I have to add to customize.yaml? Or is it possible to add that directly to lovelace raw editor?
split granite
It's a property of the entity
rough portal
would android 7 be working with Lovelace?
split granite
You can do it through the UI
rough portal
im about to buy 3 pads for it
split granite
@rough portal Patience 😉 Somebody who knows will answer when they can
rough portal
😄
having the mouse over pay now 😄
but if it can run latest chrome it should work?
is it not based on browser?
split granite
It should, yes, but I know that the Fire tablets don't work
rough portal
😮
do you know why? can maybe find something on google
fire 7" is low ress can it be that?
is it even android?
split granite
No, it's the version of Webkit, the thing that powers the Chrome browser
That's all I know
split granite
Which is based on Android
violet talon
the HD 8 is based on android 7.1.2
rough portal
and that wont work either?
rough portal
ah nice
if you can try and see if it looks good with chrome
would be really nice of you
@violet talon did it work?
violet talon
it would appear I'm having proxy issues 😅
ok, what am I supposed to be testing?
@rough portal
brisk osprey
@split granite it seems like im not able to add things directly to my customize.yaml. At least its not picked up by HA. If I do the changes in the GUI they work and show up in the file. Thats a bit wierd, right!?
split granite
Not really, you have to Reload core if you edit the file
And then wait for the entity to change state
upbeat sierra
I now have several nice graphs displayed... but.. they are relatively small. Is there any trick (click on them) that would make them full screen - or at least larger, to be able to see more details? If not - what must i do?
split granite
Make them a panel?
brisk osprey
ok. I'll try that. Thanks
upbeat sierra
mmm. panel. thanks, will read more on topic.
what is the simplest way to create a panel out of history graph? because this sounds complicated https://github.com/home-assistant/custom-panel-starter-kit-react
violet talon
@rough portal lovelace works in the "Silk" browser on my HD 8 so I'm going to assume it'll work in chrome too
split granite
https://www.home-assistant.io/lovelace/views/#panel @upbeat sierra
upbeat sierra
thanks. is this limited to one card/history_graph per view?
split granite
Well, the panel can only hold one card. That card could be a horizontal or vertical stack, holding multiple cards
upbeat sierra
so one card can hold multiple (sub)cards?
violet talon
which ones HD 8 or the 7"?
split granite
@upbeat sierra For the cards that support sub-cards, yes
rough portal
@violet talon these
2 will be wallmounted and 1 will be "on the fly" around the house, mostly in the living room
@violet talon they run android 7 so i should be fine then :p
violet talon
let me know
rough portal
they had good reviews on youtube and looked smooth so i think it will work out fine
1200p resolution to so will look good
violet talon
there's an app called something like "fully kiosk" for keeping web apps full screened
violet talon
if you're in the US and don't need 1200p, the Fire HD 8 are still $50
rough portal
ye, but looks slick with 1200p 😄 but 1080p would do too
will install some motion sense app on it and make the camera turn on the display if you walk by or to it
upbeat sierra
@split granite do history graphs support sub cards?
boreal crater
Hi all, i'm trying to make icons a specific color based on the current state. I've read many post by people having tried the same and they use custom_ui. However i don't get that stuff to work. I don't know what i'm doing wrong. Those posts were pretty old. Is this still the way to go with the newest version? switch.sonoff_s201: icon: mdi:pine-tree templates: icon_color: > if (state === 'on') return [0, 255, 0]; else return [255, 0, 0]; is what i have in customize.yaml and have have customizer loaded + those files in www/custom_ui folder
forest pebble
Hello all, hoping someone can point me in the right direction.
Trying to setup entity-buttons to control themes in my rooms.
I have them working as buttons, but there is no indication of which one is active in the UI.
I have show_state: true entered on one as a test but still does not indicate its active, Im assuming thats because I am simply calling for a service action on tap.
https://paste.ubuntu.com/p/SrHqMH4nMP/
Is there a way to manually control the color of the icons based on the state of something else in the Entity-Button card type?
boreal crater
ha Ritalin you are trying the same as i am trying 😃 same question less then 1 minute apart 😉
forest pebble
Nice, hope we can get an answer on it.
@boreal crater I might just move to this custom card type as it seems it has this option built in.
https://github.com/kuuji/button-card
split granite
@forest pebble I believe you'd need some custom UI support
boreal crater
i actually dont have a entity-button but i'm working with state-icons on picture-element (i have a floor map as UI)
forest pebble
Ahhh ok
@boreal crater I think that custom button-card might work for you.
It allows for icon buttons and they track the color of the light, so you would just need to use the bulb icon
boreal crater
let me try that button-card
haughty quartz
Hi all, I've finally managed to create a custom more-info card, it works well, apart from one small issue. I have a button which, when clicked displays some additional information (uses 'style.display = block/none'). The issue i have, is that I can't figure out how to get the more-info card to resize to fit the extra info. At the moment, it goes below the bottom of the page. however, if I click the title, to "enlarge" the card, and then again to "reduce" it, then everything fits perfectly. Does anyone have any idea how to get it to redraw the card when clicked? All help/pointers appreciated.
mild veldt
@haughty quartz sounds like your trying to do what has already been done https://github.com/thomasloven/lovelace-popup-card
perhaps you have more to it than what Thomas created, though
boreal crater
hmm button-card is not made to be put on picture-elements. can't position it. I give up for tonight. Try again tomorrow with fresh thoughts
haughty quartz
@mild veldt Thomas cards are similar, but mine is a bit different, can I post a couple of images to explain my issue better?
mild veldt
I don’t dictate what goes on in here 😃 that’s @split granite ‘s job
split granite
Pffft, I'm too many beers in to care this evening 😉
wheat current
I think that goes for most at this point, use imgur (or similar) for now @haughty quartz 😃
mild veldt
Everyone hear that? Shit post to your heart’s desire
haughty quartz
Well then, here goes ;-).
https://imgur.com/a/wu0k7Me
Have uploaded 3 images:
- initial more-info card
- expanded card:
- desired expanded card:
haughty quartz
ok, let me try over there. Thanks for the compliment.
midnight monolith
hi all - stupid question: I'm trying to change the color of the icons in a lovelace glance card. The entities are groups which have a state 'on' or 'off'. I tried overriding the icon color and the rgb color in the cutomize_glob but this is not working.
How can I change the colors of these groups in a lovelace glance card?
depending on the state of course
vagrant ivy
@midnight monolith Not a stupid question. You just have to make a custom theme.
midnight monolith
ok, will look into that. If I understand, a theme must then define a css color depending on the state of a group, correct?
fiery temple
hi
theres got to be a better way to get his nicer: https://www.screencast.com/t/rGFBITgO
any idea which card i can still try
these entities are sensors btw
midnight monolith
@vagrant ivy I don't think it is possible as there is no different css selector for groups depending on the state
charred dragon
any ideas on playing back config/www/mp4 files in a lovelace card? didn't have luck with local file camera / ffmpeg camera
iron locust
how do I go about making a dedicated Lovelace RPi w/ 7" touchscreen?
I had one working a few months ago with something that boots straight to chromium and I A) forgot how I did it and B) I have a different wifi setup now. It has some unicorn splash screen when it starts up
violet talon
@iron locust tryvi /home/pi/.config/lxsession/LXDE-pi/autostart
@xset -dpms
@xset s noblank
@chromium-browser --incognito --kiosk http://hass.io/```I'm feeling dumb but I dond't even know how to get a shell. It's just chromium and tha'ts it
violet talon
pull out the SD card?
put it in something else and then edit that file. ssh to the Pi and edit the file. wipe the SD card and start over?
iron locust
oh, found it! https://github.com/futurice/chilipie-kiosk is what I'm using. Now that I know that it should be a lot easier
charred dragon
anyone got mp4 files working in camera componenets?
short hemlock
For lovelace in 0.84.x, I'm not clear on which modes !secret and !include still work. I'm currently in auto-generated (since my device requires 24-72 hrs between reboots...another issue with Z-wave, I've discussed in that channel) and have not yet taken control but everything appears to work as it did in the legacy UI (using !secret and !include). If I take control and go into Storage Mode, will !secret and !include stop working? Or is that warning only for those that input raw config information?
Also, is it possible to go back to auto-generated?
mild veldt
You aren’t doing anything in auto generated mode. It’s auto generated...
Only work in yaml mode
tepid locust
yay finally migrated to lovelace. does anyone have a link to a working dark-sky custom weather card? the ones I found threw errors when I installed them
karmic blade
Hey guys. I have a coca-cola sign that I'm controlling the light with HA. I'm using an entity_picture with a local file of a bottle icon, because mdi doesn't have a soda bottle icon. However, on my camera_image card, the icon shown for that entity is not the entity_picture, but the actual icon. There's any way to use a custom icon there?
tribal cosmos
warning: i'm a newbie.... I want to reflect what media is playing based on my harmony activity... so the idea is instead of just a status of what activity my harmony is currently on (which I have that working), I want the card to also display the rich details. i.e. for "Watch Chromecast", I want the card to show the media details that I currently see on the card for that specific Chromecast. Right now I just get the attributes as a string showing up, but not showing pictures, etc.
I don't mind moving to lovelace, but I guess I haven't yet (I run the add-on to change to lovelace, but it never seems to make a difference)
https://pastebin.com/bZRyRiv2 is what I have so far
tepid locust
Have you tried using an entity filter with the media player devices?
The media card should display the contents and a properly configured entity filter card will only show a media player if it's playing, would give an example but my computer is not on atm
pure gate
Hey guys, this may be a simple fix (likely) but recently I've been unable to toggle switches (tap_action: toggle) on my picture element. What would I have to do to get this working?
Running HASS.io - interfacing on win 10
- entity: switch.ensuite_light
style:
left: 64.3%
top: 70.8%
tap_action: toggle
type: state-icon
Read the breaking changes for 0.84 and the current documentation
Things changed at 0.84
pure gate
thanks!
copper mural
Isn't there a card for history graph?
split granite
The history graph card shows a graph
copper mural
I'll give it a try then. That wasn't mentioned in the docs tho. 😉