#frontend-archived
1 messages Β· Page 185 of 1
And since you don't know that, I'm gonna ask you to go do that π
Different keys on macOS... I believe it's something like Cmd+Shift+R
Cmd+R for the regular one, add the Shift to skip the cache.
I think it's something crazy like cmd+shift+e in safari.
Let me check
Man... the "fastest browser in the world" takes forever to boot.
Cmd+R usually fixes issues for me. Cmd+shift+R is a special reader mode
Cmd+option+R seems to be it
Why does Apple always have to be different? π€¦ββοΈ
I was thinking of Cmd+option+E, which clears cache.
Close enough. It'll help π
(option, by the way is the name of the key that clearly says "alt"... because apple)
cmd-opt-R does a reload. It didn't fix the problem. Thanks for looking it up. I usually use Chrome for development testing where it's cmd-shift-R.
π€·
I have a Daskeyboard so it says ALT
Speaking of Chrome... do the cards work over there? That would be another clue as to whether it's the cache or your setup that's wrong.
Do you get anything in the browser console?
Das Keyboard with labels? tsk tsk tsk
That's like 87 % of the nerd-cred out the window.
I'm so embarrassed.
Doesn't work in Chrome. I don't thing I've ever used it for HA.
think
@vestal yew posted a code wall, it is moved here --> https://paste.ubuntu.com/p/tzvGKFzF7j/
That's great. It's loaded in, and you likely have a configuration problem.
Config problem? With the install of the card or actually setting it up an instance using the manual option?
What did you set entities: to?
I used an example from the repository for the card entities: then on the next line - sensor.bedroom_battery, which is one of my sensors. It now shows a graph and also gives the error UI editor is not supported for this config - undefined is not an object (evaluating 'this_configElement.setConfig')
Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.
Please share all the yaml you have in the editor.
I think I just did. I've only used Discord for gaming.
I don't see anything
I click on the link, pasted, and clicked save.
Anything else?
I'll try here:
type: 'custom:mini-graph-card'
entities:
- sensor.bedroom_battery
That's odd... the only reason I can see that would give the error you posted before is if entities: is undefined...
The save button was active so I clicked it and the card appears.
Ok then.
Maybe the manual card ui is expecting a different format even though it's valid yaml. As long as I can set up the card, I'm happy.
No, it's correct. I think I know what may have happened, but not quite why, and it's something for the frontend team to consider.
question: on the top right of my app I have the mic button. What is it connected to? how does it do STT?
No idea how it works behind the scenes, but the source link from there should get you started.
hey guys, quick question about naming entities... its getting a bit crowded, so I started to prefix everything with the area they appear in: Kitchen Panel Light, Kitchen Speaker, and so on - this doesn`t look very good in overview cards ofc - but helps with identifing pretty clearly what light or window it is... how do you handle that or is there a best practice to follow, because Im not totally happy with the current setup! π
If you design your frontend manually, you can change the display name of everything.
its not a question on how to do it - as i already renamed everything - its a question about, how do you handle many entities, areas and keeping track of everything
I mean you can e.g. do this for a kitchen overview card: ```yaml
type: entities
entities:
- entity: light.kitchen_ceiling
name: Ceiling - entity: light.kitchen_window
name: Window```
Then it won't be so crowded
I know. I am already doing that but with auto-populating entities based on area on the specific area pages.. but my overview shows all active light or open windows and stuff like that... and when naming everything prefix with the area - names get too long. See here: https://imgur.com/a/yzRKZ4Z
Also, the display name from the backend and the entity_id is entirely unrelated. You can have several lights known just as Ceiling, but they have entitiy_ids light.kitchen_ceiling, light.bedroom_ceiling etc.
yeah, but naming everything the same - wont help me differentiate it on the overview panel π
Yeah, I'm afraid there's not really a good solution to that problem.
it does sound confusing π
That card on the right looks to me like it's an entity-filter or auto-entities, right?
yes
In that case, you could maybe make light groups for every room, and have that card just display the groups instead of all lights. Then you'd know where there were lights on, even if you don't know exactly which ones.
Alternatively, this seems to be all the hype nowadays https://www.youtube.com/watch?v=5y6rhwr5Y8c (and is what I personally use for overview)
okay, thanks for the input, will think about that and watch the video π
I noticed the markdown card supports hyperlinks, could these feed a parameter to a homeassistant script?
My gut feeling says no
Maybe via the REST api, but I don't think so https://developers.home-assistant.io/docs/api/rest
yeah I tried to creata a call to /api/services/myscript and I just get a blank UI window back with no execution
oh better, now I get a method not allowed
has to be a POST ofc
yeah, not doable. only way to post is a form and thats not supported from markdown
would be very cool though if there was some syntax in markdown that allowed for service calls
maybe anyone got some other clever ideas how to do some interactions on an attribute in the frontend? https://1drv.ms/u/s!AuIVw8SdOxQOiPI6D668-jIxphhaag?e=6ugcF4 I have so far a button to delete the last entered attribute but thats about all I could imagine right now
could be done in a website card if there is a service which forced update of said card?
Hi guy's
how do I update the badges at the top of the lovelace view?, I want to add a couple of people
never mind. found it
Hey folks. I'm hoping I'm asking in the right channel. I've been trying to figure out why my calendar won't show up on my dashboard when I cast my dashboard to my chromecast.
I've tried both the stock calendar card as well as atomic calendar revive. The stock calendar card returned an empty calendar with no events. Revive gave me a small hint but saying "The calendar can't be loaded from Home Assistant component"
Tracking down where that error is thrown and looking at what is common between the two cards (big supposition that they are failing in the same way but I have to work with what I have) I see that they are both making calls to the API to get the events, and using a promise.all to collect them.
Does anyone know of other modules that I can try that follow this pattern? I'm trying to narrow down where the issue is in the process but without being able to replicate in browser only on chromecast my normal methods are a bit cut down.
@timid burrow Hi David, does the BOM weather card pull any icons from the bom_icons folder or just the weather_icons Folder ?
any good recommendations for a hallway mdi icons? edit: i went with mdi:walk for now...
I started working on this but I have already 14 views and maybe i'm only halfway done, the annoying part is to duplicate all the navigation from the top menu into the cards themselves
on the PC it makes little sense since I can see about 30 icons on the top menu at all times
on the phone its only 5 at a time so the top menu is now so cluttered with views its basically unusable
is the 3 vertical dots on the light card a new thing? how do I turn it off... nothing mentioned here and also doesn't show here - https://www.home-assistant.io/lovelace/light/
Not new, but old screenshots on the linked doc page.
They provide access to the additional light controls, such as color, color temp, etc.
So why would you want to "turn them off"?
Hi! I am new to HA.
I have a few questions that i dont find an aswer that matches my competence and i hope that someone could point me in the right direction.
Since i am about to "sell" the idea about having a couple of screens around the house to my wife i need to give it some features that she finds interesting.
I have a few TP-Link HS110 outlets. They work perfect, but i cant find the energy sensor in lovelace. It shows in developer tools and seems to give the right numbers, How do i get the sensor to show?
I`d like to have some newspapers in lovelace, Does not mather if it is a www-site or feed, i have read somewhere that most newspapers block something (iframe?) is there a work around?
Also something that makes it so i can monitor weather from more than one location.
So I have added the these instructions to my configuration.yaml file https://www.home-assistant.io/integrations/envisalink, how do I add an alarm panel to control my EVL4 board?
So you defined a templated sensor for the energy or are you talking about the attribute of the TP-Link "main" entity?
Thanks for replying @rich eagle I have not yet done anything except installing tp-link integration,
It found the outlets and thats where i am π
Okay, then by default you have the devices now in HA and each device is represented by an entity. This entity has various attributes:
current_power_w: '3.48'
total_energy_kwh: '0.650'
voltage: '228.5'
current_a: '0.05'
today_energy_kwh: '0.055'
You can display those directly in an entities card. But if you want them to be in a proper sensor card with graph and all, you need to break out the relevant attributes into their own entities.
E.g. in my YAML configuration:
sensor:
- platform: template
sensors:
tp_link_heat_pump_amps:
friendly_name_template: "{{ states.switch.tp_link_heat_pump.name }} Current"
value_template: '{{ states.switch.tp_link_heat_pump.attributes["current_a"] | float }}'
unit_of_measurement: 'A'
That creates an entity for the current current of the outlet and you can then display that in a sensor card.
I guess i do have to put all my outlets in configuration.yaml?
Only the derived template entities. The "main" ones are automatically created by the TP-Link Kasa Integration.
One of my outlets has entity "switch.uttag_1" is this correct then:
sensor:
- platform: template
sensors:
tp_link_effekt:
friendly_name_template: "{{ states.switch.uttag_1 }} Current"
value_template: '{{ states.switch.uttag_1.attributes["current_a"] | float }}'
unit_of_measurement: 'A'
I just copy/pasted your lines and changed the entity
Looks like it, yes
Perfect, thanks, i`ll test it right away.
Sorry to bother you again @rich eagle
Now i can see the sensor in lovelace, but it looks like this:
I`ll try it π thanks.
But just to make shure, I do have to do this for every outlet that i want to be able to check current on?
And aslo, if i want to see the powerconsumption, wattage etc? Do you have any easy lines for that aswell?
I found something online, now i think i`ll figure it out. Thanks for leading me in the right direction!
Much appreciated!
This can already be done with more-info on hold
Also makes light card between button cards stick out like a sore thumb
Anyone who has experienced that they can see an icon on a button card in the browser, but not on tablet?
I've seen all kinds of weirdnesses but usually a reload/clear cache takes care of it
I'll try. Good point
Hi all, did a release update yesterday to 2121.1 and now my Fibaro dimmers don't react to the lovelace-cards anymore. Can't switch them on/off anymore and cannot control the dimlevel either. What changed......?
Besides the update I did not do anything. But for the Fibaro dimmers, now I cannot do what I did before the update. The UI-card looks different, asking an (optional) action to hold and an (optional) action on double click. But whatever I choose, not the desired action.
All nodes are complete. Any suggestions?
Stupid question properly, but how do you clear the cache in Home Assistant IOS Companion?
ah for that one, just close and restart
The only "workaround" I can currently think of, is to create a custom theme that sets the --secondary-text-color to the card background color and assign that to your light cards.
Then the dot icon would still be there functionally, but "invisible".
hi i connect my Kodi to home assistant and now i have list with all the media in "Media Browser"
but i can't see the pictures..
i have this error on console
[Deprecation] Subresource requests whose URLs contain embedded credentials (e.g. `https://user:pass@host/`) are blocked. See https://www.chromestatus.com/feature/5669008342777856 for more details.
because it's try to take image like this
background-image: url("http://user:password@ip:8080/image/xyz.jpg");
what can i do?
Just tested my "workaround" and it works:
themes:
no_menu_dots:
secondary-text-color: "var(--card-background-color)"
Seems to be a known backend issue: https://github.com/home-assistant/core/issues/39873
Hmm, didn't work
Very strange... I see the state icon in my chrome browser, but neither on the Companion app or my Fully Kiosk tablet
https://www.home-assistant.io/lovelace/sensor/
Is it possible to manipulate the value shown on this card? Using it for blood sugar readings, but its in the US mg/dl format, and in the UK we use mmol. Just need to divide the value by 18
My notifications are not being displayed on screen in separate window. They will show up in the notifications pane, but I'm trying to get them to popup a window that needs to be cancelled on my screen as well as my iPhone. Here is my automation for the screen:
alias: Light On Notify
description: ''
trigger:
- platform: device
type: turned_on
device_id: fd303dd127cd34f8954f377ede4c86bf
entity_id: light.caseta_r_wireless_in_wall_dimmer_5
domain: light
condition: []
action: - service: notify.persistent_notification
data:
message: Lights On
title: Lights Turned On
mode: single
Not in the UI. One way is to define a template sensor in the backend to calculate the correct value and unit and then use that one in the frontend.
I recently switched to brave browser, which is a chromium version browser. when trying to login i receive the following error (in the console) and get sent back to the login screen. Anyone knows what this could cause? works in other browsers (incl. chrome) without any issue. clearing cache and local data was without success. Would love to use this in brave.
WebSocket connection to 'wss://xxxx.com/api/websocket' failed: Unknown reason
a @ core.94ddb68d.js:1
(anonymous) @ core.94ddb68d.js:1
n @ core.94ddb68d.js:1
i @ core.94ddb68d.js:1
(anonymous) @ core.94ddb68d.js:1
lovelace?auth_callback=1&code=somecode&state=somestate:1 Uncaught (in promise) 1
Login works fine for me in Brave.
I am on the latest HA dev frontend version
hm ok weird. thanks for checking. i'm not in the dev branch
But it also worked some weeks ago when I checked. I am not aware of anything in the last weeks that changed the login part.
yeah, and it doesn't work for me since,... weeks/months
not sure what i could do to figure out what causes this. tried disabling themes, f.e. without any success
Cleared the cache?
sure.
using the clear storage one from the inspector. this should clear everythign
And you literally get this back lovelace?auth_callback=1&code=somecode&state=somestate? somecode and somestate?
well, ofc with a real code and state
Well, that one might be interesting to know here π
i'm not allowed to drop images here right?
what would you need? the complete query params?
Whatever the console says
so when clearing cache, navigating to the main domain, this is the output:
core.94ddb68d.js:1 WebSocket connection to 'wss://homeassistant.mydomain.de/api/websocket' failed: Unknown reason
/lovelace:1 Uncaught (in promise) 1
Promise.then (async)
when then clicking "retry" and logging in again
core.94ddb68d.js:1 WebSocket connection to 'wss://homeassistant.mydomain.de/api/websocket' failed: Unknown reason
lovelace?auth_callback=1&code=a022a90e5e39414eb63738d23b87e2ec&state=eyJoYXNzVXJsIjoiaHR0cHM6Ly9ob21lYXNzaXN0YW50Lm1hcnRpbmp1aGFzei5kZSIsImNsaWVudElkIjoiaHR0cHM6Ly9ob21lYXNzaXN0YW50Lm1hcnRpbmp1aGFzei5kZS8ifQ%3D%3D:1 Uncaught (in promise) 1
Ah I thought there would be some kind of readable error state code that would provide some hints for the involved code.
Yes, but those are optimised / minified versions from production, so those stack traces do not help much.
its also not the browser config. i have brave on another machine with another OS where it also fails
so it seems to be something with my version of HA
its up to date
The error appears before you enter data into the login screen?
Then no real idea. I might have found the frontend coding that seems to be involved here, but that's about it.
I thought templates were just calculations, not actual sensors etc? (New to this)
hm ok, thanks anyway. not sure how to debug this any further atm
I fear the only way would be for you to build a dev frontend version and use that. Then we would have a meaningful stack trace. Perhaps someone else here has an idea. You could also raise an issue in the frontend GitHub to track this.
omg found it
i disabled this "shield" functionallity of brave. never thought about it. i'm not even "using" it as i'm behind a pihole. so disabling it worked
With the template you would create a new sensor utilizing the value of the original sensor and do your calculations.
Where does it get the history for the graph from though?
theres no history in the attributes so i assume its being stored somewhere?
device: bubble
date: '2021-01-17T17:08:50.267000+00:00'
delta: -300000
direction: FortyFiveDown
unit_of_measurement: mg/dL
friendly_name: Blood Sugar
icon: 'mdi:arrow-bottom-right'
The backend has a history per entity.
hi, don't know why, but from time to time, I can't access my frontend (not via name and not via IP) I'm getting "Unable to connect to Home Assistant.", after a couple of mins I'm able to login again. I look at the logs I don't see anyhting that can point to the issue.
Any recommendation how to debug it?
is there a logging settings for login?
are the view urls unique per dashboard?
I think im ready now with my in-dev dashboard and wanna move it over to default
but for some reason I cannot press save after pasting into the raw config editor
if there is no error but it doesn't save the raw config editor - what could be wrong?
its 946 lines so not too extreme
ok, its the markdown cards that are breaking the copy/paste
so if you use templates in your markdowns then you cant copy/paste into the raw editor
ill submit on github with example
Sounds like a bug.
oh, good idea to try a different browser
the issue submission checklist can be helpful π
yeah, its a firefox bug
Is this right channel to ask about the built in cards?
I wanted to ask about the logic for β- type buttonsβ in the entities card vs the logic for the button card.
I am super new and was super confused trying to use buttons in entity to call service. Basically couldnβt get it to work. Seems the call-service is not fully supported nor is is the action types syntax.
Is that intended? If so could I raise a GitHub issues to make logic support the same?
Basically my ask is to support all the features of button consistently in the buttons array type in entities card.
That indeed seems weird. Tickets sounds good to me.
Cool, will do, I think it is by design. I have good scenario and can provide examples.
Although, they might serve different purposes.
Indeed, I eventually worked around it using a horizontal card for the 3 buttons, just was 3 hours of banging my head against my expectations π
Hmm canβt post url or image, sigh, canβt show.
://imgur.com/a/H8nmqlS
Just add the http as needed.
Looks nice nonetheless.
The 3 buttons could not be replicated in buttons class of the entities card. Thanks. Yeah I am super impressed with HA it has grown so much since I last looked at it a few years ago.
This approach also avoids needing to create scripts or automation to interface with harmony integration.
Thanks π itβs part of my first ever dashboard.
I just had a first look at the code: The buttons do have at least some of the actions logic already in place. Need to debug to see where it stops.
Yeah, thatβs what was confusing. I also found one variant where something insisted on a name for a button but the buttons card doesnβt. But I would have to repro fresh as this was all 11pm to 3am work (after wife had gone to bed). I can pm code if needed. But probably better if I log examples in an issue on gh.
Yes, log the issue. But I just tested and I can successfully set actions for the buttons in buttons even though the docs do not mention that yet.
So it might be more scenario specific. I tested with more-info and url.
Will do. Mine was call-service and tried it as a - type: call-service and as on press action (sorry forgot syntax, on iPad at mo).
Will need to test that then. I just created a PR that will update the docs for buttons plus a second one coming since I found a small inconsistency in the frontend thanks to you "forcing" me to test buttons π
Hi, I startied using HA casted on my Google nest, awesome experience. However I find that the sliders and toggles are a bit small. Anyone can recommend a lovelace integration that gives me "thicc" buttons?
You are not looking for an "integration" but either some "custom cards" or some "themes" (not sure if themes can influence the sliders and toggle sizes though)
hehe will do, there is no github source link on https://www.home-assistant.io/lovelace/entities/ where would you like me to log the issue.
Yes, this is the correct place here. I just wanted to make you have the correct terminology π .
also i assume the reason that show_state didn't work with my entities (and threw error in the code validator) is there is no state with a service-call aka nothing to measure state from?
oh, or am i supposed to use state_color instead, i missed that in the docs at 2am, sorry
also, (gosh i am PITA) why does the entities button https://www.home-assistant.io/lovelace/entities/#button require a name when a button in the button card doesnt? (want me to log that too π )
I think the button row does not enforce a name, does it? The docs might be wrong here. Have you tested without the name?
umm let me test again, i did so much last night. i won't file anything it github without ensuring i have a repro (even if the repro is my stupidity), not expecting you to jump on this, just FYI https://github.com/home-assistant/frontend/issues/8188 did my best
yep it requires it (as per docs, so working as designed, but again another example of inconsistency that can confuse noobs like me) https://imgur.com/a/KKnr1ls
Yes. I already fixed that in my dev instance.
π
yay love it when i don't need to file an issue
gonna try that state_color too in a min and see if that does what i wanted show_state to.
@median harbor posted a code wall, it is moved here --> https://paste.ubuntu.com/p/wcKprxCPPB/
ooh thats clever π
Thinking about that a bit more: Not sure if the name should be optional, since we do not officially allow an entity here (since for that we already have buttons).
how can i run a script using the tap action on the glance card?
Never tried it myself, but with "call-service" you should be able to execute a script, since each script is also a service.
i did that, i used:
- entity: script.stereo_power
name: Power
icon: 'mdi:power'
tap_action:
action: call-service
service: script.stereo_power
```and nothing happened when i pressed it
I have my HA log level set to "info" and tried it: I can see in the log that the script gets triggered.
https://i.imgur.com/Sx7SAQg.png
Any idea why the plots/graphs are not tracking with the data? Noticed this on a recent re-install from a snapshot. Could have happened prior but i did not notice.
Look looks like the data itself hasn't changed.
Check your history tab for that entity.
same case there @karmic tiger
Then it's not a frontend issue. Go fix your #integrations-archived.
it also showed up in my log; thats pretty weird
2021-01-18 01:46:48 INFO (MainThread) [homeassistant.components.script.stereo_power] stereo_power: Running script sequence
2021-01-18 01:46:48 INFO (MainThread) [homeassistant.components.script.stereo_power] stereo_power: Executing step call service
is there anyway to launch the media browser dialog/modal (the icon available in the media player dialog) from a button? I was browsing the "more-info-media_player.ts" file and found that the media.player dialog has these calls for that button within the dialog "{supportsFeature(stateObj, SUPPORT_BROWSE_MEDIA)" "@click=${this._showBrowseMedia}" but it is unclear if/how I could call this in the front end for a button. any ideas?
I have another 'entities card doesn't support x' this time type: markdown is this expected to fail? (i hope not as along with the supported type: divider it would make the entities card super powerful for formatting, e.g. pulling states in as integrated card π etc
alright people I've been trying to recover and old hass.io RPi 3 for a few hours and I need help
it's hass.io with home assistant 88.1
i lost the password
i have the Pi on a monitor with a keyboard, and my ha command doesn't allow using auth
weird i guess you have the other options on https://www.home-assistant.io/docs/locked_out
you signed in as root at the console right?
yes
is version .88 too old to have auth available in the CLI?
i know the user name
so I was hoping to just do the password reset
dunno, can you upgrade it with the ha commands?
haven't tried
I wanted to take a look at this old version before doing anything like that
good luck, i see this is an extrement approach... https://www.home-assistant.io/docs/locked_out#home-assistant-core-and-home-assistant-container
I can stop HA, but then I have no idea how to access the file system
since SMB or whatever is password protected
so I can't delete the auth files
how can I delete those files from CLI?
you do know at the ha prompt if you type login you will get full linux root access?
also what does it say when you try to auth at the ha prompt
remember you don't need to type ha
let it boot
i get limited commands of hass os
press return
if i let it boot and press return
you should get prompted for a login
yeah and then you should see ha > on screen and a blinking line cursor
that is know as a command prompt or prompt
yea, but it's the 'hassio >` CLI
however, I did just type login a second time
and now I have # linux access
and at hassio > when you type say auth --username what did it say?
no command
i think this version is too old to have auth in the CLI
i will have to delete the files
and you tried ha auth --username too ?
yes, also command not there
(i am not familliar with older verisons, bummer)
do you know where the .storage folder is?
if it were me i would backup all the config before changing anything and if it is usported try an upgrade
on mine it is in the ./mnt folder
(i am using docker/supervised)
on older systems it might be in ~/.homeassistant
for me it is /mnt/data/supervisor/homeassistant
checking now
ah thats for the config stuff, not sure the auth stuff is there
the stuff from the docs is there
I'm going to clone this SD card quick
then I will try the delete method
the docs don't really show what the side effects of this ar...
oic the .storage folder is hidden from ls -l, must remember to do ls -l -a lol
i see delete that file will delete all secrets and tokens for all purposes (like connecting nabucasa)
you mean ls --all or ls -al ?
just like i typed it
okay, but that isn't any different form ls -al. using a flag twice doesn't do anything
-l is long list format and -a is all
so it is the same as ls -a -l -l
ls --help for all of the flags and the short/long versions of them
well i got back in
so works for me
so I haven't used HA since 2019, what are the chance any of my original custom_ui stuff would work on the latest version?
stuff like card-tools, monster-card, vertical-stack-in-card, etc
Yes, that is not supported (and therefore also not listed in the docs): https://www.home-assistant.io/lovelace/entities/
Thanks, are feature requests via GitHub allowed?
Not as tickets, but as "discussions".
Got it, thanks.
There is no simply way to reduce the font size for the entity-card? I somehow learn to fiddle with the markdown-card or some other css-stuff, right?
Should be possible through themes. Create a custom theme that defines the desired font-size and assign that theme to your entity-card (or set it globally in the user profile if all font sizes should be affected).
Hi guys, how can I change the icon of my switch(relay) based on entity state? If OFF state: show mdi:xxxx and when ON show mdi:...
Will try. Thanks for the idea!
I think you use βtemplateβ https://www.home-assistant.io/integrations/switch.template/
I hear z-wave is broken for the 2021.1.4 release. Can that be confirmed?
Ask in #zwave-archived
Thanks @median harbor Yep, I was also trying to use switch template but, after copying the example for changing the icon i didn't changed 'open' to 'on' as i'm using a simple switch :)) it only took few hours to see what i was doing wrong :))
is it possible to use the themes "hilight" color in markdown?
hi is it possible to have a card that has "sub cards"? like the vertical/horizontal stacks but with a look more like the choose blocks (ie a header then sub cards with their own headers)
you mean like a grid?
https://www.youtube.com/watch?v=5y6rhwr5Y8c this might be pretty neat, it used markdown for headers
Stack cards actually have a title: property, and you can nest stacks.
And with a bit of a hack, you can put cards inside entities cards. https://github.com/thomasloven/lovelace-hui-element
yes but i only want 1 column
yes it is! use a dummy anchor <a>Hilight me</a>
try columns: 1
that is probably as close as i can get. it is not perfect as it does not have a border around the stack so it is not clear where it ends (ie cards beneath it look like they are part of it)
I think hui-element actually does what you want then.
that worked but it streches out the cards and also does not have a clear border
what is that?
ah thanks i missed that
Hi, quick question. Is it possible to trigger an event using tap_action. The only reference I can find on the forum is to trigger an automation that triggers an event as action.
whats the usecase? events are fired automatically generally, user input is an action
actions generate events
so why would you want an event when you can have an action π
I have a single automation that is triggered by an event to switch on/off/dim lights in a room.
That automation first selects the appropriate brightness and colour temperature before actually turning on the light.
So to prevent putting the exact same logic behind the tap_action, it would be ideal to be able to 'trigger the event', so that the automation picks it up.
I can do it using another automation. I just can get it to work with a 'tap_action'
The idea is that if I ever need to change the logic in the automation, I only have to change it one time (re-use existing code )
So I want my action to be an 'event trigger' basically
i suggest ask in #automations-archived
I do everything in node red, since a flow makes more sense to me π
But to answer my question. It's not possible to simply trigger an event as a 'tap_action'?
nop, if you use the GUI you see a dropdown of what is possible
That's a shame... Thanks for your time π
with a call service you can do anything that is possible in HA though
in your case, what you probably want is a script not an automation
I looked into that. I couldn't find triggering an event using call-service.
if you rely on external data
hi how do i install this. i installed HACS but it does not show up in the search
hacs- frontend - explre & add - search π
it does not show up there
wait nvm i tried again and now its there
ok now it is stuck on loading information
has been stuck there for 10 mins
First time takes a while
Hey guys. short question. i tried to integrate a lovelace card for my xiaomi vacuum via HACS. followed those steps and it seems to be set up correct. I cant add it to the dashboard tho.
https://github.com/benct/lovelace-xiaomi-vacuum-card
it shows up at Configuration -> Lovelace Dashboards -> Resources panel
got it by now.
another short question: got problems with an image path i wanna use for a card. the original path is /config/www/img/vacuum.png
i tried image: /config/www/img/vacuum.png , image: /local/www/img/vacuum.png, image: /local/img/vacuum.png
I just don't know how i get it to work correctly.
This would be the correct mapped path:
image: /local/img/vacuum.png
Is this the first time you've used the www folder?
i just started using home assitant in general ^^
When you create the www folder, you need to restart HA for it to map it to /local
why did your path work. did i have a typo? seems like the last one i tried before
anyways! Thanks
did a restart before
Then check your browser console and see if there are any errors when it tries to load the image.
Oh... it works? π
π
yeah it works. but it seems like i did nothing wrong before as well - i'm confused
yeah i got trouble with that too a few days back...
seems to take quite a while to pick up
now i feel less stupid π thanks
Hello All! I'm trying to figure out how to show the users who accessed the ELK-M1 keypad in the Logbook card, can anyone help with this? I already enabled the global setting 35 as mentioned in https://www.home-assistant.io/integrations/elkm1/
@frail iron In case you care π - I created a small generic script that will trigger the event. So my lovelace sends executes the script with two variables (which switch is being sent and which button that switch - basically the two variable parts of the deconz_event) and the script translates that to the deconz_event I'm looking for. Thanks again for your time earlier on!
so i just went out for 2 hours and i was still loading when i got back. how long does it normaly take?
nvm i closed the loading window and tried again and it worked
do i need to restart HA befor i use it?
ok i restarted and it is still not working. i must have done something wrong but it is 9:30 and i have an early start so i will try again tomorrow afternoon
Hi - I'm new to Discord and to Home Assistant, so please bear with me... I've installed HA on a brand new Pi3 Model B+ from an image on a brand new 32GB SD card. It starts up and runs OK for, say 30 mins to an hour, then the supervisor function just hangs and I can no longer access supervisor/logs/file editor/SSH etc. The lovelace overview continues to work however. Using the configuration checker gives the error message "no configuration.yaml file", but I don't know if this is a symptom or a cause of the problem. I can't SSH in to the Pi either, so can only crash it by power down to reset, after which HA will restart and run again for no more than about 30mins before the supervisor hangs again. Does anyone have any ideas what could be causing this? All the installation logs that I've seen during set up, don't suggest that there are any errors in installation or configuration. Is there an equivalent of a safe mode start up that could be used to try to eliminate possible causes? Thanks for your advice!
If there's a better topic to post this on, please do let me know
Custom element doesn't exist: hui-element.
type: 'custom:hui-element'
@polar kelp any ideas? i want to get this sorted tonight, it is bothering me
http://www.3quarks.com/en/SVGClock/index.html
Anyone have a clue how I could add this as a card to lovelace? Basically it's a single SVG file, which acts as a proper analog clock
@sudden lotus I think hacs has some guide on what to do if a plugin doesn't work. Or you could try this https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#common-problems
That's a bit outdated, though...
thanks i will have a look
Are there any samsung tv cards that are more functional that the default media card? Have one of the latest models, not the tizen ones
Can I create multiple room cards in 1 dashboard view, but then link each card to only show if that room is selected?This is for a mobile ui.
if you look at zsarnett youtubes. you can create multiple Views (one for each room for example), and then have a card that allows you choose which view to switch to
yea i took a look at it , but was curious if it was necessary to have a view for each room.
I have a soundbar that doesn't have absolute volume level, it just has volume up/down. Is there a card for that, or should I build one from buttons?
is there a way to make a camera stream out of an existing lovelace card?
I have a section that I've layered sensor data and buttons on a webcam view and want to be able to stream that view with the sensor data locally from a web browser
@feral rivet https://github.com/thomasloven/lovelace-state-switch
wow, they have the same name as you
π
Username checks out
I'm writing new frontend card that I want to listen for websocket messages and then take an action. Is there an easy frontend helper api for interacting with the WS layer? (I've already implemented my backend in python as a component.) Sorry if there is an obvious answer but I've looked and have been getting lost in the frontend source code.
Thereβs some functions in the hass object.
I see in your lovelace-card-tools you mention subscribeEvents(). But looking at hass, or hass.connection, I don't see that. Has it changed? Moved elswehere? Or is there a different hass object and I'm using the wrong one somehow?
In fact, I'm looking at the frontend code provide_hass.ts and I see a bunch of nice helpers. but when I look at hass.connection, I don't see them all. Weird. I'm pretty confused from all this!
They're there. But they don't show in the listing.
is there a way to create a custom device_class? or a way to create a dummy device that i can use nodered to set the status of from other sensors? I want to have a garage door with Open, Closed, Opening, Closing, and Ajar
No and no. Closest you'll get is a template sensor (head over to #integrations-archived )
is there a known limit to how many cameras i can display within a view using picture entity card? currently seems to be limited to 3
Lovelace won't limit you. The capabilities of your network and and image processing will.
how about live cams, same deal?
They still go via your network, right?
my network is pretty good as i have no issues there (gig network), and homeassistant is dockerized on an r710 with plenty of resources. i can see all my cams (12 in total) but i can only enable live views on 4 of them. and all my cams are streaming from blueiris as mjpeg
thanks @karmic tiger
so, installed a few custom cards but they dont show up (used hacs). rebooted the system too π
Clear your browser cache.
I did
Check your paths in Config > Lovelace Dashboards > Resources
There's your problem. Go back to the instructions for the cards, they'll tell you what to add.
but I thought Hacs would add that automatically
I thought it was the purpose of Hacs
The purpose of HACS is to download stuff and put it in the right place. It doesn't mean it does everything for you.
Go follow the instructions.
Is it possible to create a new dashboard in UI while i have lovelace in yaml mode in configuration?
does the hold_action action repeat, or is just a one-time action?
I see them. I've been baffled about where these exist in the code - but I think I found it. I should use https://github.com/home-assistant/home-assistant-js-websocket as my interface to the HA websocket, right? And there's not a ton of documentation, so just look through the code, right?
is there a way i could make a picture glance card pause camera stream after 1 minute of view ? to save bandwidth
I'm trying to setup a card on my Lovelace that lists all rooms with lights on and an image at the bottom (saying turn off all lights) to be Able to turn off all the rooms currently on.
I have them setup as a light entity called light.all_lights
This is the code i have got for the footer image (but doesn't work) not sure if there is an easy solution
Footer:
Type: picture
Img: 'x.png'
Service: light.turn_off
Data:
Entity: light.all_lights
^ so with that the image is all fine, just the actual service is the issue
Also would it be best to set them up as a scene and implement that into it?
Disregard my question I have fixed it.
Incase its of any benefit to anyone else the code from after img i used was:
Tap_action:
Action: call-service
Service: scene.turn_on
Service_data:
Entity_id: scene.all_off
Hey everyone. I rolled back to a previous snapshot
now HA won't start
any ideas how to trouble shoot, I have my hass.io Pi with monitor and keyboard, so I can access console
is there a way to have the icon turn to on when a group's state is home? right now i can use an entity card and show the group is home, but the icon is showing as off.
the conditional card was the card i needed. i'm all set.
Is there a compatibility matrix somewhere for snapshots
i'm coming back to HA after about 2 years
and had a pretty extensive configuration in lovelace and I don't want to start over
my snapshot is for version 87
maybe this question is better for #330990055533576204
Hi guys, I was wondering how I could use card mod to change the font size in an entity card
My goal is to make my clock bigger
Hi,
Iβm trying to do a between color for my battery badge Iβm using the code below at the moment but like to become another approach. If battery is above 60% color green, between 30/60% orange and below 30% red. Anyone know how this can be done. Thx in advance.
:host {
βlabel-badge-blue: {% if is_state(βsensor.iphone_battery_levelβ, β> 60β) %} green {% else %} red {% endif %};
}
Hey, does someone know of a custom card that was written with angular? I'm stuck at the point we're I have to bring together the created files from angular build with the card.js in the www folder, so an example where I can get ideas from would be great. I couldn't find an example and I've checked a lot of the custom card repos.
One time upon hold release (PR to make that clearer in the docs just created)
That's correct. The internal functionality is unfortunately a bit underdocumented, but at least there's this: https://developers.home-assistant.io/docs/api/websocket. Also, feel free to ask for help in #devs_frontend-archived.
hi. when I use the history-graph card for my thermostat, I automaticly see info for 3 attributes (?). (current temperature, target temperature and heating) I can click on them and the it strikes the name and hides that data, but I can't find a way to do this by default. I only want to see 2 of the three results on my lovelace. Am i missing something?
exclude: target_temperature doesn't seem to work
Why is it that while adding YAML to a card i the UI, I have to add "call-service" to the action, while in the automation and script part, adding this breaks the the code.
action: call-service service: media_player.play_media
versus:
`action:
- service: media_player.play_media`
I find it very confusing that the YAML syntax rules differ from one part of HA to the next.
They are not meant to be the same. There's e.g. lots of actions that cannot be performed from a lovelace card, and there's some things that can't be done in an automation. The similarity is incidental.
@polar kelp Can you maybe help me with this, Iβm using card-mod for this. Hi,
Iβm trying to do a between color for my battery badge Iβm using the code below at the moment but like to become another approach. If battery is above 60% color green, between 30/60% orange and below 30% red. Anyone know how this can be done. Thx in advance.
:host {
βlabel-badge-blue: {% if is_state(βsensor.iphone_battery_levelβ, β> 60β) %} green {% else %} red {% endif %};
}
hi. i have a template card which works, but doesn't show the distance. https://pastebin.ubuntu.com/p/VHdPmH63Sr/
Test your templates in /developer-tools/template. Then the people in #templates-archived can help you make it work.
I've a custom card (auto-entities) and I want to apply a custom theme to it (ux_goodie) how do I do this? I've tried adding "theme: ux_goody" but doesn't work..?
You can't apply a theme to auto-entities. You can apply it to the card in it, though.
Got ya! Thanks!
@polar kelp if I try to use the mini-graph-card, i don't have any results with my thermostat entity.
i get NAN
tabs are just different url's, so open the url?
ye thanks
can you do it from api though
so to change in view
not to change browser tab
Anyone knows a answer for my asked question above. Thx ππ»
Is Acasa: and Munca: some template-card syntax I'm unaware of?
same issue as @twin tusk , just using custom:card-templater
2021.1.3
result https://ibb.co/1dYW75Q
What "api" are you talking about?
@vapid field Maybe take a look at browser_mod.
found the solution. create a template for only that attribute value ... https://www.home-assistant.io/integrations/template/
I've installed HA on a Raspberry PI3 with a microSD, is the installation process basically the same for a Raspberry PI4, but using an external SSD?
Why SSD? PI4 also has an SD card slot. So same process is possible. But anyway, not a frontend topic.
is adding custom cards a front end question?
You don't need lovelace-ui.yaml to add custom-cards. Are you using HACS (https://hacs.xyz/) to install your cards?
How can I do a between a certain percentage action?
:host {
βlabel-badge-blue: {% if is_state(βsensor.iphone_battery_levelβ, β> 60β) %} green {% else %} red {% endif %};
}
RomRider - I am not using HACS - never heard of it
can someone tell me where the UI stuff is saved in the snapshot
If you use YAML mode, it'll be in your YAMLs. If not, it'll be in .storage.
what part of .storage
this config was from version .87
so long time ago
I think "Areas" didn't even exist at that time
found it in .storage/lovelace
have not used HA in 2 years, it's slowly coming back to me lol
So I don't remember this "dashboards" thing
does that mean you can have multiple JSON configs
nevermind, I see how it works
Well. Some guy made a video, and everyone moved to grid-and-button-card-based layouts.
Oh?
Or maybe that's just me.
That's the one
Easy, Incredible Looking Lovelace Dashboard built using the Grid Card! Super EASY! No YAML files (4 small YAML edits in the editors). No Custom Cards. I call it the Tile Dashboard.
YAML (Though I do recommend using the UI editors to learn): https://pastebin.com/sGSWwtBU
Like what I do? Sponsor me: https://github.com/sponsors/zsarnett
β¬β¬β¬β¬β¬β¬β¬β¬...
It's awesome.
It really is. So awesome for dashboarding, in fact, that I've been getting my old smartphones up and running to make mini dashboards around the house
Me too. For a while that was the only way I could turn my desk light on or off.
Permanently installed iphone on the desk.
Only issue I'm having is predictability with how it'll look on phone versus..... annnd I just friggin realized I can use chrome dev tools to mimic my phone
How did you mount the iphone?
I didn't. Permanent as in I never moved it.
Ah
I've been meaning to print something to keep it at an angle, though.
There are some nice minimalist mounts out there for tablets, but haven't found any for phone
You're right, I should get a 3d printer.
Thanks for forcing my hand on that.
is it possible to copy from github something this is in correct yaml?
just parts and not all i mean
Btw, I saw something on discord a month or so ago from someone who was thinking of making a UI for customizing Alexa / Google entity names. Anyone know if that's still happening?
@somber crest click the little button that says Raw
Oh wait... are you asking if pieces can be copied to your config? Sure. But you'll need to know a bit what you're doing.
I thought they were asking if there was an online tool for checking if yaml was valid
π€·
@polar kelp for sure , just f.e the temperature things ... but the problem is always errors like: Cannot read property 'setConfig' of undefined
Donka not really, that was exact what i want, thomas solve this nice π
Then let's go from there. What do you have now, where do you have this and what is your exact error message?
https://paste.ubuntu.com/p/SY2qMB7m4V/ i put it in the raw editor from a manually car
d
What you have there is a list of one card. What you should have is a card.
While not exactly the same situation as in that post, your problem is the same.
i will read , give me some time .. thank you
Configuration -> Lovelace Dashboards
Start a new dash so you can go wild experimenting
thanks that was easy
good idea for me too π
sooo, haven't run HA in a while
where did configurator go?
or how can I edit configuration.yaml from UI?
File Editor addon?
in which case #add-ons-archived
Thanks, I see now they changed the name
Reality in flux, all the time π
@zenith cloak posted a code wall, it is moved here --> https://paste.ubuntu.com/p/KGDsGXtPbM/
I would like to set up buttons with custom (non-msi) PNG images.
I have tried this with the custom button-card, following examples in the forum, but I can't get the card to do anything other than display the default entity icon. I can't get styles to work either, so it looks a lot like I'm just getting a basic button instead of a custom one.
I'm a newbie at this, so I expect I'm doing something basic wrong, but have yet to figure it out after a lot of searching for clues.
I have button-card.js in my www folder.
I have the Lovelace Dashboard Resources set to /local/button-card.js
Here's the relevant portion of my yaml. It's not what I would use in the final form, but one I have to test how this works (or not!) https://paste.ubuntu.com/p/KGDsGXtPbM/
https://paste.ubuntu.com/p/CjWT2ZhXFC/ someone an idea why i cant use it like i try? its from the mini-graph-card readme file ... the error is at line 26
@somber crest try: ```
entities:
- sensor.netatmo_4kecam_drinnen_4ke_temperature
Can I add a custom image to a button card?
hello i cannot get a custom card to show up ...
if it is in a folder in /config/www/.... how do i add it?
if i go to my dashboard and click Add then search for new name - the card is not found
HACS shows the card but cannot add it to a board
Hi everyone, I have "Roku-Card" (https://github.com/iantrich/roku-card) installed via HACS, and was able to add it fine to my normal lovelace dash, however on the mobile app, it won't work. It says "custom element doesn't exist: roku-card", anyone have any thoughts on how to get it to work on mobile? Relatively new so still getting the feel for things.
FYI, found the issue. It isn't working through Nabu Casa but works locally on the app.
is it loading something through http instead of https?
Not sure how to find what objects and what protocols it uses, I wouldn't think so since it's just supposed to be loading a js module from the already SSL'd www folder
got it. hopefully it isn't doing anything funky
@dawn acorn I'm going to put it behind a reverse proxy and see if the same issues occur to see if it's something with Nabu Casa or all SSL.
On nabu, open the page, open chrome console, refresh and look for errors
@dawn acorn Which Nabu page? It works on a computer, just not mobile app, so scenarios are: 1) Working on NabuCasa instance via desktop 2) Working via Android Home Assistant when configured locally only, not if navigating via NabuCasa.
Ahhh, like usual, I misunderstood.
Are you able to test remote from nabu outside of android?
nvm
I am dumb
You're good. π
If it is android only, maybe #android-archived will know some of the particulars
or better ways to debug
Will do, I'll head over there after I test with self hosted reverse proxy
FYI @dawn acorn it works via self hosted proxy, so it's something blocked on Nabu Casa
got it
can anyone help me get a HACS card added?
are you trying to add it?
Home Assistant Community Store is the successor to the old Custom Updater, and can do so much more - you should check it out. They even have a Discord server for issues with HACS itself.
Weird, I just started using hass and it seemed obvious to use grid to create tiles. Guess it is new?
I mix grids and entities and combine into vertical or horizontal stack to get grouping consistency on different form factors of the same dashboard. Otherwise card reflow is a little unpredictable.
Is there a way to have the default love lace overview dashboard shown in the sidebar, without it being default? I like the view view for more advanced stuff, but prefer a simple default view that just has the most important things in it.
Can i somehow hide a card from a specific user?
is there a way to display a clock in the upper right corner instead of the menu (three dots)? I used the compact header in the past, but it's the only feature I miss. I've seen ways to implement that using themes, but I rather not want to have to change the theme for every user (make it default at least).
Not in vanilla
I wonder if I can do that using js and extra_module_url
Hi guys... quick question. With the 2021.1.3 security update the frontend card "lovelace-slider-entity-row" doesn't work anymore. Is this related or should I search the reason somewhere else?
@regal raft don't think so, works for me at least...
tried another browser/clearing cache?
ok thanks.. I use it with covers but got always this message: "Failed to call service cover/set_cover_position."
I changed browser, device, clearing cache and reboots... same error... strange
Yes, you can. At the right time, navigate the DOM tree (careful about shadowroots) and inject the code you want. Can absolutely be done, and your idea on how to do it is a good one.
Got a question about the thermostat card: Can I somehow use a different Sensor in the Lovelace UI?
My Danfoss Z Wave Thermostats only have a Setpoint, no Temp Sensor... so it always shows 0Β°
Good day to everyone, i was wondering if anyone had the same issue with the original calendar card. in the card the text today is not visible and the calendar overgrows it's own card
Currently no. There were some discussions and even a PR, but it was rejected: https://github.com/home-assistant/frontend/pull/8043
Hi, I did a fresh insall of the homeassistant on a Raspberry Pi. After login the WebUI doesn't load. In the Browser console I can find an error message: "Uncaught (in promise) SyntaxError: missing ) after argument list" pointing to the minified apps.js Line 2. Column 835. This happnes in Chrome and Edge. Firefox works fine.
Is it a known issue ?
What a bummer... So I have to use a custom card
I think Bram mentioned the generic_thermostat not sure if that helps to combine the required entities you have for temperature into one entity that can then work with the standard thermostat card.
Problem is that It only takes a switch.. but I have nirnal thermostats
Which just.. don't expose the temp sensor.
I found a custom component tho in hacs
Then perhaps that core integration should be extended so it can work with a switch or a thermostat that wants a temperature value.
well, if the PR request was already declined π
To solve it in the frontend was rejected. The generic_thermostatis backend where it makes more sense to tackle that. See comments from the rejected frontend PR.
well there is no PR for the Generic_Thermostat, or did i read that wrong?
Very disapointing that those Danfoss have no temp sensor exposed...
Not yet. Someone needs to step up and create it.
Or first discuss the idea in the forums if it makes sense.
under feature request?
How do I get the UI to load the new scenes I added via the file editor?
Config > Server Controls > Reload Scenes
Same way you'd reload anything that can be done without a restart.
Great, thanks
So, my problem is that all my HACS card aren't working on my tablet.
It says "custom-element doesn't exist."
I hope someone can help me out
You'll want to start by checking that the custom cards are properly referenced in Config > Lovelace Dashboards > Resources. If they're not, add them by following the instructions for that custom card.
If they are and you still have the problem, you'll need to clear your browser's cache (Ctrl+F5 should do the trick).
everything is working fine on pc tho
Ok, so your card is installed. Just need to clear the cache. HA app or just a tablet browser?
So you'll need to figure out how to clear your cache in Fully Kiosk.
I don't know the answer to that.
There's a Clear Web Cache Button actually
It's actually uncommonly easy in FKB.
I got the right element, hid the dots, but do you know how I may add the "content" using JS? .innerHTML = ... just adds the placeholder as text...
mwc-icon-button[slot="trigger"]::after { content "{{ states('sensor.time') }}"; }
I think it'd be easier for you to get the time from another source.
yeah, that's what I thought
Or you could get the hass object from document.querySelector("home-assistant").hass and extract the state of the sensor from there.
You'll still need to make sure it's replaced once per minute, though.
So i tried clearing it with the function, but i've still got the same problem
Then maybe your device is just too old. If your Android webview is too old, it won't have modern features required by modern sites.
I had issues with the mini-graph card on my old lenovo and it turned out you can opt-in to webview beta updates and it fixed it for me... maybe that will help you?
I'm have trouble getting the thermostat card working completely. I use MQTT discovery for it, and some of the features work fine. However, the mode seems to be missing - the dropdown for the mode in the detail screen is blank. "Preset" has "None","Run","Hold" (note the added "None"). "Fan" has "Auto","On" (OK).
Here's what the MQTT discovery payload has in it:
"modes":["Auto","Off","Cool","Heat"]
"fan_modes":["Auto","On"]
"hold_modes":["Run","Hold"]
Any ideas?
hi guys
does anyone know where i can see events logged for user actions of frontend from any device to the backend
like for example I clicked on another view
is this action logged somewhere
nope
not logged
back to the drawing board then, thanks
What are you trying to do?
Not quite.
The entire frontend is one big piece of data, really, but it's split into chunks so you don't have to download all of it at once.
It's nearly impossible to know what's in which chunk, though, because it's highly optimized, obfuscated and compressed.
You may want to check out browser_mod. That gives you a sensor for which view a certain browser is currently displaying.
ye thanks i saw that its great
Hi! I need some help with my lovelace behaviour π For some time when I click that 3 dots in right corner I see 3 options (Edit dashboard, Help, Custom Header). Previously I saw only two including raw config editor, but can't see it now. There were also some fancy buttons to edit tabs etc. Which one is the most recent look when in edit mode in lovelace? I have created new dashboard and old view was back, kinda, it rolled back once again to 3 options mentioned above after page reload.
Try selecting the top one.
Edit dashboard? Here is the thing that when it is clicked I can edit cards, but not tabs. Also the 3 dots menu isn't changing at all, I see the same 3 options
Do you have custom-header installed? Isn't that interfering nowadays?
I'm guessing that's a not then π¦
You're right. Thanks π
I found a workaround using appdaemon. Working fine now!
Another question about thermostats. Maybe you know sth about that @rich eagle
Can I somehow limit the range of the slider for the temperature?
With Compact Custom Header now being somewhat integrated into HA itself is there a way to hide the header completely like before? It says you can hide dashboards/views per user, but can you do it per device or do I have to make a new user for every device?
Hi does anyone know if you can add a conditional card inside a grid card
I doubt it would be a problem
Wondering if I can edit the icon in a mini-graph-card to a trend set binary icon_template?
Hi! Does anyone know how to make the background of a markup card wrap around the text to make it look like a phone text bubble?
anyone on here added HACS lately?
I'm following the instructions, but after wget succeeds it doesn't show up in integrations
even though I cleared cache
do we need to restart HA or something?
I just reinstalled HACS yesterday and it's working fine for me! I believe all integrations have to be restarted to take effect.
hi all
I installed a sonoff in my gate and I configured it using cover
everything is running ok
I would like to show in my dash the cover current position
and I dont know how to do it
any idea?
so, i can't get HACS to show up in the integration list
even though all the files are in custom_components folder
any ideas
Nevermind, got it
Hello. I see on images that the media player shows the media information. Mine doesnβt show anything. Just the source. Why is that?
- how can I add just the ha-card-border-radius property to the default theme? My custom theme in themes.yaml applies this property but also replaces other parts of the default theme like dark/light ui
- how can I change the on/off icon color of the switch entities globally and not one card at a time? The default color for the on state of a switch is yellow.
Backend needs to provide that (attributes min_temp and max_temp I think). If they are present the frontend will take them into account for the rendering.
I am pretty sure you can although there are still some known rendering issues (e.g. conditional elements using space even if empty).
position should be available as a secondary attribute e.g. in the entities card or you can add a dedicated attribute row for it in the entities card.
- Either adjust the existing custom theme, or if you do not want the other changes it brings anymore, then create a new custom one and only set the radius you want.
- Attribute
paper-item-icon-active-colorcontrols the active state color, but that is for all elements, so not just switches but also lights, covers, etc.
Did you verify that your media player actually provides the information (via the HA "States" dev tools)? Attributes such as media_title, media_artist, media_album_name, entity_picture (e.g. for album cover art), ...
Thanks. In my themes.yaml I have one theme and the only property it has is the ha-card-border-radius , but as I said, auto dark theme goes away if I choose this theme from profile -> theme.
Yes that is true. AFAIK there currently is no way to specify the dark theme as the basis for a custom theme. There is an open FR for that in the frontend repo.
is it possible to pause a live stream in a picture-glance after 1 min ( to save bandwidth ) ?
@polar kelp i am still trying to get your hui-element mod but i cant for the life of me get it working i have installed it through HACS but i cant work out how to make it show up
what is the error tom ?
Custom element doesn't exist: hui-element.
refreshed browser?
Hello, is it possible to set the left and top position of image in a picture element card based on and entity state attribute? Everything I have tried so far doesnt work
resource added ?
is that this bit?
url: /hacsfiles/lovelace-hui-element/hui-element.js
type: module
Hey π everyone. Quick question is their anyway to show a fan button on the thermostat control card π€·π»ββοΈ I love the card but it seems to be missing a fundamental feature on the UI being the fan speed. Itβs not intuitive to the user to click the three dots to set it from low to high etc. I suspect I have just configured it incorrectly as it would seem strange that Iβm the first person to have the issue π€·π»ββοΈ
yes
yes but i think in the wrong place but i cant fine a thing saying where to put it
i add them through interface (config-lovelace-resources)
π
well...after first card from hacs i learned the lesson :))
so i add them...hacs basically installs the files locally...and do not put into resources
so is this the only way to add them to resaurces or can you add a willed card path or something like that?
it wouldent take many custom cards for that process to be unfesably long
gguys any idea how to pause / stop live stream on picture-glance card after a certain amount of time ?
well...if it works in a way...don't break it :))
@reef plume maybe this is more helpful to have https://github.com/nervetattoo/simple-thermostat
Yeah I tried that one too but it doesnβt have a button to allow the end user to adjust the fan speed
Iβm surprised itβs not in the default thermostat card to be honest. I thought maybe you needed some yaml code to enable it?
it depends of what u phisically have. i have an air conditioner and works putting fan in 3 speed mode
check entity in dev - states to see if you really have fan mode
Yup I do
Fan_modes (auto, high, medium, low) is a state attribute of climate.upstairs_ac
Climate.upstairs_ac also has a hvac_mode of fan_only.
then the simple-thermostat card should list that
The simple card gives me an up and down button to set the temperature and buttons along the bottom to set the operation mode. But no button to set the fan speed. Unless I have to add some yaml code to make them appear π€·π»ββοΈ
not sure i get it....turn on cool mode, 19 degrees , then low fan
my status is fan_only ...meaning i control only fan speed....but never i am bothering with that...i need cold or heat.....life is simple
My thermostat is for a reverse cycle wall mounted ac unit in a bedroom. At night you donβt want the fan speed on high or auto because it makes too much noise and will wake you up. Hence why the user may want to turn the air conditioning on and set both the temperature and the fan speed. With the default thermostat card we can set the temperature and mode to cool. But to set the fan speed to low we have to click the three dots and change from auto to low. With the simple card their is also no button or control to set the fan speed (not the hvac mode) and no three dots π€·π»ββοΈ
Sounds like most people just leave their ac units on auto fan speed and set the temperature.
how long does it take for entities to stop showing up in the history
hi Guys
how do I get it to show only 3 cards side by side and move them neatly so it fits on the tablet on the wall.
Am a bit at a loss, maybe you have a solution .
stack card
how?
hm, with all other cards?
yup
Or the newer grid card?
I think they are not shown if there is no history data for the provided date range?
Anyone ever tried this overlay trick using lighten blend mode and shifting the hue?
https://community.home-assistant.io/t/floorplan-ui-with-color-synced-lights/169417
I cant get it to work properly, seems to change the hue of everything but the light lol
Hello everyone, i forgot where to find the lovelace option to password protect a roller shutter
can someone please point me into the right direction
unfortunatly not there are lots of things in my history that have no data for the range (or the last few days)
thank you Thomas
oh π I hadn't even considered the light was white in my renderer
right, that works a lot better now, thanks
No it doesnβt. How can I extract whatβs playing? Netflix, plex, and YouTube mainly. Cable tv not no much. Use components that just show art?
hello I was wondering if someone can help me with trying to add an HACS card to lovelace?
i believe I have followed the directions and the card is red and says no card type configured
then lists the text for the card
u put it in config-lovelace-resources ?
yes and no
I started with a survelance card and it said to put files in www folder
then backed off and trying to add a button-card from hacs
i get same result in both cases
in the survelance card examples it said to create a ui-lovelace.yaml and add a resource and a view with text similar to the text i add for the card
HACS added an entry for both cards in Configuration->lovelace->resources
so when I add Manual card
I add this text
- type: 'custom:button-card'
entity: switch.ac
icon: 'mdi:air-conditioner'
color: 'rgb(28, 128, 199)'
allows me to save
but the card says No card type configured
watching youtube videos and I cannot get anything to work
just trying to add cards from HACS
did HACS break recently?
delete browser cache, reload and if u have entries in resources then you are good to go
i have button-card and works. surveilance i don't have it ...but the idea is the same
ok I cleared browser data in 3 different browsers
closed and reopened
in all cases the cards report same
No card type configured
all browsers show same card
with No card configured
is harder then expected to add a confirmation when opening a roller shutter. ..still working on this
So you have lines shown with just a name but no timeline next to it?
If you use the standard HA integrations they should provide that info. I personally only use Spotify via HA and the integration takes care of all that.
=> What integration are we talking about here?
Why is that?
trying to find an example online
In the link that Thomas provided earlier, there is an example YAML?!
Hi now I use BWAlarm (ak74 edition) I need to update HA but then the add-on BWAlarm (ak74 edition) will be broken I want to ask if it is possible to set the minimalist panel in HA without add-on when it is not coded to make numbers disappear from the "alarm panel"
I got custom cards working .... it seems that the examples have a - next to the type and that is NOT suppose to be in the card
Hi there, is this the correct channel for a question regarding mini-graph-card?
is there someone who managed to password protect an entity cover ? (just the up arrow of a roller shutter)
Where was this example from? HA documentation?
do screenshot work here
upload it to imgur or something alike
Ok i just wonder why the icons vary so much in size, even if I adjust heigh t nothing changes https://i.imgur.com/yoKLBD3.png
If the question is about how to use it then yes. If your question pertains to the code of the card use the frontend-dev channel.
How can I make show State true global available in a vertical-stack card.
regarding the - examples with HACS
look at the examples for button-card - https://github.com/custom-cards/button-card
surveillance-card - https://github.com/custom-cards/surveillance-card
Is there a way to kick an automation when loading a view?
@azure hawk Thank You!
Do we have a way to combine a switch and a climate entity, I have a HVAC boost fan that is automated to come on with the HVAC unit, I currently have it as a glance card in a vertical stack with the stock thermostat card, but the result is less than great.
Trying to come up with something better than this https://i.postimg.cc/JzcG18Tg/thermostat-fan.jpg
This is what Iβm using. https://github.com/ollo69/ha-samsungtv-smart
I asked a similar question yesterday and the outcome was pretty much no.
Would this be the correct place to get some advice on editing cards?
footer:
type: buttons
entities:
- script.secure_office
name: Secure Office
gives me an error message: bad indentation of a sequence entry at line 22, column 11: name: Secure Office ^
Can you not name the button?
There's a local cam that streams on youtube, is there a way to have a card show that in HA?
It uses the weather_icons folder for the main card but the other folder for the mini card
Good evening ladies and gents. I'm looking for some help with getting the Scheduler integration working, please. I've followed the steps in the documentation, https://github.com/nielsfaber/scheduler-component and managed to install the integration - which is is visible in 'Configuration | Integrations. I've updated the config in the resource tab; however, the scheduler-card is not available when I try to add the card to love-lace.
Any help would be very much appreciated.
I installed the pre-reqs in HACS.
refresh/clear cache browser
The internal HA integration that this mentioned custom integration seems to be based on, does not provide the media information as it seems.So not a frontend issue.
As a test you can manually add some attributes and see how the UI reacts.
In my instance I only have one empty, which is a for a persistent_notification that did indeed not have any state changes in my selection period.
Thanks very much for the tip - I carried out a hard refresh of the browser cache and life is good! TY π
I'm including a custom js file using "extra_module_url", but Chrome complains that my querySelector's return Null... I'm sure I'm doing something wrong in terms of waiting for the UI to become ready (as it works copy-pasting into the chrome console), but not sure what: https://community.home-assistant.io/t/replacing-the-three-dots-in-the-header-with-a-clock/271170
hi all
so i have a card im trying to create to display a bunch of pi info
its not pulling through the info
Did you read the following part of the instructions for the card:
NOTE: this card must always be attached to the 'sensor.rpi-monitor-{hostname}' sensor, the other two sensors from the same RPi will not work to drive this card!
ok to start im runn hassos
so my orignal question was how do i get the pi to display cpu temp etc etc in a card
man this place is like the postoffice, "sorry ur at the wrong counter, go to this counter" lol
No-one's sending you to the wrong place. Thomas is giving you information about the card.
Iβm using HA Lovelace but I canβt simply copy a example card, always need to edit the structure to get it working. Can anyone explain why that is or what I maybe doing wron that standard template cards not working. Thx
auto-entities card takes some time to load an initial opening, even flashes the typical red error that the card type does not exist.
Anyone else got this problem?
Give examples, we're not mind readers.
I understand Scrape and Web Page card. But as I understand scraping only works for values (eg numbers or words) and Web page card only work for a whole website. Is there a possibility to only show part of a website, ex. only a certain <div id> instead of the whole page? I can't use scrape, because it's not only text but also an image...
maybe u can use a stack card horizontal or vertical and place together these 2 cards
Hi, I'm trying to create a custom card for lovelace, but I can't get my card to refresh between editing the file. Even completely removing and readding the module shows the old version. Is there anything I'm missing?
only the first time I open the page after reboot or login, specially with custom-cards, but after a few seconds it's gone.
Did you clear browser cache?
I refresh with ctrl-f5
completely clearing cache does work, but to do that every time I change a bit of code seems quite convoluted
Bust the cache another way then.
Change the resource address and append a meaningless query parameter on the end.
my-custom-card.js?v=1
When you want to load the new one, v=2
All that matters is that your browser thinks it's a new resource.
Is there a way to change the text color from a media player card? Almost done with my theme but canβt seem to find a way to only change that text color, instead itβs using the global text color.
people : a quick question , i wonder if someone here managed to add a password to a UP arrow of a roller shutter in lovelace
To a single button? Maybe not. To a whole card, sure. Check out this custom card: https://github.com/iantrich/restriction-card
@karmic tiger Thank You!
yes i wanted to add it to a single button but i go for a card
hey guy's, have a issue with lovelace. When using a grid card, all my icons are so very small. i started from a new dashboard
Icons of what? Of the cards inside the grid? They will only be as big as they have to be. If you set a specific number of columns for your card you can enforce them to get bigger as less are shown per row.
I did not set anything, i put in columns: 1 and wheather forcast is a max of 3 days.
I can put 10 button card next to each other.
Then I am not getting your issue. Can you show a screenshot?
trying but can't seem to find how i can put a screenshot
does that work?
No, no access to that.
hello everyone, i keep getting Custom element doesn't exist: restriction-card. I'm trying to add "https://github.com/iantrich/restriction-card" i placed the JS file in teh www folder and added it using the GUI. Someone with a tip maybe
i indeed tried that , but i keep getting that error in red
checking the file permissions
Try in another browser.
sadly not working , i probably did something wrong
What did you add to your resources?
url: /local/restriction-card.js and type: javascript module
hmm checking , i placed it in /www/ folder
Did the second link work?
no i made the www folder earlier, i used to tinker with a different fronted for a old ipad
So you've restarted since it was created?
yes
What device are you trying to view the dashboard on?
right now : my laptop and smartphone
i tried several browsers : chrome / edge and my android phone
On your laptop, open the Chrome Dev Tools and reload the page. See if there are any errors in the log.
ah good one ! trying that
unexpected token : restriction-card.js
hmmm i'll check the js file
downloaded a new copy of the js file
i'll reload everything for a moment
Hi all! I am running some heaters with limited HVAC-modes so I have made custom thermostat control via node-RED. I've tried to create a custom card that will function as thermostat card but I'm struggling are there any recommandations or great cards to use?
the error i got is : restriction-card.js:17:1 Uncaught SyntaxError: Invalid or unexpected token
Open up the file your browser is loading, paste it into a sharing tool and share it here
Please use https://paste.ubuntu.com/ to share code or logs. Please don't use Pastebin, since it can randomly add spaces to the main view.
Hello, I don't know how to describe what I am trying to say, but I will try to do it the best I can.
I am trying to make a custom theme, but when I set the primary color to be black and the cards to be black, some of the text disappear because it is black text on black background. It is because some of the text uses primary-color as text color. This is very annoying and I cant find what that item is called so I can change the text color.
Yes. But I am still not getting the issue. If you tell your grid to use less columns then the cards will get bigger.
Is it possible to use media_player.media_play_pause in a button card? action: call-service / service: media_player.media_play_pause works fine if i test it in the developer services but if i add it to my button card it trows a "sequence item 0" error. This is my card at the moment.
type: grid
columns: 4
cards:
- type: button
entity: media_player.sonos_keuken
icon: 'mdi:speaker'
name: Keuken
show_state: false
tap_action:
action: call-service
service: media_player.media_play_pause
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
Don't forget you can edit your post rather than repeatedly posting the same thing.
For over 15 lines you must use a code share site such as https://paste.ubuntu.com/ or https://www.hastebin.com/.
I'm using columns: 1
Doesn't look like it from the screenshot. Can you show your YAML.
Hi-- I'm trying to solve a problem (misunderstanding?) with a use-case similar to @azure hawk (last night): New HACS install (seems to be working), installed button-card, have found button-card.js in the file system (/config/www/community/button-card/button-card.js), added a lovelace javascript module resource (using Configuration->Lovelace Dashboards + Resources tab), cleared browser cache and restarted Home Assistant. After doing these things, adding a card of type "custom:button-card" produces a message "Custom element doesn't exist: button-card". Do my steps seem right? Anybody see anything I did wrong? Advice? Thanks!
Am I defining the resource correctly-- that is, should it in fact contain the full path to button-card.js?
Replace /config/www with /local.
@karmic tiger Thanks! Will try right now.
Tell your 3rd grid columns: 1. You only defined it for the other two.
@karmic tiger Thanks so much! custom:button-card as a type now works!
because i needed 3 colums there, but added it, no change
Why three columns? The only content in that grid is the horizontal-stack. If that should use the full width of your iframe, then this grid needs to know it should only render as one column.
yes but it seems that my iframe is to small.. 1/3th.
I put 6 button cards in 3rd grid and puts them al in in normal place
I thought this is what you wanted? Spread the buttons below the iframe?
spread the buttons?
"Spread" as in "use the whole width" so the cards become bigger. I thought your problems were the too small cards / icons since they did not use the whole width?
this noob needs more info on the spread
Draw a picture of what you expect. Share it here
Please use imgur or other image sharing web sites, and share the link here.
No what you did is what i need.. just don't know how you did that
Add columns: 1 in line 15. That's it.
and what with the weather forcast..
looks like line 15 worked.. need to search why now it dit that
If you do not specify a columns it defaults to 3 as stated in the docs.
So by default is only uses 1/3 of the space. That is why your horizontal-stack was so small and as a result the elements in the stack were so small.
you are a life saver.. found the weather forcast in the same way
4 hours well spend to learn something π
I figure/know this the wrong place to ask but I have some automations I am trying to get working and can not. Where would be the right place to ask these questions?
Probably in #automations-archived
is there a card that lets me display multiple attributes and throw in a couple of buttons?
thanks
Sounds like a job for Entities Card?
https://www.home-assistant.io/lovelace/entities/
that looks interesting! thanks
You only want to change it for this one card? You can just assign a theme to it then. However, when the media player is playing the coloring will be overwritten by the media (if things like album cover are provided by the entity).
Sometimes when I click on an entity the page kinda freezes, anyone else had this issue?
I'm on an rpi4 4GB, has a fan and radiators so cooling is definitely not an issue, RAM or CPU never go above 50%
Figured it might be a frontend issue
Thanks for the answer, I think this will be the best way to do it. ππ»
How can I display the remaining time of my timer on lovelace? If i use template to create a sensor, it won't update the timer and stays at 00:30:00.
https://i.imgur.com/tA08nLF.jpg
The entities card displays it correct. But I'd like to use a custom card.
Anything in the browser logs? Happens in all browsers?
Slap my face with a salami why did I just assume it was HA. Will check the browser & extensions now
Yeah seems to happe non all browsers actually
The browser console doesn't really say anything
What is your template using for the value? The remaining attribute?
EDIT: Ah, I see the issue now. The frontend behavior is a bit inconsistent here.
Hi all! Is there a card that can be split in two and show different attributes on either sides and different font sizes?
For this I use Horizontal Stack Card and 'custom:bignumber-card'.
Gives me this result: https://i.imgur.com/JNP7ke5.png
thank you so much !
Is there any way to implement a stopwatch? E.g you click on a button and it starts counting seconds
Any already made way I mean, otherwise I guess I can do this with nodered
I am using custom:simple-thermostat and I love it. A would like to change the color of the state icon the same way as the entity card does. Is this possible?
I would like to refresh my still images when enter a lovelace view...is there a way to start an automation when entering the page? Thanks for all your tips and tricks;-)
Is it possible to use a action navigate in a weather card? I see this is not supported by the ui editor.
No, currently not supported there.
How come I can not upgrade my core and host system through the iOS app? I am running HassOS..
Or is it just in general on the mobile website π€
... lol... Guess I may have updated in my sleep... Seems like I am on 2021.1.4 π
Iβm using a button card for my Sonos Playbar and the below service works. Is there any way to open the stations favorites menu instead of using only one radio station.
sonos:
alias: Sonos Kitchen
sequence:
- service: media_player.select_source
data:
entity_id: media_player.sonos_kitchen
source: "StuBru"
Does anyone know if its possible to rotate the image used in a picture entity card?
I'm using it for a webcam, but the webcam doesn't support image rotation on its image snapshots
You could always use a custom card and apply a CSS transformation rule.
hello guys, is there a better way and or version to show a state graph. Basically showing a light status on/off through the day and trying to see if there is a better/more visually appealing option out there.
I have done a little research on this subject and havent found any other options, just seeing if there is a better way.
@proud lodge You may want to consider mini-graph-card (https://github.com/kalkih/mini-graph-card)... That page has an example of showing binary sensor states for something like on/off over time.
hey - does anyone know how to change the tab indicator colour when making themes? you used to be able to do it with ch-tab-indicator-color: when using custom header. there is tab-indicator-color but that doesn't seem to work? thanks
I'm trying to call a scene that has been created by Tuya integration by pressing a button but I am having trouble getting it to work. If I run the scence via Developer Service Tools then the scenes work. Could someone take a look at the code for the button and advise what I'm doing wrong, I've tried both the friendly name and ID as entity:
type: button
name: Dog
icon: 'mdi:dog'
icon_height: 120px
tap_action:
action: call-service
service: scene.turn_on
entity: scene.ittndyovaganenl3
hold_action:
action: call-service
service: scene.turn_on
entity: scene.jfewzf6hnok4i5at
Your tap_action and hold_action are incorrect.
Should be:
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.ittndyovaganenl3
I'm in fact surprised that your YAML did not raise an error in the editor?
EDIT: Well it shows an error to me in the editor, so probably to you as well?
That fixed it, Thanks π
The only message I was getting was the one below, which I assumed was just saying I need to edit it in Show Code Editor:
UI editor is not supported for this config:
Key "tap_action" is not supported by the UI editor.You can still edit your config in YAML.
Yes, it is misleading. I am checking the code right now to potentially adjust that.
I use badges to display the current installed version and updated version of Home Assistant. When the numbering system was changed it no longer fits in the badge. Is there a way to truncate the numbers?
You could truncate them but then you wouldn't know which version you're on π€
Can someone tell me why this does not work?
'''' tap_action:
action: call-service
service: >
{% if is_state('lock.front_door', 'locked') %}
lock.unlock
{% else %}
lock.lock
{% endif %}
service_data:
entity_id: lock.front_door ''''
@karmic tiger if I got rid of the leading 2021 it would fit
Hi. Is it possible to export (dump) the view configuration (that has been made in the web interface) into a yaml file?
So truncate the leading section.
You'll probably want a #templates-archived for that.