#frontend-archived
1 messages Β· Page 209 of 1
btw, did you see my question on the images? no support for .jpg in the Area editor? Or is there a size limit? was able to add a few images, but mostly I see a black placeholder.
Yes, that is not me at this point. Ideally the author would have done that but seems to have been missed.
I don't know. I never checked out the coding of that card so far.
Just to avoid trashing this channel, am I right here with my previous question about how to make history show several sensors of different units of measurements to check visual correlation?
aww, too bad. Seems a very cool card, but some issues make it too immature for true introduction. will create an issue for the images, hope it can get fixed, so we get a shiny Area overview. thx But, did a few refresh caches first , and now I seem to get much better results.
We have to start somewhere, so usually the MVP (minimal viable product) approach is taken, otherwise we would not be able to move forward with such a small (mostly free-time) team. Then step-by-step things can be fleshed out more and improved upon.
#analytics-archived can also help perhaps
i have got no idea what i'm looking for lol kind of why i had hoped someone else knew
Hey guys.
I need some assistance with getting SSL working.
Is there any up to date docs I can follow that works?
https://www.home-assistant.io/blog/2015/12/13/setup-encryption-using-lets-encrypt/
I tried this link, however it doesn't work
I mean the steps
I'm still not able to access on https
thank you verry much, i'll check it out later this week
Hey guys, I want to add a Picture of a QR code as a picture entity in my lovelace config. As far as I understand if I host the picture in the www-folder it will be accessible for everyone (If they knwo the URL to access it) according to the docs. Is there a way to add a QR code to my Lovelace without exposing it to the outside world?
Probably not the right place to ask this, but oh well. I'm having trouble accessing an mp3 file in my www folder. I can access jpg files through my browser without issue, but I get a "404: not found" when attempting to access mp3
I haven't tested this myself, but have you tried a data uri for the QR code?
Just tested, data uris work just fine. That is what I'd do.
@fluid horizon I don't quite know what you mean. Is this an integration? I think what you mean is to store the image as an URL (don't quote me but that's what an x-string is? :D) and show that somehow in the UI?
Data URIs are basically a URL form that encodes the entire image (or other data type) into the url itself, rather than pointing to an external place. You can just pass that in as the URL for the image.
From a 1 second google search, I found this website: https://onlineimagetools.com/convert-image-to-data-uri
Just pop your QR code in there (I cannot vet this website for you though, mind you), and get the data uri and put it in for the URL of your picture element.
Yes, I found the same I think. Thank you so much, I totally forgot about that.
I'll see if I get it working π
It worked! Thank you so much!
how do you sort your lovelace cards to be where you want them? Default seems to be working alphabetically but i dont want that
how do you move them right to left
So, before using the grid layout in lovelace-layout card, I'd create a vertical stack with horizontal stacks for each row. Then position them in the horizontal stack to move them right to left
The Masonry layout (the default) doesn't offer any real control over positioning
So if you need control, you need to use something else.
so basically design it with vertical and horizontal stacks and position them in the stacks itself vs the cards right?
@wheat current how come you don't put any details in your frontend PRs? π sorta makes it hard for those inspecting the release notes and such
It's a trade off: Get more work done or get less done with more documentation.
I always go for get more work done, but thats cause documenting sucks
Hi all,
I have a problem with the HA Energy module since I updated to 12.1 these days it no longer works! Since Sunday 5pm after the update of the Core I have the message "Unexpected device class" I can no longer add consumption value or production value when I did it before I have the whole month of November ok
yeah, but without any documentation, the 'getting things done' is quite difficult too. eg Area card... or my current struggle, image: this is all there is documented, but the frontend remains unused for it? I can not find anything on images when selecting those Area images at all?
i appreciate it is a mvp, and being so it does reveal some needs though, which is good I guess
just discovered the state-label badge... duh. and yet there's another documentation thingy. Having used ```badges:
-
entity: light.dining
```` up to now , I now see I was supposed to do: ```badges: -
entity: light.dining
-
type: state-label
entity: light.dining``` all along? They produce an identical result btw.
Like the entities card, the badges pick a type intelligently if none is given.
And ```yaml
badges:
- light.dining``` should work too
And by "intelligently" for badges I mean "always picks state-label".
thanks Thomas
Imgur doesn't seem to be feeling well at the moment, but based on the description - are you using firefox?
Huh. Did not expect that
I'm full of surprises π
looks especially bad on mobile: https://drive.google.com/file/d/1dqlZmpJq_s31IrRkUZ-nxVC_wVu73laf/view?usp=drivesdk
but basically the same as on desktop
just no gutter between the cards
First step is to try the default theme.
no issues here with area views
hoping this is the right spot for dashboard/Lovelace questions β Iβm just getting into customizing my dashboard. Iβm looking to create buttons for my front door lock and garage. Whatβs the best way to show a dynamic icon on each βbuttonβ based on the state? (Button in quotes because Iβm not sure I even want a button card here)
The button card will get a nice updating icon automatically as long as your lock entity has the correct device_class.
@fiery ledge posted a code wall, it is moved here --> https://hastebin.com/somakofedu
Iβll try this out, thanks. Is there anyway to set that stuff manually if the entity in question is wonky?
darn, sorry bout that, thought it was just small enough. Anyhow, Area card shows only two 'buttons', for light and switches in my case and selecting entities doesnt go well just yet. resulting in a popup and File "/usr/src/homeassistant/homeassistant/components/light/__init__.py", line 494, in async_handle_light_on_service await light.async_turn_on(**filter_turn_on_params(light, params)) File "/usr/src/homeassistant/homeassistant/components/philips_js/light.py", line 342, in async_turn_on raise Exception("TV is not available") Exception: TV is not available in the log
You can set it through customize https://www.home-assistant.io/docs/configuration/customizing-devices/#customizing-entities.
But I just realized you could also make a template lock, if your lock isn't actually a lock.something entity already. That should do it https://www.home-assistant.io/integrations/lock.template/
Actually, come to think of it, device_class shouldn't matter for locks.
is there a way to add back the app configuration menu item for admins in teh sidebar? its just faster to get it from there...not sure if we can use the redirects?
yours does not have that overlap? the spacing between cards is correct?
on 2021.12.2
either way, this is all good information for me β thanks!
interesting, I just loaded it up on my desktop and it's right π€
Try clearing your frontend cache in the app then
how do i do that in the app?
like clear cache for the app itself in android settings?
In the IOS app it's under the "debugging" section in the app settings. On android I don't know.
yeah, i'm definitely still seeing this
one last thing before I dive in β is there a standard for creating responsive dashboards? or should I be aiming for multiple dashboards, one for each use-case? i'm a frontend developer so the former makes more sense to me, but from what I've gathered seems like the latter is common practice?
for android we dont have a clear cache button, but restarting the app should ask the app to check for new cache. We do respect the caching dates set by the frontend as well.
it looks like we can probably add in an option to clear the cache if we feel its needed π can always submit a feature request on github for this
If you design your frontend in smallish pieces they should reflow and organize themselves nicely on most screen sizes. But if you are a frontend developer, know what you're doing and want detailed control I'd recommend you look for a custom plugin called layout-card - once you have some experience with the default interface and its limitations.
excellent.. sounds like you kinda recommend playing with things a bit before diving into that so I'll go with that flow for now. Ultimately I'd like full control but I should walk before running here. Thanks for your guidance, much appreciated
I'm a senior developer but that means nothing in the world of HA and yaml π
you kinda recommend playing with things a bit before diving into that
Definitely
is this even possible? because currently the apps wait for the external bus to tell us when to open the Settings
still trying to hunt this down... i do see references to --paper-item-icon-color in the browser inspector, but i'm not sure what i'm even looking at
i see this in there somewhere:
:host {
--paper-item-icon-color: #E50914;
}
but the value is crossed out π€
i could probably pull it off with custom:button-card, but I find they need a lot more configuration than i "need", to achieve the same look/effect
What are we supposed to see?
Did you remove your messages because the problems disappeared with the default theme?
I now love extra styles π
it has device_class: battery
experimenting with auto-entities and some custom attributes:``` filter:
include:
- attributes:
custom_name: '*'
template: >
{% for s in states %}
{% if 'custom' in s.attributes.custom_name %}
{{ s.entity_id}},
{% endif %}
{% endfor %}``` caused my system to hang...
is there some kind of instance guard that will bring it back, or do I have to pull the plug π
frontend or backend, it would be nice if we couldn't self destruct...
bot
so is there some way, to make that Set State area in the NEW Home assistant version automatically open?
Under Developer Tools
no, but changes to that area are being discussed currently in an issue on the frontend repo
Hi , does anyone know of any android browsers that does not depend on google services and would work on pre 4.4 android devices. I have got an old tablet (hp voice tab 7) running 4.4.2 and I want to use it with Homeassistant as an wall mounted display. I tried fully kiosk browser but It doesn't work.
highly unlikely
were you asking me? i didn't remove any messages or solve any issues yet
No, I asked the guy who removed their messages so I look like a lunatic talking to myself.
lmao ok
any ideas why that --paper-item-icon-color style i have been using doesn't work anymore?
where is the frontend repo
I hate that entire screen
π
on github
that is a VERY old tablet lol
do you happen to have a link sir?
No, you can go to home assistants github page and search for frontend
what screen?
ah
Hi all, I'm having a mare with my HA setup on a Pi3 that has worked for ages but now is unhealthy following an update to Home Assistant OS 7.0. I now seem to be getting a 404 Client Error when updating Supervisor or installing packaged 21-12-16 16:28:19 ERROR (MainThread) [supervisor.supervisor] Update of Supervisor failed: Can't install ghcr.io/home-assistant/aarch64-hassio-supervisor:2021.12.2: 404 Client Error for http+docker://localhost/v1.41/images/ghcr.io/home-assistant/aarch64-hassio-supervisor:2021.12.2/json: Not Found ("no such image: ghcr.io/home-assistant/aarch64-hassio-supervisor:2021.12.2: No such image: ghcr.io/home-assistant/aarch64-hassio-supervisor:2021.12.2")
Can anyone help or point me in a direction to explore?
Thanks
Hi everyone, I'm looking for a way to display an image in lovelace. The image is 2,000x300 pixels so I need to scroll it horizontally. Regular picture* cards either display the entire image - making it impossible to read, or center it, hiding the image sides. Is there any other card that would allow displaying and scrolling the image?
yeah It's basically e-waste, and that's why looking for ways to re-use it , currently running snapcast, xmpp client and mjpeg ip cam. would be great if I could use it to display Home-Assistant's dashboard though!
yeah when I access it from any browser that uses internal webview HA gets stuck on initialisation , Looking it up online It seems like it needs newer version of web-view. so now I am looking for a browser that doesn't use internal webview and also one that doesn't require google services
able to put a different rom on it?
lol good luck
yeah I tried to look for a rom but the device is so niche and old I couldn't find any
Create a new dashboard, install home panel and use standard cards and home panel) its only way to get round it I am afraid that i found
thanks I will look into it..
Hi
I'm searching some flipping / scrolling cards ... that the card turn arround all 5 sekundes and show other informations
I'm not found it π¦
I just got HA working on de-googled android 4.4 tablet with old bromite version https://github.com/bromite/bromite/releases/tag/81.0.4044.83, now looking for a way to get it 100% full screen (hiding both navigation and notification bar) . Tried both https://github.com/maykar/kiosk-mode and https://github.com/KTibow/fullscreen-card but they are just hiding the top browser tabs. The tab gets proper full screen when I play a video from youtube.com. I wonder how that works..!?
you can use https://github.com/bramkragten/swipe-card to flip but I don't know if it can auto flip every x seconds
Is there a way to duplicate a script ?
ok just doing it in the yaml file
ez
ok is thera a way to add the script I added in yaml to the script dashboard ?
mb had an uppercase in it
now he finds the new scripts
would be a cool feature, maybe request it π
put it in the scripts.yaml
yeah thanks found that out aswell
so I wanna do call service with notify.music1 is there a way to also notify.music2 in one call ?
Does anyone know where to find the documentation about the new area card in lovelace? I'm using yaml mode and i don't know how to define this card.
Looks like the docs were missed. Itβs pretty basic
type: area
area: bedroom
cool, thx!
Any ideas what this dev needs to do? https://github.com/custom-cards/check-button-card/issues/23
on startup I always get this error what can that be?:
Source: /usr/local/lib/python3.9/site-packages/zigpy/zcl/__init__.py:95
First occurred: 03:05:36 (1 occurrences)
Last logged: 03:05:36
Unknown cluster 61184```
Hi: I have an input-boolean that I want in an entities list but I don't want the slider (It's a value set elsewhere that I want to be able to view) any clues please?
apologies - above should read input-number
I just tried it with this and it works and flips every second, you can look into https://swiperjs.com/swiper-api#autoplay and other parameters to customise it to your preference. ```
type: custom:swipe-card
parameters:
autoplay:
delay: 1000
cards:
- type: gauge
entity: sensor.room_temperature - type: gauge
entity: sensor.room_humidity
does any of the current yaml reloading services on config/server_control also reload the Themes?
Still can't figure out how to get it to work properly...
That response is loaded with information for us to help you
it's like reload_themes or something like that.
Just type theme in the services tab and it'll pop up...
frontend.reload_themes
ask in #zigbee-archived
I was gonna say... input booleans don't have sliders. Anyways, you just want to show the value? Making a template sensor using the state from the input_number can do that. The template will just simply be: "{{ states('input_number.xyz') }}"
hello, Im wondering is there a way to hide all views from my dashboard, when my alarm is armed?
For example, to be only visible first tab of my dashboard (with alarm card), and when user disarms it, to preview all other views?
You're going to have a rough time setting that up
IIRC, there's no easy way to do it
easiest way to do it would be to have 2 dashboards, one with the alarm and the other with all your other tabs. Have the dashboard with all your tabs always hidden. On your alarm dashboard put a conditional button that redirects to the hidden dashboard
yeah, I was thinking that way too..but Im not sure how to put redirect-uri saervice, when users deactivates the alarm π
also, thats not 100% bullet-proof way to do it.."hacker" need to know just an uri to my "hidden" dashboard
and later on, can baypass alarm, just putting it another url in the web browser
well it would just be a simple tap_action that navigates
the way I look at it, the alarm should be based like login screen for HA
If you make your "main" view a panel with a vertical stack in it, you can put the alarm panel in there, and above it a glance card with buttons that navigate you to all the other views. Then you just hide all the views and make the glance card conditional based on the alarm status.
or to add that option for users..
I do what @polar kelp said, but it requires you to update every view
An important thing to know: Anyone having access to your frontend has access to ALL your entities. Even if they're not admin and you didn't put a button for it anywhere. There's an open connection to the backend.
sure, I use that, but it isnt avaible in the quickbar, not in the config page
so I thought maybe themes are reloaded under another entry there
Make a script to call it, run that script from the quick bar with lovelace-wbah and shift+enter.
have that too yes, but never thought of using that (nor any other entity ) via the quickbar. Always only use the C and official Reloads
guys, I cant move my alarm card to new dashboard that I've just created
lol, what Im doing wrong
Thomas, can I ask about one of your cards here?
thx. have an issue with t-e-r, and the last child, always being cutoff
I usually just open the card in yaml mode and copy paste the code
Yeah, I've seen that one. Won't have time to look into it for a while unfortunately.
what's t-e-r
template-entity-row
ok, just so you know π it's really silly, only in Safari, and only on listed entities
safari is a PITA to work with and CSS. They always interpret things so loosely. It takes some extra finagling to get it to work in chrome and safari.
wait, sorry, its f-e-r π
started only some time ago, not sure if it was after an f-e-r update or HA.
but nvm then, hope it will get some thought whenever Thomas has opportunity
I would wager that it was after an iOS/macOS update
they've been changing things (for the bad imo) on apple products recently
I also tweaked the row distances in the fold recently. It could be related to that.
yea could be, though it is also on Mac Desktop, so not only iOS.
I did have a look in the card css settings and played around a bit, but it didnt fix it. Could add some whitespace below the last child in Chrome, but not in Safari.... So an expert eye is necessary π
I've done just like this:
title: Security check
mode: vertical
cards:
- entity: alarm_control_panel.ha_alarm
name: ' '
states:
- arm_home
tap_action:
action: url
url_path: https://www.maxi.rs/online
type: alarm-panel```
but it wont to go to that website
did I type something wrong?
I want when I click on Arm home to arm the alarm and go to that particular page
other question: for my Christmas theme (...) I am trying to add a tiny border around the ha cards, but fail to find the correct theme variable for that. is ha-card-border: solid 1px var(--secondary-text-color) the one to use?
The cards don't have a border. They have a box shadow ha-card-box-shadow https://html-css-js.com/css/generator/box-shadow/
Does anyone know of a method producing a graph like a seismo/soundwave/heartbeat? Something like this: https://imgur.com/a/r3F9Tk6
I'm hoping to display W-usage as a "heartbeat" in a way.
right, I did use ha-card-box-shadow: 1px 1px 1px 1px var(--primary-color,0,1), 1px 1px 1px 1px var(--primary-color,0.1) before, but that way it throws an odd shadow
I'd like it to be like card for a newly discovered integration in the integrations panel π
use the navigate tap action
The alarm-panel card doesn't support tap_action
Ah, assumed it was a button below the alarm panel
anyways, make a button that has a navigate tap action
plop it in a conditional card
make it condition off the alarm enitty state
gonna have to be significantly more specific
thanks for educating me: ha-card-box-shadow: inset 0px 0px 0px 2px var(--primary-color) much better π and remember, only for the jingles theme.....
new issue for me, never having used ha-card-border-radius: 20px (which I like for the festivities) in my themes: I see the set card-background-color: ivory overflow these rounded corners in the top of the card (bottom is rounded fine). Especially visible now I have a working border.
probably conflicts with card_mod: style: | .card-header { background-color: var(--background-color-off); color: var(--text-color-off); padding-top: 0px; padding-bottom: 0px; margin: 0px 0px 16px 0px; } I use in the cards. taking out the background-color variable here makes the card round atop (but ofc doesnt show correctly in all other themes, so Id need to keep that)
add overflow: hidden;
where? in the christmas theme?
Wait... you need to add that to ha-card itself, I think...
Or you could round the top corners of .card-header too. border-radius: 20px 20px 0px 0px;
id only want that in the theme though, not generic ( I use ha-card-border-radius 0px in all other themes)
Thanks - i did this as a work-around after posting. was hoping there might be something built into the control rather than having to create a new entity specifically. Thanks again
not if you'r etrying to remove the slider. HA by default in the entities row has specific looks for each domain type
ok thanks. Saw a few requests for a read-only option in my searches - guess i'm not the first with the question. π
- entity: input_number.my_input
type: sensor-entity```
is that a new type??
No. It's techincally custom:hui-sensor-entity-row which sensor entities defaults to.
color me surprised
yup - can confirm that works great for me. Many thanks
good to know, so that can be done with any hui-x-row?
yup
I'll have to remember that for the future
wish that had been in the docs for the entities control π thanks again
style: |
ha-card {
overflow: hidden;
}``` does indeed work on an individual card, so thanks, progress made. However, I can not get it to work in the theme with ``` card-mod-card: |
ha-card {
overflow: hidden;
}``` ?
card-mod-theme
thomas, I think you should just continue to make more renditions of card-mod in any order for card mod to mean different things. Like card-mod-mod-card and card-mod-card-mod-mod
Good idea
each additional -mod goes 1 deeper into each selector (first object every time)
I am ofc using card-mod-theme already, but again, that is generic for all my themes. This specific card-mod is only for this theme....
card-mod-mod-card could actually make sense in a theme. And maybe card-mod-mod-card-card.
Yes, but it's set wrong in the code in the forum post.
Might be the wrong place, but I'll give it a go, there used to be a UI option to customize entities / devices, but since the last "Frontend shuffle" I seem to have some issues finding it, anyone ?
check the first pin in the channel
Cheers !
really sorry, but I dont see the error in the post? could you be more specific please?
yeah, joined a few mins ago, might have been a bit quick π
np, it's been asked ALOT recently. Pretty much why it was pinned
https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes#basic-card-mod-theme
The theme must have a
card-mod-themevariable set to the name of the theme.
So yaml Christmas: card-mod-theme: custom-header will not work
Hehe, yeah, I haven't used it a lot in the past, but then i just realized i had a device i could change and it was gone π
you can edit entities directly now
if they have a unique_id
if they are produced by yaml and don't have a unqiue_id, then you have to edit it via customize.yaml
hmmm, it does work, because my theme is called custom-header. I import that in all themes succesfully.
Then card mod will read all it's options from a theme called custom-header and ignore anyhting in any other theme.
So essentially just use the developer tools to edit or ?
right. so I cant simply add a (specific) card-mod-card to a theme which already has another (generic) theme mod loaded. That would leave me but one option I guess: copy the generic card-mod-theme under a new name and add this small edit to it, and load that in the Christmas theme...
dev tools -> states -> click. Or config -> entities -> click
or more info -> gear
there's 9092830498203453 ways to get to it
+/- 5
yah, a small margin of error for number of ways to get to it
π
Thomas: christmas-theme: card-mod-theme: christmas-theme <<: *main card-mod-card: | ha-card { overflow: hidden; } does the trick ! thanks (updated the post with some more details)
If you follow the message as to what I was replying to, you see more information about what I need help with... π€·ββοΈ
the person replying to you even said your reply doesn't help
π€·ββοΈ
can't read minds
usually when soemthings not working, you say what's not working. Not a blanket statement that it's all not working.
details my friend. Details.
Ok, Iβll copy the original message.
"Custom Sidebar" from Hacs front end, has stopped working after recent updates; and the sidebar within HA doesn't get saved like Lovelace gets saved after hiding sidebar tabs, for example after we open it in another browser...
Any way the devs can fix this, or make Custome Sidebar a part of HA?
That way we would be able to have custom sidebars for each account we have in HA.
he replied with a "try this" and you replied with a "it's still not working"
did you "try this"
paraphrasing here btw.
Now I got Custom Sidebar v2 which uses Json and I translated the yaml into jason... to put into the .js file it told me to create.
ok and... what's not working?
do you have sidebar items? Do you have errors in F12? Do you ahve errors in your logs?
are the icons missing? These are teh details that are needed
@drowsy void are you actually following the directions on the github?
No errors within the file, meaning it thinks the code is in the right formate.
But the sidebar isnβt organized as I wanted it to be. It doesnβt hide the tabs for me.
did you install via hacs or manually?
you only edit the .js file if you installed manually
I added it into hacs then installed it.
as per the instructions
config is now in JSON format (not yaml).
Save it as sidebar-order.json and put it in <config directory>/www/.
on the customization of entities, you should have seen it coming, I mean it's no like you put it as the TOP breaking change in the update for December !
I created a file and named it as it said with .js; I converted all my yaml text i had from the prevues integration from yaml into jason... the code didnβt get any errors.
not js
read the instructions
HUGE difference between .js and .json
maybe upload your json somewhere so we can see
The instructions had said to make a file ending in .js
no dude
^
Ok, let me check my file name and get back to you. π€¦ββοΈ
I think he's getting confused this line: If using manuall install, you can include the config object directly in the .js file (follow comments there).
which you shouldn't do unless you understand JS
i think so too, but he installed via hacs
? what are you going on about? The only way you'd see it coming is if you were active in development. They've been avoiding changes to that for the past few years
Was talking about all the questions about where it was because well ...
it was the first one on the list...
And I'm lazy... π
was anyone talking about it? lol
hi, i hope someone can help me π i updated to 2021.12.2, and i noticed my entities buttons row card looks different:
https://prnt.sc/23fgpa2
i'm not really a fan of it, is there an option to go back to the old design?
nope
Changed it to .json and still no difference.
Or does it not effect the app version?
Snapshot or backup copy... π€·ββοΈ
^
How do I shared the snapshot of it here?
Canβt upload the image.
@drowsy void posted a code wall, it is moved here --> https://hastebin.com/efitumedik
Couldnβt past it into the code sharing site. π€·ββοΈ
Ya, just saw it lol
It doesnβt hide what it needs to hide, like the tabs.
Does the integration not work for the app version?
Is it only for the browser?
clear browser cache
Iβm using the app... i closed it and reopened it but no difference
i noticed similar stuff going on. first i'd try it out in the browser, and if you can't figure it out open an issue
Not sure how but in the old integration it is able to change the title name but not hide the tabs...
You can clear browser cache in the app if it's the ios app
it's in app settings
Config -> companion app -> debugging -> clear frontend cache
It didnβt help with anything.
Hi, is it possible to create/add custom cards to the energy dashboard?
hey all, i am trying to get my webhook URL to show the appropriate URL, but since its a docker container it is defaulting to the container IP
does anyone know where the config entry is to tell it what its actual publicly accessible URL is?
i've tried base_url and external_url
No, but you can create your own energy view using the stats card
Unfortunately... It would be cool if that would be possible. Home Assistant is highly customizable, but the Energy dashboard isn't.
Lovelace UI is very customizable, no other areas are
@thick turret I don't have any energy tracking currently, but found that I can make my own UI in Lovelace with the hui-element
- title: energy
path: energy
badges: []
cards:
- type: custom:hui-element
card_type: energy-usage-graph
- type: custom:hui-element
card_type: energy-distribution
- type: custom:hui-element
card_type: energy-sources-table
Looks like there is also potentially a energy-carbon-consumed-gauge card
not sure how you'd get the hui-energy-period-selector
that's not a lovelace card
there's also this bad option
type: iframe
url: http://192.168.1.17:8123/energy
aspect_ratio: 200%
well I say bad, but maybe it fits for you
Is it possible to make a button list over recently used / most used entities? - would be nice for a quick menu on the first mobile view
You need to pull down to refresh the page after clearing the frontend cache.
Question: I have a button for my HUE light, but when I turn on the light, it goes back to a previous state where it was really low light. Is there a way to tell the button the light should go to x-brightness?
Iβve done that too; nothing changes...
In the Energy dashboard
For production and consommation entity
I have this error :
Unexpected device class
And unexpected state class
Before update HA 12.0 it's work
Is this a bug ?
@midnight sierra ask in #energy-archived
π
trying to find an example for my button card animation glow on https://hmas.swakes.co.uk/home-assistant-layouts-themes-and-all-that-jazz/ I get an nginx error, while I dont use that at all. can anyone see this link?
502
ok so its not me then.... too bad because I have it bookmarked for many cool animations...
since I am here: anyone maybe have an animation config for a pulsating glow on a button-card....? this is what I have so far: https://community.home-assistant.io/t/pulsating-lights-automation/368145/3
you can have the button call a script, with all required data. As a matter of fact, I just posted above. Or call-service directly: tap_action: action: call-service service: light.turn_on service_data: entity_id: light.hue_light brightness: 150
I'm sure this has been answered a lot before, but my google-fu is weak today and I can only find a bunch of unrelated topics... I'm trying to make a grid of custom-button cards that behave similarly to the Spotify card, but for Jellyfin videos instead of Spotify music. (I want each image to launch the respective video on my TV, which is why I'm not just using upcoming media card). Anyway, this is the state I have it in - you can see a bunch of the cards are narrower than the column width, and my question is how can I apply the same reduced width style to the button-card grid on the bottom-left? https://imgur.com/m5plYNe
Seems like the grid card itself might cause issues with some card-mod styles, so I might be in need of a workaround of some kind
Hello, I have a problem, after Update to the newest version on supervisor, and os, find out, when I entering an entity the list start to populate with the matches, but when I try to click on the desire one, the list disappeared and the entity stays with whatever I already type.
π€¦ββοΈ The swiper card I was already using has a card width parameter... Turned out pretty decent https://imgur.com/a/Kfqt8B3
Howdy fellas. Did the Calendar tab go away?
Nope. But it will only show up if an integration youβve configured uses it
And you can hide it like any sidebar icon
Hi, is this where i can report a problem with the latest update?
Ok, update; it didnβt work on the browser either... π€·ββοΈ
the old one works as far as changing title, but now the title doesnβt work either due to the new not allowing it. π€¦ββοΈ
Did anyone here get Custom Sidebar v2 to actually work? I mean to hide the tabs they don't want with it...
Hey, anyone knows if you can put a line break in the name attribute of a gauge?
E.g. "name: GT5 indoor"
I'd like "GT5" on 1st row and "indoor" on 2nd row in the gauge card to be consistent with the rest of the gauge cards for the device...
hello, is it possible to use custom CSS with the webui?
That's a loaded question
depends on where/what you're trying to do. Some cards allow css, some do not. Otherwise you can just write your own cards
ty will try that now
it seems HACS has what im looking for
And in case the goal is just to change certain colors and certain (icon, font, ...) sizes, then this can be done through custom themes.
ty, i took a peek at documentation but it simply doesnt offer the level of customization im looking for
card-mod seems to be a fun tool though
Yes, for more advanced and exotic things, themes will not help.
Hello, I'm trying to create a view using yaml. I always get an error message and can't find the problem inside my yaml. "This view contains more than one card, but a panel view can only show one card" This is my yaml: https://nopaste.ml/?l=yaml#XQAAAQBrAwAAAAAAAAAW5/6PBvIW6xRTrR5FACtjtsnYJzWgdExHi3tbK9MClj1Hvrpf4hSLlAK4GoecGAn6oWheb2kxOpT7d5P2lwRvnjCS1+HyRZSqexr4DFqgIIsxGuCkT5OINeVgkHP0nXtdgqkOJUmjGvIrLdgN53bNJLXLjL9HE6Y0hxwALG/QM1wm8tNlESvv96Jzg+gXVevg/LJGl18VYuJP2Y4JB45IcsAaLxtEd7bOgjc1AMQUly2r+pi0CJJnpcWmE/jrEKZ3djxWznGcBEZwsxb5rx7+s20m5Gs/NEUDluDerL/1An8nzc8EFVayP7VsQhStBzxK4JETTfKf+F713oPpms7S9PVN40mXbo9ubml8kRu69LBvlCzZxlvEDCkn+VpR7DqcLAYzg1tSH9b7JT5Nivy6F3BCADfi3Az/jMG9/aFqVDmjwpl0LowiH/OMGY//4xxDu9VtbXT11DM2KwmjEmaoon3RvgbHYI7qITVqF/Z20MqlZ3QsS/RELGN3/7+U0KQ=
Maybe someone can hint me in the right direction?
Okay, nevermind... Just found the problem myself... Removin "panel: true" fixes my problem
Hey ho, ill got a "403: Forbidden" at the external domain... fail2ban is disabled.. do someone have ideas?
are you serving the external via proxy?
do you have a ip_bans.yaml file?
yes sir
is your IP in that list? You could try deleting that file or clearing the contents and giving HA a restart
ok i remove it now and try it again, give me a sec.
oh wow this works π
thank you @heady acorn
i wouldn't suggest a full on deletion of the file in the future. But rather, edit the contents and remove your IP address. It may contain IP bans to devices you might actually want to ban. Either way, glad to help
yeah i understand.. i have make a copy before i delete it
perhaps its better to change to a nginx soluten in the future ,)
Well actually the time is limited for me π Perhaps in the X-Mas Holidays.
I run Home Assistant Core and serve external via nginx using Let's Encrypt. Done so for about 3 years. It has worked without fail. It will fail now that I've said that ... π
Oh π¦ - i have to read a tutorial to understand the nginx part
Is there any way to increase the maximum allowed video playback speed when watching videos via the web (and android) frontend? Right now it's limited to 2x. I tried grepping for that string in the core and frontend repos but didn't get a match. I'm not sure where the code is that handles that.
is this using media_player?
it is the default player, which I think is "media player". I tried but wasn't able to figure out how to use another one. When playing video I can't figure out how to get any other player to show up under the "choose player" option, it only ever shows "web browser"
I can't say I've ever watched videos via HA. Unless looking at camera feeds and weather radar. But those aren't fed via the media player.
I'm only watching camera feeds from frigate. There are 2 places, one in the overview (setup by the frigate lovelace card), and recordings under "media browser"
I just crash coursed a video on YT of someone talking about watching frigate recordings via media browser. Nothing on playback speed. Searching ...
I'm writing my own thermostat behavior in NodeRed. Is there a "thermostat" looking entry that I can use to "input" an input_number value for a helper? (I know that I can add it in an "entries" card, and type it in, or choose slider) but I'd love if it looked like a thermostat
Maybe I need to make my input_number a "climate" entity? Reading up on this https://www.home-assistant.io/integrations/generic_thermostat/
Looks like even that generic climate entity requires letting home assistant function as a thermostat (which I do not want) just the ability to see a round dial with an input_number helper as the entity.
hey guys, i see this in all integration admin panels
all the disabled entities labels dissapear
Is it possible to change the border thickness of the person icon/badge on the maps card? I see it's in the .marker style but can't find a way to change it with card_mod.
can we move the dashboard file locations out of the /config directory at all? https://www.home-assistant.io/lovelace/dashboards/#dashboards Ive tried experimenting with eg ``` ui-settings:
mode: yaml
filename: lovelace/ui-settings.yaml
title: Change settings
icon: mdi:tools
How do I remove the default UI dashboard?
Since upgrading to 2021.12.3, my AC switch card are not changing color based on status of the outlet anymore, used to be yellow=on, blue=off, now it's just blue despite state of AC. I have state_color: true. Any idea why?
I'm using the tplink kasa integration and have noticed that on the new area lovelace card, my fan isnt being displayed like it is in the demo picture. I believe this is because the entity is a switch, not actually a fan. Is there a way to have it added as a fan so it can be controlled straight from the area card separate to other switches?
got it - templates
https://i.imgur.com/Z1YMSMD.png why Im having this double temperature in my Bathroom lol?
@drowsy void try the latest version of custom sidebar v2, it's working for me now
looks normal to me π₯΅ lol
prob the sensor reports in Fahrenheit?
So I can not find the (entity) customization anymore with the new menu structure. Is it gone?
it's in the release notes
I had two temperature sensor in area of bathroom..this shoul be improved. For e ample I have aqara xiomi temperture sensor which is ok
But I also uave tempereture sensor for my water heater, and if those two in same area, it sums bith temperatures..
Hi π
is there a way to generate a dashboard by a template? In my case, I have a short template which generates the code for a grid card containing all battery entities
type: grid
cards:
{% for state in states.sensor %}{% if state_attr(state.entity_id , 'device_class') == "battery" %} - type: gauge
entity: {{ state.entity_id }}
min: 0
max: 100
severity:
green: 30
yellow: 15
red: 0
{% endif %}{% endfor %}
ohhh it's an area card π
I agree, should probably be averaged
still early in that cards life, probably lots of stuff to improve and add
Checkout lovelace_gen or decluttering card
decluttering ftw!
Thx, will check them out
hi, can anyone tell me to size a picture card? i want a smaler picture?
Update of Sidebar v2 did nothing... still doesn't work on my end...
Hey, probably a stupid question, but where did the "customize" screen move to in 2021.12.x after the restructuring of the confing panel? I can't seem to find it anymore and not all entities have unique IDs in which case you can not customize anything via the other UI options
check the pins
Anyone else have problems with the gauge card?
Ask your question
what problem are you having
It's looking weird in the latest iOS and mac safari?
Then yes. It's a known problem.
Whenever apple feels like doing something according to standard, they don't do it in a way that's backwards compatible with the fixes you've had to use to make it work before π€·
apple is super annoying with that
that's like a once every 3 month occurrence at this point. Did something change? Does something look weird? It's safari and how it interprets css. Yay!
Most recent thing that comes to mind is your fontawesome integration and resizing icons not being centered... only in iOS/macOS
Ah ok yes, itβs the App on iOS and the Mac and in safari. Didnβt occur to try a different browser. π§
Works fine in Firefox on iOS.
That is mighty annoying!
Safari is the Internet Explorer of browsers
how can I set up my persons tracking on the map sidebar ?
only see my home
but not the people
They only show up if they are not home.
ahhh
so its automaticly activated
and I dont have to do shit
sweet
gonna test it tomorrow
is there a way to shrink the home circle ?
No
tyty
You can specify a radius if you set up a home zone
You can do that?
You can
cool
I'm trying to send HSB values to a script via service_data: in a tap_action in a Card to set Hue lights (ZHA). The Action Docs only show an entity as an example, but apparently that is the ONLY option, unlike using data: in an automation call to a service, which can have any number of variables. Is there any way to send additional data in a tap_action to a script?
You can put as much data as you want in there. What did you try?
I have the following in a button card and when I press it I get a an error that says: "extra keys not allowed $ data['hue']":
tap_action:
action: call-service
service: light.turn_on
service_data:
transition: 30
brightness_pct: 100
hue: 0
saturation: 100
I've also tried calling a script and get the same type of error.
The script uses templates in the normal fashion like:
data:
transition: 30
brightness_pct: "{{ states('input_number.lr_cool_scene_brightness_in') }}"
hs_color:
- "{{ states('input_number.lr_cool_scene_hue_in') }}"
- "{{ states('input_number.lr_cool_scene_saturation_in') }}"
Thereβs no hue here: https://www.home-assistant.io/integrations/light/
Oh, crap, what was I thinking...
If you meant hs_color, then you need to use that as you did in the script
Yep, worked right away, with numbers. But might this work? (it doesn't)
hs_color:
- "{{ states('input_number.lr_cool_scene_hue_in') | float }}"
- 100
Wanted a "float", but adding it didn't work either.
In general you can't use templates in the frontend.
You can make a script that does this and call that.
Yeah, I do that already in other places, and even have one for this. I was just exploring. (pushing my boundaries... π )
That's the spirit!
I'm really good at breaking things!
Or at least trying to do things I shouldn't be doing...
My electronics teacher used to tell us to write down everything we blew up and list in our resumΓ©es. Breaking stuff is good.
Sometimes
Oh, and thanks for all your additional functionality you created for the UI. I use several of them.
Here's what I was trying to solve. I have three buttons. One turns on the light-group with a certain HSB value as above. The other button supplies a different HSB. The tap action is immediate and changes the light and the icon matches the color (because the entity is the light-group). On the third button where I call the script, the tap action works to use my input_numbers in templates (in the script), but it also TOGGLES the light on/off. If it is off, it turns it on with the values provided via the IBs, the next click turns the light off. I'd prefer that button not do the toggle part - which is why I was exploring using the templates to use the light service. Clear as mud, right?
Hi everyone, quick question, why cant you create groups via the ui? I was struggling with node red to create a toggle to turn on when the house was occupied, only to discover groups. Would have been much simpler if i could add the device trackers via the ui. Is this something that could be added in future releases?
The only thing holding it back is someone doing the work
changed my default Overview to ui-overview (like my other dashboards) and moved them out of the /config folder. and now see 1 error in inspector: null is not an object (evaluating 't.hass.config.location_name' by ha-app-layout
what could be causing this error?
clicking the element navigates to customElements.define("ha-app-layout", HaAppLayout);
a ok. is it a user error? iow, can I prevent it? Id love my inspector to not show a red exclamation mark. (dont think it is too extravagant to set an non default Overview..?)
It requires an update from my end. Maybe sometime after Christmas.
check. Do I need to writeup an issue in the card-mod repo?
Nah. I got it
thanks!
I use a Gauge card for my litter robot to see how full the waste bin is. Is there a way to make a hold action for it invoke a button entity to reset the gauge?
If not, what is the best way to set something like this up on the dashboard?
Do a search for "hold_action" on the page for the gauge card in the documentation. If there's no hits, you can't change it.
If you can't, you could make a vertical stack with the gauge card and a button that does what you want.
ok I'll try that. Is it possible to "drag & drop" an existing card into a stack?
or am I forced to remake it?
Click Show Code Editor, ctrl+a ctrl+c, make a new card where you want it (any card will do), click Show Code Editor, ctrl+a ctrl+v
how do you make items in a vertical stack look more like they are tied together?
As it stands the button doesn't look related to or associated to the gauge; just looks like something that happens to be positioned below it
hi all! Can anyone help me mix a value? I want to somehow overlay when the heater is on or off on my statistics card https://imgur.com/a/kRzvZbe
the heater is a switch, no status or anything like that
switch.christmas_tree_mss110_main_channel
and i want to overlay on the graph when it's on or off, but you can only overlay other statistics.
essentially...how do i turn a switch state into a binary sensor value?
Themes: Just so I'm clear... in themes, are we allowed to use selectors to specify particular page elements? In all the themes I have or have downloaded, I don't see any such selectors, just the standard
word-word-word: var(--primary-background-color) type stuff.
Hi all, I have an idea for a lovelace card but wouldn't know where to start.
I have multiple themometers troughout my house and would like to display temperature as a heatmap of my appartement.
Does anyone have any leads on how to accomplish this?
Instead of the standard statistics card, you might need to use a custom HACS card. Using the mini-graph-card you can use the left y-axis for the temp and the right y-axis for the heater state
I just updated to the latest HA for truenas and my lovelace died again... TypeError: Cannot read properties of undefined (reading 'toUpperCase'). Anyone have tips on tracking down the culprit?
If I use an input_select in my scenes, some options in it keep disappearing. They stop appearing anywhere in the dashboard, but they still appear when I try to edit the input_select
Is this a bug? Or something else going on?
Try the grid card or horizontal stack instead perhaps?
#card-mod I've been through the wiki of card-mod, but I'm still lost in how to easily identify the correct CSS tags to do easy customization....
I'm using the devTools to check the elements, but the tags used by card-mod don't align with element names, classes or ID's... how to determine them easily ?
There's no easy way. You have to understand when you need to get the selector and when you need to use a shadow root. This is something that is acquired with experience.
Read the docs, Identify the card mod starting point in the tree. Work your way to the object with selectors knowing when a shadowroot is required to traverse further.
OK so I'll keep looking.
For now I'm trying to adjust the background of the text-divider-row (to set it to none). Working with the class that is referenced in the element, I add it to the card-mod-card:
ha-card {
card-mod-card:
ha-card {
some tags
}
.text-divider {
background: none;
}
but this seems to apply it to the full card... π¦
sorry, i dont use that row and i don't have access to a card that would produce the selector. You'll have to use F12 and figure it out yourself
using the card-mod-helper I obtain this selector:
"#view>hui-view>hui-masonry-view$#columns>div:nth-child(2)>hui-entities-card$#states>div:nth-child(1)>text-divider-row$div>h2>span"
https://matt8707.github.io/card-mod-helper/
You're copying everything and pasting it. You should start from the card in question.
You're going to actually have to learn this, you can't use tools and expect it to work without knowing at least the basics
card-mod is not for copy/paste junkies. It's hard stuff. I suggest reading the card-mod thread on the forums to get tips and tricks
yeah indeed.... I was trying to get my head around the basics.... as I said, even label-badge-text-background used by card-mod, I can't find it back that reference selector in the CSS... so still confused on how to derive correct selector naming
Yes, and you're missing basic CSS knowledge
the selector is selecting the object
the object has properties, these properties are not part of the selector
label-badge-text-background is a property
so it won't show up in the selector
say I have apples and you want one. If I had a basket of red apples and orange oranges, would you say "give me the red apple" or would you say "give me an apple"
the selector is the "give me an apple"
I know the basic properties of HTML elements (border, color, etc) but the label-badge-text-brackground doesn't sound like a standard property to me... (at least not to the knowledge I have of it)
they aren't standard properties, they are variables
that the code uses to apply the properties
think alias
that's specific to a certain object
ah ok... that is probably the mapping I'm missing in my knowledge to fully understand
there's no rhyme or reason to that unfortunately
you just have to know what to use by following exmplaes or looking at F12 and seeing what's being applied
usually in this area of f12
How do I re-enable lovelace's control of my dashboard?
if you want to revert to "auto" mode, edit your dashboard, go into the raw editor, delete everything, and save it
Ok thank you!
TIL, you can revert
I figured there had to be a way
@tacit cave One other strange behaviour I face... I added ha-card style to my theme. I gets properly applied to all my cards, with exception of my entities card...
When I click edit on that card, the preview does apply properly the CSS, but standard lovelace does not.
Any clue why ?
(already did ctrl+F5 to force refresh)
My guess is that the path is different for the preview than it is for the actual card. I donβt know that for sure because I donβt use the ui
this could/should be pinned maybe: https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/1396
Check here for card mod examples -> https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/1396
Hi All, I had a question about the mini-graph-card, The sensor that i have responds 'ok' or 'nok'. When i use this sensor with mini-graph-card it always responds a NaN. I do not need the graph. is this possible?
Does anybody know how to sort the individual devices in the energy dashboard?
@stiff vigil should be able to do the state mapping thing shown in the docs for that card
haven't messed with that myself though
https://imgur.com/a/SoLOwXl
Why does it say tomorrow when it's the 21st of December today? Surely it should be in 2 days
Sorry if this is the wrong channel
Is it possible to get out the profile / user photo in a template as you can with user.name ?
no
Nothing about those 2 entities look the same other than they have the name collection in them. How are they related, what's creating them, and what configuration are you using for the frontend?
argh
none of that shows how tomorrow is being calculated and those sensors aren't device_class: timestamp. So, not really sure how anyone can help
as a side note, your entity_id will not have capital letters in it
device_class: timestamp makes it say tomorrow
so you are customizing that because it's not in the config you showed
Oh, now I see it
well, the only thing that it could be is that it's not a fully formatted iso string
it needs the format of
YYYY-MM-DDTHH:MM:SS.FFFFFF+TZ
or
YYYY-MM-DDTHH:MM:SS+TZ
Any ideas what that would be when using python strftime
if you have a datetimeobject named dt in namespace, then it would simply be dt.isoformat()
or
you can't really get the proper format for TZ with strftime
for it to be proper isoformat
so, making it utc and then with strftime %Y-%m-%dT%H:%M:%S
however that won't give it a timezone and it might complain
I used isoformat but it still says tomorrow, I don't get how a date in 2 days can say tomorrow
the calculation probably rounds down
to the day
so today + 1 day 18 hours yada yada yada is tomorrow
can you post what your isoformat returns
The only future timestamp I have on my system is 8 months away and i'm not at home to create one that's 2 days away on my dev box.
what you found could be a bug, I'm trying to validate that through you. So if you don't show me what it is, I can't really validate that it's a bug
if you end up responding, please show me what {{ now().isoformat() }} displays in the template editor and the state of your garbage collection timestamp in it's isoformat.
{"next_date": "2021-12-23T06:00:00", "next_type": "Garden"}
``` is what Python returns
script for reference: https://sourceb.in/okgp8tPghR
ok, but is that next_date local or UTC?
local means your timezone. UTC means the universal timezone which is basically londons timezone
I'm in the UK so I guess it doesn't matter?
well, it does if you have daylight savings time
Try this for the time being
next_bin_date:
friendly_name: Next Bin Collection Date
value_template: '{{ (states("sensor.BinCollection")|from_json())["next_date"] | as_datetime | as_local }}'
device_class: timestamp
Based on your current time (8:30ish) the time difference is 1 day 9 hours. I'm going to assume you are seeing a rounding issue. I would consider this a bug
Is this still meant to fail?
Any one getting that or know how to fix it? I tried the following with no success,
- reverted to previous backup
- ha core rebuild
Also see this in a log,
ERROR (MainThread) [supervisor.api.middleware.security] Invalid token for access /supervisor/info
I wanted to see if it would make a difference. It probably wonβt but I wanted to see
Good morning, had issues with HACS frontends since 2021.12.2 update, had a number of cards defined based upon (for example "light entity card"). After updating HA, the card showed an outline but showed no ccontent in the dashboard in the HA app, and in the browser. Deleted card and tried to re-add card and got:
https://imgur.com/a/u98Q1ot
Custom element doesn't exist: light-entity-card.
This happens with any custom type I try
Yeah it didn't, so you are thinking there is a bug? If so where do I report it?
Report it to the frontend repository for home assistant
On GitHub
anyone familiar which alternating background theme-colors are used in the developer-tools/state entity table?
today I changed the Lovelace config from absolute paths to relative paths, and ever since it feels way more sluggish. Does that make sense?
button_card_templates: !include_dir_merge_named ../button_card_templates
views:
- !include views/view_Settings.yaml #0
``` instead of ```views:
- !include /config/lovelace/dashboards/views/view_Settings.yaml #0```
clear browser cache
I recently got my first color LED bulbs and now have my ZHA with Conbee II up and running. No issues so far. I spent the last week creating scenes, scripts, and Lovelace cards to accommodate the initial setup. Oh, and I just finished working out how to create a Hue slider that has a color-number-accurate representation of the color wheel as the slider bar. If interested, find it here https://community.home-assistant.io/t/lovelace-custom-hue-slider/369839 π
have no idea why i cant find it, where would tablet theme be for my lovelace
install instructions for the ui say "Select tablet theme" i cant find that on my profile
thanks bro
I'm trying to get my energy monitoring setup and it's getting there; slowly. My graph display is showing -12 hours from the actual time. My date and time sensors show as correct in an entities card, time zone and location are correct in settings; so I'm a little confused π€ What else should I check ?
reimaging the SDcard and restoring a backup fixes the issue.
No one ? How can I share an image of the problem ?
Working fine in Chrome. https://imgur.com/a/Bkx1gqx Weird ?? More confused now ?? Anyone know what the issue is here ?
Hi! I'm using the new area Lovelace card. I have KNX climate entities in the rooms but the temperature is not displayed. I also trying with a sensor extracting current_temperature from the climate entity and put that sensor into the room but still nothing displayed.
What is required to have the temperature showing up on those cards?
Does anyone know if a change to a theme yaml file requires a HA restart or just a reload of the theme from the profile tab? I've tried it both ways and seem to get inconsistent results either way. I'm trying to test card-mod themes.
Hello, how can I create a "sensor card" that contains e.g. the Netatmo outdoor temperature, but navigates to another path when clicked?
entity: sensor.netatmo_indoor_home_out_temperature
tap_action:
action: navigate
navigation_path: wetter```
`tap-action` code unfortunately does not work, would be too easy π
Have you seen this: https://www.home-assistant.io/lovelace/actions/#navigation_path
Where do you want to go to?
What's the path on your drive?
Is just another view where to navigate to
the view wetter
with buttontype its no problem
tap_action:
action: navigate
navigation_path: wetter```
but can this also be done with a sensor type
Dear all, has anyone seen this behavior - https://github.com/arallsopp/hass-hue-icons/issues/116 ?
Hue icons specifically loading randomly (some do, some don't, or even some of the same kind don't), with every page refresh both on the Android app and in any browser
This is also irrelevant if it's on Wifi or LTE
Oh wait, the area card only considers "devices" added in an area and not "entities"? I think this is the reason why it does not show up in my case. Unfortunately, the KNX integration does not generate any devices at all. Just entities. I would expect entities added to a given area to be considered by that card.
Stupid me, adding light or switch entities to the area works, so it is not just devices. Still, no idea why a temperature sensor does not show up in the card!?
Can I use the statistic graph to display to different valuetypes? Like I would like to have a graph showing power consumption and temperature.
I get
http://homeassistant.local:8123/frontend_latest/app.2b82fe2c.js:887:295032 TypeError: null is not an object (evaluating 'e.length')
http://homeassistant.local:8123/frontend_latest/core.47513876.js:1:12252 TypeError: undefined is not an object (evaluating 'e.components.concat'```
when using the mobile app, is this a [#ios_and_mac-archived](/guild/330944238910963714/channel/551871772484698112/) thing or general?
Does it have proper units of measurement?
should also have device_class: temperature
Your path should be /lovelace/wetter to get to that view
You should just need to hit the refresh button; might need to clear browser cache in some cases
no, they need to be statistics sensors. you can create them https://www.home-assistant.io/integrations/statistics/#configuration
Hi. Thank you. Indeed, device_class: temperature was missing on my template sensor. That fixed it. Thank you @mild veldt . Still would be nice to support a climate device directly.
The path is probably not the problem, no tap_action is accepted in a sensor-card.
it's a mvp, it will be developed further in the future
ah, right
@hexed lantern posted a code wall, it is moved here --> https://hastebin.com/baqowewehe
But how can I display a value and still navigate to another page with the same button
the button card can display the state. add show_state: true
i'm surprised no one has ever made an action card to add actions to cards that don't have it
and then there is of course always the custom button card which can do a lot more https://github.com/custom-cards/button-card
this the only way to list a picture-entity card in an entities ? - type: custom:hui-element card_type: picture-entity entity: camera.buienradar
would have thought the picture-entity to be an entity, and it to be allowed directly..
there is no picture row
correct, so I also tried the type: hui-picture-element-card trick, which fails, probably for the same reason π
there is no such thing as a picture-entity or picture-elements card
there is the picture card and the picture-elements card
used them standalone before, with: - type: picture-glance entities: [] camera_image: camera.weerkaart_nl which worked also
i forgot about picture-entity, yep, my bad
but yeah, you'll need hui-element
all the picture cards are lazy loaded, so unless you are using them elsewhere in your view you'll need hui-element
guess the picture card doesnt accept a camera for entity
you'll want picture-entity it looks like
@craggy orchid posted a code wall, it is moved here --> https://hastebin.com/geyotanida
I'm attempting to translate a selector into my CSS for card-mod theme:
see https://hastebin.com/geyotanida for more details
taking the picture-entity one step further into a fold:``` - type: custom:fold-entity-row
padding: 0
entities:
- type: custom:hui-element
card_type: picture-entity
card_mod:
style: |
ha-card {
box-shadow: none;
}
entity: camera.buienradar
can we not mod that so it covers the fold 100%, instead of the margin 16px all round? Ive tried my default mod margin: 0 -16px -16px -16px; on that, and even the undocumented ha-card.type-picture-entity bit cant make it happen
hi can somebody help me ? I have added quite a few custom cards from HACS, but when I go to edit a dashboard, I don't see any of them listed
well, actually do see a few custom cards, but only a small subset of them
I see everything listed in resources, so they are there for sure
AFAIK not every custom card will have a lovelace ui shortcut
can anyone suggest me a nice looking graphic for my dashboard? probably i wanna install a dashboard, right ?
so if it is not in the ui, how would I add it ?
thats really what I am asking
e.g. I have card which is just a javascript module
I tried adding the .js url in the dashboard config, but it did nothing
I clicked on "manual card"
that was it
and typed in the .js url from resources
but it didnt seem to like that
so obviously I am missing something
some of them talk about editing "teh config file" but they don't really tell you where to find that
they seem to just assume you know what they are talking about
use type: custom:whatever-the-card-is-called
what's the card?
yes
usually
ItΒ΄s very nice custom-button-card
How do I move sensor.rest info out from the Sensor card in Lovelace into its own card?
Specifics:
I added https://github.com/Arksine/moonraker/blob/master/docs/example-home-assistant.yaml (and customized), to my configuration.yaml file. As a result, when I go to the frontend (Overview), under the Sensors card is all the information it brings in. But ideally, I'd like that under it's own "Klipper" card. How would I do that?
Second, ideally, I'd like all that configuration in its own .yaml file to keep my configuration.yaml file clean. What do I put in configuration.yaml to !include klipper.yaml? I tried:
But that didn't work of course.
hi guys! I have a bunch of sensors whose names are sensor.holiday_* . Their state is a number for sorting and an attribute called 'display'. Any idea how the sensors can be sorted and the attribute displayed with the name of the sensor being displayed with the prefix 'Holiday'? So far I tried the custom:auto-entities card but this did not give me the possibility to display the attribute instead the sort critea. Or did I oversee something? TIA!
how does klipper.yaml look like and is it in the same directory as configuration.yaml?
@flat matrix posted a code wall, it is moved here --> https://hastebin.com/ilacebayej
@ruby spruce
It isn't currently anything, but in theory it would be like this:
https://hastebin.com/ilacebayej
And I could definitely place it in the same directory.
Good to know. That's what I wold have expected, but it doesn't seem to work that way consistently for me, even after clearing the cache. Restarting HA seems to always work, but sometimes it reverts. Very odd behavior. Probably something to do with my card-mod theme. I'm still trying to figure card-mod out in general. π
as far as I can see you are repeating the 'sensor: ' part.
If you like you might have a look at
https://github.com/uherting/MyHA-Configuration/blob/master/configuration.yaml and
https://github.com/uherting/MyHA-Configuration/blob/master/conf/sensors/season.yaml
Ah, I see on the season.yaml, it's got the sensor: commented out.
Any thoughts on my first part? How to get all these items in their own card?
whats a good way to model 3d/2d rooms
you guys got a roomplanner software ?
or maybe even something preset ?
This might help you: https://community.home-assistant.io/t/display-an-entitys-attribute/197721/4
Hey everyone. Does anyone know to customize the spacing between cards in a view?
is the new UI guy from Nabu Casa in this channel>
Hi there! I have family of 5. and each one have their own dashboard / view. some part of it unique and some and shared. currently if i have to update a card they share i have to update it in 5 places.. is there anyway or add on to generate a reference of card in different view? to not maintain 5 different copy across different dashboard/ view ? if not does anybody think that would be useful? or i have unique case
Can someone confirm that Home Assistant still do not allow Bitwarden autofill its login form? Thanks!
*floorplan
Dear all, since I've not seen any responses, I was thinking I would try a bit later in the day. Has anyone seen this behavior or could contribute to a resolution both from HUE Icon side as well as HA core - https://github.com/arallsopp/hass-hue-icons/issues/116#issuecomment-999494602
Are you doing this via YAML or the UI? It would be easy to do this via YAML with the !include some_view.yaml option. Though that would break your UI editing options. I found this topic on the forum. https://community.home-assistant.io/t/cards-on-multiple-views-and-dashboards/236717
on browser it worked fine for me. Are you doing this on mobile?
oh awesome thank you for sharing! it's bumpewr you will lose UI mode π¦
It will only disable the UI edit mode for that dashboard. Other dashboards will not be affected
Hi, if I add a weather entity to an entities card I get an entry whose value shows a custom icon depending on the current weather and the temperature and precipitation attributes. I only want to get the entity state (that is, the string sunny, cloudy...). Is there some way to do that just on the card itself without creating a new template sensor with value {{ states('weather.home') }} ?
Does anyone know whether the notification for updates will be added to the Configuration menu item? Or how are we supposed to be notified for available updates? Can we consider the absence of a notification an issue? I guess yes.
It already is in the configuration menu?
Hey Tom, yes as I just wrote up here: https://github.com/home-assistant/frontend/issues/11012 A notification made life a lot easier, now we need to check manually (you logged in as Frenck.... ?)
Ludeeus closed it saying it never did. I did get persistent notifications though.... will add it to the discussion then....https://github.com/home-assistant/frontend/discussions/11013
Hey Hoooo
Just working on some minor customisations on a custom theme, but in general I am looking to change the font weight from NORMAL to BOLD of my card titles.
What would be the "paper-..." variable for that if someone knows maybe?
Hit me someone with a brick if I am talking gibberish π
Thomas, if you're around, please have a look at https://community.home-assistant.io/t/card-mod-super-charge-your-themes/212176/924. Id like to get the card-mod-view view name for views modded with card-mod-theme to add camera images for background (hui-masonry-view works out of the box!)
I have a popularity sensor showing when a store is busy and not. Any ideas how I can show this as a graph? https://pastebin.com/c0q6HLgt
@fiery ledge worst case, you can always start all the way from card-mod-root and navigate the DOM from there. It's not optimal from a performance standpoint, but it should work. https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes#special-theme-variables
For finding the names, the element inspector is your best friend.
Does anyone know how to move the top bar to the bottom? Would make it much friendlier to use on my phone
Yah. I linked there tooβ¦ couldnβt find it so thought Iβd ask the master..
Also like multiple lights on one row on my phone?
Similar to how it is in the screenshots for the caule theme pack
@topaz gust those just look like buttons in a horizontal stack
Damn, I did not know that was a thing... Thanks man
Now just gotta figure out how to move the bar for swapping between the dashboards to the bottom
Instantly makes my dash so much nicer, thx again
ok, so based on a verbose search (really couldnt find it any other way), I found out: horizontal-layout {} and vertical-layout {} obviously.... not using grid-layout myself, but would expect the same to work for that. Nice!
@topaz gust between horizontal-stack and vertical-stack, you can get a hell of a lot done lol
I'm also a fan of stack-in-card: https://github.com/custom-cards/stack-in-card
I don't think anyone's got a way to do this though
seems there used to be a thing to do this but it stopped getting updated like a year ago and is broken
either swipe navigation: https://github.com/maykar/lovelace-swipe-navigation
or a strip of buttons at the bottom seem your best way
I actually had a neat idea just now, maybe will get to it in a bit
so found those, cool. not for grid, (that is to say, I found the layout, but it doesnt work, which for me isnt an issue because I dont use it yet) question: can we set that for an individual view? Figured we could template a view in the theme-mod, but no example anywhere around doing that?
idea in pseudo-code: card-mod-view: | {% if view == 'Climate'%} hui-masonry-view { background: url({{state_attr('camera.weerkaart_nl','entity_picture')}}); } {% endif %}
this is as close as I can think of ``` {% if state_attr('sensor.browsermod_safari','path') == '/ui-overview/weer_klimaat' %}
hui-masonry-view {
background: url({{state_attr('camera.weerkaart_nl','entity_picture')}});
}
{% endif %}
Could the markdown card be used for displaying the values of input_text helpers?
Yes, just input Jinja templates {{ states('input_text.my_text') }}
check those out, i put an imgur link in the comments for a short gallery of what it looks like
Thanks, will try it then π
While youβre searching for that, itβs markdown
I think at some point I clicked on "take control" over my "Overview" dashboard and since then the dashboard is empty. I would like to revert back to the autogenerated contents. How can I do that?
Edit dashboard, raw editor, delete everything, save
sweet, thx!
I use the latest version of homeassistant-os and I cannot do the following: https://www.home-assistant.io/docs/configuration/#reloading-changes
Only option that I see is
Server management
Control your Home Assistant.
and RESTART button
Various settings are hidden unless your user profile has Advanced mode enabled. These include some add-ons, the Lovelace Resources menu, server control options, and more.
Thank you
Not really sure where to put this... but when having a device with 174 entities the entities in the UI are blank.... Nice if you want to select one.... just click and hope for the best! https://photos.app.goo.gl/11GSzNJCtpJP9Ryc8
Has anyone seen Home-Assistant not preserving settings? I'm using Firefox and when I adjust the sidebar, log out and in, it does not keep my changes
I hate to sound like an idiot but is there a trick to predictably moving a card on the overview dashboard to a specific spot? I feel like I'm clicking a thousand times and only got it moved over 2 steps when I want it further.
Hi Guys!
Is there a way (or even card) which can similar to the custon:auto-entities card do the following?
- filter on the sensors entity name, (e.g. 'sensors.holiday_*')
- sort entities based on the (numerical) state, and eventually ...
- display an attribute of the sensor rather then the sensors state
Edit: I hope this question makes sense in this section as there is no lovelace serction. TIA!
auto-entities could do all of that depending on what you use for the entity row
I have a basic setup where the sorting works. But how can I make the auto-entities card display an attribute instead of the state (which is used for sorting)? So far I have no clue how to achieve this. Any hint is welcome. I will do some RTFM till then.
I would look at either template-entity-row or multiple-entity-row
both of those can do a relatively straightforward entity row that support showing attributes
if all of your entities your trying to show have a common attribute, that shouldn't be too tough... if you're trying to show different attributes per entity, this likely isn't the best way to go about it
I have a dashboard thats just.. died.. its empty... even pressing edit still gives an empty dashboard (no add button etc)
id rather not have to redo the dashboard, is the dashboard stored in text file anywhere? so I can copy paste to another one ?
If you can edit it as YAML, that's the text version, but logically the same text will have the same issue.
dashboards can be created in yaml and will appear in the ui, but will dashboards created in the ui, appear in yaml ?
by dashboard I mean view
I mean if you edit your dashboard in the UI you can switch to viewing it as YAML
Is it any possibility to use include in the raw config editor, or do I need to go into pure yaml mode? My dashboards start to become 20k lines now and are nested so impossible to keep up
You canβt include in the ui editors
So yaml is the only way?
Unfortunately
The problem is, the ui only works off the single file. Includes split the files and the ui doesnβt know where to look and how to save/load
I understand, but with a large dashboard that just becomes impossible to have overview on, even trying to use templates etc. I guess I just have to move over. Is it possible to keep just one dashboard on old yaml and UI on another?
set the mode to yaml or storage for each dashboard: https://www.home-assistant.io/lovelace/dashboards/
Hey Guys , cannot seem to figure out how to change the font and alignment of the text.
https://i.imgur.com/9yK95LN.png
and if i remove the view code they still remain the same
https://i.imgur.com/m7g3pFS.png
need help to find the right direction, found the values that "might" help me but no idea how to implement it.
https://i.imgur.com/VjoGzWB.png
Running HA on an unraid docker and I added the /media path to the container, which points to inside the config folder. I uploaded a picture to /media/lightbulb.jpg. I can see the picture in the media browser in HA, but when I try to assign it to a picture card like "/media/lightbulb.jpg" it doesn't show. If I click the picture in the media browser it's showing it's url as "http://192.168.1.3:8123/media/local/lightbulb.jpg?authSig=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjNzEzYjU0YjgxZTc0MDQ2YTg2MGQ3MDFjZmZlNDEzYSIsInBhdGgiOiIvbWVkaWEvbG9jYWwvbGlnaHRidWxiLmpwZyIsImlhdCI6MTY0MDM4NjIwOSwiZXhwIjoxNjQwNDcyNjA5fQ.M3cZmbEQYu8S9iImYj6pPdJmnC7GwmKRldXpYZvEKCA"
So I tried setting the path to "/media/local/lightbulb.jpg" and it still doesn't show. What gives here?
remove the /media portion of the path. So /local/lightbulb.png
My dashboards start to become 20k lines now
What? Do you always edit in the Raw Editor?
Tried, same thing
does the server need to be restarted or anything after adding images?
What card is that? Cam you paste what you currently have?
wait, you said /media folder. This was set up for media browser? so <config>/media not <config>/www/media correct?
try /media_source/local/lightbulb.png
it's a hosted path through docker, directed to inside the config folder for HA
/media --> /mnt/cache/appdata/home-assistant-core/media
I am following along now. Apologies, just woke from a nap. Try the /media_source/local/lightbulb.png as your path. for the card
if that doesn't work, you might try to load the lightbulb.png file into the HA www/media/ path. So it would be <HA_config_path>/www/media/lightbulb.png ... then use /local/lightbulb.png as your path for the card
I use the www/media path to host backgrounds for different lovelace dashboards and views
Tried "/media_source/local/lightbulb.jpg" and still nothing.
So I saw the www path on the help documents, but I don't see that folder structure in the /config folder for the docker settings. I assume I have to create that folder, like "/config/www/media"
I just created that folder and rebooted the docker just in case. Still doesn't show. In the media browser, I still only see the file in the /media folder too
Did you look at the local file docs? https://www.home-assistant.io/integrations/local_file/
@sleek coral posted a code wall, it is moved here --> https://hastebin.com/izizajasez
i left out the actions themselves s for part 2
https://www.toptal.com/developers/hastebin/sigojozeto
@sleek coral posted a code wall, it is moved here --> https://hastebin.com/sigojozeto
I'll take a look, just seems like this should be working with the other solutions. I shouldn't need to add a yaml entry for each picture.
Does anyone know what controls the "Color brightness" slider under the color wheel in light cards actually controls? I can't seem to find what parameter it controls
Think I found a translation error while searching for this: in the frontend repo src/translations/en.json line 180 specifies "color_brightness": "Color brightness", while in translations/frontend/da.json line 590 is sais "color_brightness": "Farvetemperatur" which means color temperature, so I think that's the wrong translation. Norwegian is correct.
How would I make a single button that can turn off a bunch of lights and switches at once?
create an automation or script that does the intended action, make a button, have the button call the automation service.
And
Groups allow the user to combine multiple entities into one.
I got it to work, I had to put the full name "/media/local/lightbulb.jpg?authSig=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJjNzEzYjU0YjgxZTc0MDQ2YTg2MGQ3MDFjZmZlNDEzYSIsInBhdGgiOiIvbWVkaWEvbG9jYWwvbGlnaHRidWxiLmpwZyIsImlhdCI6MTY0MDQwNDM4NiwiZXhwIjoxNjQwNDkwNzg2fQ.alxaMq4vv2SyR6jNuTnf-KgzD1nzgAwktSXfcAZH9iI"
good deal. glad to hear it
I have a popularity sensor showing when a store is busy and not. Any ideas how I can show this as a graph? https://pastebin.com/c0q6HLgt
The sensor has a state too but that won't show 'the future'
hello. when i try to edit manually a gaugecard code in a horizontal stack and i hit the key 'r' cursur is on top and code partially messed up. i did turn off key shortcuts, but still... whats going on here, and how can i avoid this? its browser unindependend.
Hi, since the last release I have issues with the gauge card
See the screenshot https://photos.app.goo.gl/xoeThq3Zfusd4xRA7
i have a button row in an entities card that calls a script... is there any way to get which user clicked the button?
Untill now yes, raw editor, paste in vscode, then move back. Been ok since I then can move the yaml live if I forget an intent, but I use cards that does not work in the UI (like conditionals etc)
Conditional card should work with GUI editor. Conditional row doesnβt yet, though.
Thatβs not since the latest release. Itβs since you updated to IOS 15.2
Thereβs a fix coming up making 15.2 a special case in the already special case for Safari. Thanks Apple.
trying to do something like this:
type: custom:card-templater
card:
type: entities
entities:
- entity: script.current_user
tap_action:
action: call-service
service: script.current_user
service_data_template: |
{
"user": "{{ user.name }}"
}
but i'm just getting '' for user in my script
also attempted something similar with custom:config-template-card to no avail
@polar kelp its custom:button-cars inside custom:state-switch. I think I should specified better. My wish list for GUI is all those cards could be handled in GUI / WYSISYG, possibility to add things like custom-card templates in a better method
@dark dirge between the automation idea here and a group, which should I use for this and why? What are the pros and cons to each for this particular task? Still learning so I plan to read up on both, but would love to learn from your experiences
Make a group of the entities you want to turn off and turn that off from a button via call-service
I think I understand how to make it work. I'm just wondering which solution is best and why, specifically since there's more than one functional way to achieve my goal
There isnβt a best way, there are lots
Scripts can do more, but groups can be used elsewhere
State-switch is next on my list for a gui treatment, at least. But thatβs not saying much. Sometime in 2022. Maybe.
That sounds awesome as its a mess to keep up working with it, but its a very useful tool!
- type: entities
entities:
- type: custom:config-template-card
entities: []
row:
entity: script.current_user
tap_action:
action: call-service
service: script.current_user
service_data:
user: '${ user.name }'
i just can't figure out what to do there lol
ope there we go
- type: entities
entities:
- type: custom:config-template-card
entities: []
row:
type: button
entity: script.current_user
tap_action:
action: call-service
service: script.current_user
service_data:
user: ${ user.name }
wasn't calling it right because it wasn't a button row
Merry Christmas all! I just received a raspberry pi 7" touchscreen and pi that I plan on using as a dashboard of sorts. What approach do y'all recommend? Installing raspbian and using a browser? Or installing some Android flavor and using the app? Or something else?
In general I just use a Lovelace front end and already have the browser mod integration.
Sorry to be daft, but I swear I used to do entity customization (e.g., change device_class) through the UI and not yaml. But now I can't find that or any reference to it. Can anyone point me to it? Or did I make it up? Or was it deprecated or something? Many thanks!
Check the pins in this channel
Got it. Ouch.
But.
Many more entities are now editable from config/entities
For doing things like changing icon or friendly name
Got it. I only used it for less common things like device_class, which is probably
why I just noticed. For my stuff at least friendly name, icon, and entity id have been easy for a while.
anybody tried area card? I cant get to setup profile picture..I set my path like /local/img/rooms/bathroom.png and I dont have any image
Do you happen to know if old customizations through the UI disappeared or if they are now the defaults (and I have to override in yaml)?
No. Don't know.
Hm. I think last one: any idea if there's a github issue or similar for the customize menu? Love to understand what happened to it. (I've been doing some searching but no luck so far.)
Awesome, ty!
(FWIW, the "show as" feature they reference doesn't seem to show up for the curtains in question, but I'll figure it out in yaml.)
Merry Christmas, y'all!
Can someone help me log in to the front-end? I thought the default user and pass was homeassistant though that didn't work.
where is the dashboard YAML file on disk? Is it under the config directory with the rest of the YAML files?
If HA is managing your Lovelace config, then there is no YAML file. Itβs in a JSON file under .storage
I found on the documentation page for dashboards I have to set mode: yaml which I did, now I can edit via a file. But if I do this then my custom frontend cards from HACS aren't recognized
You need to keep reading that page. Resources are managed in YAML if Lovelace is
thanks for the hint. Figured out I need to migrate the resources over too
if i have a toggle switch in HA that is tied to a rest_command, is there a way to toggle it via MQTT?
with an automation probably
Anyone have issue where toggling switches to on resets the state to off in the ui, while not affecting the switch itself? I have a screen recording for better example.
Edit: Reloading tuya integration resolved
Hello, I'm using the cast feature (triggered via script) to cast a lovelace panel to my Google cast devices. I've gotten it to work mostly but the locale is messed up. I get AM/PM times and such.
For my own user I'm able to set time formats and such but how do I do this for whatever user the cast system is using?
Hi, trying out the markup card and want to right-align text in a table cell. This is what I have tried; <tr> <td>Test:</td> <td style="text-align:right">   {{ states('input_text.test') }} </td> </tr> As that did not work, can it be done?
  |  
-- | --:
Test: | Value
Test2: | Valererererererererue
Test3: | hi!
Thanks! Will revise the table π
This works great for simpler things, but wouldn't html have been more useful than markdown?
Thanks for the feedback
I have an entity for upcoming waste collection. On my dashboard I have a conditional card (type: custom:state-switch). If nothing is collected, the card is hided, if the state is for example 'paper', I show a specific picture_entity. Furthermore I made a virtual switch (helper / input_boolean) used if the waste is 'presented' on the street, Can someone help me how to hide the card from my dashboard once the helper is on? Thanks!
Based on https://github.com/thomasloven/lovelace-state-switch, I believe I have to use the template
it's a markdown card lol
@clever plover posted a code wall, it is moved here --> https://hastebin.com/yegobecapi
Hey guys, i have this diskuse sensor that displays diskspace in GB, i would like to convert that to TB. I figure that this would be possible, but no idea how i get this working...anyone here to help me out?
entities:
- entity: binary_sensor.driveway_crossline_detected
- entity: binary_sensor.driveway_motion_detected
- entity: binary_sensor.driveway_online
theme: state_red_not_yellow
state_color: true```
My problem is the last entity (*_online) displays connected as red
how do i invert the state color of a single entity?
is there a way to show 1 dashboard for each user? So all got his personal dashboard that only him can see
clicking a person entity reveals the more-info map. Can we somehow have that follow a dark/light scheme set in a theme?
Default theme or theme of the card the entity is displayed in?
Can someone help me how to make the second line of my custom state switch card? It should be something like:
entity: "{% if is_state('input_boolean.afval_buiten', 'on') and ('sensor.recyclapp_afval_morgen' is not 'Geen' ...
The condition: if input_boolean.afval_buiten is on and if sensor.recyclapp_afval_morgen is not Geenthen the card should display the states
use templates https://www.home-assistant.io/integrations/template/
- template:
- sensor:
- name: entity_in_Tb_name
unique_id: unique_id_for_Tb_sensor
unit_of_measurement: "Tb"
state: "{{ (states('sensor.entity_in_Gb') |float * 1000) }}"```
selected theme in frontend. currently all maps in those more-infos show 'light' which detonates with my darker themes. So would have hoped some theme variable to set that maybe?
i am aware of the https://www.home-assistant.io/lovelace/map#dark_mode but don't know if we can use that in a theme? And if that also accounts for the more-info's, and not only for a card type: map. Inspector shows div#map.leaflet.container etc etc
Ive tried to add Dark blue: modes: dark: so my theme Dark blue is now based on the default dark theme, (https://www.home-assistant.io/integrations/frontend/#dark-mode-support) but still all maps show light
Hi. Sorry for my first noob question.
I have installed the official mosquitto addon using the web UI and can't figure out how to reach the daemon. The webUI terminal ifconfig displays a different IP/subnet from the one the web UI is on, so I presume the HASS is somehow containerized [docker? =]. Netstat from the HA terminal does not show a listener on 1883. MQ addon logs indicate it is listening on 1833 [and other ports].
I'd really like to reach that MQTT from the outside network [without rolling one on my own from the scratch in another VM ;]. If the official mqtt is in its own container should not some kind of port forwarding be automatically applied so it can be reached on the sam IP as HA web UI?
Youβ d best move this to #add-ons-archived
I do presume this is not specific to this specific addon, but a general issue where I'm missing the point, but will try. Than you.
Yeah, sometimes you got to make the best pick. This would be the right one though, talking about the Mqtt add-on π
can report this to be effective in the ios app, not the desktop browsers...or the app for that matter
Hey guys, does anyone have a similar issue with font-colors not updating correctly when themes are switched since 2021-12? Seems like when the theme switches from Night to Day or vice versa in at least entities cards the font color stays the same and is therefore barely visible. I have to mention that I modify those cards with card-mod to increase the font size.
@clever plover thanks a lot!
How can I enable https access on Home Assistant?
I was using this guide: https://dummylabs.com/posts/2021-03-13-the-easiest-way-to-https-home-assistant/
All goes well until I try to grab the certificate.
I think it has something to do with my address. I use my providers DDNS service so at present, if I type https://myserverddns it resolves to my unRAID web ui.
So I can't use that in NGINX as it'll fail and not reach HA.
I have set port 8123 to forward to my HA virtual machine.
I can access the HA frontend using http://myserverddns:8123
I cannot, using https:
So how can I activate HTTPS on HA?
anyone?
any recommendations for an ir blaster that can be used with esphome?
tuya has been acting a bit funny after last update for me, reloading integration fixes it but then it goes wrong again its not major for me as my tuya lights are my xmas ones and still turn on a off via automation, but always show as on no matter what state they are in when it goes wrong.
Glad we have the same fix
I'm glad it's not just me
Well, yes, correctly noted. But what I meant was that a built in html one could have been more useful instead of this 'markdown' one.
Would markdown be able to create a table that has three rows; top one left centered, middle one centered and the bottom one right centered, and make full use of the card width? Something like this It's day, βββββa lovely Monday and βββββββββββββββββ βNO work!!
This https://pastebin.com/wWr21eEr custum:state-switch card yaml code works fine. I used it as an example for another sensor but it doesn't work. The working exemple is a text sensor, the one that doesn't work is a binary sensor: https://pastebin.com/U2f7TPwa. If I change 'on' to 'off' in the last code, the camera image appears in the card configuration editor. But once saved and the binary sensor change automatically from 'off' to 'on', nothing happens... Any idea why?
I have a grid card, and one of the cards shows the state of my bathroom fan. All is good so far. However, I have the fan set up with Automatic (turns on/off based on humidity), Hold (turn off for 10 minutes to allow the bathroom to steam up), or Manual (ahem "clear the air") modes.
I have a template defined in dev tools that will give me the proper "mdi:xxxx" state for an icon for the grid card, but I haven't a clue how to set the icon of the card to be the result of the template.
If someone would point me in the right direction, that would be great.
I tried manually editing the YAML and putting that in the icon: entry, but, as you've probably already figured out, that didn't work.
The grid card is a container for other cards, and those cards would need to support a template for the icon. Most built in cards do not
Ah. π¦ Any suggestions for a card that does? Or any suggestions on another way to do this?
I could, I suppose, just change the Name field to represent the operation mode, if that would accept a template.
I have custom button cards everywhere. They can do that easily
No templates in those cards
A pointer in the right direction on what to read to learn about a custom button card would be greatly appreciated.
i need to put this button_card_templates: !include_dir_merge_named /config/include/lovelace/button_templates/ to my HA so i can use as template variable when i add the custom button card in lovelace dashboard. But i have no idea where. Any Idea?
in this folder i have just this yaml files that includes:
@glass tapir posted a code wall, it is moved here --> https://hastebin.com/senijiquxi
I was trying to add the default weather widget but it gives me this error. βEntity must be specifiedβ How do I enable the default home assistant weather entity without configuring a different integration?
is there any card which can upload an image? like a file picker type thing, that can choose a file on device, and upload it?
Is there any way to just expose the Details of an entity as a card in Lovelace?
hello
I'm interested in this merged feature:
Is there a way to know when it will be in a release?
I'm setting up external access to my ha instance, but there's no option for external url in settings->general... Has it been moved?
Something tells me we have the same issue. Missing menu items in config
Missing config options? Enable advanced mode on your profile page.
ok, that fixed it for me π
I don't see a users menu tho
anyone know why i get Custom element doesn't exist: auto-entities. when trying to use an auto-entities card in a browser_mod popup?
Hello, I'm trying to create a light group but after creating the lights.yaml file and associated steps, there's still no new light entity that becomes available on the card I add to my dashboard
Is there any way to get the UI to always open the user's preferred dashboard when the app is first started or when it is it is opened from the background (iOS)? Right now it opens the dash when first starting the app, but opens in the last display when restored from background.
that's a question for #ios_and_mac-archived
I was playing around making a new page on my dashboard, added some cards, and then I think it crashed and I had to reload the page. After that I can't access the contents of this tab anymore. I can click on it but it displays the main tab. and same if I try editing it
I think its a bug or something, but I can't delete it or access it at all. Anyone know how to remove it or get access to it again?
did you create this via the UI?
yes
if you goto Configuration > Dashboards and select the dashboard, will it allow deletion from there?
Is there a good dark theme front end that casts well on to nest displays?
All of the ones I've tried have bright white backgrounds
the background can be changed if you want to use a theme and force a different color. Otherwise, might check the theme settings to make sure the theme isn't trying to use "light" mode.
more to your point/question: I have only used the default HA theme in light/dark mode on Nest displays aside from my own custom themes.
I'm not sure what I'd need to modify to get it to work but every theme I've tried has had a white background when casted
https://community.home-assistant.io/t/home-assistant-cast/130280/314 You are not alone. Didn't see any solutions for anyone on that page
someone mentioned toggling panel mode from on to off seemed to temporarily fix it for them. I don't use Nest displays any more or I'd test.
I see a lot of great Floorplan-dashboards.. what is the difference between using https://experiencelovelace.github.io/ha-floorplan/ or just using Picture Elements? What does that first integration provide? Both map buttons and entities to "locations" in an SVG-image.
Hi guys got a question for experts here. I want a button calling a script (mqtt publish with a string completed by the value of an input_number) that being disable after be pressed the amount of time corresponding to the input_select
struggling to find the correct element to card-mod-theme a tab icon https://community.home-assistant.io/t/card-mod-super-charge-your-themes/212176/960 we've only found a rather convoluted way to set an svg-icon, and even that doesnt work just yet. Any one around with the magic suggestion?
anyone else have this issue? auto-entities working fine in a normal dashboard, but not in a browser_mod popup π€
Does anyone know of any community websites where people show off there frontend/lovelace dashboards?
Is there any way to hide entities on Lovelace without "taking control" - I have a remote device that I've also made a on/off virtual switch for and only want it show one.
I'm guessing no so is it possible to go back to automatic on Lovelace and redo any customization or is it permanent? Thinking it'd be easier to hide a entity each time I add something new instead of adding all the entities.
Go back to auto?