#frontend-archived
1 messages Β· Page 125 of 1
Tinkerer is away for 3m 18s with a message :point_right: - .... .. ... / .. ... / .--- ..- ... - / ... --- -- . / .--. --- .. -. - .-.. . ... ... / -- --- .-. ... . / -.-. --- -.. . / -- . ... ... .- --. .
sensor:
- platform: template
sensors:
iphone_loading:
friendly_name: "iPhone Laddning"
value_template: "{% if is_state('sensor.iphone_battery_state','Unplugged') %}Urkopplad{% else %}Laddar{%endif %}"
Would that work possibly?
And i would call it by iphone_loading
Worked like a charm!"
@river remnant https://github.com/thomasloven/hass-browser_mod ?
Different theme for Different user. Is it possible?
@strong finch each user can select their theme in the profile
I understand, but the question is possible with the help of code that it will be Always
To force a theme to a specific user? Or to all users?
No one knows? π
You can't - currently anyway
Well, assuming they've chosen Backend selected
It's the default
I just do that
Yeah, I have something similar, but it doesn't do anything for an account that has chosen a theme
How can I upgrade a bar card so that the correct version number is displayed in the chrome console log? I have reinstalled bar-card several times and emptied the browser's cache, but version 1.5.2 stays with me while I installed with HACS version 1.6.0
funny when I install 1.6.0 in HACS then it install version 1.5.2 π¦
Hi everyone. I tried to configure a monster card but groups light is show and I want only entities. When I hide the group in card it's hid may entities. any idea ?
Can i set a gauge or graph to use an attribute of an entity, or will i need to make a template sensor based on the initial sensor for attributes?
If it's one of the stock cards, you need to create a template sensor
okay.
also, what happened to the graph card? did it just get turned into history-card and then lose the smooth lines?
There's two "graph" type cards
The one your talking about sounds a bit like the sensor card
I don't think so - certainly there's no sign of it in what release notes there are
0.80.0 introduces it as sensor
welp, maybe not then.
Is there a way to invert the severity on a gauge?
or is it literally just set the severity of red to 0, yellow to 50, green to 85?
^ is true π
hello all
any idea how to add a spacer to a button-entity-row ?
i have 2 buttons but there all the way to the left and the other to the right
need them to center
(Have no css knowledge, as stated in the card)
For the life of me I can't figure out how to get custom cards to work (tried monster and simple-thermostat) https://gist.github.com/spacesuitdiver/b1f284e6e89c689097c1c98b7f1e6770
I'm using hacs and the .js file is accessible from the url in the ui-lovelace.yaml
Is there a way for me to see the errors?
@vapid field this is a great reference:
https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
This is interesting...
It throws these types of errors but not if I provide custom:simple-thermostat DOMException: Failed to execute 'whenDefined' on 'CustomElementRegistry': "simplethermostat" is not a valid custom element name create-card-element.ts:109 Uncaught (in promise) DOMException: Failed to execute 'whenDefined' on 'CustomElementRegistry': "simple\-thermostat" is not a valid custom element name
Gosh this is so annoying.
oh I see it's just an uncaught check on the same, then it throws on it not not existing.
weird I had to manually edit ./storage/lovelace
Hello everyone. Would anyone be able to help me with the wyze cam rtsp firmware and the stream card. I have the rtsp ip but i cant seem to get a picture entity card to display the camera.
@calm pendant I just learned you can use inspector to try to figure out why cards are not working https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
Maybe you'll see a 404 or something for it trying to fetche your wyze cam
@calm pendant do you have a camera entity? ie camera.kitchen
@latent moss i do not. I so far went into my config yaml and on the 2nd line i put stream: saved and reatarted
Do i have to setup the entity forst?
yes
In your configuration.yaml add something like this
camera:
- platform: generic
name: Kitchen
still_image_url: https://i.imgur.com/vmU4AWZ.jpg
stream_source: rtsp://Username:Passwordm@192.168.1.150/live
Im sorry im pretty new
you would change the last line obviously to your rtsp url
Will that alow a live stream on my overview page?
yes
you would have to add it, but that's step 1 of 2.. add that to configuration.yaml and restart . Here is the documentation for it btw https://www.home-assistant.io/components/generic/
Just editing config yaml. Reatarting now. I can do a picture entity card and add it there?
Yes. Once you have the camera entity, you will be able to do something like this
type: picture-entity
entity: camera.backyard
camera_view: live
You have to do an still image. I left it out and the logs gave me an error
i think so. wyze doesn't provide a still image, so i just put a generic image for that, the wyze logo. when you display it on your lovelace it's going to be a live stream so the still image won't be used anyway, can be whatever.
Gotcha. Where do i need to stick the image at?
this is what i use,
camera:
- platform: generic
name: Kitchen
still_image_url: https://i.imgur.com/vmU4AWZ.jpg
stream_source: rtsp://Username:Passwordm@192.168.1.150/live
(that goes in your configuration.yaml)
Ok let me try. Thought the image had to be local.
Does the stream: have to be at the very very top. I have it below defaut config:
that should be fine
yeah it's a couple seconds delayed i think
I have an sd card in the cam. Does it record anything to the sd card in the rpi3? Or does it stay on the camera sd
Im worried im going to kill my sd in the pi with read amd writes
valid concern, i don't know how bad it is on the sd cards. i think it's only doing writes when you either click on the camera entity or when it's doing a live stream on the overview page. i have my cameras on a separate tab/view so it's not running constantly unless i visit that tab.
Gotcha. My idea is im going to have another rpi3 in my shop hooked to a big tv only purpose is to display my overview page. To shop my cam feeds as well as temps. Doors open or closed. I wont interact with it. Just view. So the tab will be open all the time.
I wonder if i should turn this over to a virtual machine to do this
By the way its working! You nailed it. I just didnt understand getting the cam in as an entity. Thank you thank you
no problem
if you are using hassio install method, i would recommend doing automated snapshots. then if your sd card dies you can simply swap in another one and restore your setup fairly quickly. i would see how that goes before springing for a NUC or more expensive machine.
Alright ill have to do some research on the automatic snapshots. I take snapshots but i guess they stay on sd card so if it dies it doesnt do you any good
By chance do you know how to get rid of the idle text on the right of the card? I want to keep the name of the cam on the left
yeah there's community add-ons for Hassio that can backup to Dropbox or Google Drive. here is a tutorial https://www.youtube.com/watch?v=WcErD5PvIYw That way even if your sd card dies you don't really lose anything, and you're only out a couple bucks for a new sd card.
add show_state: false i think
so i think basically like this.
type: picture-entity
entity: camera.backyard
camera_view: live
show_state: false
Sweet ill try that. Going to fallow your link. Thank you a ton for all your help! Appreciate it
no problem
Used to be that /customcards/ used to be a symlink or something for pointing to lovelace cards without caching I think. This doesn't seem to work anymore, has it changed?
It required a particular custom component I think
ah, ok, I reverted back to /local/custom to point to a custom folder in www, that works fine.
i have a problem with lovelace on mobile. is it supposed to work?
Hi. I have a question which should have an easy answer but whatever I thought so far drives me in circles.
I have a tablet hanging next to the entrance door and used as Home Assistant console.
What I'd like to do is to set up an automation capable to switch from the default_view to another panel when an event occours.
Reason for doing that: When somebody rings at the door a switch is triggered in HA and I'd like to switch automatically the tablet display to whatever current panel to the one where I have the peephole camera.
Any idea on how to do that?
Navigate from "hassio.local:8123/lovelace/default_view" to "hassio.local:8123/lovelace/peephole" would do the game... but no idea on how to it automatically...
hi all, I have a (i hope) quick question. It is possible to hide sensor name using badges on picture elements?
@lone halo I hope I'm saying something useful. Would it work for you using name: ' ' ? I have several pushbutton defined that way and represented by an icon
- entity: switch.living_room_shutter
icon: 'mdi:arrow-up-bold'
name: ' '
tap_action:
action: call-service
service: switch.turn_on
service_data:
entity_id: switch.living_room_shutter
type is missing
guys I have been playing around with 3D Floorplans for a while, trying to get different rooms to light or actually to get the image representing the different rooms to turn on depending on the switch selection, my question is I have created an SVG image with 3 layers in it each labled with the entity ID, using a lovelace picture elements card I am tring to set it up so that I can turn on or of the layers, any assistance would be appreciated
~format @river remnant
on docs it says this for state badge :
title
(string)(Optional)
State badge tooltip. Set to null to hide.
"null" is ' ' ?
this is my config:
- entity: sensor.temperatura_soggiorno
style:
'--ha-label-badge-font-size': 1em
color: white
left: 90%
top: 15%
title: ' '
type: state-badge
but in lovelace i still see sensor name "temperatura_soggiorno"
guys I have been playing around with 3D Floorplans for a while, trying to get different rooms to light or actually to get the image representing the different rooms to turn on depending on the switch selection, my question is I have created an SVG image with 3 layers in it each labled with the entity ID, using a lovelace picture elements card I am tring to set it up so that I can turn on or of the layers, any assistance would be appreciated
Is there any way to customize badges on the map card? I've tried to just make it an icon without the circle, but with no luck. My dream goal β a PNG image that I upload with no badge circle
There was a power outage when I was out and when I come back, both chromecast and google home cards turned into
{
"entity": "media_player.chr",
"type": "media-control"
}```
How do I create script buttons that don't say "EXECUTE"
That's what you get if you use the entity card, you could use a Glance card, an Entity Button card, or many more, and configure the tap_action to run the script
thanks @split granite
hmm
Tinkerer: I was just reading through the floorplan post on the community, you were playing around trying to get the existing floorplan card to work with the new lovelace Pcture elements card did you get this working
Not with Picture elements, no
That... was an exercise in frustration
Instead I took the easy route
yep I am feeling the pain right now
(easy, because I already had the floorplan built)
Using Floorplan is a bit fiddly, but I'm so much happier with the result
did you use the inkscape to configure your SVG with the layers in it labelled as the element names
Yes
I started by tracing the floorplan from the house purchase details, and worked up from there
ok have completed all that, just want the one svg, with the layers to show each light comming on
https://github.com/pkozul/ha-floorplan is the process I followed originally
That's what Floorplan gives you
looks brilliant
It took a lot of work, in part because I'm picky about details, but it's been worth it
I have spent considerable time so far like you very picky, I have all my base floorplans done, it is now easy to create the different lyers, just hung up on the code and which way to go
IMO the custom Floorplan card gives the most visually pleasing result
The forum threads - both for the original and the card - are worth spending a few hours reading through to get some idea of what's possible
yep been doing that hence how I came across your input, I followed Aaron Godfrey's post got all that working but limiting if you want one SVG image to show everything
With the card it's possible now to have multiple Floorplans quite easily I'd have thought
yes thats how I have set it up, now, but each floorplan only shows two stages, ie light on or off, as soon as I had a 3rd or 4th to the equation , layers get hidden on top of each other , hence why I am trying to use the layers option turning them off and on
but as you have dicovered it does not weem easy using a picture elements card
seem
Yeah, Lovelace-Floorplan all the way π
Anyone else get a dev branch pushed into homeassistant/home-assistant:latest
@midnight frigate I suspect you asked in the wrong channel
yup, fingers were faster than eyes....
@river remnant browser_mod allows you to change views on events
@gloomy knoll you cannot customize the map card
@plush shadow if you look on the states page, you would see that those entities are not available. Home Assistant probably restarted before your Google devices did so they were not discovered
dropdown lists being obscured by the "topic" header a know issue? ie z-wave node list being obscured by the blue "Z-Wave" header
(firefox)
Ok. I thought it continuously monitor the Google device. So I guess a simple restart should do it.
@mild veldt ....really thanks a lot. I had a quick look at browser_mod and it seems exactly what I need...
You can't imagine how much I searched... thanks again
https://discordapp.com/channels/330944238910963714/460846676358332417/615554792369946625
Tinkerer: It required a particular custom component I think
Correct, custom_updater enabled that.
Hello gents, hoping you would kindly provide some insight. I'm trying to left-justify and right-justify two mdi icons for elements on a picture-entity card. I'm probably missing something simple, but I'm not finding anything useful through my searches. TIA
@mild veldt What about customizing badges outsize of the map card. Can I get to the point where I could use a custom PNG without the circle?
@plush tangle there are no icons on the picture-entity card...?
@mild veldt there are...if I populate entities, they start from the right and fill to the left
@gloomy knoll you can use your own entity picture, not sure what you mean by without the circle? That's kind of what makes them badges, after all
@mild veldt just trying to get one on justified left and one justified right
@plush tangle you must be referring to picture-glance
you're right, sorry. I'm only 60 hours in
You can somewhat adjust the order, but location is based upon type
middle being for non-actionable items and the right for actionable items
if you want customization like that, you'd have the most luck by trying picture-elements
Is there a way to input hidden entities which would act as spaces?
everything I've tried has failed
no
@plush tangle I guess if you found an icon that could be your spacer that could work π€·
Any idea how they got the spaces in the example from the documentation? https://www.home-assistant.io/lovelace/picture-glance/
Dummy-entity or Gap-card ??? If not applicable, sorry didn't have time to read up
At work
@atomic glacier not within a picture-glance
@mild veldt Yeah, I don't want them to feel like a badge. I'm hoping for a transparent PNG
@gloomy knoll I mean you can do that, but not within the badges area
would a custom card be a better direction for what I'm trying to do?
@plush tangle picture-elements or just buttons inside horizontal stacks
ππ»
Sadly, the maps only place badges
like I said before, you can't customize the map at all
only the entity picture for the device
@mild veldt thank you for the assistance sir! I'll investigate custom options if any. Trying to get a live stream of a 2-bay garage with left and right buttons to trigger the doors respectively. I still have a lot to learn
That sounds easy enough with picture-elements
Or a vertical stack with just the stream and below a horizontal stack with two buttons in it
That would be even easier
I have everything working but the spacing. That's a great idea, I'll try that
Thanks again
@mild veldt @plush tangle I was pretty sure I'd done that way back. Fake entity with icon: mdi:fake to create a space between buttons. Not sure if that's what you were looking for though...
https://snipboard.io/i2g5dS.jpg
quite possible @atomic glacier , would need to be a real entity though
actually...maybe not
I don't think I did add that logic to that card
Yes, corrected, but it doesn't have to work π
at least mine didn't LOL
sensor.zdummy_sensor_35 and switch.zdummy_switch_5 or input_boolean.fake
yep, that does work. @plush tangle wasn't aware of this work-around. So if you haven't already got something else, this is a valid solution
Requires 0.98, though... But it's backend supported, so it's stable as a rock.
I need to start using card-mod
Hi all, has anyone here successfully created a 3d floorplan using the new lovelace floorplan card and managed to get the layers in the floorplan .svg to turn on and off
Can this be done or is it still ill-advised? I seem to remember this causing crashes..? Could have just been when using ha cast though.. ```type: iframe
url: /a0d7b954_motioneye
aspect_ratio: 100%
Is there a way to have a hidden attribute like name or alias?
The idea is I want to use monster-card and I want to be able to build card based on tags but not necessarily do I want to have all the tags as part of the visible name.
You can't hide attributes
I have a question on the gauge card, and the "severity" color scheme. Can the order of colors be reversed? For example, sometimes a LOW number ought to be red and a high number green. Like for a fuel or energy or battery level. How does one do that?
It wasn't working in the GUI editor - I reordered in the text editor as such and it worked.
type: gauge severity: red: 0.1 yellow: 0.2 green: 0.3 theme: Backend-selected name: PV Power entity: sensor.renesola_power max: 0.5 min: 0
and not that it matters, but red yellow and green are the only colors I guess? Certainly not white , black, orange, 0x00ff00 etc
hello! is there any way to change icon-colour to 'yellow' for two custom-states of sensor.template entity?
And also I suppose I can't do any value scaling in a Lovelace card? Like dividing a sensor measurement by 1000 without doing it in a template but just in a card?
is there any way to add a vertical line between cards in a vertical-stack (or vertical-stack-in) card?
Time to lean back and watch the world of everyone using hacs without reading release notes burn.
Or wait... maybe pre-releases don't even show up in hacs...
@polar kelp some very different levels of instructions on these custom_components... a long scale from missing to extremely good
On mine?
I just copy/pasted my instructions from someone that knew what they were doing and changed the words to match my plugin
"Use jinja templates instead of my silly ones" π€£
Phew. Just checked and while I have card-mod installed I no longer appear to be using it.
Oh crap. Yes I am. In lots and lots and lots of places. I should have searched for "style: |" not "card-mod".
@polar kelp prereleases can be shown, but the user needs to enable that in the context menu pr repository
@polar kelp no not so much. Just saying there is a fairly wide gulf of "quality documentation"
That's true.
ey folks! new here! i made a new setup on my hassio and now i got alot of info i dont want to see .. i tried to make a group i can add all those things to and tried to hide it in costomize.yaml but doesnt work
any idea?
hey tinkerer, question for you. I have two cards defined on my weather view. I can comment either out, and the other shows, but not both together
Then you've messed something up π
Lines 4 and 5 are weird - maybe valid, but weird
and the hanging - is an error of pastery
Maybe try using the UI editor to set it up?
Every time I've had this problem it's been an issue with the card, or the entities I've given it
thanks. was an extra character in a sensor.
ok.. sucessfully made changes with no unforeseen side effects
what is the best way to add a divider between cards in a vertical-stack?
how do I remove the top circleS? https://i.imgur.com/H42LljF.png
Menu in the top right, Configure UI
badges. remove the badges
See the docs, linked from the channel topic π
tinkerer: what kind of card do I want to display a weather map? picture?
If it's a picture
I mean, you could just look at the stock card types and see what best fits what you want to do π
its a camera
@strong falcon do want just a line or a label?
https://i.imgur.com/xK79ejU.png <-- there is no remove badge?
just a line, I use "divider" in entity cards but I need a line between cards
@carmine shoal Then one of the picture cards
Use the entities card with just a divider and use card-mod to remove the box shadow
Actually don't do that
Try
type: custom:hui-divider-row
so in general, do you
- add rooms first then,
- input only switches not sensors to these rooms ?
meaning switch A is at study room but switch A has a lot of sensors or what not.
so ignore sensors and what nots?
@mild veldt is that in HACs?
@strong falcon no it's the core divider row
solid, thanks
@slow mist my experience is that you'll go through a bunch of changes until you find what works for you. Right now I have four main views:
- Entity filter cards showing lights that are on, etc https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-home
- Floorplan of the whole house https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-floorplan
- Ground floor rooms - glance card per room https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-ground
- First floor rooms - glance card per room https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-upstairs
That's the fifth? eighth? attempt to get what I'm looking for, and I'm getting closer now π
ok in this case let me install most of the stuff before I meddle with UI thanks
Invalid card configuration
{
"type": "picture-glance",
"image": "camera.ohx"
}
You should try RTFMing π
can't see forest for all this tree bark my nose is pressed into
You'll note that's marked as Required
Also
image (string)(Optional) Background image URL.
ok, no longer error, but displsaying broken image link
ok,, something wrong with that camera
For your jukebox stuff with decluttering card, any thoughts on whether it might be possible to "filter" the list based on a variable? For example I would add a variable for "genre" like so:
variables:
- album_art: cover.jpg
- album_artist: "Person"
- genre: "Rock"
And then I want some kind of button that I could press to only display albums in the Rock genre etc. Similar to a Lovelace conditional card I guess, but there'd be no entities to base conditions off of, so it would have to be hidden in CSS or something I think? Just curious if this would be technically possible, since I am still in the tedious "adding metadata" phase and wondering if it's worthwhile to add genres to everything.
If anybody knows how to call a script with custom button card?
here is my lovelace ui: ```title: Home
icon: mdi:home
panel: true
cards:
- type: horizontal-stack
cards:- type: "custom:button-card"
color_type: blank-card - type: "custom:button-card"
color_type: blank-card - type: "custom:button-card"
color_type: card
color: rgb(223, 255, 97)
icon: mdi:volume-plus
tap_action:
action: call-service
service: scripts.livingroom.turn_on_tv_livingroom```
- type: "custom:button-card"
The service isn't called scripts.livingroom.turn_on_tv_livingroom
Check your Services menu
and second question, can I in folder scripts have multiple folders like living room, bathroom, bedroom, and there all scripts regarding that room?
No
Ok, so all scripts in one level mfolder
Scripts, and automations, don't belong to a room
You can put them in folders for your own convenience, but that's all it is
I mean I will give it a try..
@split granite maybe the difference is what I am calling a service
but actually is a script?
Not in HA terms it's not π
scripts.livingroom.turn_on_tv_livingroom is not a valid entity ID
Go check your services menu, try to find it
Odd that
Almost as if the thing you posted is totally invalid π
It is a script not scripts
The name of the folder doesn't come in to the naming of the service/script
π€¦
Because...
that is not a valid entity id
And...
The name of the folder doesn't come in to the naming of the service/script
Entity IDs have two parts:
- Domain:
script - Unique identifier within the domain:
turn_on_tv_livingroom
here*
There is never more than one .in an entity ID
so, without subfolders..makes sense
Even with subfolders
great..thanks @split granite
without you I would be lost π
How can I add picture-glance card but with some entities whiuch they only call service
like: - type: picture-glance title: Turn on/off TV image: /local/images/media-center.png entities: - entity: #media_player.receiver icon: mdi:television tap_action: action: call-service service: script.turn_on_tv_livingroom - entity: #media_player.receiver icon: mdi:google-chrome tap_action: action: call-service service: script.turn_off_tv_livingroom
I commented entity: media_player.receiver..I do not need that really
You have to add an entity, but the entity itself doesn't matter
Why not add the script as the entity?
I want just to set an icon, and on tap to call service
oh..I didnt know that can be done also
title: Turn on/off TV
image: /local/images/media-center.png
entities:
- entity: script.turn_off_tv_livingroom
icon: mdi:television
tap_action:
action: call-service
service: script.turn_on_tv_livingroom
- entity: script.turn_off_tv_livingroom
icon: mdi:google-chrome
tap_action:
action: call-service
service: script.turn_off_tv_livingroom```
like that?
Yup
Is there a way to have a hidden attribute like name or alias?
The idea is I want to use monster-card and I want to be able to build card based on tags but not necessarily do I want to have all the tags as part of the visible name.
I know I wanted to ask. I don't rember asking here. π I asked in #330944238910963714 but then decided its the wrong place so I waited and asked again..
I guess since it was no I didn't file it in my brain. Or maybe it just went into my ramdrive and got erased overnight..
I was tired then so I guess I just ignored it... now I'll remember this whole discussion. thanks again. π
What are some great custom lovelace cards for tablet usage? This weekend I'll be mounting my tablet to the wall and I'm looking for a nice card to in & decrease brightness.
The custom sliders are a pain on tablets.
Anything related to touch is a pain on tablets.
At least they shouldn't be any worse than the built-in sliders π€·
As for your question, I think browser_mod and lovelace-fullykiosk
Note that lovelace-fullykiosk is planned to be incorporated in browser_mod eventually.
I also think layout-card is a hit for wall mounted displays.
Admittedly, I am a bit biased, though.
Wow... How did I not know about layout-card?! This looks amazing, thank you Thomas!
I actually bookmarked your browser_mod github page yesterday for later use.
how to edit color for icons in ribbon on glance-picture card?
I ahve gray ribbon with gray icons..
mod-card
*card-mod
nods. that critter
Hello all! Could someone please point me in the right direction? I'm struggling to get an Entities Card to change the icon of a switch when I toggle it on.
It's an mqtt switch in config if that matters. I've been fighting this for hours in the Customize.yaml with no results
That needs to be handled from the backend, e.g. with a template switch https://www.home-assistant.io/components/switch.template/
Something that supports icon_template
Thank you for the info, I'm looking into it now. I've gone through this already but I'll look again. Does that mean I remove the fireplace MQTT switch from configuration and turn it into a template?
- platform: mqtt
name: "Fireplace"
state_topic: "stat/fireplace/POWER"
command_topic: "cmnd/fireplace/POWER"
availability_topic: "tele/fireplace/LWT"
payload_available: "Online"
payload_not_available: "Offline"
payload_on: "ON"
payload_off: "OFF"
retain: false
Either that or (easier) you make a template switch as a wrapper.
Let's continue this in #330944238910963714
hi guys,
is there any way to alight-left the text of items placed on a picture elements? They are all align-center and that's annoying when you ave icons and text one near another....
Anything you put in style: will be applied as css.
@polar kelp nope, text-align: left does nothing
ok, here's an idea I want to implement: horizontal stack, 1 big wxmap|9 smaller wxmaps
when i click on one of the smaller, it becomes the big wxmap
________
| | [ ][ ][ ]
| | [ ][ ][ ]
|________| [ ][ ][ ]
like that. click on small image, it swaps places with the big image
so tap action should set an input select with you selection and main uses that to get entity with the config-template-card @carmine shoal
exactly.
i need 10 variables to hold the camera names
and just swap two variables, to swap the cameras
if there are a total of 10 cameras, 1 big, 9 little...
sounds like you were thinking about doing it all on the backend
how would you do it on the front end?
Using this card I made https://github.com/custom-cards/config-template-card
and an input_select to hold the current selection
either way should work
oho... loooks sweet
anybody know how I can get Lovelace to be the default view when I click on Overview tab in the sidebar?
because it goes to ip/states
instead of ip/lovelace/0
@severe idol on Developer Tools -> Info (aka log page) there should be a button there to select the default, states or lovelace
cheers @latent moss
@carmine shoal @mild veldt with state-switch it can be done without needing an input_select, and multiple users can use it individually at the same time.
Also doesnβt require rerendering the card every time you switch, but thatβs just a minor performance thing.
has anyone used card-mod to change the colour of the icon for an input_boolean switch? I just can't crack it to get it to work
It's much easier with release 4
when is that out?
six minutes ago
hahahaha
- entity: input_boolean.notify
style: |
:host {
--paper-item-icon-color: {% if is_state(config.entity, 'on') %} green {% else %} red {% endif %};
}```
It requires 0.98, so I held it off a bit.
Sure. Just replace green with var(--my-variable) or whatever.
ok! I'll give it another crack now
Itβs a very breaking update, though.
All templates have been replaced with jinja instead, just like in the backend.
ok.. I don't think that is a problem for mine
still not working
- entity: input_boolean.alarmgaragedoor
secondary_info: last-changed
style: |
:host {
--paper-item-icon-color: {% if is_state('input_boolean.alarmgaragedoor', 'on') %} var(--paper-item-active-color) {% else %} var(--paper-item-color) {% endif %};
}
does the state need to be in ' ' inside the ()
The entity id needs to be in quotes
config is a special variable, that's why there were no quotes in my example.
Does nothing happen at all?
Can you find <style class="card-mod-style"> in the shadowroot of the hui-toggle-entity-row in the element inspector?
And you're sure you installed card-mod release 4 and cleared cache?
I installed it with HACS.. says V4 and I did clear cache/hard reload
I donβt see any errors in the console
Are you indicating you added an input_boolean to your config and it works with that code?
It does work for me. I just added it with hacs to my production setup running 0.98.0.
Could you try just yaml entity: input_boolean.alarmgaragedoor style: | :host { color: red; }
and see if the text of your row changes color?
Hi there, I am not sure this is related, but somehow from today update (and that's the annoying part, not sure if it was the card-mod update or HA itself), my customizations for the icon aren't working anymore.
Even more odd, is that the color from the standard "blue" now it is showing "white" for some reason, like if my code is trying to do something and failing π
hi guys, i'm reposting this question from yesterday:
is there any way to alight-left the text of items placed on a picture elements? They are all align-center and that's annoying when you ave icons and text one near another....
That's the code I am using to change the icon color based on the state: https://paste.ubuntu.com/p/kXWtmcqKdm/
Oh I might have found the breaking change
@polar kelp state-switch! Of course! π€¦ββοΈ
where i can ask for a new implementation on lovelace?
make a pull request with your changes is the fastest way usually, otherwise i guess devs_frontend (but don't tell them i sent you)
no i'm not going to do the changes myself, i'm not a real programmer. I would like that the css text alignment is implemented in picture elements. Currently it isn't
I have managed to move all the style to per-entity and now everything is working again, I would like to ask tho, if there is a way to have a style which apply to all icons in a specific cards, but with the "value check" per-entity
I am facing quite a few strange things which I believe they depend on thomas's card, one is the icon color keep changing from the default (theme driven) one to the custom one. This also cause an error in the logs (2019-08-29 15:01:14 ERROR (MainThread) [homeassistant.components.websocket_api.http.connection.140552480992000] Client exceeded max pending messages [2]: 512
) (Issue: https://github.com/home-assistant/home-assistant/issues/23938) which seems to be a consequences of all those "refresh". Not sure anyone is facing the same or is aware of any bug. The used code, per entity (about 30 entity in a view, all batteries) is this: https://paste.ubuntu.com/p/tpgvMpQtvX/
I got the "max pending messages" problem after restarting hass if there was a browser open with an old version of the interface loaded.
@sturdy bough Could you show me a minimal working example of your problem?
@sturdy bough posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/wm36PxChrS/
@polar kelp
- type: state-icon
entity: sensor.movimento_cell_mates
style: {color: white, left: 7%, top: 91%}
- type: state-label
entity: person.marco
style: {color: white, left: 30%, top: 91%}
- type: state-label
This, in a picture-element, shows an icon, and on it's right, a text of the zone where i'm.
With the text center aligned, depending on the lenght of the name of the zone, the text can be too far from the icon, or overlap it. With the css "text-align: left" i could specify the state-label at "left: 10%", for example, and let the text run wild to the right, without overlapping the icon. The problem is that the css text-align is ignored in the style:
sorry i copied one line too much from another state-label at the bottom, ignore it.
@polar kelp was that clear?
I'm trying to change the color of an icon that is placed on a button-card (custom card) using the custom_fields "option" but I cant figure out how to write the code.
Is anyone experienced with CSS and could take a look? I wrote a bit more on this forum post https://community.home-assistant.io/t/lovelace-button-card/65981/2125?u=martikainen
Oh finally figured it out by looking at other peoples code they posted at pastein links π Sweet!
cpu: >
[[[
var wifi_icon = states['binary_sensor.kontor_rorelsesensor'].state === 'on' ? 'mdi:run-fast' : 'mdi:run';
var wifi_icon_color = states['binary_sensor.kontor_rorelsesensor'].state === 'on' ? 'green' : 'red';
return '<ha-icon icon="' + wifi_icon +'" style="width: 19px; color:' + wifi_icon_color +';"></ha-icon>'
]]]
@sacred quarry Fixed the problem in version 5!
@sturdy bough ```yaml
type: state-label
entity: light.bed_light
style:
left: 50%
top: 50%
color: white
width: 100px
border: 1px solid red
The element is centered on its coordinates though, and that can be changed with transform: none
I recommend everyone using card-mod version 4 to upgrade right now, btw. It will crash your Home Assistant instance...
Updated to version 5 β
i am going cleaning up a bit in lovelace and i am now looking into my old compact custom header config.. and i have some config for exceptions: / conditions: i.e. user_agent: but i fail to find anything about this in the documentation.. and i do not remember why i put it there in the first place..
@polar kelp how do you put an image here?
Please use imgur or other image sharing web sites, and share the link here.
Not everybody can post images by default, because too many people abuse that, or post code as iamges
@polar kelp https://imgur.com/GWtdl6G
- type: state-label
entity: sensor.fritz_banda_down
icon: mdi:download-network
style: {color: white, left: 43%, top: 82%}
- type: state-label
entity: sensor.fritz_banda_up
icon: mdi:upload-network
style: {color: white, left: 43%, top: 90%}
as you can see, both are left: 43% but the two speeds are in different places, because 43% is the middle of the label, and the text is centered.
@split granite understood, thanks
@polar kelp now that i've added also a "prefix:" is even more clear that is not left aligned
https://imgur.com/841APKD
And did you try the transform: none I explained about above?
@carmine shoal Set the ha-card-background variable in your theme for the css background property of a card. That can include images.
@polar kelp oh... the "transform: none" seems to have worked
let me try to move all the items in the right place
@polar kelp on a card by card basis? wow!
- url: /plugins/card-mod.js?v=1
type: module- url: /plugins/card-tools.js?v=1
type: js
- url: /plugins/card-tools.js?v=1
I need both to enable CCS, correct?
Card-mod doesn't require card-tools.
@polar kelp TY
how can i do a Picture up and some entities down ?
well a camera feed upstairs and some entities down
when I do that the camera goes into a little circle
fill: var(--iron-icon-fill-color, currentcolor)
@polar kelp it seems to use the currentcolor part of this - still in v5 it's the same - can't make it work.
also tried this:
- type: entities
title: Security & Home
show_header_toggle: false
entities:
- entity: input_boolean.alarmgaragedoor
secondary_info: last-changed
style: |
:host {
fill: {% if is_state('input_boolean.alarmgaragedoor', 'on') %} var(--iron-icon-fill-color, --paper-item-active-color) {% else %} var(--iron-icon-fill-color, currentcolor) {% endif %};
}
nothing works for me with this
This one doesn't make the text red either
entity: input_boolean.alarmgaragedoor
style: |
:host {
color: red;
}
@forest star The vertical stack card is what you want. It will let you have the full camera feed and the entities underneath it. The first demo code snippet has your exact use case too so you can just copy and paste that into your setup: https://www.home-assistant.io/lovelace/vertical-stack/
@timid burrow What does your resources: look like?
Is anyone having issues with the UI freezing up now? I can't tell if it's because I've added a lot of new entities in the back end, but if I edit the ui I then need to almost always kill the tab
- url: /community_plugin/lovelace-card-mod/card-mod.js
type: module
@polar kelp Not js correct?
No, that's correct.
ok
Could you enter customElements.get('card-mod') in your browser console and let me know if it says anything other than "undefined"?
correct.. undefined
Then card-mod is not loaded, for some reason.
ah ok
What about customElements.get('hui-entities-card').prototype.renderEntity?
Big blob of text, or several lines?
Ζ (e){const t=Sr(e);return this._hass&&(t.hass=this._hass),e.entity&&!n.d.includes(Object(o.a)(e.entity))&&(t.classList.add("state-card-dialog"),t.addEventListener("click",()=>this._handleClick(e))),i.β¦
And finally customElements.get('ha-card').prototype.firstUpdated
Ζ (){const e=this.shadowRoot.querySelector(".card-header");e&&this.insertBefore(e,this.children[0]),document.querySelector("home-assistant").provideHass(this),window.addEventListener("location-changed"β¦
version 5 I think
ohhhh
I have done multiple cache clearing but from the menu empty cache & hard reload...
doing the clear browsing data thingy
customElements.get('card-mod') still returns undefined
customElements.get('hui-entities-card').prototype.renderEntity
Ζ (e){const t=Sr(e);return this._hass&&(t.hass=this._hass),e.entity&&!n.d.includes(Object(o.a)(e.entity))&&(t.classList.add("state-card-dialog"),t.addEventListener("click",()=>this._handleClick(e))),i.β¦
customElements.get('ha-card').prototype.firstUpdated
Ζ (){const e=this.shadowRoot.querySelector(".card-header");e&&this.insertBefore(e,this.children[0]),document.querySelector("home-assistant").provideHass(this),window.addEventListener("location-changed"β¦
customElements.get('card-mod')
undefined
i'm going to try firefox
It's definitely version 3 being loaded, for some reason.
I can manually d/lor d/l again
it's the same in firefox
ok manual d/l and I'm getting text for customElements.get('card-mod')
for some reason it's pulling internal-root-color when on or off
style: |
:host {
--paper-item-icon-color: {% if is_state('input_boolean.alarmgaragedoor', 'on') %} var(--paper-item-active-color) {% else %} var(--paper-item-color) {% endif %};
}
it is mapping the color correctly to --paper-item-icon-color but it's not using that to style the icon
is there a way to hide a lovelace view from the top "taskbar" but still be able to use navigation_path?
Hello, how to retrieve song information from chromecast connected to monoprice 6 zone amp? that I connected to HA via RS232 port? thanks
Thanks @polar kelp , I have updated the card-mod version and it seems to be fixed in a page where I only use 3 style to change 3 icons color, but, on the "battery-state" it keep flickering and I still have the error (2019-08-30 11:19:17 ERROR (MainThread) [homeassistant.components.websocket_api.http.connection.140232772251720] Client exceeded max pending messages [2]: 512)
Actually I can see the flickering also on the page with 3 icon color change, but because it is just 3, it doesn't seems to make the UI crash, while the battery one have around 20, it make LL crash in seconds π
@tulip mulch yes, check out compact-custom-header
@devout hatch not a #frontend-archived question
Thank you I'll check it out
hi, does anyone know if there is a way of using input_select to display a choice of one of two floorplan picture element cards depending on the chosen input
sorry for the beginner-question... I did customize lovelace a bit using the ui... now I'd like to install a custom card and it states that i have to modify the ui-lovelace.yaml file...
i don't have that file yet
when i enter lovelace: mode: yaml into my config file, will i loose everything i made so far?
the card i'd like to install is mini-graph-card btw
@open perch you don't have to switch to yaml mode. in the top right where it has the 3 dots, press "Configure UI" and then click that same 3 dots menu again and press "Raw config Editor" . That is the equivalent of the ui-lovelace.yaml file
ahhh... thanks
np just copy and paste the "resources" part from the mini-graph-card documentation to the top of that raw config editor thing and you're good
do i have to restart hass to get the card working?
no should be able to just refresh the browser
except if it's your first time creating the config/www folder, then you will need to restart.
yep... was the case for me... thanks again π
np
Thanks @latent moss !!!
@latent moss is there a way to add a title to the stack
@forest star I do not think there is a way to give a stack a title currently without messing with custom cards etc. But you could probably do something like this (put a markdown card with text as the first card in the stack).
type: vertical-stack
cards:
- type: markdown
content: >
## My Stack Title
- type: picture-entity
entity: camera.demo_camera
show_info: false
- type: entities
entities:
- binary_sensor.movement_backyard
conditional card for that, https://www.home-assistant.io/lovelace/conditional/
i am not really sure, might be something with the vertical-stack-in-card. i assumed you were using just stock lovelace cards. If that custom card already supports titles in stacks, you wouldn't need the markdown card there anyway.
regarding the conditional , what about glance ?
any type of card can go under the conditional one. entities, glance, picture, etc.
doing this and nothing shows up in gui
want that card to appear only while not_home
it is working as expect then i think?
i assume you are home right now, so you wouldn't see it.
also, when you list two conditions like that, they both must be true.
Thanks that makes sense
is there the yaml for the default home assistant theme anywhere? i'm mostly happy with it but just want to make a couple tweaks
thank you muchly
@polar kelp it seems to be this variable here:
:host
fill: var(--iron-icon-fill-color, currentcolor)
Where it's the currentcolor part that sets the icon color. I can overide that value in the console and the icon changes color but I can not see how to use the style to change it and I have tried pretty much everything I can see to try.
Hi, I've got a dual-guage card which I want to display large on a tablet. How do I get the guage card to stretch horizontally and also make it vertically larger. Would like to see the info on the guage from across the room. Thx
hey people.. i try to make a list of my z-wave devices to show their state (awake sleepiing etc) and was wondering how to mak a list (widget) for this .. best would be with attributes etc
It is a custom card. https://github.com/thomasloven/lovelace-auto-entities
is it possible to show also attributes?
Is there a way to automatically have a tab for each "area" defined in your area registry (Configuration -> Area Registry).
And then have all devices in each area in corresponding tab.
i.e If I have 2 Areas (Lets say Bedroom and Kitchen), I get 2 Tabs in lovelace and the tabs have all devices in the corresponding area.
@fiery gyro no, that is not a feature, at least at this time
can i give individual entities color to its mdi icon ?
@patent jay I have used lovelace-template-card along with card-modder to achieve that
Do we have a card, that will show the latest snapshot-file_out from tensorflow? Have tried with picture card, but do not refresh the image
@mild veldt suppose I wanted to do that manually then, what would be the steps? Can I do it all by editing some ymal file?
@raven nacelle Thanks! can you give an example cant get it right
@raven nacelle my brain hurts π
each entitie needs to be in its own color: ``` entities:
- entity: sensor.ophaalkalender_gft
- entity: sensor.ophaalkalender_glas
- entity: sensor.ophaalkalender_grof_huisvuil
- entity: sensor.ophaalkalender_kga
- entity: sensor.ophaalkalender_papier
- entity: sensor.ophaalkalender_pmd
- entity: sensor.ophaalkalender_restafval
- entity: sensor.ophaalkalender_textiel
show_header_toggle: false
title: ophaalkalender
type: entities
i dont get it at all
no...put them in a list
You may be better off looking at this thread https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744
there are simpler examples there
@patent jay posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/HqPPMCPQqg/
Not sure if this is the right spot to ask this, but when I try to cast to Google home hub using the new cast feature it first shows the screen but then makes all my cards look misconfigured says custom element card modder doesn't exist. Any ideas from anyone why this might happen?
Sounds like the card modder may not work with cast
what's the simplest way to change the color of an icon per state? I thought it would be card-mod, but unless I'm not understanding it, the new version can't do this per entity in an entities card (?)
You can use this: yaml - type: entities title: Card Mod Test show_header_toggle: false debug_cardMod: true entities: - entity: sensor.dow_futures style: | :host { --paper-item-icon-color: {% if states('sensor.dow_futures_change_pct')|float < 0 %} rgb(194, 39, 45) {% else %} rgb(37, 145, 60) {% endif %} ;
I really wish this were part of Lovelace default. icon_color_template maybe?
We can repeat the style part for every entity
Hi all. I'm a newbie here so be kind to me please π
I'm trying to figure out how to display only three cards horizontally without using vertical and horzintal stacks. On my PC (3440x1440 ultrawide) I see 3
cards in a row, but on a small tablet four. It is really small
Any way how to lower the maximum amount of cards in a row in any view?
I tried google and many topics, no success
@fiery gyro if you take control of your interface, you can customize it how ever you wish
@flat timber check the last question here https://cast.home-assistant.io/faq.html
@vapid field check out https://github.com/thomasloven/lovelace-layout-card
@mild veldt# Thanks a lot π
How do I make the entity card for input select reflect the current state? Example, if item A has been selected through say Alexa, then A should be shown as selected in the card.
If you're not seeing that it's likely a caching issue with the browser
Solved the issue
I was directly running the script to change the input
instead of goin through the input select
so, the state change was never captured
Is there a way to define the line colors in a history graph? I'm on a dark theme and the dark blue line is barely visible.
Don't think we can define the colors in history graph
may be you can customize it in the theme
@stiff quail posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/Q8CR8qTdMt/
Hi All,
I have this code: https://paste.ubuntu.com/p/Q8CR8qTdMt/
it all works fine but for some reason Hass.io shows my TV as off for a split second and my LED's for the TV turn off.
Hass.io then shows the TV as on a few seconds later and my LED's turn back on with another code.
How can I change the code in the link to keep the LEDs on for 1 minute then check if the TV is still off. and if the TV is OFF it turns the light on but if it shows that the TV is back on the code does nothing and leaves the LED's on?
@stiff quail you need to use templating for state change. trigger.for is what you are looking for: https://www.home-assistant.io/docs/automation/templating/#state
@stiff quail and also please use #330944238910963714 channel if you have further questions since this channel is for UI.
hey folks! i'm wondering if there is possible to control from UI two lights so the brightness is syncing?
i have to lights over my food table and each on got a ikea light bulb
but want them to sync
@boreal hedge https://www.home-assistant.io/components/light.group/
@boreal hedge put them in a light group
I just have to show this off here too.
Card-mod, 14 loc (6 of which are specific to make this work, the rest is just normal picture-elements stuff).
hello all
k anyone know why home image works fine but not away? https://paste.ubuntu.com/p/gG4Nwh9fyc/
Can you see the image if you enter the URL into the browser?
permissions the same on both?
Hi, just trying to edit config through the GUI, I have already working automations for turning on the lights, but what I don't get is in the GUI under config/automations I see no way to edit entity_id: as I have done in my automation.yaml file. Where do I put the entity_id's in the GUI?
for the service data do you mean? If so it's expecting something like:
{
"entity_id": "switch.sonoff12914"
}
@vapid field
Thanks, why doesn't it pick up my current config from automation.yaml?
It'll only show automations that have an id.
the history graph card can only show a duration up to 80 hours, what would be the best option to show a longer duration? create an average sensor (custom or statistics) and this sensor to the graph?
is there a way to comment out something # on lovelace ?
@polar kelp did you have time to investigate on that error which still appear post-card-update? (https://discordapp.com/channels/330944238910963714/460846676358332417/616924957573644293) In addition, it did seem to be fixed,but also with 3 icon color change I still have the error, it is just less distruptive because it's less objects (I presume) π
Do you use lots of templates or is it jus basic style changes?
It's just an icon color change with condition (depending on the battery level), the problem is that it happen something like 30 times in a view
This is the code I a m using: https://paste.ubuntu.com/p/8WWJHq5Wm5/
That's for the phone status, which have also the "charging" option (still, that doesn't impact the color), here the one for simple batteries (which are majority in the page) https://paste.ubuntu.com/p/GvvMvnZFqf/
Also, I counted them, it's 16 entries π
Hm... 16 entities shouldn't be a problem...
Would help you to log into my instance?
I don't think so, to be honest... but you could help me by running customElements.get('card-mod') in your browser console and tell me what you get
sure
Just if it's undefined or anything else will do
@forest star if editing through the GUI, comments are not supported
It's quite a long line, do you want me to post it here or PM?
Nah. I just needed to know that it actually output something.
fair enough π
Then you're definitely running card-mod version 5.
There's been problems with updating before.
Yep I did check that also re-downloading and running a diff, cleaning cache and using incongito mode π
Yep I saw that in the chat, that's why I did a few checks before tagging you π
Have you restarted hass recently (as in after updating card-mod)?
Yes
I actually updated to 0.98.2 this morning
and even if I don't think it does make a difference, it's not hass but home assistant in python env
Old school. Nice.
hehe
Can this be somehow related? ha:1 Uncaught (in promise) {type: "result", success: false, error: {β¦}}
it's seems to appear in the browser console when the problem appear in the log
not sure if it's the cause of a consequence tho π
Probably related. What does it say if you expand the error?
The pastebin is excactly that π
I also found another error: connection.ts:190 WebSocket is already in CLOSING or CLOSED state (https://paste.ubuntu.com/p/NN98Cym2BH/)
Let't look outside this.. This is an entities row, right? Is it placed in a normal entities card? Is that card wrapped in something? monster-card, layout-card, vertical-stack-in-card, something like that?
The stack is like this:
vertical-stack
- type: custom:layout-card
- type: vertical-stack
- type: custom:config-template-card
type: custom:hui-entities-card
- entity: sensor.andrea_oneplus5_battery
Here I think you can get a better view: https://paste.ubuntu.com/p/28XyqMg28k/
For one I just realized that probably the first vertical-stack before the layout-card it's pointless π
@mild veldt , does config-template-card rebuild the card on every hass update?
@sacred quarry If you take it out of the config-template-card. Does the problem disappear?
I am trying it now
it was there because I think I was using that before to change the color, give me 2 mins to cleanup the mess π
Might be needed for your secondary_info row
But that has it's own templates, so you could try that instead
confirm, it doesn't reload like crazy
@polar kelp if you don't define entities to watch, yes
and confirmed, the secondary_info is no longer working π
What do you mean by "But that has it's own templates, so you could try that instead"?
Thanks @mild veldt
mmmh I think I did try that without success
I will take a second look into that
Ok, I've managed to have it working without the config-template-card, thanks a lot
Is there a custom card or other way to add up and down arrows next to a light-toggle-button to in/decrease the lightness instead of a slider?
@sacred onyx not that I know of but that is something I want to add as an option actually to the entity row and light card itself
hey yall, im newb here, but here goes... I've been trying to install a package written for Sclange deadbolt locks and I thought I'd made it to the point where I could set up a lovelace card. The author has written some lovelace code but not a plugin so I used the raw editor to put in the lovelace code.
here is the package: https://github.com/ptdalen/home-assistant/blob/master/packages/door_locks.yaml
Guess: Remove the - at the first line. Edit: This was wrong
basically, when I get to lovelace, none of the entities are available
If entities are unavailable, the first step is to go into dev tools (little hammer at bottom left) and then states. If your entity is not in that list, then it's not a lovelace problem.
so i guess im looking for troubleshooting guidance
Do the entities exist?
that is the question isnt it. I feel like I successfully integrated the package, and the entities should have been created within the door_locks.yaml file that was the package which was integrated
but of course now it seems like the package wasnt integrated because the entities do not seem to exist
my guess
these are all input selections so i must still need to do more with the door_locks.yaml file
when i look in the entity registry, the entities do not exist
Do yaml files create entities?
these are input and script entities...
did you restart @limpid rampart ?
after you put the packages/door_locks.yaml into your config folder, you would need to restart home assistant for the entities to appear (check config first under Configuration > Server Control).
im going to move this over to the general chat since its not really a lovelace issue
@polar kelp I've a question about migrating to the lovelace_gen custom component; I'm wondering how the pathname to the !include directive is interpreted. In particular, if its used inside another file in a subdirectory? Or are the paths relative to the Home Assistant configuration directory in all cases?
!include paths are relative to the path of the current file.
Hi guys, I am struggling with a little thing, hopefully someone will be able to help me. I want to show the Unit in the battery level and Voltage (so, basicallyu show a % after the battery value and a mV after the Voltage value), but I cannot manage to do it
This is using the secondary_info card
secondary_info: 'Battery Level: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_battery.state, "Not Available") ]] - Voltage: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_voltage.state, "Not Available") ]]'
The problem is, no matter how I add the % after senor.patio_mccgq01lm_battery.state it will return "undefined", any clue?
Hey guys, anyone knows how I can override the colors displayed on a lovelace Alarm Panel. I am using one pointing at an Aarlo alarm_control_panel entity
Not sure, but in the card-mod page there is an example for the alarm control panel https://github.com/thomasloven/lovelace-card-mod
@sacred quarry thanks, I'll take a look
it looks like this will let me make some general color and style changes. I'm interested in making different armed state have different colors
is it possible to use a cam image as background picture of a picture-element as it is in a picture-glance?
@sturdy bough I believe so. You need the image to be accessible to your client, AFAIK
@late ocean i dont' want to link an image i saved somewhere from the camera, i want to link the camera as in the picture-glance . Else, the image will not be update.
@sturdy bough you mean live streaming?
@late ocean not really live streaming, i have 10 cames, and i can't afford the bandwitdth to see all of them in one page. Right now i have 10 picutre-glance that update the background image after few seconds, but the picture-glance has ha fixed band where you can only puy icons, not values or text.
So i need a picture-glance where i can put other items, or a picture-element where i can link a "camera_image:" (not "camera_view:").
for example, i would like to display temp/humd over the cam of my dining room, but if i try with a picture-glance, i get the temp icon, not the value.
@sturdy bough , I see. I think you might have to roll that out yourself by saving your images somewhere (every 10 secs or whatever) and pointing to them. cahcing could be an issue
@sacred quarry thanks for your recommendation, I managed to make the colors work \o/
I have found a way to acchieve this, but it does look horrible... I think there must be another way but I cannot find it
secondary_info: 'Battery Level: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_battery.state , "Not Available") ]][[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", "%" , "") ]] - Voltage: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_voltage.state, "Not Available") ]][[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", "mV", "") ]]'
I need some help with custom cards in hassio
namely the google calendar atomic one
can anyone help ?
I am trying to add a custom card
and i need to know were to put the lines of code
- url: /community_plugin/atomic_calendar/atomic_calendar.js
type: module
sorry meants hacs
As for the card, see the pinned messages
have added this to the top of my ui-lovelace.yaml file and it has accepted it
resources:
- url: /local/atomic_calendar.js
type: module
so now the final step how do i add a calendar card ?
Edit your ui-lovelace.yaml and add the card according to the documentation for it?
- type: "custom:atomic-calendar"
title: "Calendar"
entities:
- entity: calendar.kalendarz_dom
color: red
- calendar.atomic7777
@tepid sleet 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
obviously i will enter my details in the required bits but it just shows up as a no go instead of a green tick ?
No go? Green tick?
in the web yaml editor it shows a red cross when i add the code
Probably then you got the formatting wrong π€·
I'd expect (not that I use it) that you'd enter it like
- type: "custom:atomic-calendar"
title: "Calendar"
entities:
...
creates a card but now i get custom:atomic-calendar does not exist
anyone on here use a calendar card for google ?
custom element does not exist
the atomic calendar file is located in my www\community\atomic_calendar
anyone?
have added this to ui
- entity: bighardyfamily@gmail.com
type: "custom:atomic-calendar"
title: Calendar
and now i get a card that says no custom component
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
so i think i had the location to the js file incorrect
now i just need to figure out how to get the code in ui to show the card
hi! new items doesnt show up on the mainscreen anymore? did i disable that when starting to configure it manually? i just added a person and connected the mobile mac to it (using nmap) but it doesnt show
If you've chosen to configure it manually, you now have to configure it π
Hello! I have a question regarding integration. If I have used the Philips hue gateway, does that mean that anything I do can be logged by Philips too. It's just once more for privacy purpose, does everything remains local or does using the gateway imply providing the same data as using their app?
Well, that depends on Hue (in this case)
Not that it's a question for here though π
i dont know how to configure it manually. just clicked around to get a grip of it all
Top corner, three dot menu, Configure UI
you didnt understand my question?
Or you didn't understand my answer π
If you chose the option to configure it manually, you must configure it manually
thanks! and then, how can i revert back to autoconfiguration?
You'd have to stop HA, and then delete .storage/lovelace
thank you @split granite
When restarting HA, sensors lose values and the history graph component shows revered spikes, is there anyway around that?
hey guys, tinkering with different themes in Lovelace. One of them uses bg image, and tells me to store it in the /local/www/ dir or to create one in the root of my homeassistant install. I have tried /var/www, I've tried all kinds of locations but can't seem to get it right. any pointers?
jelmer: create a folder named www in your HA .config directory.
restart HA
then you can access it as http://HA server address:8123/local/
drop files into that dir and they show up in /local/ on the web interface.
In config, didn't expect that. Thanks
Recently I split my configuration file into multiple files / folders. Now I see 2 badges with "Entity not found" (https://imge.to/i/vUJTKA).
I have added a new tab in Lovelace, which is not yet configured, it's there only because I want to start arranging the components in a better form. The original view remained the same and I think it's automatically configured. It looks like this: https://imge.to/i/vUJHaH.
I don't know where to look to figure out what's the problem. Any ideas ?
It's not automatically configured. If you have chosent to "take control", you're on your own as far as the auto generator is concerned.
Go to edit mode, click the little pencil next to HOME and go to the Badges tab to remove them
thank you
hello, is there a way to have a conditional to change a sensor icon depending on its status?
thank you @polar kelp !
Is it possible to move a lovelace configuration from one installation to another? Specifically, from a hass.io install to a straight home assistant install?
Partially answering my own question - if I can get access to the original installation I can go to the Raw Config Editor and copy / paste the config. But can I do anything through file access to the old /config folder only?
<config dir>/.storage/lovelace
Anyone able to give me some hint/feedback with this? https://discordapp.com/channels/330944238910963714/460846676358332417/618370041783517184 (a few lines below that is what I ended up doing, but I feel there must be a "cleaner" way to achieve the same)
I think that's the best way, really... there's a reason I'm abandoning those templates...
I guess that was the reason I was using the template card to achieve that π
But, I have to say, now that I removed the config-template-card basically everywhere, the UI it's more "snappy"
It'd probably work pretty well if you take care to set the entities list.
Yes absolutely, but the problem is, to do that I either add the same card for each entity, so that it update that specific bit, or if I add that as top-card and each entity below, even if listed, it would stil be 16 of them which I think it is what was causing it (unless I missunderstood)
cause my understanding from yesterday is it was updating continuosly on every change on any identity "under" that card, unless I missunderstood (might aswell be π )
No, every change on anything by default. But if you specify entities: it will only update when those entities change.
that's the bit that confuse me, by anything means all the entities across HA or across the specific view where it is in?
All entities in Home Assistant.
awww.. ok... that explains a lot π
Which could be several times per second, but is usually less because updates are not sent to the frontend immediately.
I think I have somewhere (maybe tasmota/mqtt) devices that send an update every 5 secs
that exalain a lot, my understanding was all entity in the view...
all entity in HA is A LOT π
591 entities (give or take) in my HA.. it was going crazy.. and really I did notice the UI to be way quicker and more stable once I removed it (well, them, I had it almost in every view!)... I always noticed Chrome going up to eat something like 1.2GB of RAM and I always wondered if there was a basic problem with my Chrome or with HA/Lovelace... but ofc, the problem was between the keyboard and the chair XD
It might be that we found the root cause of this issue: https://github.com/home-assistant/home-assistant/issues/23938
Thomas I did tag you on the issue (more as a thanks gesture to give the credit to you), hope you don't mind π
im reading a howto where they reffere to "home assistant raw config editor UI". where is that?
See the pinned messages in this channel
I am having a very noobish question. How can I trigger a script by using an entity-button? This is what I have but it wont trigger the script. https://pastebin.com/pi5Uimhj
This gives me the error: "Failed to call service script/turn_on. extra keys not allowed @ data['entitiy_id']"
entitiy_id π€
entity
Not entitiy
You can also just call service: script.spot_living_up
How simple could it be... Thank you Tinkerer! π
Hi, new to lovelace, just before I start a github issues. Could anyone confirm to me that im encountering a bug. I am not able to remove cards I add to the home page: https://imgur.com/a/veNJKWU
should there not be a settings button for this card?
That view is in panel mode, right? If so, you need to turn that off first. (pencil next to the view name when in edit mode)
is it possible to have a lovelace view that is "hidden" in the sense that i can navigate to it, but its not on the main ui
@quaint tundra Yes.With Compact Custom Header
ah yeah cool ill give it a go
Trying to set this up, not loading the custom card.
https://community.home-assistant.io/t/dual-thermostat-card/85798
Is it possible to add components in lovelace. Example: add a new sensor not awailable in the integrations paget?
or do I need to edit the config.yml manually
Short answer - no
Long answer - Lovelace is the display, the front end of Home Assistant. It isn't for configuring the back end (integrations etc).
I see
Any time you're working with integrations or configuration.yaml that's not Lovelace, that's #330944238910963714
So no way to edit the configuration.yaml from the gui
Not with the built in features, no
kk
There are things like the Configurator you can install for that
ah
If you're using #330990055533576204 then there are add-ons
Why
Hass.io just gives you point and click... to install Docker containers (add-ons)
*consider reinstall by using hassio instead of my current setup: ubuntu with docker
but I miss a image on https://www.home-assistant.io/hassio/installation/ for just generic intel computer
That's a #330990055533576204 question... but try reading the whole page π
woah. just noticed that my entire lovelace config is gone. i'm back to a "default" setup with all sensors in badges and views created for each group. worse, the hamburger menu to to edit the UI is gone. any clues where I should start?
yesterday I downloaded HACS, but never configured it so I believe that is not the culprit
i still have the proper content in /config/.storage/lovelace, but it's displaying something completely different
Backup .storage/lovelace. Go to your interface and open the editor. Choose to "Take control". Restore your backup. Restart hass.
nu such option. like I said, no config options/menu
Oh. Then you're not in lovelace.
Look at your URL. It probably ends with /states/, right?
Click the little hammer in the bottom left, and check what the blue button says
djeez. that's quite obvious. sorry. do you happen to know what might have caused this in the first place?
it says "set states as default page on this device" btw
Then that is as it should be...
we I'm Ok. probably me clicking it in the first place that got me here π¦ sorry to bother you
So if you still get redirected to states/ when you go to lovelace/ it might be that lovelace is crashing for some reason.
not anymore thanks.
had to manually change the URL, overview link still pointed to states
hi, is there currently a way to change the color of the view's icon/title depending on a condition?
You can do that with CCH @ocean linden https://maykar.github.io/compact-custom-header/Conditional-Styling-Config/
cool! thanks @mild veldt
How do I get my cameras into the Lovelace UI?
How do I fix my state images? Home shows an image but away just shows like a broken link. I can access my away pic via HA url just fine
any ideas?
like away status is just broken with picture entity
type: picture-entity
aspect_ratio: 4x3
entity: device_tracker.kelseys_iphone
name: Kelsey
state_image:
away: /local/kelsey_away.jpg
home: /local/kelsey_home.jpg
@mild veldt
Are the exact names of the states away and home (remembering that it's case sensitive)?
If they are, I would recommend wrapping them in quotes, because that's what the example uses: https://www.home-assistant.io/lovelace/picture-entity/#examples
thanks! That is exactly what fixed it
so strange because home was working just fine
putting it in quotes definitely fixed it.
actually weird, after saving lovelace removed the ""
but its still working....
so, in the automations page, the toggle to the left of the automation entry toggles the automation on and off I guess?
i'm new to this
ie, I can have automations setup, but not enabled ... is that a correct assumption?
Yes. That is also not a lovelace question
sorry, I thought lovelace was the web UI thing
Yes, but automations aren't the UI π
but i'm using the UI to setup the automation...
This channel is for configuring how the UI looks and behaves
it was a question about the UI behariour
@vapid merlin Actually, the UI is merely showing you whether the automation is on (enabled) or off (disabled) - the behaviour is in HA's back end π
fair enough
is it possible to put a title on a horizontal stack card?
@haughty kestrel no
dang
i have a fresh install of hassio in docker on debian. i have no icons in the upper right corner of the overview page? im aiming to "Configure UI"
@haughty kestrel you could put a custom button card at the top though and use that as your label
@quasi tinsel There's no Hass.io in docker
Unless you've added some custom cards to change it though, there should be a three dot menu there
ok sorry @split granite then im running Hass.io on my Debian machine. Anyways, what i was asking was how to enable "Configure UI". The 3 dots on the upper rigth doesnt show. Turned out i had to add /lovelace to my url. I cant recall ive had to do that before?
Did you have an old pre-lovelace install you upgraded?
Did you ever disable the new Lovelace UI from the Info page?
Like this
I completely removed the Debian vm machine im running it on and reinstalled a new one since i couldnt manage to get a real clean install any other way
hmm, might have clicked that one yes. π
Well, that'll do it - click on it again, with the new message, to put Lovelace back as the default
oh, thanks man!
Hey guys, how do I go about adding "Rooms" to Lovelace? I want to add room groupings for all the devices by room as opposed to the default, by type.
Is this only accomplished through configuration.yaml?
@sterile river You can also add room using the UI. Configuration > Area Registry
Oh, I didn't notice that... Perfect! TY!
Ok I see what's happening here... Because i have ingested most of my devices from Smartthings, they are not associated with the rooms I have alreayd created... sorry... noob here...
wondering if someone was able to help me out with mini-graph-card. I am using a few for home theatre information plex plays etc but was wondering if i could add a card to show a graph of people coming and coming using device tracker. is this possible??
this is what i have for code now but it doesnt like it. is there a way to say entity: device_tracker.kris_phone = home etc??
color: '#3498db' entity: device_tracker.kris_phone font_size: 75 height: 100 line_width: 4 type: 'custom:mini-graph-card'
@light saddle it may just be because it's friday and my brain is fried, but i interpret "kris_phone = home" to be a boolean, ie either it's true or not... and i'm not sure how that makes sense in the context of the rest of your question
ya i guess the same thing happens when you look at the line graph of things that are playing on plex. its either up or down.
but i guess there could be multiple things playing at the same time which would raise the graph. maybe a bad example haha
if you want to know how many are home, i guess you could have two automations that increments/decrements an input_number, so trigger on kris_phone -> home then increment... -> away then decrement, you could add multiple triggers for each device to track... then you could graph that input_number
i'm too much of a n00b to know of a more elegant solution
i am a super noob. I am just trying to come up with creative things to add in lovelace to help me learn haha
@light saddle you could create a template sensor that is the sum of device_tracker entities that are 'home'
great idea. so would that than show up as an entity id?? sorry for the idiotic questions
that seems like a great direction
or better yet, search the forums, someone has likely already asked the questions
i really should remember the template sensor
ah nice
you can put all the names in a list, loop over it and sum that way
so in the template sensor, if i specify the entity_id, can i use that in my value_template?
or say get the friendly name
Template sensors are best discussed in #330944238910963714 - but yes, you can do many things
so... many... channels π
Hi. So real quick question. I've seen quite a lot of things like this where there is a overlay of someone's house on the Lovelace menu and I researched how to do that. Is there a app to do that for free versus paying 3 dollars to get the layout of my house?
A few of us used http://www.sweethome3d.com/
Could someone give me some advice on editing a template check used in a custom_fields entity in the lovelace custom-button card?
I'm presenting the "last_changed" value as a custom field on buttons, but I couldn't figure out how to write the template to actually get the last_change value from the entity, so I've created new template sensors based on this vale.
A much nicer way is of course to get this template working correctly and get the value
This is how my custom_field template looks right now
custom_fields:
last_changed: >
[[[
return `<ha-icon
style="width: 12px; height: 12px; ">
</ha-icon><span><span style="color: grey ;">${states['sensor.office_motionsensor_last_changed].state}</span></span>`
]]]
And if anyone could advice on a good way on how to learn templating better? like any guides on understanding the language that is used and how the variables in HA works
this is what the value_template sensor looks like,
office_motionsensor_last_changed:
device_class: timestamp
value_template: "{{ as_timestamp(states.sensor.hall_motion.last_changed)|timestamp_custom('%H:%M') }}"
http://jinja.pocoo.org/docs/latest/templates/ for templating @wind tusk, beyond of course HA's own templating docs
https://www.home-assistant.io/docs/automation/templating/
https://www.home-assistant.io/docs/configuration/templating/
Thanks Tinkerer! It might give me some more knowledge on how to copy-paste-mix things together π I've always been a lousy developer and having a hard time understanding the logics.
I would really appriciate if someone could help me with my horizontal stack? It's very simple with just 2 cards.
https://pastebin.com/PFGiguxS
The 2 cards still sit below eachother
Thank you @elder pendant
Anyone know if it is possible/easy to remove the brightness slider from the light card? I'm running 2x zigbee switches that struggle with brightness (when you try to set brightness they freeze and need to be re-configured)
I can't find anything on Google or forums - been looking around.
@meager burrow you stack should be in the cards section of the view
You have it at the view level which does nothing
Ahh, makes sense. Thank you very much!
@uncut oasis you cannot
@mild veldt thanks, saved me a bunch of time trying... π Love this community.
what kind of card do you reckon I should use for a simple on-off then? What kind of card is this likely to be?
*can't paste image.....
Thanks - that's perfect/simple solution until I figure out why the brightness controls don't work.... Also when you turn the switch on physically at the wall it doesn't update back to home assistant either π¦
pretty disappointed, its rough here in AUS with electrical requirements (I can't use 95% of the market options, if the house burns down then the insurance blames the non-certified device)......
π©
That's rough
Updated the card - thanks for your help! Have a beer. Thanks mate have a good weekend.
@mild veldt - I'm having a dumb moment, how do I fix this sizing issue? (only happens once I add the third light card to the horizontal stack)
https://imgur.com/a/Y6UyhyJ
I'll just change the third card to an entity-button, maybe I can set the long-click action to bring up the full light panel. Goodnight all around the world π
Yeah light and entity buttons are not the same height which is annoying in situations like that. You can use card-mod to set the min-height of ha-card on each so they align
What cards do you guys use for person-presence? Picture Entity?
hey guys, Im trying to add the tap_action to my tautulli sensor button so I can view whos streaming but it doesnt want to pop up the window. Am I missing something here? - type: horizontal-stack cards: - type: "custom:button-card" icon: mdi:plex name: Plex tap_action: more-info color_off: rgb(245, 245, 245) entity: sensor.tautulli state: - value: 0 operator: '>' color: rgb(229, 160, 13) - value: 0 operator: '=' color: rgb(245, 245, 245)
Hello everyone, I'm trying to use the mini-graph-card (https://github.com/kalkih/mini-graph-card) in HomeAssistant, however I haven't managed to make it work.
I've installed homeassistant via pip and my configuration folder is /home/homeassistant/.homeassistant. I created a "www" folder in there and I put the js script in it.
then restart HA to start using it
I edited the lovelace configuration with "url: /local/mini-graph-card-bundle.js?v=0.6.0" (I'm not sure about that...) and when I try adding the card, it says it didn't find it.
@wheat current , I've already run systemctl restart homeassistant, that didn't help
Make sure your premissions are correct
Then have a look here https://discordapp.com/channels/330944238910963714/460846676358332417/566693294495760394
Hmmm... apparently I can see a successful GET in the network inspector
So there is definitely something happening
Alright, it ended up working :x
What is a good mobile app to make a floor plan for home assistant?
@honest herald check the docs. That's not how you define actions
thought I did
βtap_action:β then line under it indented two spaces βaction: more-infoβ. got it now
π
@mild veldt is there a bug with your config-template-card? I have the simplest configuration for it and I cannot get it to display a card. I always get No type configured. I've stripped everything from it to find where the error is. Tried different cards. Always the same error unless I remove your template card.
- id: hassio_status
type: custom:config-template-card
variables:
- states['sensor.current_version'].state
entities:
- sensor.current_version
card:
type: entities
entities:
- sensor.current_version
nm... I guess it only works with custom cards? Is that intended?
I'm blind, it's in the docs at the bottom
so im basing a bit of my config off of one of the demo configurations, namely this one: https://github.com/isabellaalstrom/home-assistant-config/blob/master/packages/system/system_info.yaml#L75
however, the state updates correctly, but the color is not set as far as i can tell https://i.mdep.tk/5ChWz
@haughty kestrel that's not a Lovelace question
Where would I ask it then because ls_color used for UI element color seems to be a Lovelace specific thing
on the forums tagging customui