#frontend-archived
1 messages ยท Page 171 of 1
Does anyone know how to apply padding to a vertical stack and not just the individual elements? Tried searching for this, but found nothing.
This is my current code https://paste.ubuntu.com/p/VMgyy99Tsk/
Thatโs a lot of unrelated code. How about an mwe?
That's just one of my vertical stacks i want to add padding to @polar kelp
has anyone got an example of a brower mod pop up that just shows button cards
Hi, I am trying to set the Y scale for the "History Graph Card". I was unable to find anything.
My layout has 4 temperature graphs and the lack of a consistent scale makes it much harder to read
Not possible as far as I know, would want it too
Hey folks, I'm having some trouble adding a custom lovelace component via HACS. I have HACS installed and am using another custom lovelace card successfully for some time. I just installed the "Mini Media Player" card via HACS and restarted several times but it is not appearing in lovelace. It DOES appear in the resources tab of lovelace, but not as a selectable card.
Am I missing something perhaps?
98% of custom cards are not selectable
You need to use a manual card for most custom cards
Hi! Does anyone allready tryed to add a windows 10 "widget" to control some automations/scripts ? I allready searched on the forum and didn't saw any clue...
How would I go about changing the color of a button-card with custom-cards addon when the attribute of an entity changes? I am trying to make my mute button turn red when the media_player is muted. Thanks,
Yes, but I can only update the style based on what the state of the entity is. Rather than an attribute.
that's not true
you can access attributes in templates
there are two ways to approach styling in that card - based on the state, and by specifying a background/icon color with a template
example:
styles:
icon:
- color: >
[[[
if (states['sensor.armed_status'].state == variables.armed_state) return "green";
else return "#696969";
]]]
Oh! and this would update based on what?
whatever you tell it to do
here's an example from the docs that references an attribute:
label: >
[[[
var bri = states['light.test_light'].attributes.brightness;
return 'Brightness: ' + (bri ? bri : '0') + '%';
]]]
- type: custom:button-card
icon: >
[[[
if (states['media_player.theatre_speakers'].attributes.is_volume_muted) == true) return 'mdi:volume-mute';
else return 'mdi:volume-minus';
]]]
Tried this ^
This came out.. "ButtonCardJSTemplateError: SyntaxError: Unexpected token '==' in 'if (states['media_player.theatre_speakers'].attributes.is_volume_muted) == True)"
you didn't match your parens
Thanks it worked!
There does seem to be a few seconds of delay after you press mute to where the icon/color updates. Is there I way I can incorporate the icon change in under tap_action:?
there really shouldn't be a delay
if the delay is device-induced somehow, you could manipulate an input_boolean in tap-action and use that in the template
It's probably due to it taking time for attribute of the entity to update whether its muted or not.
right, so you could maintain your own state in an input_boolean
and I would have to define that in the configuration.yaml correct?
or in the Helpers section in the UI
Alright, thanks for your help. I appreciate it
Hi all... Just upgraded to Home Assistant 0.114.4 and using Lovelace in YAML mode. Everytime the page refreshes, I get a popup window asking to add a card. Anyone else?
FYI, just found it.... https://community.home-assistant.io/t/add-entity-card-automatically-opens-on-load/221896/2
Now to go test
How do I add multiple actions to a single button in lovelace?
Do I have to create an automation?
a script
So no way to list actions inside the lovelace.yaml?
try it?
Tried this:
tap_action:
action: call-service
- service: "[[[if ((states['media_player.theatre_speakers'].attributes.is_volume_muted) == true) return 'input_boolean.turn_off'; else return 'input_boolean.turn_on';]]]"
service_data:
entity_id: input_boolean.theatre_speaker_mute
- service: media_player.volume_mute
service_data:
entity_id: media_player.theatre_speakers
is_volume_muted: true
and?
"mapping values are not allowed here" (line 3)
you have an extra unnecessary set of parens in there
looks like you just want a script
alright
What's the easiest way to link to something in the frontend?
@blazing turtle posted a code wall, it is moved here --> https://paste.ubuntu.com/p/SZcnwp4TNt/
Hmm.... blew that! Not sure what the bot did not like.
Im having a REALLY tough time getting card-mod to work at its simplest level... I just want to turn a cards font red...
Tried this ha-card and :host. Code is in that link. https://paste.ubuntu.com/p/SZcnwp4TNt/
I have a number of horizontal and vertical stacks worked in above this so maybe that is related.... Not sure, but I have been working on this on and off (mostly off) for literally months. Im not seeing any indication within the source or the console of the browser indicating that the style is being applied or that card-mod is having a problem.
And I have also read through https://github.com/thomasloven/lovelace-card-mod countless times to see if I am missing something.
Im hoping somebody can point me in some direction.
Can the unit be changed depending on the state of the entity in mini-graph-card?
E.g. if 1, update else updates??
@finite pond More experienced contributors may have a better idea, but I am thinking a template..... or just "update(s)"? ๐ Too lazy?
I tried that but it ended up looking untidy
Have you tried a template?
You may not need the mod (getting outside my comfort zone here), but how about this...
{% if states['radarr_upcoming'].state==1 %} update {% else %} updates {% endif %}
Nope. That works inside configuration files only, I think. Probably just doesn't support JS templates.
Unless support is specifically mentioned, cards generally don't support templating
Yeah I kinda thought the browser picks that up
@blazing turtle The bot doesn't like messages that are more than 15 lines - including non-code lines.
What is the type of the card you are adding the style: to?
Anyone using the upcoming media card having problems with cover images not being shown? Works fine from sonarr and radarr, but not plex/emby.
I think I'm messing up the JS. Can someone help me out? https://hastebin.com/eroqajotev.yaml
I want it to be.. if 1, Episode else Episodes.
hi
I want to work with the dallas ds18b20 ansd ESP home, its an temperation sensor and the lib is in hassio but still does not work,... did anyone had an idea?
here the issue https://github.com/esphome/issues/issues/1425
@polar kelp It is an entity card, but I tried converting it to a sensor card on its own tab page. But still no go.
And thanks for explaining that.
Is this JS correct when used with config-template-card?
color: >-
$(states['sensor.qbt_status'].state === 'seeding' ? '#F08B32' :
'#4E8AD5')
No color is being returned. Full config: https://hastebin.com/juwehisupu.bash
Yeah missed that. I replaced those with parentheses lol
I want to display about 10 lines from a text file in my /shared directory on a lovelace card. Any suggestions how to best do this? I managed to get it to work with the builtin "Webpage" card, but the text file changes from time to time, and the Webpage card doesn't seem to refresh on a browser refresh. I tried wrapping the data as an html file with <meta http-equiv="Cache-Control" content="no-cache"> etc. (pretty naive i guess), but it still seems to be cached by Chrome. I should probably be doing this a very different way ๐
I initially tried getting the data stored in a sensor, but there's a maximum of 255 characters, and I need more
I have a problem with states in lovelace with a tasmoticzed 3 way switch. Whenever I use the turn on in lovelace it turns on and immediately turns off. Why?
Tell me if I have put this question in the wrong place.
Question, i've gone from LL mode to Storage mode, and in my configuration.yaml i've commented the input_boleen: part. Problem is that they're still in my Hass after a restart. Do they get moved somewhere in the .storage folder?
Seems like it, i could finally remove some under Configuration --> Entities
@old void posted a code wall, it is moved here --> https://paste.ubuntu.com/p/DGYhkCtYQ3/
tried to login on the console?
do you have a samba addon and can access your config file?
I'm on the console
ha core logs is in the pastebin above
HA is working fine. Alle the automations are working. Just the GUI is not loading.
do you have a samba addon and can access your config file?
@plain pike using SSH. I'm on the consol and can access my configuration.yaml
Good afternoon, i am attepting to use the WWW folder location to creat an Icons folder as per the guide at this location
https://community.home-assistant.io/t/custom-animated-weather-card-for-lovelace/58338
However, every time i go to create a new folder location i get the following error
cant add the image however it says this is no longer located in //homeassistant any ideas
looking for some help with a custom: layout card. I am trying to create 3 horizontal rows of which 1 contains a set of button cards, the other would contain picture-glance card. can anyone take a look at this code and help me see what I am doing wrong https://paste.ubuntu.com/p/n95MdDFcV7/
@mild veldt hey brother is the custom: layout-card no longer working?
not mine and don't use it, so ๐คทโโ๏ธ
my bad you were listed as a contributor with Thomas. Appreciate the response though.
anyone know why it's showing 3 graphs when I only have 2 listed? https://i.imgur.com/5O9xJcb.png
entities:
- entity: sensor.temperature
- entity: sensor.humidity
hours_to_show: 24
refresh_interval: 0
type: history-graph
how can i get the same camera pictures as in the floor plan example:
https://demo.home-assistant.io/#/lovelace/0
my camera is just a picture right now
HA is working fine. Alle the automations are working. Just the GUI is not loading.
@vapid field
do you have a samba addon and can access your config file?
@plain pike It cost me more then a day but a found it.
For some reason CertBot did not renew my certificat.
What is strange is that there were no warnings in chrome en not in de android app "Ariela" and not in "Home Assistant"
I found the cert warning form curl, when I connected on the command-line to the API
curl -X GET -H "Authorization: Bearer ${MY_TOKEN}" -H "Content-Type: application/json" https://${MY_DOMAINNAME}:${MY_PORT}/api/states
curl: (60) SSL certificate problem: certificate has expired
Hi, I'm a bit confused as to what to do. I'm trying to add a button to toggle my yeelight color 2 bulb in lovelace, I don't want to edit directly in the ui yaml, so I tried using a button card with custom code added to it, though I'm unsure what to do. In my configuration.yaml, I have
devices:
192.168.1.11:
name: 'main'
model: color2```
I tried adding ```type: button
entity: yeelight.main```
to the code in the button card config, though it's telling me `entity not available: yeelight.main`. How would I go about adding this (do I need to install anything else)? I was also wondering if it's possible to add a color control ui when the button is pressed along with brightness adjustment without editing the yaml directly.
If you click the Gear icon โ๏ธ and then Entities, you should be able to find your light there. There you'll see the Entity ID you want.
it doesn't seem to be there. Is there something I'm missing to initialise the entity?
Never mind, it appeared eventually
Don't know much about yeelight. Try asking in #integrations-archived.
It cost me more then a day but a found it.
For some reason CertBot did not renew my certificat.
What is strange is that there were no warnings in chrome en not in de android app "Ariela" and not in "Home Assistant"
I found the cert warning form curl, when I connected on the command-line to the APIcurl -X GET -H "Authorization: Bearer ${MY_TOKEN}" -H "Content-Type: application/json" https://${MY_DOMAINNAME}:${MY_PORT}/api/states
curl: (60) SSL certificate problem: certificate has expired
@vapid field you didn't leave port 80 open huh?
guys what solutions do you have for a card in ha that has his locations between other cards, is a conditional card that under certain conditions disappear, but the problem is the space where the card was remain so basically i have card some space where conditional card was and then another card. what solutions there are for this?
@wet pond I'm guessing you're using a horizontal stack?
@tacit cave there are multiple horizontal and vertical in that card
i can share the code
Probably not much you can do then. You'll have to refresh the page.
that would not be a problem except when i do the space still remains there
if it's vertical stacks, it should play nicely. It does not play nicely with horizontal stacks
i mean i refresh and still have this space
yes but i'm assuming it's a space in a horizontal section
@wet pond I'm not referring to 'whats in the card', i'm referring to what the card is in.
@vapid field you didn't leave port 80 open huh?
@plain pike No. For a number of reasons is that no option for me.
But I already written a command_line sensor and a automation to fix this once and for all
[[ $(openssl x509 -checkend $((5 * 24 * 60 * 60)) -noout -in /ssl/fullchain.pem) =~ 'will not expire' ]] && echo true || echo false
which is triggering a automation to hassio.addon_restart core_letsencrypt, 5 days before expiration
THX for your time!
@tacit cave so if the card has in it horizontal steak then i am kinda out of luck?
Yep
damn ๐
so this is a bug or so? should i fill a bug report? or it's a limitation that can't be solved
it's not a bug, the card is reserving the horizontal space. Otherwise other cards would get larger if the space was filled
if you want to have it display while filling up that space, make 2 conditional cards that make up the entire horizontal stack.
can you show me how on my card example?
just move the conditional to the entire horizontal stack that contains the card you want to conditionally show. Then make an opposing conditional stack that doesn't contain that card.
you have to double your efforts. You'll have multiple copies of the same cards
you mean: have one card for the summer and one for not summer ? ๐
just to fill that space
genius
yep
i think i can work with that
it's just more configuration but it should get you what you want
i'll try it but i have to do it one card no?
else i'll have 2 spaces that will not fill
yah doesnt work for me, i'll try more when i have some time
ty
How can I zoom all the cards on an android tablet? I have tried Fully Kiosk browser and Wallpanel. On both of them changing the zoom has no effect.
Is there a way to bypass authentication for one device only ? I tried
homeassistant:
auth_providers:
- type: trusted_networks
trusted_networks:
- 192.168.24.80/24
But got an error (HA in safe boot mode)
hi all, total noob so not sure if this is the right channel.. Ive just gotten HAOS up and paired a bunch of devices using zwave/zigbee. All the entity IDs come through with long complicated names like "light.dz6hd_1bz_decora_600w_smart_dimmer_level_2", which is long and complicated for automations, etc. I see on the config page I can change entity IDs, does that name formatting have any implications for functionality?
@pine crescent Yeah you can change them to values that make more sense to your
awesome, thanks!
So I'm testing out 0.115 and have noticed a few minor UI issues, where is the best place to report those? I don't want to necessarily open GH issues for things that may have already been noticed and fixed since the 0.115.0b0 image was built
Want to see what issues are open (or were open and are now closed)?
Cool, I'll toss a few issues up. Search came up with nothing for them, so I don't think they've been reported.
As Paulus mentioned earlier, if it's not in Github, it doesn't exist ๐
For some reason I canโt access file editor from a browser on my pc, through the iOS app it works fine but trying to access through browser I get a 401 not authorised error; anyone know cause/fix?
you're using the addon?
Yep, I get a yellow line in the supervisor logs that says not valid ingress sessionโ
Iโve tried uninstalling add on and reinstalling
somehow you've found yourself in #frontend-archived . #add-ons-archived would be the right place
hey guys, i have a problem with my home assistant. I just setup a wifi switch on my lava lamp, and i want to change the 'on' state colour of the icon for it in lovelace. I tried googling but couldn't see any actual solutions, only vague forum posts. does anyone know how i can do this?
Cookie handling for the session recently got stricter (same site), if you do anything with cookie handling In your browser (ie. Plugins)
Hello everyone
Iโm looking at several images of how people have laid out the HA and it feels like my cards are so much more bulkier
@wintry gull it's all completely customizable through various means such as custom cards and themes etc
card_mod can do a lot for all sorts of cards
so i am thinking of making a card that shows a window icon, and the icon tells me visually whether its good to open the windows or not. the criteria for this would be that the air needs to be at a certain air quality (from my purpleair sensor) and also the temperature outside has to be more preferable to the temperature inside. (temp and humidity are in better ranges than current indoors value).
What is the usual way of having this logic defined? So far I could do something like this with node red and alerts, but i'm a lovelace noob.
like a custom button card with an icon of a window that's red or green?
something like that. but the logic to say red vs green is based on multiple sensors
and a template to decide which color based on the two entities and conditions?
it's just a template
trivial
so written in yaml
no, a template
my only exposure to templates is the value_template that defines the air quality ranges for my purpleair in my config yaml
example:
styles:
icon:
- color: >
[[[
if (states['input_boolean.heat_water'].state === 'on')
return 'red';
else
return 'green';
]]]
the template can be arbitrarily complex
spend a bit of time with this: https://github.com/custom-cards/button-card
perfect
I would just dump that on a custom sensor rather in the button code itself
sure, you could create a sensor to abstract the state. but the card needs to manage the color based on the state
the custom sensor approach is what i thought of first
this is my first failed attempt at doing a template for it https://hastebin.com/otenisivef.bash
I meant the bulk of the code to determine the state
techically you could have it all on the button without the need for the sensor but it makes the ui more sluggish the more you add imp
Lovelace is a bit easier to reload, although template sensors can now be reloaded in 0.115
many ways to skin this cat, whether it's red or green
can color it, change it's icon.. whatever you need
button card is my favorite out of all of them
it's pretty great
@glad hinge that's a failed attempt because you're just using the built-in button card which doesn't support templates at all
i should probably start w/a more basic button card and then learn to customize it
ahh
it helps if i read the installation section of the github page rather than just assume that the thing called button-card is the same thing
sure does
although some of those instructions are outdated
install via HACS and it should handle the rest for you
you can ignore step #3
too late. i created a ui-lovelace.yaml cuz it didnt exist and then i restarted
does this just replace the built in Button card?
no
keep forgetting I need to append "custom" to the front of button card lol
this is that full card: https://hastebin.com/vomimusuco.bash
I forgot that it gets even more complicated because it also supports "templates", which are completely different from logic templates and simply allow you to reference blocks of configuration rather than repeat them everywhere. And they can be nested, and inherited. the coolness never ends
i'm not getting very far
always better to start with something small and simple, see how it works, look over the examples and and then build up slowly
yeah
the examples walk you through it
ok, so, starting at the switch.ac example, right? I copy/paste that into a manual card, and it tells me "UI editor is not supported for this config:
Cannot read property 'setConfig' of undefined"
syntax of example is different than the hastebin you shared, so i get into it and start editing. remove the quotes
i made it a bit farther just starting w/ your hastebin and trying to chop it down
I don't use the UI editor, so maybe it has some quirks that make it harder
copy and paste is bad form. not only do you not get the feel for how yaml works but it oftens screws it up and you can't even tell where
still has to use yaml for the custom button card
right, but I think you don't want to start with - in there. the examples seem tailored to YAML mode
correct
so you guys just do everything from the command line or what?
im in a dashboard, i click configure ui, i click the yellow plus sign to add a new card, i go down to manual card. it pops up a dialog that lets me type in yaml
I have a ui-lovelace.yaml file that I edit directly
it's 1400 lines + 3 other includes files
@glad hinge the manual card is a blank slate, you would use that for like say, the custom button card.
I much prefer using my own editor + YAML anchors + button card templates
i appreciate the tips in the right direction, and i appreciate not just being told to rtfm. i'm willing to stumble through this and im trying to work directly from tfm
@glad hinge there are tons and tons of videos and guides that show how to do things. The majority although out of date and should not be followed to the letter still gives you the basic idea of how to do thing in lovelace. like this video https://youtu.be/QEtX0uboxQA. it looks different now, many things have changed but the meat of it is still the same.
I can't even get past line 1
the beginning always seems daunting and confusing but it doesn't take long to get a grasp and once you have the basics down everything else seems to get more and more easier to understand and do
im starting to wonder if i even successfully installed it from hacs
when the light bulb above your head turns on you'll be just like everyone else in your shoes at that moment lol
i just want one rudimentary example of a custom:button-card i can transcribe into this card configuration page and not have it error out
i start typing and after line 1 i get "No card type found
- type: 'custom:button-card'"
enough for one night
like I said above, get rid of the '-'
right, but I think you don't want to start with
-in there. the examples seem tailored to YAML mode
same result
well, not exact same. now it says custom element doesn't exist: button-card
here's a very very basic card
color_type: blank-card
type: 'custom:button-card'
yeah so if that is supposed to work then i dont actually the thing installed
it shows up in HACS as installed
i suppose i should check the logs
if you get an error with that then yea something is messed up
go to
-> Lovelace and Dashboards -> Resources and make sure that HACS added it for you
the only thing i see there is https://github.com/ciotlosm/custom-lovelace
if you don't have a /hacsfiles/button-card/button-card.js as a JavaScript Module you need to add it
anytime you install something rather it be from HACS or even manually you should always look over the installation instructions and make sure everything is where it should be https://github.com/custom-cards/button-card#manual-installation
so, i dont have a ui-lovelace-card.yaml file, nor a ui-lovelace.yaml file
i do have the button-card.js file, but it is not located in a /local/ folder, it is located in ~/config/www/community/button-card
you don't need one, you're not using it. that's why I said that the instructions are not up to date
i cant win
hit the "+" on that page and add /hacsfiles/button-card/button-card.js as a Javascript module
yeah i've done that
fwiw i also dont seem to have a directory anywhere called /hacsfiles/
unless it knows how to find it in its actual location
you don't really need to find or access that, just need to install through hacs and make sure the resource is added
i've done that as best i can tell
if you are having issues, you can always uninstall it and try again
sounds like a cromulent next step
maybe you are moving too fast for custom lovelace cards lol
one of these things seems to have worked because it no longer throws the red errors
thats good. if you are using the blank-card example i posted you won't see the card lol
just a empty space
yep
is there some long bootup time for HACS or Lovelace after a hass restart?
anyway i have a mdi:window-open-variant icon showing up now and i feel like albert einstein
HACS takes quite a while to download stuff the first time
Not sure of the best place to ask but will try in here! Has anyone come across the "Failed to Reboot, Unknown Error" message when rebooting the host and managed to fix it (It seems to actually reboot)?
is there some one that can help me ? i have installed custom header but it aint working ( config https://pastebin.com/mP6F6xz3 , result https://imgur.com/a/W6XpGZl )
as you can see the header is not compact like it should be
I am not able to generate a long lived access token for some reason
when i go to create token, it creates it but never shows me a pop up with the token
am i missing something?
Can config-template-card be used for extracting attributes and presenting them as entity?
I've tried this but the card won't appear:
entities:
- 'states[''binary_sensor.updater''].attributes.newest_version'
variables:
- '${vars[0]}'
type: 'custom:config-template-card'
card:
entities:
- entity: '${vars[0]}'
Hello Community, Any idea how to solve this issue with the width of my horizontal-stack of button-cards? On mobile its too wide. https://community.home-assistant.io/t/horizontal-stack-width-too-much-on-phone-app/225526
@arctic thistle Check out https://maykar.github.io/custom-header/#issues for info that could help in troubleshooting your issue. I'd mostly be interested in if there are any errors related to CH in your HA log or Browser's Dev Tools console (ususally found by hitting F12)
Also, refresh your browser with CTRL+SHIFT+R to scratch cache issues off the list
If you're getting a large amount of errors or it seems more complicated than would be acceptable to discuss here, please submit an issue to the projects gihub with the info requested from the doc's issue link above.
Good looking theme BTW
@clever ore just found out the problem since i was using yalm mode i misspelled the resource ... gg me
No worries, m8. Did you make that theme or is it up somewhere or both?
its called noctis https://community.home-assistant.io/t/noctis-theme/163984
ty, sir
@dire dome Weird, I see the same thing. I get a popup to name the LLAT, hit OK, and it's created, but it never shows me what it is :). Can you file an issue?
Want to see what issues are open (or were open and are now closed)?
You can find the token value by searching for the name in the config/auth file
I've tried this but the card won't appear:
entities: - 'states[''binary_sensor.updater''].attributes.newest_version' variables: - '${vars[0]}' type: 'custom:config-template-card' card: entities: - entity: '${vars[0]}'
Anyone??
@dire dome Created https://github.com/home-assistant/frontend/issues/6888
oh thanks.
@finite pond What are you trying to do there? What you have listed under entities:, isn't an entity and the variable ${vars[0]} would be defined under variables: not placed there. What does the attribute newest_version of binary_sensor_updater return?
ok then can attributes be shown?
What is the ultimate goal, what do you want it to look like
just text in a small card?
yep
type: markdown
content: '{{ state_attr("binary_sensor.updater", "newest_version") }}'
markdown card, no need for a custom card
well i sort of want the name and icon, so i was using mini graph card
To graph the version numbers? ๐
no, all other cards are the same so it looks nice.
type: markdown
content: >
<ha-icon icon="mdi:home-assistant"></ha-icon>{{
state_attr("binary_sensor.updater", "newest_version") }}
EDIT: As Ludeeus explains below, this would be much easier with ```
type: entities
entities:
- type: attribute
entity: binary_sensor.updater
attribute: newest_version
And again with the writing and helping, you OK @clever ore ?
Blink twice if someone is forcing you
๐ ๐
@finite pond if you want to style it more than the example above, look into https://github.com/thomasloven/lovelace-card-mod
There is also the simple way ;)
https://www.home-assistant.io/lovelace/entities/#attribute
But I guess not may know that (since no one reads the docs) ๐
I was using the entities card exactly for this purpose but I like mini-graph card better.
But thanks for your help maykar.
Sounds like you want to make something that resembles mini graph card, without a graph that has an icon and attribute text. That would likely require quite a bit of card-mod love with some CSS skills (using the markdown card from above) or creating a custom card yourself.
Or even using card-mod to hide the graph portion of the graph card.
I've got these commands on my configuration.yaml
shell_command:
test1: 'ssh pi@192.168.1.2 python3 /home/pi/sensors/light_left_on.py'
test2: 'ssh pi@192.168.1.2 python3 /home/pi/sensors/movement_detected.py'
i can't seem to create a button / call them
has any added the animated weather card please help
@echo rapids Don't ask to ask, just ask your question. Then people can answer when they're around.
When you do ask a question, try to provide as much background detail as possible. Ask yourself these questions first so that others don't have to:
- What version of the Home Assistant are you running? (remember, last isn't a version)
- What exactly are you trying to do that won't work?
- Is the problem uniform or erratic?
- What's the exact error message?
- When did it arise?
- What exactly don't you "get"?
- Can you share sample code, ideally with line errors where the error occurs?
currently updating to 0.115, however i am having trouble using the animated weather card. on i have added it to rescources, and followed the online guide however when adding the file structure to www. folder location it wont let me
- What's the exact error message?
something like file location does not exsit in //homeassitant
and the animated card within the UI configurator, wont work either, i have to select manual card.
@alpine dagger shell_command adds a service for each command. Call the service with a button.
@violet hawk posted a code wall, it is moved here --> https://paste.ubuntu.com/p/RsYpbwPwnP/
https://github.com/thomasloven/lovelace-auto-entities - Entity-filter on steroids
Thanks so much! Just started a couple days ago!
Hi Community, I would like to see a sensor's actual status on my Apple Watch. I use this {{ (states("sensor.motion_kitchen_last") }} . This is giving back the result: 0.5 . This data is in hours. I would like to add "hour" text after the data 0.5. so the data would be 0.5 hour on my apple watch. How can I add this to my sentence?
I mean something like {{ (states("sensor.motion_kitchen_last") + "hour" }} or something like this.
{{ states('sensor.motion_kitchen_last') }} hours, I think
{{ states("sensor.motion_kitchen_last") + " hour" }} doesn't work?
maykar I know that was just an example how I mean this question.
thomasloven Thank you, I didnt thought thats so easy. โค๏ธ
Either solution should work, I think.
sorry mine was a question
Ah sorry.
{{ states("sensor.motion_kitchen_last") }} {{ "hour" if states("sensor.motion_kitchen_last") < 2 else "hours" }}
extra credit
{%set s=states("sensor.motion_kitchen_last")|int%}{{s~(" hour")~("s" if s>=2)}}
@clever ore โ๏ธ
show off
{{(s~(" hour")~("s" if s>1)) if s else "now"}}
heheh
Where do you guys store images like floorplan that can be accessible from HA?
Not sure if I should do the www folder
Hello, I just add this with HACS to my HA https://github.com/kalkih/mini-graph-card
How to add this to my view?
@lime tendon there are examples listed on that page https://github.com/kalkih/mini-graph-card#example-usage if you are using the UI to add these you would pick Manual Card then leave the - off of the first line,
this
- type: custom:mini-graph-card
entities:
- sensor.illumination
would be this
type: custom:mini-graph-card
entities:
- sensor.illumination
@smoky depot yup and this get error
Error: Custom element not found: mini-graph-card
means you have not installed the custom card correctly
is in config/lovelace/resources and /hacsfiles/mini-graph-card/mini-graph-card-bundle.js
all seems to be ok !
try adding it like this
type: 'custom:mini-graph-card'
entity: media_player.livingroom
ops
there fixed lol
Also try refreshing your browser with F5
hi, is there a way to have a website integrated to lovelace like https://open.spotify.com/ to be able to browse it straight from the dashboard?
I don't know why it dropped out of the documentation sidebar, but here: https://www.home-assistant.io/lovelace/iframe/
No, wait. It's there, but it's called "Webpage".
I cant get my foscam card to work. I used the example from home-assistant.io/integrations/foscam/
@polar kelp love your rendering for the graphical interface for the choose option in automations etc. really hope you can meld that in to the ui
If i setup the card like a normal picture entity its working
type: picture-entity entity: camera.foscam_camera aspect_ratio: 50%
@smoky depot I'll try. Not sure it fits in the general style as it is, but it'll get there.
it would fit it if when you clicked on a node the right displayed the current ui option for that action
@true moon the laws of thermodynamics state (with some interpretation) that things usually work in one (1) way, but there are infinite ways in which things can "not work". Which specific one applies to you?
the way choose nests itself now can get crazy but if the choose was split into what the normal ui seperated actions is like then it would be fine
@true moon the laws of thermodynamics state (with some interpretation) that things usually work in one (1) way, but there are infinite ways in which things can "not work". Which specific one applies to you?
@polar kelp ill make a pastebin ;')
Or just tell me how the not working manifests.
Do you get no card? Do you get an error? Did your computer explode? Does it show a still image?
Cant see image
And the controlls are not working
If i call the foscam.ptz service manually i can controll the camera
But i cant get it to contoll from the card
Hello guys, I stucked a bit. I created a sensor what is showing the time since motion detected. This sensors results are never refreshing. Any idea what I missed? https://community.home-assistant.io/t/sensor-not-refreshing/225736
https://www.home-assistant.io/integrations/template/#working-without-entities Your sensor updates when binary_sensor.motion_detection_kitchen changes state.
hey, I want to create a Button on my dashboard (default view) for my homematic dimmer to set on "tap" dimmer level to "20". I'm really new here and have currently no knowledge
I think this is the right way
service: light.turn_on
entity_id: group.living_room
data:
brightness: 120
rgb_color: [255, 0, 0]
how and where to use/put this code?
@quick gate https://www.home-assistant.io/lovelace/button/
@quick gate https://www.home-assistant.io/lovelace/button/
@smoky depot is this Button Card an addon?
no that's the built in default button card
but there I can't set the dimmer level
if you want a dimmer slider then you will need to use custom card. something like https://github.com/thomasloven/lovelace-slider-entity-row
I think there are a few different ones, so once you learn how to install and use custom cards you might find something you like better than what I linked
I just want to turn of the dimmer with dimmer value 20, then with other tap "off"
I guess I'm confused. does the normal light card not do that already? I thought you wanted a one tap card that turned on the light to brightness of 20 or whatever
yes. 1. Tap = Dimmer level "20", 2. Tap = off
if I use normal light card, dimmer level is always at 100 on 1. tap
think you can do that with scenes. be better for someone who actually uses those to comment since I have never touched them since they were released lol
hmm, ok I try to figure it out, hard to understand all for a newcommer ๐
custom cards can do what you want, so like i said above. once you dive into it and get acquainted and start to branch out you should check all the many cards there are available
the thing is in "Which card would you like to add to your "Home" view?" I don't have "custom cards"
"manual card"
"manual card"
@wheat current ahm then I see the code editor
they are third party, not part of HA built in.
they are for AFTER you get the feel and learn HA lol
but for now using something "built in" i think scenes can accomplish what you want I just don't use them to be able to help you
okay, I need a lot of time ๐
you'll get there
Hi, could someone help me over at #voice-assistants-archived? thanks
is someone using homematic ccu2 with home assistant here?
is someone using homematic ccu2 with home assistant here?
@quick gate #hardware-archived
oh thx
Hi together ๐
where ot put configurations like that: https://github.com/benct/lovelace-xiaomi-vacuum-card/blob/master/README.md
Has base_url depreciated? I think this may be the reason why tts is broken
ok, so this comes in a future update? ๐
but for now i have to delete the user and then readd it?
Yes and yes :)
hey guys what is the recommended card for going from the look of this entities card https://i.imgur.com/BSXlkyo.png to this https://i.imgur.com/D8JWfwh.png ? I would like to remove the hamburger icon as well as mediaplayer:. All I would like to see is the input_select options and the drop down arrow.
where ot put configurations like that: https://github.com/benct/lovelace-xiaomi-vacuum-card/blob/master/README.md ?
In the card configuration like in the example just below the list of options.
"with the manual option"?
Yes
ill get:
UI editor is not supported for this config:
Cannot read property 'setConfig' of undefinedYou can still edit your config in yaml.
Or wait, what?
That means the card has no UI editor, and you have to edit your configuration in yaml, just like in the examples.
but where to put it?
That's two different error messages you got mixed together there, btw...
How did you install the card?
with HACS
Did you refresh your browser with F5 after that?
yes
Where do you get that error warning?
do im allowed to post a picture
Try now
Ah. I see
The problem is that the examples in the readme assumes that the card is one in a list of cards. But yours is a single one.
Remove the - from the first line, and dedent every row one step to the left and you should be good.
oh wow
Thatโs true of a lot of card docs. Someone was struggling with the custom button card docs yesterday in part because of that
Instructions assume yaml Lovelace config
Yeah, unfortunately. It's a left over from the dark ages on yaml-only config
that is so nice
Resource location is another issue in many instructions, and HACS doesnโt always handle them for some reason
interesting, doesnt work. Need to check wich module they use
do you know why i dont have a ui-lovelace.yaml?
at /www
?
1: ui-lovelace.yaml generally isn't needed anymore
2: If you need it, it goes in <config dir>/, not <config dir>/www/
If you don't have www/ just create it manually, and then restart Home Assistant once
thanks thomas
so lovely from you
isnt there normaly entityยดs for the xiaomi vacuum cleaner ?
i see functions when i click on the entity , but at frontend i cant put it on
Hello,
I seem to be having an issue with adding a Person via the UI. It seems to revolve around the picture key, where I get the error extra keys not allowed @ data['picture']. Got None whenever I try to click Create or Update on an existing Person. However, if I try adding a picture I get the error Error: Unknown error. Has anyone seen this issue before? Google is literally returning zero results for the quoted extra keys not allowed error.
Also, the debug output basically prints the same: ERROR (MainThread) [homeassistant.components.websocket_api.http.connection.140258131660864] Error handling message: extra keys not allowed @ data['picture']. Got None
Apparently the "Unknown error" doesn't print anything via the debug output.
can I use a custom fold entity row card with input select options?
Does anyone know how the History works?
It's just one giant .png image
Is there anything I can do with it?
I have an idea an was thinking if some one has already a solution for it. I have at my first page of lovelace a graph of the previous 24 hours outside temperature. It would be super cool to have in the graph for example the 12 hours data and forecast for the next 12 hours (from some external service). Is this possible?
Hello, im looking better looking card for history-graph of simple monitoring if device is on or off
Is there a way to play a sound through the browser i.e. when a user presses a button (lovelace yaml)
like push any button in the ui?
Yes
the answer is no
Are there no custom integrations for it?
I have searched for a browser yaml-file editor for HA, like the one available as addon in HASS.io. Now I use VS Code to remote edit the config-files over ssh. Anyone who know if there are any web-based editor for the ordinary HA installation? ๐
Are there no custom integrations for it?
@rare smelt not possible with every button in the ui. you "may" find something that is specific to the element it's part of but nothing universal
I have searched for a browser yaml-file editor for HA, like the one available as addon in HASS.io. Now I use VS Code to remote edit the config-files over ssh. Anyone who know? ๐
@rancid arch I don't understand, anyone who know what?
Ok, is it possible to just play a sound to the browser through the ui at all
Like if I was using a custom button card, add a play sound event or something to the tap action
@smoky depot clarified.. ๐
@rare smelt i have never seen anything like that, not saying it's not possible or that it don't exists but not seen it myself
@rancid arch if you are looking for a browser driven file editor there are many out there, infact I thought vscode had one
Hmm, maybe thats true, but some more "integrated", like: https://github.com/home-assistant/hassio-addons/blob/master/configurator/README.md
๐ That seems very interesting! ๐ Thanks @smoky depot !
But it looks like a HASS.io add-on: "Search for the "Visual Studio Code" add-on in the Supervisor add-on store and install it."...
you were linking the file editor addon
Yes, but in my installation (HA on docker, Ubuntu) I dont have the HASS add-on store... Or is there any way to get it?..
ah, i can't help ya there. you'd have to ask someone who hasn't stepped into the 21st century
||that was a joke||
Ah, I see... ๐ฆ Then I understand. I didn't run HASS, because I wanted to run some other containers along on the same machine...
can try searching the forums or even using the search feature on here. others have gotten what they wanted and I'm sure someone has made a guide how to accomplish but that is outside my scope since that is not something I do
Yes, I think I may be able to install a VSCode editor in a container and give access to the files in HA... I'll continue to look for a solution! ๐
This and an iframe panel? https://github.com/cdr/code-server
@polar kelp Yes, that's an idea I have thought about.
Have not found a way to authenticate in a good way.
My setup is: Public web-front server running NGINX (handles SSL cert...) reverse-proxies (to a local ip) my docker server with HA.
So when running VSCode in an I frame, I would prefer not to expose VSCode in my web-front-server, instead I want the HA to relay the connection and authentication in some way... But I don't really know if its possible with HA... Have seen there are some Camera stream integrations that can relay/proxy LAN camera streams.
how do i make MQTT LIGHT (bottom one) to show up as switch like the top one.. https://i.imgur.com/EIBbY0x.png
make it a switch
Does anyone have browser_mod.set_theme working, or know a good alternative that doesn't require setting the backend-selected theme? Other browser_mod services work but not that one. browser_mod 1.1.6, HA 0.114.4. Tried on a totally fresh install with no other custom components or frontend stuff, just HACS and a theme
make it a switch
@smoky depot how? define MQTT switch first.. and then use that as light?
can you post the yaml for that card? looks weird
@unique bramble yes it would show the light as a switch with a simple on/off
ok
How would I go about displaying a custom text inside a custom button card depending on an entity's state? I'm tracking on one of my devices is_muted, and if it is true, I want to display the text "muted" on the card, otherwise display"unmuted"
anyone can help me with zha-network-visualization-card
for some reason it just doesnt want to show up
Custom element doesn't exist: zha-network-visualization-card.
type: 'custom:zha-network-visualization-card'
resoure is set to: /local/zha-network-visualization-card/zha-network-visualization-card.js and file path is: <ha folder>/www/zha-network-visualization-card/zha-network-visualization-card.js
what am I doing wrong?
path to resource is probably the culprit
- As stated in the docs, you need to restart 1 time after initially creating the www dir.
- After that make sure you define the resource in the correct place (Configuration -> Lovelace dashboards -> Resources if you are in storage mode, or under the
lovelace:key if you are in YAML mode), and you use the correct URL.
2b)/local/*in the browser maps toconfig/www/*on the filesystem.
2c) To validate the URL paste it after the URL you are currently using,http://homeassistant.local:8123/lovelacebecomeshttp://homeassistant.local:8123/local/card-folder/card-name.js - After changing (adding/removing) resources, you need to do a hard reload of the web page for it to be loaded.
If it still does not show, the card might be broken check for logs in the browser console, or you missed something in step 1-3.
||In a perfect world everyone was using storage(UI) mode and HACS, then it would not be an issue, since HACS would handle all of this||
@wheat current ty, unfortunate for me local/picture/picture.jpg works but local/zha-network-visualization-card/zha-network-visualization-card.js is a 404 not found paths are correct 100%
this is very wierd
If 404 then no the path is not correct
is copy pasted
never rely on copy and paste
from what i've read on this customcard some other ppl to had this issue
one discovered a misspeled word
but i've fix all this
in config dir, run find -type f -name "*.js"
incognito no go
only sees files from your addon HACS
not the dir with this file
I did this directly in docker container
Then you did it wrong and it is not in the correct folder
idd I did
and i know why now
because i was working on old path where like a nab i did not deleted old files, I moved all containers volumes under new dir
and i did not deleted old path
like a biggest nab in here
that find fallowed by a ls did the trick for me
yes @smoky depot it was ๐
I am a big boy I admit when I am wrong
now card loads but i see 1970-01-01 00:00:00 ๐
so still not working yet i've let zha scan
trying to build a thermostat card using a series of cards. In my first card, if I only want to show the current temperature, would i use entity_id: then the entity climate.ecobee_lite3? Does anyone have an example they could share?
@feral rivet don't really know what look you're after with that. I don't believe entity_id is used by any card, but you haven't stated what card you're trying to use
something like this? I don't know. Give more details
I am trying to build a thermostat like this https://i.imgur.com/VIlgQvg.png. I am going to start with a custom:layout-card. I do think that your example has captured exactly what I was looking for. ๐
thanks @mild veldt
That's pretty close to just this https://github.com/nervetattoo/simple-thermostat, IMO
Lol that is true. I was so focused on the design that I did not realize that it was very close.
to what I wanted
I seem to be having an issue with lovelace's Person interface. I'm getting the following error anytime I try to update or create a person: ERROR (MainThread) [homeassistant.components.websocket_api.http.connection.140258131660864] Error handling message: extra keys not allowed @ data['picture']. Got None
Has anyone seen this before? Or has clues as to what I need to check on to get it to work?
Guys how to filter out only "Home assistant started" in History please?
HI, I don't know if I'm right here with my question, but: How to set a static IP address to my HASS ?
I tried it via CLI "ha network update eth0 ..." but this doesn't work
thx
This was like me last week too, is the Notify home assistant service broken in frontent? - https://tinyurl.com/y47ljuz5
Hi guys, i just did a fresh install of hassio and there seem to be stuff missing like "check config" and "base URL" in the configuration menu
any ideas?
SOrry got it, had to turn on advanced mode
Hi all... I am trying to use card-mod to change the color of a unit of measure next to a value on a card. I have finally gotten the value to change, but the unit wont change. Looking at the source, the color is being overridden by var(--secondary-text-color). Anyone know why thats winning over card-mod where that isnt happening on the value class? Happy to share code if that is helpful.
how do you make an icon bigger in a picture element card?
I read that you can use --iron-pixel-height: 11px in the style, but this doesn't do anything for me
like
entity: cover.front_gate
title: Front Gate
style:
left: 95%
top: 5%
--iron-icon-height: 100px
--iron-icon-width: 100px
tap_action:
action: toggle```
transform: scale(2,2) did the trick
@tepid rivet posted a code wall, it is moved here --> https://paste.ubuntu.com/p/NR2SfnVRrd/
@tepid rivet posted a code wall, it is moved here --> https://paste.ubuntu.com/p/FCN7yGnfBX/
Hi Everyone - Hoping to get some help.
Recently got Nortek Zwave/Zigbee HUB and connected to my HA VM (Proxmox)
Nortek is working and I'm able to connect with Zwave devices (Inovelli Red Dimmer).
I connected a Leviton DZS15-1LZ Switch that I was using with SmartThings but trying to move things away from Cloud.
I'm able to use the Leviton but having problem with LoveLace UI and properly reflecting the state of the Switch. Here is what I'm encountering:
Starting with the Switch Off.
Clicking toggle turns (via Lovelace) Switch turns ON (light comes on) and toggle briefly moves to ON but moves back to OFF after a couple of seconds.
Clicking toggle ON again (via Lovelace) leaves Switch ON (no change) but now moves toggle to ON and stays there.
Clicking toggle OFF (via Lovelace) now turns Switch OFF (light turns off) and toggle briefly moves to OFF but moves back to ON after a couple of seconds.
Clicking toggle OFF again leaves Switch OFF (no change) and now moves toggle to OFF and stays there.
Any ideas why it takes 2 toggles for state of this Leviton switch to be proper in Lovelace?
does the entity state change?
if you wait longer does it ever switch back to on? maybe that integration does not provide a state back to ha. no idea never used any of that zigbee stuff
the entity state doesn't change until I toggle it the 2nd time
the switch will toggle on/off the first toggle (not the second)
and the entity state will toggle on/off the second toggle (not the first)
it must change because the swtich turns on
and then turns off
but only after 2 toggles
toggle actions
can't understand why the entity state doesn't change the first itme
like i said check that it actualy updates its state. might be some logic in ha that overrides the state if you toggle it multiple times or something
like in your zwave hub thing. does it show it turned on?
Hi all. I'm playing with my homematic roller shutters, can open and close them but how I can set a position? cover.set_cover_position is not working, what I'm doing wrong?
ok, got it. I have to use the "entity_id" in data
When looking at the map/location for a user it states a timedelta. I have learned over the years that this is the last time the device was in a known location. But at the same time the current location has no timestamp, so one doesn't know how long ago that was. Is there a (simple) way to get that - preferably in the same view?
is the Notify home assistant service broken in frontent? - https://tinyurl.com/y47ljuz5
can someone help me with this when i try to put the config text in lovelace https://github.com/lukx/home-assistant-jukebox
the guide looks outdated
do i need to add the jukebox-card.js file to the resources of lovelace
?
i did that but what now
?
can someone help me
I can already tell the path at which you added the jukebox-card.js is probably incorrect
thats the name of the file
there is lituarily no good radio card
but i think no one can help me it looks like
@untold lark if you copied the file path from that repo then it's likely wrong, infact I see it showing two diffrent paths lol
do someone know how what lovelace cards are being used here? https://user-images.githubusercontent.com/26906928/93024827-65c63c00-f623-11ea-9b77-35466c22779b.gif
It could all be done with picture-elements, but that might be custom-button-card. That one does way too many things at once...
is there nothing that it cannot do?
Any advice on calling shell command through button?
Got my shell command, my entity button.. but getting an ususual error ๐ฆ
is there nothing that it cannot do?
@dark dirge heh I use to feel that way too when I dived into using it
@alpine dagger issue isn't the button triggering the shell command but the command itself
Hello everyone. With simple-thermostat how is one supposed to turn on the ac? I just get off
Hey, just installed some dual white under cabinet led strips and looking for a good light card. Anyone know a card that has brightness and temperature?
Mostly see RGB color wheels.
Default light card shows brightness on main card but need to click in for temp
with custom cards you might find something you like. maybe something like https://github.com/ljmerza/light-entity-card or https://github.com/bokub/rgb-light-card @frank cape
yea I saw the 2nd one you posted, not crazy about it since you need to pre-define options it looks like
I will take a look at the other though, thanks!
there are more out there i am sure,m you just gotta hunting for them
do HACS stuff always need a restart?
been awhile I installed something from it and getting a not-loaded boarder
meh, something about it pointing to the wrong resource. might have bad config after moving from hassIO to standalone docker
card was installed a /config/www/community while resource was point to /hacsfiles/
still can't get the card to show up though
Can template-entity-row and slider-entity-row be combined? @polar kelp ?
No
@frank cape /hacfiles/ is correct
@smoky depot is there somewhere I link haciles to the community directory where the module was installed?
hum then I guess I have another issue if that is already the hacsfiles src
cache
browser cache?
what that also cause it to error if I open up the code editor and type out the type manually?
Depends on the "error"
it was the red box for the card saying "card not found" or along those lines.
but yea, looks like cache
"card type not found"?
hi, i'm trying to have a slider and the normal cover controls on one line like andrey-git does here: https://cloud.githubusercontent.com/assets/5478779/23921980/4eab7978-0909-11e7-8058-ad17a52d93c3.png
but i can't get the slider and controls in one line. if i use the slider from thomasloven toghether with the customuii then nothing appears, but only the custom ui doesn't show a slider. Where can i find more info on this? can't find it on his github. thanks
I have not seen anything with those two together but you could probably achieve something that looks like that using two cards and a horizontal stack
where is the source code for the built in cards? in the FE github repo?
I am really not finding what I want, pretty much the basic light card, brightness wheel around the icon but add temp slider somewhere.
https://github.com/ljmerza/light-entity-card this is the closest thing I found from another users suggestion
but don't like how there is no icon and just basic switch
am I wrong to go about this by RE how the basic light card is built and seeing about adding a temp slider?
you can always build your own card or do what many do, mash together multiple cards to look like one using custom cards
I was thinking about building my own, was going to use the built in card as a starting point so to speak, "reverse engineer" how that one works and probably pull most of that code
not a FE person though, JS maybe but CSS never suited me
I believe there is a boiler plate card to help with constructing one out there
https://imgur.com/Etv3kNQ the mashing of cards is not as smooth as I would like
@smoky depot this or you thinking something more specific
you can get way more creative than that using some of the custom cards
you mean there is more out there than just horizontal and vertical stacks??? ๐
@frank cape lol, all depending on the time you want to invest there is no limitations really
yea I would love to really solve it by developing a custom card, if anything to learn the FE components better... But as I type this I am bouncing on a yoga ball with a 7 week old strapped to me
time is limited. haha
I think building your own would take longer, but it would probably be easier to maintain and fix should any updates break something
Hello everyone, my weather forecast is showing some circular icons with an exclamation mark inside in place of some of the forecast images. Iโve not been able to find any other references to this behavior. https://imgur.com/a/YVSLiYA
Iโm using the National Weather Service as my weather data source and havenโt done anything to customize the card in any way.
My area is currently under tropical storm/hurricane advisories so perhaps it is something to do with that? Should I open an issue on GitHub?
Hello everyone, my weather forecast is showing some circular icons with an exclamation mark inside in place of some of the forecast images.
My area is currently under tropical storm/hurricane advisories so perhaps it is something to do with that? Should I open an issue on GitHub?
@zealous furnace world is coming to an end would be my guess. kidding, but I never seen that before but almost looks like the author might have coded that in as a place holder should it not be able to fetch data instead of the card borking.
@smoky depot that was my line of thinking too but wanted to make sure. Iโll open a GitHub issue for it. Maybe at the very least the icon could be resized to match the size of the regular icons.
was probably something put in and then never touched again
@late anvil Hey there, loving the 'custom:button-card'! I've managed to find some more animations for the card, I've uploaded the code here: https://pastebin.com/jCYqn0Sx (Example screenshot: https://redd.it/irpa0a)
for a lovelace button is it possible to execute a script without the use of service-call?
@livid folio i like the red drop shadow glow ๐
for a lovelace button is it possible to execute a script without the use of service-call?
@static cloud not sure I follow. if you are referring to executing a script just by simply using the script's entity id in a button, yes it will trigger it
When i click on button it only opens to more info then has an option to execute from there.
@static cloud not sure what you have set, but you can change the tap action to toggle
tried that tap-action shows as toggle. - entity: script.lg_tv_power
type: button
show_name: false
you must got something off
if i execute with info page showing it works properly using 0b115.0b9
unless there is something about the built in button card having some issue with executing scripts by id that i don't know about, it should work.
i will check more details. I also know it will work if i change to a service-call and then reenter details. Just trying to simplify it.
Hey I might missed this or am doing something wrong but when adding a new TAB to the frontend I only see the ICON I've selected even though I've added the tab's title as well. Is this default behaviour?
expected
Don't give it an icon if you want to display the title
Okay good, I thought I might have mixed something there
I might be looking for a custom-card but does anyone know how to conditionally display a card based on the user. (if user A display card, if user B do not display card)
(my google-foo is weak...)
hi guys. how can i set the button card to trigger my scenese? is that possible?
Of course
scene.turn_on
https://paste.ubuntu.com/p/6m5Mqy6P9x/
can anyone help me get this working? apparently it's triggering the command itself ๐ฆ
@alpine dagger the error 255 can be a couple of things, no connection or the script returns the error.
I want to integrate my own app into hass, can anyone point me in the right direction?
do you just want to display an iframe from another web app (or front end for a service)?
that's as simple as https://www.home-assistant.io/integrations/panel_iframe/
hmm that might be a good alternative @dark dirge thank you
@spare meadow I am pretty sure ian's restriction card can do what you want. https://github.com/iantrich/restriction-card
anyone know how to make a dummy Execute button in HA? I just want to use that button for nodeRed to run an action
@icy patrol Seems if itโs a โdummyโ button that it literally does nothing. What do you actually want it to do?
Make a button card. But you need to figure out what you can do that you can โcatchโ in NR
in NR; i can then then watch for the state on and run stuff
In any case, itโs not a โdummyโ button. I guess youโd need to toggle an input_boolean or something like that
Better to ask in #node-red-archived , because you can make a button card do anything. So the question is really a NR question
thinking since script makes that Execute button
that there is a non sense script i can make
@golden mulch Not a Frontend question. Check in #integrations-archived , and investigate the scrape integration
to maybe refresh something
@dark dirge thankyou
My point is that you have to do something if you want to trigger on something
Anyway, #node-red-archived
looking for an example where a custom button card icon and color change based on some logic from a couple of different sensors. one way I can think of doing this is creating a new sensor entity in my config yaml and just defining a new value template there, and then defining different styles for each state in the button card definition. I think this will work. but I'm wondering if there's a way to do the calculations in the definition of the card itself, and if thats a bad idea for some reason
There's an example here "With Operator on state" which looks close to what im looking for. https://github.com/custom-cards/button-card#templates-support
but thats just using one entity. i want to base the card display on multiple entities
to be specific, if outdoor temp is more desireable than indoor temp, AND outdoor air quality is acceptable, then display a green open window icon. If air is bad quality, display purple closed window icon. if air is good quality, but outdoor temp is not desireable, display red or blue (too hot or too cold) closed window icon
I've created a custom sensor to determine my daily energy costs/ROI from my new solar system using tariffs. This value can be either negative (for costing money), or positive (for generating money). Anyone know how I'd go about using the mini-graph-card to display this on a daily basis? I can't just use either MIN or MAX, because it's really just the final value for the grouping for the day.
So it really needs a "last value by group" aggregate.
D'oh. Should really have read the docs for mini-graph-card first. Already implemented a first and last aggregate.
Hey folks. Is there a way to have a lovelace entity filter panel where the entity list is a search? I want "every light in $ROOM" even if I add them later.
@novel dragon something like this? https://github.com/thomasloven/lovelace-auto-entities
Hey i have a ton of zigbee devices with batteries and i would like to have a card showing the one that is running low on battery.
I have created a template:
`{%- for x in states.sensor -%}
{%- if x.attributes['device_class'] == 'battery' and x.state | int < 90 and not 'phone' in x.entity_id -%}
- {{x.entity_id}}
{% endif %}
{%- endfor -%}
`
Is it possible to get this list shown as entities and their state somehow.
I have been looking at https://github.com/iantrich/config-template-card, but i am not sure if this can do it for me
Oh i guess this badboy can do it: https://github.com/thomasloven/lovelace-auto-entities
So with 114 they introduced dark mode so that if you are using a dark mode on your device HA goes into a dark mode as well (no theme). I really like this, but have one issue... my garage door buttons are almost impossible to see which is active.
anyone know the easiest way to fix this?
Just a basic question! I am using HA to keep track of a water tank level. So, I added a Picture Elements Card to user interface with the water level information on it. The picture shows a full water tank. I have other pictures showing water tanks in different levels.
Question 1: Is there a way to change the picture according to the level?
Question 2: Is there a way to choose the image size in lovelace? It is so big!
anyone able to help me setup my first script where I want to flash a light on / off forever? - I have tried using the GUI and it flashes once and stops - Cancel that, I've sorted it - the repeat has to go first not last.
hi all, i'm running HA using docker (if that matters), when I click on a sensor on a lovelace dashboard, i'm getting this history of all sensors below it instead of just that one
i setup a raspberry pi 4 as a kiosk using chillpie-kiosk and it works great but the entities are a bit too large for the screen without scrolling using the standard lovelace dashboard. Is there a better dashboard for 7" screen or a way to make the default dashboard entities smaller?
Does anyone have a decent way to make a vertical Slider?
transform: rotate(90deg);
That will work but the finger gesture is still horizontal
I think there is a custom card that does it
I have seen a custom card but I would like it to look like the stock Lovelace one and I don't think it did
That is hadashboard
Hi! So with automation builder is it a bug when under actions I write something into the input box(for ex. under delay) and then when I delete everything from the box to change it, it says "No UI support for action:"
Looking for some help with my mediaplayer tablet UI . here is the general layout https://i.imgur.com/LrpyhL1.png . This is what it actual looks like https://i.imgur.com/5GZTZ71.png. While I have a list of issues I am trying to address the first 3 are priority. 1) the first card max_width does not line up appropriately. 2) the 2 middle card needs to be a 70/30 split . 3) I don't need a volume slider, but I am not able to get rid of it. here is my code https://paste.ubuntu.com/p/43FSsQJdfC/
Your image doesn't really explain alot, at least to me, care to elaborate?
@tight steeple My bad I was trying to get all the information together, but kept forgetting that I don't have the luxury of hitting enter to go to the next line.
So the input select needs to be stretched horizontally?
yes
Have you tried column_width: 100%
No I only did the max_width:. I will give that a try
What is the slider entity row card doing? Is this giving you the volume slider?
The slider card is giving me all my controls. I could possible use a horizontal stack for this as well.
colunm_width: 100% did not change anything on the layout.
I can't get a layout card to stretch anymore than that either, even if I set to something stupid like 10,000px that's the max it will go
yea I am not sure why the card is being limited
I have tried a lot of things before coming here.
I would guess it's a limit of HA or layout card
I'm still not sure what the slider entity row is doing, the 3 buttons are from the button cards right?
yes
Not sure what the thought was to selecting that card type.
I will change that card type to a horizontal-stack.
May aswel because it's not using any of the layout card features
What does it look like if you take out the slider entity row?
So I was wrong the slider card was there for the volume. Now I remember exactly why as well. When you hit the volume buttons below. the response time is extremely slow. so i was trying out the card with the slider to see if I like that better. That said I don't believe that the slider is a good option when considering a tablet that will be wall mounted, but my thinking could be off.
I personally prefer a slider over a button for volume control so I can jump straight from say volume 2 to 10 without having to hit the button loads of times but each to there own, nothing wrong with the way you do things if they work
lol that's the thing, I am not sure what will work best I am just putting things together.
hi all, i'm running HA using docker (if that matters), when I click on a sensor on a lovelace dashboard, i'm getting this history of all sensors below it instead of just that one
@oblique thicket anyone have any thoughts on this? I swear previously when I clicked a sensor on the dashboard I only saw the history for that one sensor
Yep my sensors only show history for that sensor
Maybe there all in a group or something? I don't really use groups so never noticed it's behaviour
i'm not sure how i would have gotten them into groups
even when i look at the entity here: /config/entities and click the three bars in the top right, i get all sensors in the history
Not sure, a bit out of my league I'm afraid
odd, it seems to be something related to my nginx proxy in front of my instance. if i hit the instance directly with http, i get the right graph, with the nginx SSL connection, i get all the things
yep, that was it. tweaking my nginx conf resolved the problem, though unfortunately i didn't record what the previous config was so i know what fixed it ๐
Im using this card but for some reason when i change the theme it doesn't update the text colour, in dark theme the text should be white and in light theme it should be black but its just black all the time
Can anyone help me solve the the issue as to why my layout card for this part of my card https://i.imgur.com/OQf7K6M.png won't do a 70/30 split . here is my code https://paste.ubuntu.com/p/DHrjgwSMGZ/ for that very specific section. I am not sure if this is helpful but here is my code for the card I am building https://paste.ubuntu.com/p/43FSsQJdfC/.
RomRider's custom-card button-card is different than lovelace button card, right? so threads about the lovelace button card are not necessarily applicable?
from looking at the config options on both pages it looks like the custom-card button-card is inclusive of the lovelace button card but with additional functionality
well a trick to find some examples seems to be googling "type: 'custom:button-card' -github"
so thats useful
@feral rivet I dont know the answer of your question but in reading the github page for the custom layout card, it looks like he specifies column_width: 30% for example. Can you just specify the width of each column as a percentage?
or maybe column_width: [70%, 30%]
also you have a typo on line 26, colunm-num should be column_num
unless im dumb
which is likely
is it possible to use an attribute as secondary_info in an entities card?
i want to use the 'item text' from a 17track sensor as the secondary_info on an entities card
so that it shows the latest tracking info, as opposed to showing the last time it checked for updates
hours_to_show: 80 not working on badges? When I click on a badge, can I get a longer history somehow?
The current version of Material Design Icons used by HA is 5.6.55 and you can see them all at https://cdn.materialdesignicons.com/5.6.55/ or https://materialdesignicons.com/
How do I map the state of a device_tracker entity in button-card? E.g. home -> on, not_home -> off
Tomorrow it's 5.5.55 @split granite
Maybe better to point to https://github.com/home-assistant/frontend/blob/master/package.json#L47 for the version ?
Yeah, but the link for the CDN is handy for folks
Since it's pretty common for people to ask for a list of the available icons...
Anything's possible ๐
Even longer history on badges? ๐
sure, when the dialog is open, click the title
morning, can anyone else please take a look at the earlier post around and issue I am having with custom:layout-card not properly taking the assigned column_width:
I have addressed both points made by CMDR Etienne Champeaux, but still getting the same response.
Ludeeus, hehe... was that a joke?
no?
I meant a longer period of time. Not just a wider graph ๐
oh ๐
It's only showing the last 24 hours I think
i have google calendar setup and working, the HA introduced lovelace calendar that is very nice, but I would like to make it start the week on Monday not Sunday like it is now, how do i do this, TZ is set correctly, locale i don't know where to set it up, usually those kind a things are tied to locale
anyone can help me resolve this?
there is nothing here about this ๐ฆ
guys, is it known bug, putting multiple horizontal cards in a vertical one + addind several butto cards within horizontal one there has a bug. No enough indentation
in code
@feral rivet if you post your latest code I would take a look and see if I notice anything else, sometimes fresh eyes help
Hi guys, I have an issue with my lovelace frontend and the forum does not help. So, I have a view with a custom:layout-card defining a horizontal 80 20 layout. Then, I have a picture-elements card in the first column and a vertical-stack card in the second column. The picture-elements card uses an svg as a background (i case this is important). So, here is the problem: With the custom:layout-card, the web page freezes after 2-3 view changes. Removing the custom:layout-card solves the problem, but then I cannot have these specific column sizes. In case it is important, I needed to add the preloader extension to load the picture-elements card (otherwise, I get the hui-custom error).
@glad hinge https://paste.ubuntu.com/p/pmk3vJm7Rj/ thanks for offering to take a look
@zenith yew is this reported in some type of release or forum? Is there a work around for this?
@feral rivet well, manual indentation fixed it. Although i would have to go back and start all over again to confirm it one more time. Maybe it's only the case once the first card is made. The one which gets vertical > horizontal > buttons
Okay, I found an ugly workaround. I will make the picture-elements card full screen but add space inside the svg. Then I will add a custom:vertical-stack-in-card, in which I can add any other element that was supposed to be in the other column... seems not the right way, but might just work
Can I ask about HACS here?
SSL/TLS not my strong point here... and I don't need to access HA externally (I'll VPN in if I have to) however, I still want to secure my hassio.local:8123 from http to https. What's the easiest way?
Is it possible to use letsencrypt for a hassio.local address?
Does anyone know what the criteria for the order in the history page is? It seems totally random to me
Is there way to add editable helpers to lovelace? That is, I have a input_number and want to add it to the dashboard as a slider.
you can add a slider card and set the helper entity_id on it
entity: input_number.test_helper
name: Test helper```
That's an example
When I try that, i get a "Custom element doesn't exist: slider-entity-row."
THat's a custom card, yuo have to install it
Ah I see
Guys, i have some static pictures but my public port and private port when i'm in home are different so i want to be able to open the photo despite the way of accessing the homeassistant. For example it's a photo in www/something.jpg and i can access it in local network like: https://example.com:8123/local/something.jpg and if i go on 4G on my phone i can access it like https://example.com:7654/local/something.jpg how can i make my dashboard card to switch or to open which ever is present
Is there a way to "get url" so that i can change that URL part
?
Ou, looks like i can remove the url path and just use the URI ๐
Is there a way to override css of some cards?
forexample to remove map + - buttons
?
Hi, don't know if that has been raised or not but just updated Safari to v14 and each time I want to toggle a switch, it reloads the webpage.
Apple sucks
๐
I was on it and about to delete my question.
Thanks
Will be shipped in release 15?
That or a patch shortly after
thanks again (and see you early on zigbee channel)
I confused you with Tinkerer ๐
Probably, I have #zigbee-archived muted ๐
How can i remove those autogenerated sensors in the top of the lovelace dashboard?
By taking control of the interface by manually editing it or by giving them an area so that they're moved into an area card.
@polar kelp i did the first thing, already made some cards there, so if i understand you correctly, i should just create new dashboard without those and make things i wanted?
ou.. sorry
i see it now
Like
badges
in the
dash config
yes
thank you @polar kelp
If you want to move them somewhere else rather than remove them, you can use this btw: https://github.com/thomasloven/lovelace-badge-card
It is a nightmare to add/change anything besides the default things.
Only the first few times, then you get the hang of it.
I would not say that this is not great product but 1. forums are usually without help, and 80% of cases when i find someone asking same thing that i need, actually the solution starts at the point below which i don't understand how to to the things
2 hours i spend trying to figure out how to use soem thirdparty time card and i didn't make it
everything seems so simple and actually it's not.
If i open topic asking that there is 20 different informations i have to give
for someone to help me
@zenith yew like any learning curve it just takes time and patience
this one is particularly steep
@polar kelp Hi Thomas, I have a problem using the custom:layout-card. I use this in combination with the picture-elements cards. I need to use the preloader addon to avoid the problem of "custom element doesn't exist hui-..." However, the frontend gets stuck when switching the views (between 2-3 switches, reproducibly). My guess is that this has something to do with the lazy loading functionality of lovelace behind the scenes, but I am not sure. Do you have any hint for me?
I really don't think you need the preloader. Certainly not for layout-card.
When using the layout-card and defining the picture-elements card inside, I get the "custom element doesn't exist hui-picture-elements-card" error. The preloader has fixed it, but caused(?) the frontend stuck problem.
My workaround is that to use only the picture-elements card in panel mode and defining there "custom:vertical-stack-in-card" elements. But this produces yet another obstacle that the vertical-cards in the picture-elements card get automatically scaled down when they are positioned to the right boarder.
What versions are you on?
And what does your browser console say about layout-card?
browser console? ... can you help me? ๐ I don't see the version in HACS, but at least, I cannot update it there anymore. ๐
If you use chrome, press ctrl+shift+j and you should see some green text with "LAYOUT CARD XXX IS INSTALLED"
ohh, it might reference to an old manual istallation... thanks for the hint, will report the layout version. one sec ๐
hey thomasloven, are you able to take a look at my config for a layout card, that I have provided with a column_width: - 70% - 30% but where it card is split 50/50?
here is my code https://paste.ubuntu.com/p/m8RgsqH8nt/
That's not a layout-card. That's a horizontal-stack.
Ok, sorry for the late response. I needed to code the layout-card again to see the effect of loading. The problem is I don't see LAYOUT CARD XXX INSTALLED but an error. So, I guess it might point to an old resouce of the layout-card (feeling stupid).
I'm confused, because it does sit inside a layout-card.
layout-card.js:1 Uncaught (in promise) TypeError: n.setConfig is not a function
at r (layout-card.js:1)
I will verify that the HACS layout-card is loaded and not an old one. Let me get back to me.
to you ๐
Hmm in lovelace.yaml it points to /local/layout-card.js, which should be correct. But, the last changed file attribute is Jan 6th 2020. This can't be right, is it?
lovelace.yaml isn't even the way to define resources anymore. You do that in configuration.yaml under a lovelace section or in โ๏ธ -> Lovelace Dashboards -> Resources (requires advanced mode)
@feral rivet ```yaml
column_width:
- 70%
- 30%
type: horizontal-stack
ohh, thanks for the hint. It seems that I need to move some stuff. Could this be the issue? Will do the change now.
It certainly could. I believe the problem you're experiencing was fixed back in February-March sometime.
ahh ok. I'll come back as soon I fixed the yaml files. I wasn't aware of this change and the forum ages very badly when searching for code.
having some issues with a card. It is a custom stack in card with a nested custom state switch which then has various cards nested. Evedrything works great until I add my third state and cards. Once I get there I just get the spinning circle in the card editor like if something were not formatted correctly. I am starting to think that this could be a line or charecter limit in the editor. Can anyone she some light? Are there any limits?
hello everyone, i'm trying to use mini-graph-card. I can't do it. at best i have a blank page ... can someone help me?
I use that card all the time post your code I will help you
i installed with hacs, this is version 0.9.4
Hmm, so I moved from ui-lovelace.yaml -> resources: ... to configurations.yaml -> lovelace: resources: ... add it shows under dashboard->resources the layout-card. However, it don't see that is is loaded in the browser console and I still have the problem that the whole frontend gets stuck (this is why it took some time).
I added the line in configuration.yaml.
Then I made a new ui-lovelace.yaml file
I made a copy and paste to have the same pages
I now try to re-install card-layout since you said that this problem has been fixed.
how to reinstall the layout-cards ?
A custom card from HACS can be re-installed
I reloaded the layouts, everything works except the page where I want to use mini-graph-car. There is only the blindfold
I'm lost ...
- badges: []
cards:
type: 'custom:mini-graph-card'
entities:
- sensor.memory_free
icon: 'mdi:server-network'
path: informatiques
title: Informatiques
Sorry, haven't used the mini-graph-card yet. Have you tried a minimal example and little by little adding complexity until it brakes?
the sensor entity has not the right intend, I would say
@vapid field - sensor.memory_free needs to move over two spaces and what is the path attribute i do not see that in the documentation for mini graph card
@vapid field actually looks like all of your indentation is off
@polar kelp Thanks for the discussion. After re-installing the addon, I saw a changed HACS instruction for a different path to the js file (i am not sure why I have seen an old description there although I updated the addon. only after a re-install I saw the correct and latest file location). Now I see LAYOUT-CARD 1.3.1 IS INSTALLED and the frontend is not stuck anymore. Yay... now preloader seems to be still required for the picture-glance card and iframe. Also, I am now getting a "too much recursion" error when using "'custom:vertical-stack-in-card'" in picture-elements card.
ok, the recursion problem was also caused by too old js files and a re-install solved it. Now, only the preloading issue remains. Is this an actual problem to use the preloader addon and should be avoided?
The preloader is a patch to fix a problem with cards that should really be fixed in the cards themselves.
ahhh I see thanks again Thomas! You helped me a lot. ๐
A better solution would be to let the card developer know their cards don't work as supposed, or in case you're trying to use like a card in an elements position or a row in a card position or something; you can use this: https://github.com/thomasloven/lovelace-hui-element
In your case, I think that's what you actually need.
that's right. This seems to be the card that I actually wanted. ๐
On the default theme, can I enforce dark mode with an automation ?
I can't find the solution...
It should be sending calling frontend.set_theme with mode: dark, but I can't get it to work...
I tried that also, not working...
Only setting manually in the user-profile does the job.
Has anyone had any success in setting up scheduled automations with the https://github.com/nielsfaber/scheduler-card#options ?
@strong cargo Confirmed no way to change mode at the moment
@polar kelp bug or new feature ?
New feature coming up. mode: dark means it sets the default theme when your system is in dark mode.
So I was way wrong on what that did
(won't be in .115)
Other question, i don't seem to find the answer: can you change the name and icon of the default lovelace dashboard ?
I use YAML configuration, and for other created dashboard this works, but not for the default.
Does anyone know what would cause a t.setConfig is not a function error?
Could be lots of things. Custom card?
Yes it's the swiper card, when I first save after writing the code it works fine but if I refresh or reload the app then I get that error
I want to represent the hierarchical relationship between the elements in a system that is being eavesdropped by an integration (and exposed as Sensors, Climate devices, etc.). Roughly Controller (a device) -> Domain -> Device, and Controller (a device) -> Orphan device. I currently have this as JSON. How can I best expose this to the user via the Web UI? Using device state attributes doesn't really give an overview of the system.
Sounds like youโd need to make a custom card for that.
Does anyone know what would cause a t.setConfig is not a function error?
@tight steeple
Seems like a bug in the card, a reinstall seems to have fixed it for now
Can anyone verify that the new sidebar rearranging feature is broken in Chrome? It works fine in Firefox, but this is what it looks like when I try in Chrome https://i.imgur.com/WtNW7Jg.gif
Chrome version 85.0.4183.102 on Windows 10 fwiw
Cache cleared and all that?
Yup
Let me spin up a container
uninstalled all custom resources, incognito
I need some help with a determining the best card for my use case.
My HA system has a few sonos devices and in the Dev Tools> attribute I have source_list which has all the stations that I have saved in the SONOS app.
I want have all my saved stations either displayed on a card to the right on my custom:mini-media-player card in which I have hidden all of the controls and feature. I am also open to having this card be a drop down as well.
What I don't want to do is create specific buttons for these station that may be changed from time to time.
https://demo.home-assistant.io/#/lovelace/0 Demo working for you @elder pendant ?
Yes I have done some searching and have not found anything like this.
Damn, I don't know what's different then. @wheat current yes it appears to work there
Sounds like cache
idk how it could be
The only thing that should surprise you about caching is when it works the first time
Any console errors?
If you look at the element with the "sorted" ID, is it hidden?
They all have class hidden-panel 
but why
Wait, no
only two of them do: dev tools and config. The others just don't exist
I was wrong
"sortable" was the ID you want to look for
I suspect it has display: none;
O_o so what were you actually running?
beta 11
Ah. Makes sense
Rookie mistake ๐
sorry for wasting everyone's time. I'll go back to my hole now ๐
Well, you prompted me to update.
0.115 when clicking edit the side bar, the done button wont show anyone with same problem?
What browser?
chrome
Cleared cache?
hey guys, I have just updated HA to 0.115 and as a result I am getting an error when starting up, indicating customizer cannot be loaded. I had installed customizer as AFAIK it was the only way to do template base global customization. Has anyone run into this?
hmm, works for me on Windows 10 Chrome
The icons wiggle, right? Just no done button?
yep
Same as me then. Well. Refreshing the page seems to save the changes anyway, so ๐คท
@polar kelp you thing has to do with the Favicon changer cause the title is change?
oooooh! Of course it is!
๐