#frontend-archived
1 messages · Page 104 of 1
@atomic glacier You can put other cards in an entities card by ```yaml
type: entities
entities:
- type: custom:hui-glance-card # custom:hui-<cardname>-card
entities:- light.my_light
- type: custom:hui-picture-entity-card
...etc...
The difference with vertical-stack-in-card is that it removes the background and drop-shadow of the cards. But since you're card-modding it back anyway...
And you can of course do ```yaml
type: entities
entities:
- type: custom:card-modder
style:
...
card:
...etc...```
@polar kelp now I get: Failed to load resource: the server responded with a status of 401 (Unauthorized)
@polar kelp Thank you! I'll play around with it a bit. Since this has been working, I thought it may be related to the card-modder update. BTW...awesome new feature for the plug-in!!! this is what shows now https://imgur.com/a/LrSZ7zn
is there some way to remove all traces of the custom cards and re-install besides restoring a snapshot?
so this is driving me crazy. What do I need to do to change the UI background color in lovelace
in themes.yaml I tried setting both primary-background-color and secondary-background-color and the color never changes.
Did you switch to that theme?
title: Home
icon: mdi:home
panel: false
path: main
theme: midnight
And you restarted home assistant after your changes?
yes
And cleared your browser cache?
Yup.
Are you talking about the view background or the side drawer background?
The background that is not the cards
That is primary-background-color
Try changing it manually live by hitting F12
in browser
Background colors
primary-background-color: '#000000' # Settings background
secondary-background-color: '#000000' # Main card UI background
divider-color: 'rgba(0, 0, 0, .12)' # Divider
Nothing is black
Just using black to make it a very stark difference so I can see if something unexpected changes
🤷 dunno man. If you restarted HA and cleared your browser cache I don't see a reason why it wouldn't work
how does one find or get the icons in this picture? https://community-home-assistant-assets.s3.dualstack.us-west-2.amazonaws.com/original/3X/2/8/289be256fd9f5b3feb5f5820b3e8e64b5fbbcd85.jpeg
Will these icons toggle lights on and off?
They can toggle, or they could do a million other things. It all depends on how you configure it
@atomic glacier do you have a repo to fiew your setup?
@wary quest most stuff is here: https://community.home-assistant.io/t/my-lovelace-screens-themes-mobile-pc-views/84271 , but I'm 24 hrs into a ground up rebuild at the moment and will get everything on GH when finsihed. There is a link and code there as well
@atomic glacier yes I read that thread. was looking for more yaml stuff to review. Guess I will wait to see it on github. Thanks
does anyone that uses the custom:button-card know if label buttons can actually perform actions? Or are they purely decoration/organization.
Am trying to make this black button toggle an input_boolean (to show/hide underneath), yet it doesn't work, other custom:button-card stuff do but not this "label' type it seems https://i.imgur.com/r06Btov.png
hey folks, i'm having an issue with putting vertical stacks next to each other (trying to make a tablet view) - but the column gets smaller when next to another one.
any thoughts?
where do we add custom card information? since theres no lovelace-ui at leastr for me
resource/url and such
raw editor
just all the way at the top or bottom? or for the page its going on?
@forest mica at the top is typically easiest to work with
how can I customise the badges including state... eg, I want two slightly different icons for different states.
I created a sensor, did a custom icon... This isn't showing the icon
I still see on/off
as the badge
if I customize it, I can only change the icon statically, yeah?
there is not icon template like for a sensor
Yes I’m desperate for organization lol
@glad condor https://www.home-assistant.io/lovelace/ - on the right
He's right actually. There's no mention of storage mode in the docs.
But here's a video, @glad condor https://www.youtube.com/watch?v=BAgPPdH42Ko
It's called out on the right as YAML mode, just not as Storage mode
We don't seem to document all the options
Heck, we don't seem to document the editor 😛
Yaml mode is not storage mode.
In the best of worlds
By Christmas, 2025 then 🤣
Better late than never!
Can anyone point me to some docs on lovelace modes (storage / yaml)
Link does not work on mobile 😅
Good opportunity to remind everyone to Be the change you want to see in the world.
On mobile, a great option is to scroll up 8 messages.
Hey guys, does the Custom-UI https://github.com/andrey-git/home-assistant-custom-ui work for any of you at 0.87.1? I see it loaded into HA but I can't see any changes in the Lovelace UI.
V/E/F: 0.87.1/hassio/storage
Any way to display the value of a sensor, and not the icon, in a picture-glance?
or use a camera image in a picture-element like the camera_image of a picture-glance?
@sturdy bough you can use a picture-glance in a picture-elements card. type: custom:hui-picture-glance-card
My custom cards won't load anymore. I switched from my server (0.84) to a raspberry (latest). The folder structure is still the same. Did something change in the lovelace settings?
i prefer to not use custom cards, because they tend to be abandoned sooner or later
maybe i've found something.. i'll check...
https://community.home-assistant.io/t/temperature-value-in-picture-glance-card/61840/15
@sturdy bough it's not a custom card...
so what is "custom:hui-picture-glance-card" ? i dont know
It is picture-glance
All cards are hui-<name>-card in the code base
This is a workaround to use ANY card in picture-elements
ah ok.
i'm trying to configure it that way, but while i can have values, i lose the "on/off" icon color
nah.. i think it's better if HA developers give us the ability to choose icons or values directly
"nah" to what?
You can create automations to change the icon of an entity based on its state
Before I release this, does anyone have any thoughts on the syntax?
Now it's [[ if(input_number.x_pos.state <= 30, "small", if(input_number.x_pos.state <= 70, "medium", "large")) ]].
Will work for useful-markdown-card and card-modder.
In other words [[ if(expression, then, else) ]] and the else is nestable.
I am assuming it cannot follow the regular template format. If that is the case, this makes sense
Indeed. And I’m trying to make sure they look different because they work differently.
so i just copy and pasted the the slider-entity-row.js into ide and i have an ! at each polymer line and at the last line? config checks out. is that normal?
what would cause a temperature sensor to show up as the incorrect C/F when grouped in a history_graph card?
nm, i figured it out--a very old history entry with the wrong scale attached
@forest mica I have no idea what you’re talking about.
I too am very confused 🤣
Ah. Seems reasonable
ah, a warning
@forest mica yes, that is normal. You're IDE doesn't know what Polymer is since you don't have it installed locally
ive got the js file, the resource at the top of rawconfig. but i try to copy and paste the card details and its not recognized
well no the slider just doesnt sho up
Hi, I was wondering if there is a visual overview of standard Lovelace cards, but also for Custom cards. Would be great to see what is available to pick from visually.
Custom element doesn't exist: slider-entity-row.
{
"type": "custom:slider-entity-row",
"entity": "light.lamp"
awesome-ha.com or lovelace docs have visual examples i think
https://sharethelove.io/custom-resources not really an overview but a selection of custom stuff can be found here @vapid field
ah it helps to point the resource url to your folder and not the persons you copy and pasted from
W00t! New version of ... anyone care to guess?
no - thank you 😛
useful-markdown-card! https://github.com/thomasloven/lovelace-useful-markdown-card
Now with much better templating! With if-clauses! That's also useable in card-modder! (requires updating card-tools)
So now you can do background: [[ if(light.bed_light == 'on', 'white', 'black') ]]
Or perhaps animation: [[ if(sensor.washing_machine == 'done', "blink 1s linear infinite", "none") ]]
Is there a simple way to use conditions in the entity filter without using custom components?
like battery value less than 30%
no
Anyone that can help me with some languaging? I am trying to implement this dark sky weather card here: https://github.com/iammexx/home-assistant-config/tree/master/ui/darksky
I get everything translated, but "Today's High" and "Feels like" is still in english. Can anyone help me how to change that?
What's your language?
Doesn't look like danish is supported just for those two things. Interesting
Yeah, funny. Everything else translated just fine
Those two values are hardcoded, and there's only 7 languages listed
oh
hi @ all,
I am searching for a solution to get 'background_attachment fixed' to work on iOS.
Does anyone knows already how to fix this?
You could open an issue saying that Danish isn't supported 😉
Could I change it like how I added a template sensor to give text output corresponding to the icon?
I manually made those danish
Example: value_template: '{% if is_state("sensor.dark_sky_icon","clear-day") %} Klart
You could always give it a shot and see where it breaks
I got no idea how though, but I will see if I can figure something out
@elder pendant post 509 here: https://community.home-assistant.io/t/custom-dark-sky-animated-weather-card/59816/516
Can you see if that is something I can use?
The switch statement here is what you want to add a value to https://github.com/iammexx/home-assistant-config/blob/master/ui/darksky/dark-sky-weather-card.js#L161
Add another case
case "da" :
return {
feelsLike: "Højeste i dag:",
maxToday: "Føles som:",
}
Wow, it works. that is the most coding I done in my life
also noticed the wind directions were off, so fixed them too
Do you mind sharing what you added for the wind directions?
const windDirections_da = ['N','NNØ','NØ','ØNØ','Ø','ØSØ','SØ','SSØ','S','SSV','SV','VSV','V','VNV','NV','NNV','N'];
and
´´´
case "da" :
return windDirections_da;
Damn, that code formatting
Now I am trying to figure out where I can swap the wind speed and direction in the output
So instead of "Direction Speed" it goes "Speed Direction"
I made a pull request to add Danish to the languages, hopefully it goes through so you can update the card without having to add those changes back manually
Nice
Thank you
Also noticed that wind speed is the wrong unit. The common one used here is m/s
also my sensor outputs m/s, so don't know why it shows as km/h
Hehe, can I remove that conversion?
And doing it with if statements
but I don't see where the actual unit text is changed from m/s to km/h
Yeah, even my EXTREMELY limited coding knowledge think this looks a bit weird
It's a very non-programmatic way of doing it
It looks like a lot of it is hardcoded. You'll have a tough time making it completely customized
hmm
It's weird, cause the value is wrong too
It's not really calculating it at all
Does it have to be on a scale of 12 for some reason?
checked docs but cannot see it 'how can i prefix a £ to my value in a glance card instead of appending it?'
no, but going from m/s to km/h requires multiplication by 3,6
It looks like it is a funny way of rounding it to get rid of decimals?
That's what I thought, but both scales are going to 1-12
Actually.. What is looks like is it takes the m/s wind, multiplies it by 3,6 to get km/h, so you get a larger value to round, then 12 rules have been set to round it, and then it is divided by approximately 4..
I don't get it
And that consequently outputs a weirdly rounded m/s value with a km/h unit
There's also this round: var windSpeed = this.config.entity_wind_speed ? Math.round(this._hass.states[this.config.entity_wind_speed].state) : 0;
I think : 0 is just defaulting to 0 if it gets something it doesn't recognize
Not positive though. I don't work with javascript directly too often
Oh I didn't read it properly. That is definitely what it's doing
Can you explain what this is? return lengthUnit === 'km' ? 'hPa' : 'mbar';
what does the question mark and colon seperate?
is there an ideal image size for the picture glance card?
I wouldn't say that's checking for a null value, it would return 'mbar' if it was an integer too
In this case that is true, I didn't read closely enough
the third = specifies it's also checking type
but @devout loom it's basically checking if lengthUnit is a string and is equal to km, it will return hPa if true, and mbar if false
That was my bad. It is a boolean check, I'm just used to using it as a null check
no worries, you weren't wrong!
hmm
it's an inline if statement or "shorthand"
used to reduce whitespace
the reduced version of
var lengthUnit = "km";
if(lengthUnit === "km"){
return "hPa";
} else {
return "mbar";
}
Well it's not pretty.. But: var wind = this.config.entity_wind_speed && this.config.entity_wind_bearing ? html<li><span class="ha-icon"><ha-icon icon="mdi:weather-windy"></ha-icon></span><span id="beaufort-text">${this.current.beaufort}</span><span id="wind-speed-text"> ${this.current.windSpeed}</span><span class="unit"> m/s fra </span><span id="wind-bearing-text">${this.current.windBearing}</span></li> : ``;
we've all done things we're not proud of 😄
I managed to swap wind bearing and speed. And just replacing the unit span thingie(whatever that is) to have "m/s" fra in it instead.
As I know that what it outputs is in fact m/s
https://i.imgur.com/qg4neeX.png and now I managed to fix the spacing as well 😉 Now just one thing is broken, and that is the text size for some reason. Anyone know where I should look for that? Do note, I have absolutely zero coding experience, I am going my intuition on everything at the moment
it will be defined under the class unit
All of the blocks below the html are css. You can set font-size there
you can find the css responsible, or add a style attribute to the span element
oh, so because it is span class unit, it lowers it?
yeah, it will have a defined font-size somewhere
.unit {
font-size: 0.8em;
}
^
That's what the current value is
aha
but beware, it may also change other elements on the page
if something else is using it
so you could find the file and create your own class
unit-custom or something
then rename the class in your span tag
do we have a community stock photo site for utilities for picture glance cards at all?
Well would you look at that, I just moved it to the next span and it worked. https://i.imgur.com/ACRkGkj.png
struggling to find a nice dishwasher photo that isn't stamped with watermarks
Well, I am a mechanical engineer.. I do prefer mechanics over electronics 😉
oof, the stuff of nightmares that @devout loom 😂
might actually have to get up and go take a photo of the dishwasher
sigh
But I do use unsplash.com a lot at work. For whatever good reason, I am the one making our SharePoint sites.. Yes, a mechanical engineer hired to solve non conformances, doing IT's job...
it's not unknown for companies doing things like that
"who knows how to use excel?"
"go install that server stack"
£375 for a large image
😄
I do not know if it is like this everywhere. But the Engineering department I am in, is doing everything that no one else can do. We sort the difficult non conformances, cause the QHSE department cannot. We implement software, like PDM, PLM and SharePoint these days. We do business cases when no one a single thing about materials and prices.
But the sales department are the assholes that get to travel the world and do fine dining with our customers
and when you leave the entire thing falls apart
well so far, your dishwasher pic is winning the race
don't think it will score the WAF
Yeah. We have appraisals two times a year. If we are scored to perform much over what is expected, it is mandatory for our manager to put us up for a promotion. But he told me straight up he will not do that to me and my team, cause the company would fall apart if he lost any of the four of us. So we are all scoring the highest appraisals, yet, we get nothing for it xD
trying every time
unless you're opensourcing of course
Before I had kids, I would have just left and gotten something better
But I just care less now about it. As long as we have enough
aye, gotta do what you can I suppose, you'd probably be surprised if you stepped out of your comfort zone though
is probably the best I can find with a decent aspect ratio
we could really do with a community stock site for HA
looks like every chineese commercial picture ever taken
gah, 800px wide
gonna look rubbish on a wide display
can we display sensor values on a picture glance card?
realised this may have all been for nothing
Umm I do not know if that is what you are looking for. But my Netatmo presence camera has motion detection. I put that on my glance card
and does that show the value? or just the icon?
icon yes
ah ok, yeah I need the value
not a total loss then
might stick that on until I find an alternative, cheers
that'll do for now
if the upload actually worked...
someone is doing it: https://i.imgur.com/LORlnme.jpg
wow, when I pressed your link, my anti virus picked up a trojan and blocked it
won't be using that site again!
ah, that's one of the dashboards on the show case, means I can find the config
nice find
-Website Data-
Category: Trojan
Domain: pasteboard.co
sorry about that, linux here
just literally found her config haha
saw it on Drzzs stream the other week and recognised it
Well great, it's 1AM now, and I was hoping to actually get somewhere on my home assistant, but ended up spending 4 hours on a broken weather card :/
ah, but you can look at it now and say it's working
and you learned a bit in the time you spent on it
Yeah, but I wanted to learn how to get coordinates to enable zoned cleaning on my Xiaomi Roborock S50. Can't figure that out.
can't help you there I'm afraid, Neto Botvac here
And can't figure out how to get the Hue Sensor component with device detection to pick up my wifes phone, only mine :/ So I am just rocking around lovelace.yaml tonight I guess
@shut harness If you wondered where your link went I removed it.
please find another sharing service
yeah, apologies for that
first one I found in Google after I found I couldn't paste an image directly from the clipboard here
a bit hacky, but it works in a way
had to position the state-badge to top: 95% to hide the sensor label, couldn't see another way to do it
@polar kelp I have some sort of conflict between roku-card and roku-card-editor. If I try to edit a roku card I get "'CustomElementRegistry': this name has already been used with this registry" and can't. If I remove roku-card-editor from resources I can edit with no error.
@vapid field log issues against the custom card repo (it’s mine)
sorry, what do you mean?
You got it from my github repository. Issues should be reported there
ah
I should have time to check it out this weekend
also can't view the popup-cards I create. same thing?
No idea until I look into it. Put all relevant info and logs/config in your bug report
ok, thanks
Anyone have lovelace showing group toggles everywhere? States UI didn't do this. The docs indicate that the group toggle will only be applied to a group thats all lights/switches but that's not the case in lovelace, its putting them on every group automatically.
@ocean belfry yes you have to add show_header_toggle: false to remove them.
or if you're using the ui editor you can just edit the card and flip the toggle at the top to hide it
What’s the trick with card-tools? I made the file. And pointed the resource too it. And attempted to make a pop up card. Still says can’t find card-tools
@shut harness @devout loom I am here as well if you want to ask something, but you'll have to ping me since I don't look here all the time 😃
Thanks @subtle rune I didn't want to disturb you so late, got it working in the end :)
It's alright, I have Discord muted when I don't want to be disturbed 😃 Glad you got it working!
@subtle rune cool! I saw your podcast with that dude as well, when I searched for some lovelace inspiration. You sound super knowledgeable. Really good job on your setup.
@devout loom Thanks!
I'm afraid that if I start asking you questions, I might as well offer you a full-time job xD
but @subtle rune, could you maybe help me point to where I can adjust the spacing in this card? https://i.imgur.com/FIeOYP9.png - I feel like the 5 day forecast should be lowered slightly to balance the elements. Not sure if it is some of the flags included with the card: https://github.com/iammexx/home-assistant-config/tree/master/ui/darksky
Took me like 5 hours just to get the card to looks like this, and had to go through java by sheer intuition and a couple of trojan viruses from @shut harness xD
shit, that's a lot of config options 😮
Yes, and for someone with absolutely zero coding experience, that was seriously testing my patience.
sometimes less is more, but I understand the want to offer options
nothing pops out at me as the right option though
So glad I was super drunk the day I had to choose what Engineering direction I choose to study. Was thinking about IT engineering before, but choose mechanical cause my friends did. So much easier to see if a gear grinds or not 😉
Oh alright
but since the card is just a ton of entities, maybe some of thomasloven's cards could do something?
I would probably just go in the js-file and change directly, but then that will go away when updating the card
yeah, but I already changed a lot of stuff in there, so I guess that will be alright
Through trial and error I did a lot of stuff, as danish wasn't supported. I put it in their thread there. Cause actually, that was something I got no idea about - what happens when they update the card.
So it just wipes my customization I guess?
Yes, it will remove the old version of the card and take the new one
Hi folks, using Lovelace, is there a way to change the icon of a switch based on the state of a binary sensor? For example, I have a switch to "pulse" my garage door open or closed, but I also have a sensor that indicates as to whether the garage door is open or closed. At present, I had to define both entities within an entities card. I would prefer to take that down to one entity being the switch, but allow the icon to change based on the binary sensor. Can anybody point me in a direction on how to do this?
@hardy magnet best ask in #330944238910963714 but a cover template would do this for you
@buoyant portal I was hoping one would be able to this in Lovelace instead. Will look at cover templates.
I think your confusing a couple a things. You want to create a new cover entity and the best way to do that is with a template, and the icons will be taken care of in the template
That's what I did. I had to change my garage door sensor from "sensor" to "cover"
then defined what states I wanted it to use
cover:
- platform: mqtt
name: Garage Door
retain: true
state_topic: "garagedoorstatus"
state_open: "Door is Opened"
state_closed: "Door is Closed"
Then LoveLace or HA (which ever) knew it was a garage door and then the icon change worked
so when I open my door, the icon changes to opened
icon
@hardy magnet Have a look at https://www.home-assistant.io/components/binary_sensor#device-class, you could use the device class to map the icon of the binary sensor, then use tap-action to have that turn on/off the garage door switch https://www.home-assistant.io/lovelace/glance/#tap_action
Thanks very much @split granite I think this is what I've looking for. I'm going to try template covers and this and see which one would work out the best.
the card of the vacuum from this: https://imgur.com/vuucone to this : https://imgur.com/1OmkVbN
please help me to config that?
@severe stirrup check this out https://sharethelove.io/picture-elements-cards/xiaomi-vacuum-card
I already read that
but I only got the code
dont know where to put that code.
can you explain please?
thanks
Check out the docs on how to add cards: https://www.home-assistant.io/lovelace
Hi folks, I'm playing with the picture-glance card. Based on the docs, the image can change based on the state, but for some reason, the image isn't displaying. The images are present (I tested this using the image tag). Any ideas?
type: picture-glance
Title: Gate
entities:
- binary_sensor.gate
tap_action:
action: call-service
service: script.gate_pulse
state_image:
state:
'on': /local/images/gate_open.jpg
'off': /local/images/gate_closed.jpg
entity: binary_sensor.gate
~format
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
@split granite Done. 😃
oh, i see the error i think
type: picture-glance
Title: Gate
entities:
- binary_sensor.gate
tap_action:
action: call-service
service: script.gate_pulse
state_image:
'on': /local/images/gate_open.jpg
'off': /local/images/gate_closed.jpg
entity: binary_sensor.gate
Try that
@sudden lion Ha! Thanks a stack man. Works like a charm!
@sudden lion
thanks I can add the xiaomi vaccum to my UI
but I dont know how to add package for sensors.
can you help me
#330944238910963714 for that @severe stirrup
ok thanks
Doesanyone have a super simple way to change a 'switch' icon to a bulb icon when using picture-entity and status icons for lights? A couple of our lights are on plug switches, so they have the lightbing bolt icon by default. I can make it a bulb but then I have to tell it how to change when status is on, etc... Seems like there might be a simpler way?
~light.switch @junior onyx
No worries
I cant seem to understand how to modify badges in lovelace config. I used the front end editor to create some cards and it works good. It creates a file in ".storage/lovelace". In this file there are badges
"views": [
{
"badges": [
"sensor.yr_symbol",
"sun.sun"
],
But I cant modify those in the frontend and modifying in the "lovelace" file doesnt seem to have an effect and changes get overriden when next time modifying from the front end. How do I modify these?
In the UI click the 3 dots on the rigth, then configure UI, then the pencil of the view you want to edit badges for, a new window will open with a badges tab
What’s the trick with card-tools? I made the file. And pointed the resource too it. And attempted to make a pop up card. Still says can’t find card-tools
try harder
is there something besides that needed?
card-tools.js file + correct entry in resourses should be enough
and i ahve the same for the popup im trying to create. just getting card-tools not found
Then I'm out of ideas, maybe @polar kelp can guide you when he gets back 😃
Did you follow the steps in the”Common Problems” section of the install guide?
Yes i haven’t seen any errors in the logs or in the script inspection but I’ve been looking back throughout the day
Oh.. i think i might have loaded the plugin before card tools..
Cause i did the pop up first?
I’m in chrome and Mac
Order doesn’t matter
If you open the inspector and search for ”card-tools” does it find the script?
Do I have to use a panel if I want three picture entity cards in a horizontal stack? I tried without and they just stay on the same way as normal in a view. I was looking to have 3 pictures entities across the top of view page with the other devices under it. This is current view with panel https://imgur.com/a/4DUY0vx and code is here https://pastebin.com/ypfA8Tdw
map card entities cannot have their own configuration like in entities card or glance card ?
@charred frigate no they cannot
@mossy gale yes. panel will stretch it across
but you'll need to put everything inside of a single vertical stack
so not a horizontal one like i have currently then
i need to work on getting the images all the same size too
For those playing along at home, me and @forest mica solved the problem. In short - Three dots -> refresh is not the same thing as reloading the page. Worth remembering.
But it was really an unlikely series of unfortunate events that happened in exactly the wrong order.
Which "wins"?
@mossy gale yeah, just use an image editor and make them the same height/width
@mild veldt will do, cheers
If you suspect a cache problem at any point, it's reloading the page. Refresh is highly optimized and will keep wrong things depending on changed stuff in memory.
when it comes to cache, I always recommend; F12 - right click Reload and select Empty Cache (on Chrome)
Not a bad idea
Didn't know about that shortcut. That's awesome!
Heh. I just git pulled card-modder. Never happened before.
Thanks for fixing bugs when I'm sleeping @mild veldt.
Well I had to fix it for myself, so thought I might as well share 😃
I actually left bed this morning just to merge it in, and then went back to sleep
I left bed this morning because children were jumping on me 😉
I did not get to go back to bed 😦
That's why I left the next time.
joys of parenting
I'm trying to get back to automatic config mode for lovelace, to have devices show up automatically like pre-lovelace. Can someone tell me how to do this?
i tried clearing the /config/.storage/lovelace file but then i get an error when restarting HA
o i need to remove the file instead of zero byte-ing it 😃
Is there any other, perhaps more specific, information you think might help us help you?
Oh, ok. Fixed.
thanks, and sorry
New rule: Every time anyone says ”An error”, without specifying which one, it’s assumed to be HTTP error 418.
I assume 418 is user? Haha 😅
good ol' HTCPCP
there was a site that would trigger it as an easter egg and print a coffee pot in the console, can't remember which off the top of my head
just thought of something i think would be useful for either core or custom card type: indenting entities. Mockup image: https://i.imgur.com/1Hj2vSW.jpg
Bonus if they can collapse as well
@latent moss There is something even better that @mild veldt already developed for Personal Capital sensor. Has the Accordion format for nested entities. Works quite well
It will be great if it can be bought in HA (would be a great addition to the auto-entities card by @polar kelp )
oh...so it is already there...he is one step ahead 😃
Always
nice, that looks to do what i want. I would like to hide the "carrot" on the right tho (if that's what its called). Could still collapse but the button itself would be invisible, i think it would make it look a little cleaner.
I like the idea of the tree graphic that you had made. Visual representations are always nice
yea
ya but from what i see it hides
will be hard to tell without the ^ sign if there are child entities
i don't see that as a problem, when it's not collapsed you'd know the child entities cause their icons would be indented. it's true that they'd be hidden when collapsed, but if the user collapsed it they should know the same action would show it show it again.. this wouldn't have to be the default either but more of an "advanced" option, ie show_icon: false
You could highlight collapsed groups a different color as well. Lots of options for UX 😃
does the canvas-gauge-card still work these days? I am trying to use it for first time in a few months and getting the 'custom card does not exist" message, yet it is shown and upto date in my custom card tracker.
is there a way to kind of replicate the "groups" feature from the old ui? for re-using code in multiple views.
like i want some tv controls on both my default_view and a seperate "entertainment" view and don't want to update that twice.. i was thinking of maybe include files but don't know if there's a better way.
can you not just use groups? @latent moss
they dont work in lovelace i dont think
well this would be shown in the ui
I mean, I can select a group as an entity for a lovelace card
but idk if thats too simple
lol
unsure what youre trying to do
i basically want to have a dedicated media tab with all the harmony controls etc, but also show parts of that as conditionals on my default_view .. so when the tv is on, the default_view would show remote buttons etc. don't really want to have the code duplicated in two tabs if i don't have to.
i was thinking something along these lines would make it easier to re-use code across multiple views, but don't really know.
- type: conditional
conditions:
- entity: media_player.tv
state: "on"
card:
- !include /config/lovelace/remote_card.yaml
Well, that’s exactly how it works...
did anyone have the canvas-gauge-card working ok? as per earlier message
Anyone know if there's a way to group entity buttons to look more like glance, or add tap/hold functionality to entities in a glance card?
What did you try so far?
Not much to be honest, not very good with Lovelace yet.
I'm gonna try it out, right away. Huge thanks.
hi all i need some help.
i have this command in my ui-lovelace https://pastebin.com/HK4jC6xF
It works with turning on my tv and of. how do i combine them into one tap to turn on and of my tv?
actually i only have the one half of what is written in pastebin. i can choose to set it as a off button or on. not both 😦
use switch.toggle instead of homeassistant.turn_* for the sevice
ok, i will try thanks
thanks that worked, however there must be something wrong with my switch then because it only tuirns on the tv, would you mind haveing a quick look at it?
Back to #330944238910963714 for configuration issues 🤣
hehe, ok will do
I really need help to figure out why my lovelace looks so weird. I am currently trying to get a nice Xiaomi Vacuum view going. I found abeksis' setup, that looks really good, so wanted to use that as a basis: https://github.com/abeksis/My-HomeAssistant-Config/blob/master/HA_Pictures/Lovelace_Screenshots/06.robut.jpg
However, as much as I have been trying, I cannot get it to look like his. Also in google chrome, it is messed up, where as in Edge, it looks closer to righ, but still not quite:
https://i.imgur.com/DDeAhVn.png
Anyone that can point me in the right direction?
everyone asleep? 😃
Anyone knows how can I add the slider to dim the lights in the default lovelace card for lights. All of them are LIFX bulbs
Like this https://www.home-assistant.io/lovelace/light/ ? Or a horizontal slider?
Horizontal would be best
thomasloven has a custom card for that https://github.com/thomasloven/lovelace-slider-entity-row
That's exactly what I needed, thank you so much!
No problem
Well... crap. It’s quarter to three AM, and I’ve spent the last three hours writing a damn LEXER in javascript...
This is exactly why I didn’t want to put if clauses in card-modder. I knew this would happen!
I don't suppose anyone is going to tell me there's an equivalent for light.switch for scenes?
@split granite since you know everything... is there the equiv of light.switch for scenes?
Tinkerer is away for 5h 13m 5s with a message :point_right: Light thinks it travels faster than anything but it is wrong. No matter how fast light travels, it finds the darkness has always got there first, and is waiting for it.
i don't think it's possible to have a switch @junior onyx , because scenes don't have an on/off state. If you look at states page
all scenes always say "scening"
thanks.
my camera is not showing in lovelace card, and i dont know how to see if it's even "Working": to know whether the problem is hass, ffmpeg, home assistant, lovelace...
@latent moss but you CAN do a group of two lights!
I apologize if I've missed this in my searching, but I haven't found what I feel like is a definitive answer....
Is there any way to automatically hide a badge? There were several sensors that only displayed badges if they were relevant, but since starting to use Lovelace, they are always displayed.
For example.... update.update was a badge that would only display if there were an update to Home Assistant in the States UI.
I'm wondering if this functionality will be restored/enabled in lovelace, especially since the UI offers the ability to set the hidden: attribute in Configuration > Customization through the UI.
@steel monolith not currently. Badges will likely be reworked to be more like cards and allow for conditions and filters
@mild veldt Thanks. I was just putting the final touches on a sensor for acuparse to pull in weather information, and was wanting to hide the badges for values like "rain rate" if it's not raining, and "feels like" if it's the same as the actual temp. I've been banging my head for the past week trying to figure this out.
Even with a card that wouldn't be possible unless you made some template sensors to report states
I would like to see an "attribute filter" option. Something that could honor the "hidden" attributes used by the States UI. That is the only thing I'm missing after switching to lovelace.
If you want something hidden, just remove it from Lovelace
But I want to hide it dynamically based on attributes- not permanently. For example - if there is no rain for the day, hide the rainfall total and rainfall rate - but display them if the rainfall total > 0.
Template sensors along with conditional and/or filters
is it possible to use navigate with regular entity type rows? trying to link the "time driving today" to my cars view https://i.imgur.com/DpPoy0X.png
when i do this,
- type: entities
entities:
- sensor.time_away_today
- entity: sensor.time_driving_today
name: Time Driving Today
tap_action:
action: navigate
navigation_path: /lovelace/cars/
it just pops up the more-info view rather than navigating...
Rows do not have tap actions https://www.home-assistant.io/lovelace/entities/
That being said, I don't see a reason why they couldn't. Can you submit a FR to ui-schema?
yeah will do. i think the feature set should be uniform for all card types
Where can I find the name of the wifi interface of my raspbi in lovelace
Pretty sure that's not exposed via Lovelace at all, or (currently) any other part of the UI
It might come through the system_health component of 0.88, not sure
I might need it for pihole
hassio
Then... #330990055533576204
Did I see a change in GitHub for persistent notifications in Lovelace?
question… is there a way to set a switch.template or similar, depending on whether a monster-card has entities…? i'm guessing the cards entities list is javascript only, and out of hass's reach, so i'd have to arrange for the card to reach back and toggle like an input_boolean, instead…? (assuming, of course, that's even possible…)
also, is there a "proper" way to signal errors in a card definition… both fatal (ie. the red error message where the card should be) and non-fatally (ie. log the condition, and assume the default value).
@sleek warren persistent notifications are already there in the bell. I have a PR to add a count to the indicator that is open, but that’s it
Was hoping for cards :) knew about the bell but not as nice for urgent notifications to be popped up on the screen making themselves known
Maybe soon lol
Hi Everyone! I have a little issue: I was cleaning up the badges in the Lovelace and seem I accidentally deleted some important character. Home Assistant keep telling me to put some value in line 20 column 21. Could you please have a look at the code and help me out.
Please follow the rules, @stoic summit! 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/nqJr35nj9h/
{
"data": {
"config": {
"title": "Home",
"views": [
{
"badges": [
"binary_sensor.water_leak_sensor_158d00023ea389",
"binary_sensor.motion_sensor_158d0002b4315e",
"sensor.illumination_158d0002b4315e",
],
}
"cards": [
I cut some of the badges out, for the sake of limitation (15 lines). But the issue seems to be in the characters after the last sensor.illumination...
Full code is here: https://paste.ubuntu.com/p/nqJr35nj9h/
The message I get on the Overview page is: Expecting value: line 20 column 21 (char 999)
Just take the comma off line 20 after the ] -- edit after working with mekheda for troubleshooting, it was actually the } that was the problem!
@stoic summit
Is there a way to display guage card like a water level indicator like this? https://i.pinimg.com/originals/06/da/5d/06da5de0a85ce90f25c23508339786f3.png
@deft grove nothing exactly like that, but there are quite a few. Check out here https://sharethelove.io/custom-resources/cards
Hey guys, im pretty new to hassio, so i need a little assistance here 😃 what am i doing wrong?
For
Card configuration i get this error
Expected a value of type “undefined” for tap_action but recieved (action: toggle)
The code is
@deft grove there is a custom card called bignumber that might work for you https://github.com/ciotlosm/custom-lovelace/tree/master/bignumber-card
~share
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.
@eternal bridge share your card config
```
Type: glance
Entities:
-entity: switch.sonoff
Tap_action:
Action: toggle
Title: Svetla
```
Sorry for not using hastebin, only this time 😅
~format
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
hi all. Does anyone know what is the best card to use for displaying a camera in the UI?
I have a foscam
@brittle frigate I'm trying to get my camera to work and can't even figure out if it's working in HA at all, but was using picture-glance card to try
Hi all, any chance to make an iframe card fill the whole panel space?
thanks @junior onyx . I gave that a go but it seems that just listing the camera Identity as a "camera_image" option does not work for my foscam
@junior onyx What camera are you using?
some cheap chinese knockoff thing. i can get it to work on my computer with an rtsp// url, with ffmpeg and vlc, but not in HA
but i dont really know what im doing 😄
I'm right where you are. I got it to work when Lovelace was still in beta. But not that it's gone live, I can't remember how I got it to work
but, now that you bring up rtsp!!!! that triggers something in my memory
I'm going to look that up
I think I need to find the address using rtsp for my camera.
😃 i had to add my rtsp in configuration.yaml under camera..
@subtle rune or ..anyone.. i can't figure out how to set the background colour of the view on lovelace (just the background of the individual cards, which looks silly).. help?
just starting on my Lights view in lovelace, i think this part turned out kinda nice. minimal custom:button-cards in a horizontal stack for quick color select + the light entity above to change brightness or toggle on/off https://i.imgur.com/Iu8RKc6.png
@junior onyx You need to use theme
I did! that's how I got the card background dark!
https://imgur.com/a/l27iEFN but the awkward white background..
@junior onyx one option is background: center / cover no-repeat url("/local/your_background.png") fixed added using the raw config editor
@vapid field use panel: true for the view
@mortal cape literally just that entire line? not sure I can follow what it's defining there, but i'll take it if i can copy/paste!
@latent moss I'm going to hire you to do my UI later 😃
@junior onyx where your_background.png is a file in your www folder
@mortal cape yep, that's the only part I COULD figure out 😄
@mild veldt: this worked well for the width, but height is not 100%: https://imgur.com/a/dPdiDq4
ok that worked. thanks!
@vapid field keep adjusting the aspect_ratio
@mild veldt: thanks, but aspect_ratio seems to be fixed. It's not responsive to changes in the viewport size...
it is not fixed, what are you entering?
This is with aspect_ratio: 50% : https://imgur.com/a/J83cPw2
Notice the scrollbar? It doesn't quite fit on screen.
And if I resize browser, i get this: https://imgur.com/a/vNKGtdM
Notice the empty space on the bottom?
@mild veldt : I want the card to fill the whole space, no matter what aspect ratio the viewport has.
@mild veldt lol thanks. i followed your suggestion from the other day about having a script/automation to handle toggling all the input_booleans on/off automatically and was able to come up with a pretty slick tabbed view concept. No longer have to click twice to hide/show, clicking on one toggles all the others off. Still WIP but it works very nicely so far, i basically am fitting 3+ stacks in the size of one. https://gfycat.com/SneakyLeanDogwoodtwigborer
@mild veldt : Ha! It worked! I didn't know I also could enter other values than percent (%). I've set aspect now to "aspect_ratio: calc(100vh - 112px)" and this seems to do the trick! 😃
Thanks for pointing me in the right direction!
@mortal cape Thanks for the link. That'll do for now. Looks amazing. 😃
@vapid field 👍
Thanks
@latent moss that's looking great
thanks
@latent moss what are you using for sleep tracking?
just a bayesian sensor, so it checks if it's a certain time, if my lights are off, if my tv is off etc. and then when i plug my phone in at night is when it triggers the bedtime routine (turns on fan, plays ambient music on my google home hub). the time slept today is a history_stats and the other stuff is inpute_datetime
I have a horizontal stack in in that I have 3 vertical stacks. This results in a 3 column layout and all cards stay in their position.
Now in the ui editor I can only edit the vertical stacks and not the cards within the stack.
The issue here is, that the vertical stack preview get's kind of high and the save button is not visible anymore.
Is it planed to allow to edit single cards separately that are 2 level deep into stacks instead of the whole stack?
@latent moss slick. I'll steal that idea as well 😉
@bleak lily we're still trying to figure out how to best design UI editors for stacks. I don't have a good answer for you right now
Alright, thanks for the quick answer 😃
But you, or anyone else, that has any ideas on the matter, let us know
i can send you the code for it later, need to clean it up first, 90% of it is commented out stuff from trial and error tests lol. bayesian sensors are hard for me
I'll think about it
👍 maybe even a forum post if you're up for it? help out the masses @latent moss
absolutely, plan to put my entire config on github and explain it, i'm in the process of basically redoing everything right now though so gonna wait until it's fairly stable.
What about a drag'n'drop feature for the cards? So you don't have to move the card up/down but instead just drag it where you want it. And for stacks you have like a visual fence around them and can drag cards into them.
Something like:
https://codepen.io/TLJens/pen/rayYRe
Can anyone point me in the direction of how I could add a drop down box in lovelace that lets me choose a HUE bulb and another that lets me choose a HUE scene?
to apply to the bulb I choose.
actually having a drop down under each bulb would be even better than I could just choose the scene
I use the last example on this page https://www.home-assistant.io/lovelace/entity-filter/ to show which lights are on. But I cant figure out how I get the toogle on tap_action for the entities shown in the card?
My code so far: https://paste.ubuntu.com/p/k4h7skBVck/
they show you how to do it in the glance card doc.
- entity: switch.wall_plug_switch
tap_action:
action: toggle
for example
Yes, but the main-card in mine is a entity-filter. I dont want to configure all entities twice.
@copper mural does this work? https://hastebin.com/ofoyulimok.bash
@mild veldt Yes that work. Thanks 😃
I am having a super hard time figuring out how to resize and arrange cards. Is there any beginners guide anywhere? My weather page currently looks like this: https://i.imgur.com/0QTIl9Q.png . The cards are a little bit small for my screen size. However on my tablet, it would look pretty good if they were at least arranged side by side instead of on top of each other. Putting type: horizontal under the view title does not change anything.
@devout loom Does 'panel: true' make any difference?
I'll check
You set it as attribute to the view.
that makes it look weird, and my iframe underneath is gone
it stretches the weathercoard horizontally
Yes it just render the first card in full width.
card*
And the iframe in same vertical-stack. Else it just render the first card in full width.
Just change to
type: vertical-stack
doesn't change anything 😦
with and without panel: true, vertical-stack, horizontal-stack and nothing for type is the same
I haven't tried that custom-card you use. Might be a limitation in that?
How does you `dark-sky-wather-card.css´ looks like?
I have no idea then, sorry.
I think I found out why horizontal and vertical stack was not working now
- title: Weather
icon: mdi:weather-cloudy
cards:
- type: horizontal-stack
cards:
- type: 'custom:dark-sky-weather-card'
.......
I needed to do like that, type does not go under the view, but under the first card..
But, it did not exactly do what I expected: https://i.imgur.com/b72fBvi.png
hi quick question - is grafana still best integrated into the lovelace UI via the camera card?
@latent moss nice work, any chance of sharing the yaml for this https://i.imgur.com/Iu8RKc6.png?
and this @latent moss https://gfycat.com/sneakyleandogwoodtwigborer xD
which custom card is it that does the tab button things?
@vapid field for now. I'm hoping to create a custom card soon that can do dynamic time ranges
@short zephyr that's just scripts and conditionals inside of stacks
i.e. clicking sleep status will turn off booleans for alarm and statics and turn on the boolean for sleep status that in then inside a conditional card
The configuration is a nightmare to deal with, but results in really cool stuff. Hopefully we can offer some more intuitive ways to configure it in the UI in the near term
i'm really intrigued by those tiny colored buttons/cards. are those quick buttons for scenes/colors of the light? I could definitely use something like that. probably just a picture-entity, right? With a really small background picture?
thanks @mild veldt
@signal pine my guess is the custom button-card
@short zephyr here you go. it requires kuuji's custom:button-card (which imo should really be part of core, it's so much better). https://hastebin.com/abewicupil.bash
and yes the tab button things is a horizontal-stack for the three "tab" buttons, then conditional vertical-stacks and three input_booleans (one for each stack). the only custom part of it is kuuji's button-card . will post the code later.
this one? https://github.com/kuuji/button-card
that's the one
wow yeah this looks way better than the built in one
thanks! i'm gonna have some fun tonight!
it really is a million times better imo, you could have different icon colors for different states and all sorts of neat stuff.
Can any of you guys tell me how to get these two cards arranged side by side instead of above each other? https://i.imgur.com/0QTIl9Q.png I've been trying for hours to no avail
also for those with harmony remotes, i used the same concept of those minimal custom:button-card icons to re-create the colored button row on the remote (still wip) https://i.imgur.com/Mr3OjeO.png
@latent moss the core button will likely expand over time, but will also likely never be as customizable as button-card. But that's the beauty of LL. Each will always have their place and provide users choice
@mild veldt well the problem i see is that w/ these custom cards they can break in updates and it's up to the creator to keep things maintained and hopefully not abandoned. i've already seen a post that there's issues with these buttons displaying in 0.88b for example. i assume it'll get fixed before that releases, but it kind of made me think a bit on the "dangers" of using too much custom stuff.
also these buttons don't support hold_actions, so it's a bit frustrating when you can do certain things in some buttons and other things in another, kinda wish this would get standardized a bit more. i'm sure it'll get there eventually though.
button card is probably a bad example. a better one is my roku card or mini-media-player. there are lots of platform specific things in them, where core is more about domains
and there's thomas' cards. balloob would never let that crazy man put those things in core. lmao
well mini-media-player is another one i think should be core tbh 😛 i get what you're saying though
custom cards are here to stay, but perhaps how they are structured and use dependencies needs to change
we're not going to ever impliment a card that has sonos specific stuff per example
but a dumbed down version, perhaps
so how about an idea of "card extensions" if that makes sense... like there'd be a core media player (hopefully based off mini-media-player) as the base.. and then people can hook into that and provide the sonos stuff as extensions basically. if that makes sense.
implement it as a sonos card 😄
or perhaps a custom-card gallery section built-in, similar to hassio addons section
@latent moss that is the plan
sweeeet
Need more devs 😃
not it
You need to start pulling your weight @wheat current
With what I weigh that will not be much 🤣
@wheat current no excuse ....you are smart
“smart”
@latent moss how did you get the custom icon in the light card? The yaml you posted only appears to have the icon specified in the button-card sections.... am I blind
@solid wyvern that's just using home assistant customize feature.. you can have it in your customize.yaml if you use one, i use packages so this is in my lights.yaml file
homeassistant:
customize:
light.sean_desk_light_strip:
icon: mdi:led-strip
oooooooooooh. sweet! Thanks
I can get rid of my own custom card.... I really need to read more lol
tho i think u might be able to specify it directly on that card, like this (haven't tried)
- type: horizontal-stack
cards:
- type: light
entity: light.sean_desk_light_strip
name: Desk Light Strip
icon: mdi:led-strip
might need to "reload core" (under configuration -> general) that reloads the icon type stuff. but if not, just use the customize part, that way you don't have to specify it every time
yeah, that's probably easiest....
now I just need to work out why horizontal-stacks don't work the way I expect they should. I see some comments up above about using panel: true that I might see if that works for me
hmm, nope, off too google. When I don't use stacks my icons fill the width of my screen. When I add a stack it only fills the center of my screen. I'll go do some reading
yea i gotta look into that as well. i mapped ps4 controller buttons using picture-elements and horizontal-stack (took me forever no css experience) and then it a day later it appeared totally differently, depressing lol
lol
ah got it!
Now, I have to look into making it wrap entities on smaller screens. I thought that would happen automatically 😦
is it strange that when i made a test pop up card with two pop up entities. it made the same two entities have the pop up capability in my other entity-slider-row card?
@mild veldt here's my sleep_tracking.yaml package as promised, i wanted to clean it up and remove all the messy comments but am too lazy sorry lol, it might be more helpful to have them anyway https://hastebin.com/habexapipa.coffeescript
roger!
i see now that i have moved it it doesnt work. hopeuflly i can nest it back in
https://hastebin.com/esapaxecag.bash
that didnt work
Popup card is it’s own thing. It doesn’t matter where it is
I take that back. It should be at the top level of a view
It applies a listener on the entity you define on that full view
So , for example, if you apply it to x and then have x in an entities card and then also in a glance card, it would apply to be
yeah thats what did on the other page but was trying to just avoid two seperate thins
hi guys, any idea why lovelace might not load resources?
i'm having exactly the same issue as described here:
https://community.home-assistant.io/t/adding-custom-resources-with-lovelace-in-storage-mode/93268
trying to add custom element slider-entry-row, and getting "custom element doesn't exist" error
i tried adding resources to both the UI raw editor and to ui-lovelace.yaml in yaml mode - neither works
how do i find why it's not working?
Are you using the UI editor or ui-lovelace.yaml? You cant use both
i tried both (enabling and disabling yaml mode in my configuration.yaml)
right now i'm using UI editor
Can you post your raw ui?
i verified that the /local/slider-entry-row.js file is available, if i load it dynamically through javascript console in chrome dev tool, it works, so it's lovelace that is not loading the file for some reason
You cleared your chrome cache?
recources
Haha it happens
thanks!
No problem
what's the easiest way to override an icon in entities card? let's say for a "cover" it shows 3 control buttons in the list of entities: open/stop/close, what if I want to change the stop icon to look different? any way to do this?
Hey guys, does anyone know if there's a lovelace card for persistent notifications?
@lofty summit no, but can likely be done with auto-entities
@mild veldt cool thanks! I might just make one myself then.
Hi! stupid question maybe but am I correct in that a switch to yaml config for the FE is as simple as copy pasting the "raw editor yaml" in the GUI to /config/ui-lovelace.yaml add lovelace: \n mode: yaml to HA config?
Yes, unless you have custom cards. Then there is a bit more work
How does that matter?
Aren't the resource references put in configuration.yaml when in yaml mode?
Nope 😃
Oh my bad then, I was misremembering. Thanks for correcting me :)
Hmm, my lovelace-files isn't loading. I just get to /lovelace/default_view even tho I have other files specified in ui-lovelace.yaml. What do I do wrong?
Worked until I renamed a file and changed to the new filename in ui-lovelace.yaml.
Hi guys, quick one: Is there any way to set the tap_action to none on an enties card?
Found the issue. I called a file that wasn't exist as a dev-tab 😛
Ah 😜
Always best to ask, then I found it right away.
Pull request
I thought the custom cards would end up in the resources in the Lovelace yaml same as the raw editor yaml. What is different?
There is nothing different
I was wrong, there is no difference
Classic @wheat current shit posting 🤣
Oh, another hopefully quick one, I have noticed that I cannot include multiple per-card yaml file in the ui-lovelace.yaml this way
resources: !include_dir_list lovelace/resources/
Is there any plan to make it posible?
No
K 😃
Another one then 😛 Is there a plan to have a "time" card to simply show the time (and maybe date)? 😃 I did google a bit but I couldn't find anything that would fit that
Check out custom-compact-header
I did
and I use it
what I wanted was the ability to define the size rather than have it on the header
The custom-alarm-clock is midway what I need 😃
mmh, cannot past a screensho ^^
Hi,
is there any way of being able to control an Input Number with the Thermostat card?
- type: thermostat
entity: input_number.office
Or of course: Main thing is that I need a numeric number I can send into my "more complicated" python-script thermostat
@stable flower might want to look at this https://www.home-assistant.io/components/climate.generic_thermostat/
Thanks, but see my last comment. Basically I have a python-script that determines the Z-point of the generic thermostat.
Thermostat cards display thermostats, not input numbers. You would have to turn your script into a generic thermostat
Is it possible to make an "Input card"?
How about putting it in a entity card? 🤷♀️
I do, and then I have a slider. But the slider is kinda hard to hit correctly. Know this is a minor issue 😃
Have two button cards then. 😜
one for up and one for down?
sounds like a good solution, thanks! Will figure out how to do that
Make a script for incrementing by one and decrementing by one, and just make service calls to those scripts with buttons
That was ugly, but got sorted out in the end
Felt the need for a for loop in the lovelace.yaml 😄 Anyways, its working! (very difficult to share images here though)
Please use imgur or other image sharing web sites, and share the link here.
Hey @wheat current how many additional versions of custom updater do you think of releasing today?😂
No more today 😉
what am i doing wrong here? No card type configured. "break"
i have the layout card installed
@wheat current it is normal that after clicking on "update all" you have to click on check to refresh the current version?
No
after every update today or I restarted HA or I "check" to update
Open an issue 😉
what's the best way to set lovelace the default UI?
weird..mine keeps reverting to the old one 🤔
mine loads states...not lovelace/default_view
@wheat current a issue on custom updater or in tracker card?
Updater
nvm sorted it 😃 needed panel: true
o/ all
I'm trying to launch local android apps, from fully kiosk browser, via my lovely lovelace interface 😃
I didn't find a way to launch such app, via intent, from an entity button or something similar
unfortunately, launching intents from weblinks from type: entities is... not the design I'm looking for
any idea ?
would command_line work there ?
why not ? its linux afterall 😃 i really dunno would it work, just a thought
as a switch ofcoz
quick question, i have this lovely picture that actys as a switch... It goes gray when light are off, and goes color when lights are on. Difference between these are not very big, is there a way to make "lights off " darker ? https://pastebin.com/hpRS392w
moving over from hassio forum....I have a strange issue where an MQTT switch's state is not updating properly
I have a command topic and a state topic defined but nothing to return the proper state.....so I expect the switch to turn off after turned on
but the switch appears to stay on.....but its state IS off in the States tool
I have to refresh the page to get the switch state to show correctly
So the button works, but it doesn't update on your frontend until you refresh? @fiery sail ?
What kind of card are you using for the switch?
this is a fresh install of HASSOS so I'm assuming it's using an entities card
yeah, it appears to be an entities card after entering configuration
could it be on my end?
maybe a browser cache issue or something
I've had stuff like this happen when the device is taking longer than usual to respond to the service. You could try clearing the cache to see if it helps
in this case, there is no device....i was having issues with my main install so I spun up another fresh instance just to test it
nope...wasn't it
oh well
looks like something broke between 86.1 & 87.1
just rolled back and it's working there
@elder pendant , is this something someone should be aware of?
or just wait and it'll work itself out
You could open an issue on github, just make sure you provide all the relevant details
never had to do that before....don't know how to
~lmgtfy how to open an issue on github
Here, try this => http://lmgtfy.com/?q=how+to+open+an+issue+on+github
;)
thnx dude
I'm being pointed towards polymer repository
@elder pendant we hand out their stickers at work
It seems like it is a polymer issue if it's only a problem with the frontend
First time for everything 😉
Anyone know how to change just the color of just the edit buttons? It looks like they are tied to the primary color in the themes.yaml file. https://imgur.com/tPRYhNV. In the dev console it is identifies like this https://i.imgur.com/dncOU99.png
Is there anyway we can default view for user?
https://blahblah:8111/lovelace/viewname doesnt work once i create shortcut for it (from iphone)
User specific stuff is coming 
@thorn matrix Check out Compact Custom Header - https://github.com/maykar/compact-custom-header
It supports per user and per device views
im new to lovelace, can i use somehow wildcards for entities like lights.*
Not sure about the default cards but there are custom cards that work with that type of wildcard
with filters?
monster cards
yes. monster cards is another custom card that works with wildcards
yeah tinkerer told me already, but thats not possible with the default cards, is it?
I'm not sure about the default cards. I only use a couple since most are so limited.
If I do use a default card, I am typically modifying it in some way with another custom card
my custom cauge sensor i have to integrate somehow
i dont even have a ui-lovelace.yaml
you only need that if you are using Yaml mode for Lovelace
do i need to override smth in .storage? as it looks like its the new store for settings
i want to include monster cards
I'll defer to others as I am not using Storage mode and don't know how that mode works
Hi all,i have updated the "custom updater to 4.1.3 , and followed the instructions , now all custom cards are with errors , any idea how to fix the issue ( without using the snapshot?)
Hi, I just went from using the UI configurer to YAML mode but after putting yaml mode in to the config and restarting HA, it seems Im still stuck in the UI Configurer, any idea why?
I do have a ui-lovelace.yaml file with stuff in it
Did you add lovelace to your configuration.yaml?
are the permissions correct on the ui-lovelace.yaml file?
should be the same as configuration.yaml
anyone with custom updater latest version , and a working lovelace UI , for the custom cards ?
@gentle tide :
-rwxr--r-- 1 root root 5998 feb 19 00:30 configuration.yaml*
-rwxr--r-- 1 root root 3817 feb 19 00:21 ui-lovelace.yaml*
and I deleted the lovelace file in /.storage too
Problem fixed, dont know what it was, rebooted a few more times
now I seem to be in yaml mode
I got the "Refresh" now
Anyone know how to change the domain of the cookie saved from the front end? I change the domain that points to my Home Assistant but the domain on the cookie is still the old domain.
Is there a way to make horizontal stacks be responsive on smaller screens?
@calm rock I broke quite a few custom cards in the most recent beta. Are you on beta?
No im not no beta @mild veldt
I was forced to reload the snapshot , as the only way to restablish the order
The problem are not the custom cards , but the last version of the updater
noted
this is a dumb question but i am simply trying to change the color of a card in the ui-lovelace.yaml. I cannot seem to find the answer googling. background_color: XXXX does not seem to work
That's because XXXX isn't a color 😉
well i am using a color code.
What kind of card is it
entities
You can change style properties of cards using this custom card modder https://github.com/thomasloven/lovelace-card-modder
okay thanks i will try that!
@elder pendant thanks, got it up and running sucessfully
Does someone have a good example of how to group cards with a title but, still have them automatically resize for smaller screens.
I'm finding that what looks ok on desktop is not scaling well for phones
For instance the light card works fine with 4 in a horizontal-stack on a larger screen but, only 2 on a smaller screen
so, I have to create separate views for mobile devices :S
You don't have to, but IMO that is the "good" option.
You can also use compact-custom-header to only show your mobile views on mobile
hmm
Good morning, I have Galaxy Tab A running Android 8.1 with latest Chrome/WebView and Fully Kiosk Browser. HA is shown all of the time, but the display turns off after 60s and turns back on when motion is detectec via the front camera. I have noticed that cards displaying graphs are not automatically updated, but all other cards are always up-to-date. Is that a known issue or something specific to Fully Kiosk Browser?
not sure But since you see this, how about testing it on another device / browser? 😃
good point, I will leave a tab with HA running on my Windows machine
I'm only new to HA but, I think over the past few days I've started my UI about 4 times. I suppose everyone goes through this at the beginning but ugh.... I just can't seem to find something I like.
The light card is pretty good but, it can't be resized.
Oh well, part of the fun I guess
If you Invest time in UI, it can look quite awesome, for me that will never be an option 😜
lol, yeah I've seen some pretty amazing examples and it makes me be excited and depressed all at the same time
Most of the good/advanced examples uses a lot of custom cards to get it how they want
yeah, I've got custom cards working (even modified one to try do something I wanted) but, someone on here mentioned that custom cards can be a pain when new updates come along because your UI can break pretty easily
So I've gone round in circles a bit trying to figure out how I should do my UI
It depends, there are cards from the summer when Lovelace launched that still works
yeah, I've been looking at a few of ThomasLoven cards and they seem to be constantly updated to keep working and he's always been pretty quick to answer my questions here
If you go with his cards you should be quite safe 😃
I also like the Kuuji button-card and it seems to be pretty popular
It is, but that one have an issue with 0.88 (beta)
aah well.... I mean I assume it will be fixed soon. How long do betas last for.
(One day I'll hopefully be able to contribute to the code. First have to learn how it works :P)
The betas are one week, will end Wednesday
A lot of the features in that card will end up in core very soon I believe
Yeah, I saw a forum topic saying something like that @timid burrow
Anyone know if jinja scripts are possible in ui-lovelace.yaml?
You can't, if Lovelace-gen still works you can use that
i dont know if somebody answered my question already, (im new to lovelace) how can i add custom_cards (monster card) without ui-lovelace.yaml do i need to add it there or are there other ways too?
You can edit lovelace in raw mode.
and how can i install the custom_card there?
Exactly the same as you would using yaml mode
oh okay.
add card to www folder and include it there.
who came to the idea to move cards around with arrows? drag and drop is hopefully coming, i have like 30 cards on my main view.
It’s coming...
I have been using yaml file for major edits and then cut/paste to the raw editor... but with recent lovelace changes that’s less necessary. You can move cards in the ui editor by using the arrow on the card... It’s a little kludgey but improving.
wildcard entities selection is just possible according to the entity name and not friendly name or smth like that?
my idea was that i can have friendly names with living_room included.
Iirc you can use wildcard on attributes as well
and then select everything what is lr or living_room in the name, to dynamically create cards.
Entity name... you will need the auto-entities card for wildcards
do you guys might have some examples available, as its the best way to get into it, if somebody designed it already dynamically 😉
or repo 😃
https://github.com/DavidFW1960/home-assistant is mine... look in ui-lovelace.yaml for examples
thanks a lot 😉
👍
okay now i know what you mean with auto-entities.
They are awesome...
I use it for nsw warnings that change - come and go all the time and also for listing stuff like all automations without having to add every one
i see
include:
- entity_id: "geo_location.nsw_fire_service_feed_*"
Yes.. so they all start with that and then the * is a wildcard
yeah, thats bascially what i try to achieve, i want that with friendly name like
*living_room*
If the entity has a friendly name defined in customize it will display that
You will see I have for example unfriendly names for my Yeelights..... but they display using what I have in customize
yeah my yeelights are double, as i have them configured manually and the auto-conf was working at some point 😄
okay not just the display name thats clear, like in the old dashboard, i mean really the selection
as i can't decide how xiaomi sensors are named
and i want to group them dynamically together.
Yes same here... I had them via discovery but sometimes they took 20 minutes or longer to show up so I added them to ignore for discovery and manually configured them. I didn’t use a different name because all my automations etc.... so I just maintained the name but they display in a friendly way
You need to find the pattern and the auto-entities will do the rest - but you need to customize them to show friendly names. Done once done forever
so the auto-entities works with friendly names too?
No... you need to use the entity ID but it will display with the friendly name
Yes and there will be a pattern you can exploit
No. But if they are fixed, just add them manually... it’s not like they constantly change and need to be dynamic is it?
@timid burrow I use the monster card for seventeentrack, but I still haven't figured out how to change the default showing info of the entities, I would rather have it only show the memo instead of "seventeentrack memo" and show "info text" rather than "state" by default, any ideas on that? 😁
Will that work with wildcards and monster card? I couldn't figure out how 🤣
Link to my github above... look in my packages for some examples..
I don’t use the monster card
It would depend on the sensor names you create if it would work with auto-entities
Bookmarked 👌 I only knew about monster card to populate dynamically with wildcards
Ah.. well I’ve never used that card
@timid burrow i have like 80 xiaomi sensors, they have clear structured friendly_names, a wildcard selection for that would be great, would save a lot additional efforts.
@wheat current: I can confirm that the history-graph card does not auto-update in Chrome 72 on Windows either
You could try putting them in groups and using the group in the auto-entities.... I have not tried that but maybe
Time to create an issue then 😃
So, the pin entry alarm panel. I dont have an alarm as such but wondering if i can use my xiaomi sensors and a speaker to create my own alarm system in home assistant ?
@finite lantern sure, this is relevant https://youtu.be/rOxxGth2SnE
I dont have an exisiting 'old' alarm to use Konnected
@finite lantern we should probably move to #diy-archived 👌
monstercard is placed in www but when i add a default card, i get the error: no card type configured.
i added the resources in the raw editor, tried to configure a card manually like:
- type: custom:monster-card
show_empty: false
card:
type: entities
title: Lights On
filter:
include:
- domain: light
state: 'on'
@ornate pendant I use it like this https://github.com/atxbyea/Home-AssistantConfig-New/blob/master/ui-lovelace.yaml
monster card.js is placed in www @slow wave ?
@ornate pendant looks like it in the screenshot I sent you
i dont get that, i made it manually now it works....
So you copy pasted the content of the monster card instead of copying the card file?
the editor is doing some crap.
hi all, entities card in lovelace , not updating the icon status until page refresh , is that a known issue ?
@ornate pendant copy them both to a editor that shows indents and tabs, like notepad++ and see if you can spot the difference 😂
Hi all, can I bother you guys for a minute or so
Just trying to understand how I can use backgrounds in Lovelace without using yams files? Doesn't look like the GUI editor supports it, but its probably just me 😉
@slow wave it was okay, till i started editing manually in the editor itself Oo
oh boy, thats nice monster-card can filter by name
have anybody updated , the custom updater to latest version , https://github.com/custom-components/custom_updater , how to make it work besides the info on the docs ?
whats the best type to display battery sensors?
now the gui is more dynamic than the automations 😦 wildcards ftw.
where can i find info about what storage mode is ?, tks
i dont know exactly what the editor is doing on chrome, but its not doing what it should, my cards disappear, now i have in raw config 10 cards Oo
is storage mode , the opposite as the yaml config mode ?
or the alternative of yaml mode?
never mind , found the video .
does somebody has a card to display last updated older than 2 days of battery powered sensors?
Afternoon all. Ive been avoiding lovelace as much as I can because I hate the idea of an interface. Now i need to start making things look pretty and allocate rooms ETC. For someone thats new to lovelace, would you suggest GUI or YAML. Im just worried that the GUI might not offer enough which means ill need to move to YAML in the future anyways.
I'm not a UI guy myself, so I'm probably the wrong person to give advice on this.
But with card-editors (where supported) and raw-editor for all others, I don't have any compelling reasons to use yaml mode 🤷