#frontend-archived
1 messages ยท Page 204 of 1
lol, i'm trying to find one that doesn't confuse the shit out of you
cause I use lovelace_gen
and that's really confusing for peeps
I'll just make an example
Nope nothing related to my ip address when I try to connect. Several pretty consistent chromecast errors but nothing about login.
YAML anchors are really useful for card_mod
I use this:
background: &background |
ha-card {
background-color: var(--primary-background-color);
box-shadow: none;
background: none;
}
it's also quite annoying to edit with the webrtc card because it akways starts fetching the video on every change ๐
then - style: *background
- type: custom:hui-entities-card
title: Custom Effects
style: |
ha-card {
border-radius: 15px;
}
entities:
- type: custom:webrtc-camera
entity: camera.dach_rtsp
- type: glance
style: |
ha-card {
box-shadow: none;
background: none;
}
entities:
...
Thanks for the help @tacit cave I have to step away for a bit. I'll keep troubleshooting after a meeting or two
but in order to use the style field, you need card-mod
ctrl+f5
that should be transparent
post your pastebin again
what you're currently using
yah,that should work
all black everything
try what rob said
add that extra param that he has
although, I don't see rounded corners
on the entities card
oh nm, you have 0px
I don't see anything wrong with your yaml, maybe @dark dirge see's something
set now to 15px, now I have rounded borders but still black..
what do you want it to look like?
transparent i'm guessing?
what's behind it that should show through?
no clue
the custom:hu-entities-card is what's black.
which would mean it's based on the theme
upper one is with vertical-stack-in-card
lower one is with card mod
so you want the gray background?
best case would be to have the glances <inside> the view like picture glances card does it... else just transparent or grey..
type: custom:hui-entities-card
style: |
ha-card {
border-radius: 0px;
padding: 0px;
background: var(--primary-background-color);
}
this is what it looks with picture glance cardโฆ but I want to use the custom webrtc cardโฆ
that would only be possible with the custom:button-card
or picture-elements
well, you might be able to adjust the top margin by -100%
never tried that
for the glance row
should I assume that background-color: var(--primary-background-color); is meaningless with background: none?
I don't recall why I had it that way. could be me being dumb
i'm not sure, it's been a year since I updated my UI
looks the same both with and without
but that's why I like anchors - change it in one place
aight this is with margin-top: -25% and background: transparent;
but in this case i need it to be on top (video controls on bottom) and margin-top: ->30% shrinks the whole cardโฆ
boom
not sure, I'd fiddle around until i got the correct results
oh nice
so, the last thing is the grey border
that should be padding: 0px on the entities card
no dice...
moved it to center, restrained with to see video controls in iosโฆ
if anyone knows how to achieve the full width & height of the card, lmk
https://paste.debian.net/1212737/
Hi Gents, does anyone know how to set the maximum height and width in a cobfig-template-card? Default itโs too big for a default 1920x1080 monitor so there is a scroll bar which is unlikely in a tablet dashboard.
when using show_last_changed: true on a glance card, should the displayed x minutes ago value stay relatively current without browser refreshes? Checking how it should behave before I start troubleshooting.
I have a logbook card for the entity right below it and it has the correct delta time.
e.g. Just now is the glance card delta. log book entry is now - 8mins
for something that changed state 8mins ago
No
I liked yes better ๐
oh its ok, thank you taking the time to look. so something about the way logs are handled in the system and displayed by the logbook card keeps that delta value up to date.
this is for a dashboard use case on my desk to keep an eye on a few entities and when their state changed.
could someone remind me how i set a yaml dashboard to admin only please?
It tells you in the docs: https://www.home-assistant.io/lovelace/dashboards/
Thanks, turns out i was looking in the wrong file! I was looking at the dashboard layout, not the lovelace.yaml!
@shell tide Generally, don't tag people to ask for help - it comes across as bad manners, youโre demanding somebody answers you. Itโs different if youโre thanking somebody, obviously. If you do tag somebody keep it polite and respectful. Remember that everybody is a volunteer, and nobody has to help you, and people may block you.
Similarly, please donโt DM (direct message) people asking for help. It also comes across as demanding, and means that others canโt learn from what you do.
Finally, please keep tagging people in replies to a minimum. That too can become annoying very quickly and should be used only when it's necessary (such as if it's been a long time, or there's multiple conversations going on). When using Discord's new Reply feature it defaults to pinging the person you reply to, click @ ON to @ OFF to stop this - on the right side of the compose bar.
Tagging is rude. Not wanting to be tagged is not.
But you started to answering me lol
Right. So if you were at a party and someone talks to you, it's okay to then get right up in their face and touch them, even when they ask you to stop?
Welcome to my blocklist, have fun.
๐
Ok, I don't care. I did it once cause I thought u wanted to help me - clearly you don't. Maybe better for me ๐ Have fun with your overreacting nature
whoa, i learned a thing (on desktop)... if you shift+click the reply button, it defaults ping to off
doubtful there is similar funtionality in the app
Depends if you plug in a keyboard so you have a shift key.
well yeah that might work lol
shift keys are overrated
QMK agrees with you.
So funny story this login issue resolved itself after sitting for a while. Does seem to have been a cache somewhere, just wish I knew which one and what caused that status for future.
sometimes I get tired of working, too
Is there way I can have dynamic entity name in lovelace ui? I am trying custom:card-templater but not getting expect result : - type: conditional conditions: - entity: input_boolean.reminder state: "on" card: type: 'custom:card-templater' card: type: entities entities: - entity: input_boolean.reminder name_template: > {{ states.input_text.reminder.state}}
Hello, is there a simple turtorial to make an custom card for display 2 temperatures in a Gauge?
anyone know how i can change the state of color of the status?
entities:
- title: Status
state_color: true
entities:
- entity: person.laurens
name: Laurens
icon: mdi:human-male
tap_action:
action: more-info
entity: person.laurens```
state color doesnt do anything here
thx how do i install this without hacs? i drop the js file in my www folder but i don't have a ui-lovelace.yaml
I dont have much luck with the dual gauge card, no matter what card I place it in, its always stretching over when its resized.
then add it like any custom resource through the ui
thx for tha answer,
i tried it but when i add the card i get an error that type was not found
did you add a type?
no can you tell me how ?
take a screenshot of the page when you're adding the resource
can i post a picture here?
if you cannot use this
Please use imgur or other image sharing web sites, and share the link here.
Image posting is blocked in most channels to discourage people from sharing text as images.
If I just want to add rounded edges to the lovelace cards, do I need to create a new theme?
Or can I modify the default theme
You'd need to create a new theme
Ok, thanks
Is there any such thing as 'pre-made' or 'template' lovelace setups?
@tacit cave I am that sad guy still using your nuc card layout in my front end lol ๐
Which one? Iโve had like 40 at this point
soz back I just finished doing garden camera replacement
lol I think its one from jan, how to I put picture here
@tacit cave ro https://imgur.com/a/dCs0YXZ
Ah yeah, itโs a nice card. I would still use it but I made something I like better with Lovelace gen
Show me please ๐
nice, I was going to be silly the other day and install os on a xeon 8 core W series I have in draw that no one wanted to buy on ebay paired with a 2tb nvme but its a tad overkill i think.
especially having a nas having bigger storage is a bit nuts, I love this pico I am using as its fanless and is very small
Although I suppose I am just trying and playing too much to get frontend right for me so its a bit silly I suppose as I do use a dakboard as a screensaver just for larger clock weather etch and auto background changes when not in use.
Wow that took them a while.
If you want to test it, it's been added by lovelace_gen since 2019 https://github.com/thomasloven/hass-lovelace_gen/commit/5870a3f4b2f4cd77873a131f3b5548ecf4715b18
that's such a small change too...
~15 lines of code, ~ 5 lines of test data, almost 2 years
Good bot.
Ha! It's even exactly the same thing I did!
what's interesting is that 15 is 0.72 and 17 is 0.65
so, the numbers are meaningless
~1
#botspam !
~ludeeusfixthis
No
thx i did it i have to put local at tha path start...
Looking for recommendation on using android app in a different time zone. When remotely access HA from a different time zone than server, the times shown on the logbook and history output show in the remote time zone. How do I have it shown in the HA server time zone?
only way is to change your phone tz
Is there a way to pick exactly where stuff goes in love lace? I am using custom button cards but I can't get them where I want. All I can see to move them around is up and down arrows.
I hope this is the right subchannel to discuss self signed certificate usage within homeassistant?
maybe one of the install channels or #general-archived will be better suited
anyone know how i can change the state of color of the status?```type: custom:homekit-card
entities:
- title: Status
state_color: true
entities:- entity: person.laurens
name: Laurens
icon: mdi:human-male
tap_action:
action: more-info
entity: person.laurens```
- entity: person.laurens
Can someone tell me if it is possible to shrink this card? I would love to reduce the empty space on the right without changing the icon.
Link: https://imgur.com/a/Ine6ulz
404 ๐ค
What sort of card is it?
Please use a code share site to share code or logs, for example:
- https://www.codepile.net/ (select YAML as the language)
- https://paste.debian.net/ (select YAML as the language)
- https://hastebin.com/ (sometimes may not allow you to save)
Please don't use Pastebin, since it can randomly add spaces to the main view.
If you mean the colour of the title text, card-mod can do that. https://github.com/thomasloven/lovelace-card-mod
I have this issue with every card. I try to change css of every card but the edit menu bellow the cards preventes me from changing.
Have a look at the layout card. https://github.com/thomasloven/lovelace-layout-card
Ok but i am try to change that on code not on yaml.
Hey there,
i hope i am in the right channel for my question.
I found a useful lovelace-card on github (https://github.com/RossMcMillan92/lovelace-collapsable-cards).
I would now like to have this card being able to get the entities from the gui (visual editor) and not just via code.
Is there some documentation or a tutorial about how to achieve that?
I have no idea what that means. Sorry.
is there a way to make border color match icon state color for lights?
Oh ok. Thanks for trying.
think I want to go down the soft ui route and cant seem to find anything relating to make on state of lights match the color of said lights
@vivid trout posted a code wall, it is moved here --> https://hastebin.com/liqopihili
still stays white
@vivid trout Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, text walls (longer than 15 lines) and unapproved bots.
Please take the time now to review all of the rules and references in #rules.
For sharing code or logs use https://www.codepile.net/ (pick YAML for the language) or https://paste.debian.net/ (pick YAML for the language).
Hi, i could use some help. I installed the https://github.com/elax46/custom-brand-icons package. restarted HA multiple times and I see the directory and files in config/www/community/custom-brand-icons/
as per instructions (copy/paste basically) of the installation I've added the following code
frontend:
extra_module_url:
- /local/community/custom-brand-icons/custom-brand-icons.js
however. servercontrol says that the url cannot be found. I've tried mulitple variations with IP address etc etc but cannot get this started... what am i doing wrong??
@vapid field did you install via hacs?
yes
its auto in there search for custom brand icons
Their instructions look wrong. This isn't valid if they mean to actually place extra_module_url within frontend:
extra_module_url:
- /local/community/custom-brand-icons/custom-brand-icons.js```
under front end its done all for you that instruction is just for manual install
It should probably look like this:
extra_module_url:
- /local/community/custom-brand-icons/custom-brand-icons.js```
If in doubt, use the official docs: https://www.home-assistant.io/integrations/frontend/
ow thanks!
/hacsfiles/custom-brand-icons/custom-brand-icons.js?hacstag=3668620311026 is were it is installed with hacs i believe
that was silly
HACS can set up resources and put files in the right place. It doesn't add the required lines to your configuration.yaml.
Aha, thanks @karmic tiger and @vivid trout !
mono is pro tbh, I am only nearly 2 months in ๐ lol
Only 18 months for me, still learning...
he he, I have been through a few installs, bud, but just for testing reasons only, (pi, cheap nas via docker, pricier nas via VM, dedicated pico quad core fanless setup... lol in just a few months and tested smarthings and amazon and google in process.... lol ๐ ๐
Ah i have another question. I have used these icons i just installed in my frontend. The icons are perfectly visible when accessing the frondend on my PC. However in the mobile app the icons are not visible
Any thoughts on why this happens?
restarting the app didn't help
What about in a browser on the same mobile?
Is it possible to increase the font size of the Status in the Button Card?
similar, doesn't show the images
@dark umbra When using Discord's Reply feature it defaults to pinging the person you reply to, which can get frustrating for the target. Use Shift + click on the Reply option, or click @ ON to @ OFF to stop this - on the right side of the compose bar.
You have to change this every time (thank the Discord devs for that).
If it does the same thing in the browser, it's not the app that's the problem. It's possible that either you need to clear the browser cache or just that the script doesn't work on that device.
I have a fix for that
2 secs
do you have a frontend: in your configuration file
for example
frontend:
themes: !include_dir_merge_named themes
extra_module_url:
Yes but only for loading my themes.
under themes add
no not yet
I'm not going to add anything. Jay can ๐
add this to config
#themes
frontend:
themes: !include_dir_merge_named themes
extra_module_url:
- /hacsfiles/custom-brand-icons/custom-brand-icons.js
I had to add the extra module command to mine for icons to work in top bar
did you restart ha after you edited (i know its a silly question)
and also clear cache on app
yes and yes, but i restart some more and clear the cache some more haha
did not work. The url you provide, i don't have a /hacsfiles/ so maybe thats the issue?
oh is yours local?
well its www
that says: /hacsfiles/custom-brand-icons/custom-brand-icons.js?hacstag=3668620311026
ftp and see if file is located in www as well?
or how ever you upload files (again I am not a pro at this just trying to help you get it how I got it)
it is located in www/custom-brand-icons/
so i should try that. thanks for your help, i need to give my children som attention now... ๐
#themes
frontend:
themes: !include_dir_merge_named themes
extra_module_url:
- /local/community/custom-brand-icons/custom-brand-icons.js
changed the folder, and this worked! thank you again
ok, goitta go now
no problem glad I could help with my little noob knowlage
Anybody else had the Remote Access part of the Config menu disappear? The place you edit your put in your external urls alongside where the Nabu Casa stuff sits
External/Internal URL are under General
Ah, so they aren't there for me either ... weird
have things moved around in the last few updates or is something funky going on with my install(s)
what is the easiest way to display a numeric value with an arrow next to it, if the value is rising or falling (a trend so to say)?
Check your profile settings (initials at bottom left) and make sure Advanced Mode is enabled.
sweet, that fixed my missing URL boxes on the General tab ๐
Can't seem to find the "enable remote access" toggle, or is that only for Nabu Casa?
Yeah, that requires a cloud subscription. But there are many only marginally more complicated ways to get the same functionality for free.
So I actually had it all setup with duckdns+letsencrypt but at some point recently it just stopped working, trying to re-learn everything i did a year ago (and now forgotten) ๐
Hi when using the frontend option to make themes the colors in the menu dont change
Like after selecting a theme the colors change accordingly but not the colors that I could set manually
is that considered a bug or is that wanted this way
Hi all, first time on Discord and looking for some help. Been using HA a while now, running in a virtual env on Virtual Box over Windows. All been fine but today, cant access the front end. The host has not changed ip address but the front end just wont load. Tried on Chrome (my usual) Edge and through my mobile (use Nabu Casa too) any ideas?
What actually happens? If there's an error message, share it.
Also, you should still be able to get to the logs in the VM.
it just says "this site cant be reached" xxx.xxx.xxx.xxx took too long to respond. not sure how to navigate the logs from the command line. i am at the ha > in the console now trying to find my way around
If you're using HA OS (installed from a disk image), #330990055533576204 can guide you.
thank you
Hi all, I'm running HA OS on a Odroid N2+ (like Blue). I'd like HA to be able to send out sounds via the 3.5mm output of the board. I'm struggling to understand how to set that up. I remember from the past (on pi3) that the Supervisor page in the frontend had some sound-section like shown here: https://www.home-assistant.io/blog/2020/09/16/supervisor-joins-the-party/#improved-audio
But I don't see that nowadays anymore. Can anyone guide me in the right direction please? Thanks in advance!
That's options for #add-ons-archived that supports it
Ah yes I thought so too, but the page above describes "With this system in place, all add-ons *and Home Assistant *can...". Anyway, I don't even see an audio section on that Supervisor page in HA anymore
Ok, thanks for clarifying! I see there is a VLC addon, will see if that comes in handy for this purpose. Otherwise Owntone (forked-daapd)
Morning all, searching for a card to show indoor air sensor values in a nice way thats simple for my kids to understand, (green amber and red) but still show levels for me, can not seem to find anything, just outdoor style ones
tempometer gauge card?
additionally show conditional cards with messages like โopen the windows for fresh airโ
tempometer I can setup, but on tablet the icons overflow the card, but add card open windows for fresh air, not than far along in my nearly 2 months of use lol
yes it has some scaling issues you can maybe workaround with setting a different browser zoom level
not sure wym with the conditional cards
just use custom button card for everything
you can customize the shit out of it
me really, lol I am using it with soft IU but have tried loads to get icons to show bulb color state as they do with light or std button card.. but no it wont have it lol
you have to write the code out for custom_fields that contain icons
HA by default only changes icon color based on status for lights and switches
everything else is SOL unless you use state_color
and that only affects the main icon
so if you add any sub icons in custom fields you have to write the code out yourself
here is an example https://community.home-assistant.io/t/lovelace-button-card/65981/5969
so here is what I have no icon in there for color and removed, is probably the card mod class soft ui causing it right?
@vivid trout posted a code wall, it is moved here --> https://hastebin.com/dujaqivoxa
so what's the problem then?
that will change the icon as is based on the brightness value of the light
icon still does not reflect bulbs color
does the bulb have a color?
it has many ๐
state_color is not an option for custom button card, so remove that
all you need is color: auto
lol told you i was a noob ๐
read the docs ๐
it covers all the attributes
guessing isn't going to get you anywhere
all i did is search the docs for state_color and turned up nothing
lol wtf, I tried the color auto yesterday and it did not work now it does ๐ฎ
well, it only produces a color based on what the light shows
if the light itself does not have a color field, itwill not show a color
or if the color is white, it will use temperature colors or brightness values
all my lights have color except porch and driveway
yes, but if the color is absent on the light, it will not show it
lights have attributes
if its not in the attributes, it won't show it
doesn't matter if the physical light has color
it has to exist on the entity
I.e. when troubleshooting, look at the entity first
there all working now it must of the been the color paper I removed earlier at bottom of code under icon (i had not tried color auto again) but its working fine now, icon responds to bulb color.
figured out a few things, but getting to grips with the front end and cards as been a bit hard as I have been like a kid in the candy shop with all the themes trying them out lol.
Thank you @tacit cave
Np
I'm looking through the code to compare glance card vs logbook card to see why one is up to date with the last changed attribute. can anyone give a hint what to look for? <#frontend-archived message>
Is there a good place beyond reddit to see a 'showcase' of sorts where people show off their UIs?
check out the forums
So II onw I am a pain but is it possible to fit a custom slider or cover into a custom button card or just easier to go with popup
lol should of read I know I am a pain lol
||You can edit posts||
yes I know but not with my fat fingers on phone Ill probably press delete instead lol
In Lovelace RGB light entity icons use to go from blue (off) to incremental yellow with increasing brightness.
Several HA updates ago it now goes from blue (off) to dark gray (5% brightness) to white (100% brightness). This doesn't look good with a white card background. How do I change it back to gradients of yellow?
Dimmer lights
RGB lights
This is where it was added, the icons now try to match the light color temp. But how do I disable this
Does HASSIO natively support the vertical stack card?
i always ended up using hacs to do the vertical card but recently ive noticed my HASSIO rpi always crashes after updates with HACS installed. Then it goes into a permanent bootloop until i reformat the SD card.
The vertical stack card comes with HA, so yes, it's supported natively.
Also, cards have nothing to do with your HA crashing. Cards run in your browser.
I made a template sensor that takes a value in the thousands and converts it to a different decimal point. When I tap on it in Lovelace, my sensor shows individual values as history while the original shows a graph like I prefer. Any idea what is causing it to display different history format?
Give it a unit_of_measurement
Ooh thanks ๐ Iโll try that
i kinda wish it didn't do color for the temperature... my lights used to all show up as the primary color in my theme, as long as they were in white mode, but now they show up as varying shades by temperature
i think it changed around 2021.9.something
Hi guys, does anyone know if there is a direct link for using trusted_network auth provider? I have trusted_networks setup such that I get the username and password prompt, but I can click trusted network and it auto signs me in as a dedicated non-admin dashboard user. So on tablets i just click trusted networks, and im signed in. But I was wondering if it was possible to set my start page to something like homeassistant.local/auth/trusted_network and skip sign in completely. While still keeping the option to sign in with my own user when hitting homeassistant.local directly
Anyone see the issue why it's not changing the slider-color to red.
element.style {
--slider-color: red```
It's from the light-popup-card and this is the dev tools inspection of the Styles.
element.style {
--slider-width: 120px;
--slider-height: 360px;
--slider-border-radius: 1.8em;
--slider-color: #FFF;
--slider-thumb-color: #ddd;
--slider-track-color: #ddd;
}```
According to the instructions for that card the slider colour is a main configuration option. https://github.com/DBuit/light-popup-card#main-options
Yep that's true Tom, i just want to give the slider my own color based on the off/on state of my light.
Will there be any change to change the slider-color based on state?
is there a guide anywhere for a custom background on custom button card with card mod?
It's in the readme of the custom button card
going through it, but cant find the way to set background change on press thats all
only via color not image
@sly pulsar thank you that helped bud a lot
https://imgur.com/Qex2tgE need more work to it but will get there eventually
I currently have processor use unit of measurement % and humidity unit of measurement %... These get combined because of this into the history tab and they are not similar values at all. Is there any way to split up these things? Should I use a different measurement for processor or humidity without making things like influxdb mad?
Why do you care about the history tab's graphs? They won't be combined if you add graph cards to your dashboards, which is where most people look for the things they care about.
my dashboards are lovely and working great, but I'm compulsive so I want everything to look great. This is not great https://ibb.co/YjrPHFG
here's an example of one that looks great https://ibb.co/6t0j8ZF because it's unit of measurement actually matches, most of them do, but not percent
I'm confused. Why does it say on the frontend under users, it was last seen 6 min ago (mobile), but when I click it to view the details, it shows 10 hours ago.
Can't upload any example images
Skyrider, has it been doing this for a long time or is this a recent issue ?
is this device_tracker sensor ?
Yup
your user may have multiple sensors that are contributing the location information to the frontend, in your config under people do you have multiple device trackers associated with this person ?
Just 1 device
there may be 2 trackers, the second one supplied info recently but when you click it, it'll show you the result of the first one... Ok, not that
It shows what as 10 hours ago?
Both users show 10 hours when clicking on the details
Though show accurate info on the frontend
Go to Dev Tools > States. Search for the entity you think has a problem. What does it show for 'last changed' and 'last updated'?
question: is there any reason scenes aren't saving in the UI? I define a scene and it just vanishes.
is there some sort of thing needed in the configuration.yaml file?
no errors show up in the log related to the scene at all
it just doesn't save anything.
nevermind. i was missing a config yaml element
I see. I think i misunderstood how it works. Seems to show the hours when the state has changed.
Is there a thread anywhere of media lovelace dashboards? I'm looking for inspiration but I can't see any
The forums.
The closest I found on the forums were a single persons setup and people showing off specific cards.
Then keep searching. There's a fuckload more than that in terms of examples of dashboards.
/r/homeassistant sometimes has examples too.
Hi all, I'm sure this is a n00b question, but how do I "call a service". I'm seeing several help articles and forum topics simply state "Call recorder.purge" (my home-assistant_v2.db is WAY TOO BIG). Sounds like this is a quick easy thing to do, just need to know where to start?
-> Services
@dark dirge thank you sir. Makes perfect sense now.
is there a way to get card backgrounds to be fully transparent? The closest I've got is dark mode which works but only if you have a dark background, if the background is light, you can still see the card backgrounds
card-background-color: "rgba(0, 0, 0, 0)"
Thanks Tom, is that in the edit config files before views? I assume
will check it out, cheers mate.
Hello, am I in the right channel? I've just (attempted) to update my supervisor and it now appears to be dead. The supervisor seems to be reporting "error unknown" but Observer tells me it's connected. I've restarted the host and waited for a while but it's not come back. Where should I start troubleshooting?
The right channel depends on how you installed it:
Not sure which install you're using? If you have system_health enabled you can check Configuration -> Info -> Installation Type, or see the following.
-
If you bought the Home Assistant Blue, flashed an image, or booted a VM with an image you're using #330990055533576204
-
If you installed Linux and then ran a script to install HA and have add-ons then you have #330944238910963714
-
If you're running
dockercommands or use a Docker manager and have no add-ons or Supervisor then you have #449717345808547842 -
Finally, if you use
pipto install or upgrade you have #551864459891703809
Having difficulty chosing an install method? See this summary for guidance.
Gave it a go tonight, sadly its not quite working, still getting lines along the bottom of the cards.
If it is the card drop shadow you will have to remove that with card-mod.
I tired to make each card via the ui pop up a color glow around the edge when pushed... I failed
I am trying to cast a view with 2 buttons and a h264 livestream, yet the stream is not loading on my android tv or nest hub. Does anyone have a clue to solve this?
so I have a code at bottom of manual card (with card mod ui that I have added and probably done to much that gives a glow around card) is there a way to add it so it only show in on state?
here is code
style: |
:host {
-ilter: contrast(96%) drop-shadow(3px 3px 5px #00FFFF);
-webkit-filter: contrast(96%) drop-shadow(3px 3px 5px #00FFFF);
-moz-filter: contrast(96%) drop-shadow(3px 3px 5px #00FFFF);
}
is it possible to change the font size from a Grid Card Title? Trying with card-mod but seems not working.
style: |
.card-header {
--ha-card-header-font-size: 20px;
}```
Title.
styles:
title:
- font-weight: bold
- font-size: 40px
should work its under css and works with titles so should work for name
Tested but not seems to work.
cards:
- type: grid
title: Woonkamer
columns: 1
styles:
title:
- font-weight: bold
- font-size: 40px```
sorry it did not work currently I only using state and names
and currently have this in my cards for font size
name:
- justify-self: start
- font-weight: bold
- font-size: 15px
- padding-left: 15px
state:
- justify-self: start
- font-weight: bold
- font-size: 15px
- opacity: 0.6
- padding: 0 15px 5px
I am trying to cast a view with 2 buttons and a h264 livestream, yet the stream is not loading on my android tv or nest hub. Does anyone have a clue to solve this?
css is a funny old game sorry I can t help as I have a title card vertical next to each room now.
Ok, maybe this is the correct place for this, if not, please point out the correct one and I'll post there. I have a sensor that is created manually that tracks current output from a solar system. It works as it should but if you click on it, you get a bar display (like you would with an on/off switch) instead of the line graph. Any idea how to change this?
More of an integrations thing, but you just need to add a unit of measurement to that entity's customisation.
If I only edited my frontend yaml through home assistant GUI, is that not saved to a file somewhere?
It is
What's the name of that file please
Not to be touched
I just accidentally overwrote like a shit ton of stuff, if I lost my frontend config I'm gonna be so upset
I think I have a backup of my home assistant folder, so I want to see if I can recover that
Itโs in .storage
Hello i want to figure out a way to track the days a device enters a zone ie: work or gym or w/e and display it on a calendar card, i'm using the calendar and there is an event window how can i populate that with history of my devices?
I've been looking for a while, is there a frontend Lovelace addons that let's you list a bunch of attributes in a table?
Flex table card looks really good but i can only get it to show the first attributes https://github.com/custom-cards/flex-table-card.
Pretty new user here. Running inside Docker. I'm trying to get the upcoming-media-card working. And the instructions say I should add some config "into ui-lovelace.yaml under "resources:"".
But I sure can't find a ui-lovelace.yaml.
You probably donโt have one. Go to
-> Lovelace dashboards-> Resources
The instructions youโre following are over a year out of date
I got a problem to display an picture on an Dasboard:
Here is my Config: https://www.codepile.net/pile/NPM5ngPO
With the URL it is working but not with an file.
I can see the Picture in my MediaBrowser
I had a feeling they were out of date. Thanks, I'll check that.
OK, so, I guess I hit the next brick wall. If I do config->lovelace dashboards I've got my two dashboards listed...but no 'resources'.
Well, and an "Add Dashboard" button, but that doesn't seem like what I'm looking for.
Ah advanced mode.
OK, so it seems (relatively) obvious that this goes in as a javascript URL:
resources:
- url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.1.1
type: js
But this guy doesn't seem like it should go there. In the old config it would go in the same file. In the current version any idea where it should go?
type: custom:upcoming-media-card
entity: sensor.sonarr_upcoming_media
Bangs head against wall with lovelace css stuff, I now know why its its called love lace because sometimes you love to hate it, I thought it would be super easy coming from website css, but erm some stuff works others dont lol
@thorny swift posted a code wall, it is moved here --> https://hastebin.com/axetubokep
Any idea why this isnt working? When i remove the zero i can see the rain.gif
OK, so having continued to plug away at the upcoming-media-card. I've made a few guesses:
- Instead of adding this to my ui-lovelace.yaml, I added it as a js object
NO: - url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.1.1
type: js
YES: LL Resource, URL, type Javascript Module: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.1.1
(which I thought was weird, because that path isn't good, but if I put it to what I think is a correct path, it throws errors at me)
- I add a card that looks like this:
type: custom:upcoming-media-card
entity: sensor.sonarr_upcoming_media
I get no error complains anywhere, which is nice. But my card is a complete empty card. Any thoughts?
Do you have the upcoming media sensor configured correctly? Does it show anything in Dev Tools > States?
No... do it the way the docs say, like they already are ๐ค
This goes into one of your views under "cards:" in the same file
- type: custom:upcoming-media-card
entity: sensor.sonarr_upcoming_media
If a card doesn't show a big red box with warning text, it's probably configured correctly. The next thing to check is the data source it's trying to use.
I am not a expert mono but that way did not work for me either ๐ซ you are probably more wiser than me thats just the code I put in via ui manual card to get it to work for me
I am such a noob, despite my css knowledge with websites can not get a drop shadow to show on state on only ๐ ๐
What card are you using?
custom button card with card_mod
.share your config and maybe someone can help you out
Please use a code share site to share code or logs, for example:
- https://www.codepile.net/ (select YAML as the language)
- https://paste.debian.net/ (select YAML as the language)
- https://hastebin.com/ (sometimes may not allow you to save)
Please don't use Pastebin, since it can randomly add spaces to the main view.
I've only just started using the custom button card, so probably not me ๐
ha ha, I have a nice looking card setup and them based on the soft ui theme, I just want the drop shadow glow to only show when in on state without loosing the button press
OK well first of all, I don't know if I lost it somehow or what, but I realized that I had no upcoming-media-card in my HACS frontend. No clue why.
So that's annoying, because I'm pretty sure it was there before.
And what about the state of the sensor...?
Argh. And the problem was...I never configured the yaml for the sonarr upcoming media values.
So something like this? #frontend-archived message
Yes, that's why I went back and verified that.
As someone who doesn't deal in yaml and the like too often...is there a reason that when adding an integration (ie. sonarr upcoming) that it doesn't just ask for those values at that time, since it will literally will not function without those values?
Yes... because UI-based configuration is fairly new, and there are over 1800 integrations that need updating.
And that's just the stuff that's included in HA. Dog knows how many custom integrations (of which Sonarr Upcoming Media is one) there are.
Your options are to either make the code changes required to bring it up to date, or politely ask the author to do the same.
I'm not looking for options, just wondering as to the reason for it.
This then: #frontend-archived message
anyone able to help out with this https://imgur.com/DYWuR8z left image is my off state and center image is on state, I want to add the glow outer shadow for on state only, but can only seem to get it to show up on both states at the bottom of the card this is code I am using for the outer drop shadow glow
style: |
:host {
-webkit-filter: contrast(96%) drop-shadow(3px 3px 5px #00FFFF);
}
is there anyway to add this to just on state for that card through ui?
@vivid trout posted a code wall, it is moved here --> https://hastebin.com/ubevawoloq
the style at bottom is what I want to add to the on state
๐คฆโโ๏ธ
I even got the bot to share the links so you wouldn't spam.
From the examples in the docs, it looks like you can use templates when defining styles:
- padding-bottom: 2px
- align-self: middle
- justify-self: start
- --text-color-sensor: '[[[ if (states["sensor.raspi_cpu"].state > 80) return "red"; ]]]'```
So... use a template that sets the drop shadow based on the state.
thanks see due to web css, I did not even think to try - then -webkit-filter: contrast(96%) drop-shadow(3px 3px 5px #00FFFF);
Hey guys,
is there anybody who could help me with the fold-entity-card?
I would like to have nested folds but with labels for each fold - is this possible?
I tried it with
https://pastebin.com/e8mYHG0U
but it throws a bad indentation error
why does your first and second level head: look entirely different?
good question. i just used the example in the docu under https://github.com/thomasloven/lovelace-fold-entity-row#advanced and added a second "label"
perhaps not the right way to do it ๐ ?
Start with one level and experiment until you know what head: does and what section even is https://www.home-assistant.io/lovelace/entities/#section
ok - i will try and expermiment - it looked just quite simple ... but it isnยดt
It actually is. But you have to think of the stuff as building blocks and learn to see what's what.
There's a beginners guide to yaml in the pinned messages in this channel. That may be interesting reading too.
Thank you!
Thanks Mono. I knew I had come across this before, just hadn't had time to try to figure out what solved it last time....
i think i got it ๐
https://pastebin.com/i4Jb1vsm
That looks much better.
I got a problem to display an picture on an Dasboard:
Here is my Config: https://www.codepile.net/pile/NPM5ngPO
With the URL it is working but not with an file.
I can see the Picture in my MediaBrowser
Just another short question: I've added a few custom cards via HACS and it seems lie HACS automatically added those cards to the Lovelace Ressources, yet I can't use them because "custom element not found"
That means your browser can't find them. Probably some caching issue.
yea, just found that out in the moment you wrote ๐ Thanks for the help anyways ^^
Here I am again... Can I show certain attributes of entities? If so, How do I do that?
Make a template sensor that exposes the attribute, use that sensor in your card.
See #integrations-archived for template sensors.
aaah yes, thank you
Hi. Please tell me., I switched to mariadb, but my sensors are not on the graph, but in one line. I'm already tired of looking for a solution to display my sensors in a graph and not a text. The sensors are of the type | float
What is their unit of measurement?
i have this;
- platform: broadlink
mac: A0:43:B0:14:88:7D
switches:
- name: tzumilights
command_on: JgBgAAABJJQTEhMTERMTEhITERQTEhMSEjcROBM2EzcRFBI3EjcTNhM2EzYTEhEUERQTEhMSERQRFBEUEjcROBM2ETgTNhE4EwAFOwABJkoTAAxBAAEnSRMADEIAASVLEgANBQ==
command_off: JgBYAAABJJUYDBEUEhMTEhITERQRFBEUETgROBI3ETgTEhI3EjcTNxITETgRFBEUERQRFBETExIROBIUETgROBE4ETgROBI3EQAFPgABJEsTAAxBAAEnShEADQU=```
but can i also make the same switch trigger other things when the switch is turned on at the same time? like i want a tasmota switch to also turn on and off respectively.
or can i make a switch that when on toggles script 1 and when off toggles script 2? how?
I have such sensors
- platform: mqtt name: "voltage" unique_id: "voltage" state_topic: "energy/voltage" value_template: '{{ value | float}}'
you need a unit_of_measurement for them to be treated as numbers
just map the on/off to commands and then make template switches. Or you can make template switches using that switch with extra service calls.
Hi, is it possible to use Active Directory /LDAP authentication with home assistant?
That's a topic for #integrations-archived but the docs suggest yes.
@karmic tiger is my hero at the moment saved me bashing my head off desk lol, css in yaml can ask be a task sometimes.
never seen error in inspector:Error: <path> attribute d: Unexpected end of attribute. Expected number, "โฆ 15H16V17H8V15M8". and it happens because of a minimum view with only```
cards:
- type: entities
entities:- input_boolean.test
(well, and a couple of badges, but taking those out doenst help)
above error is in Google, Safari shows:Error: Problem parsing d="M3 4H21V8H19V20... 12H16V14H8V12M8 15H16V17H8V15M8"
o wait, nvm, a config search on the string points to custom-shutter-icons resource. got it from there...
short question: Are not all icons from mdi available in HomeAssistant? the mdi:lightbulb-spot for example isn't displayed, instead no icon is shown
Only icons in the version of it that was included in the front end version you are using
I see. So those Icons might be included in the next version of the frontend?
is there a way to import the new icons
if I have two cards in a horizontal stack, is there a way to make one wider than the other? I'm thinking card-mod but don't know what syntax to use
actually, the way I should ask is how to make one not as wide as the other? I'd like to have a wide card on the left and a tall skinny card on the right
It is I think not the answear for his question cause he is talking about horizontal stack
will do
A horizontal stack is just a way to put two cards side by side within a column I expect that the layout card could do exactly the same thing with more flexibility
yeah basically I want something like four "columns" where the left card takes up three, and the right one takes up one
thought of using grid but it doesn't quite work like that
height is fine (for this card)
Thank you very much, everything started working as it should! Health to you!
is it possible to have an entity card show no icon?
this worked perfectly. ended up wanting a taller card too, which doesn't seem really possible by giving a higher row span, but I was able to adjust the height of one of the actual cards (big-number card, scale)
is there an easy way to use a local png instead of the icon on a button card?
i see that custom:button-card can change the entity_picture of the button, but these will be buttons without an entity attached
I've made a custom card, and included hacs.json in the repo. The js file is inside a dist directory. What else is needed for the project to show up in HACS?
I've read the documentation here, and I think my project conforms to all the requirements. https://hacs.xyz/docs/publish/plugin
That's a question for the HACS server. https://discord.gg/assEFQWZ
thank you
I am currently working on the next release of iCloud3 device tracker custom component and am upda ting the Lovelace iCloud3 Event Log custom card.
During iCloud3 installation, the new cardโs .js module is loaded into the iCloud3 custom_components directory. When iCloud3 starts, it looks at the version number of the Event Log card in the custom_components directory and compares it to the version in the www/custom_cards directory, www/community directory or the one in iCloud3โs config file. The new file is copied to the correct directory if it is newer.
My problem is, when a newer version is detected, the old version is still in the browsers cache and in the cache on the iPhone or iPad running the iOS app. I issue a notification to the devices and add a prompt message in the Event Log that a new version is available and the cache should be cleared and needs to be reloaded.
I would like to do this automatically on the devices or issue a Reload UI message on all browsers and the iOS app. I have been through a ton of code looking for how the Reload UI message is displayed and can not find it. I asked Zac if it would be possible to do this with a request similar to a location request in the iOS app and he suggested I post the question here for asking for some guidance.
Any help would be appreciated. Thanks.
Gary Cobb
need to get back to this I am afraid... is anyone around who knows what could be amiss with these custom icons? https://github.com/g-kiss/Home-Assistant-custom-shutter-icons/blob/main/custom-shutter-icons.js they keep throwing the errors
ive even edited the resource to use a simpleasync function getIcon(name) { return { path: SHUTTER_ICONS[name] }; } and changed to module, but still the errors app.f08a72d3.js:5264 Error: <path> attribute d: Unexpected end of attribute. Expected number,persist, on all but shutter-4, which doesnt throw the error
btw, if Thomas is around: can't we change the CUSTOM_ICONS_PATH in the CC Fontawesome __init__.py to a folder in /www? Ive tried '/local/svg/' and 'local/svg/' but none of these succeed unfortunately. Even without the closing '/' inspector keeps showing fontawesome/icons/pro/desklamp-on.svg 404 (Not Found)
fyi: seemed the icons except -4 ended incorrectly and changing the 'M8' to '9Z' (which the original mdi icon has too) solves the issue. the shutter-4 ends with '8Z', but since that works, I won't touch it. Must be some end of file code...all in all the .svg files were not made in that repo, but copied from the net obviously...
@fiery ledge you know about this at all?
sure, if you need a button with a picture, and dont use an entity, you can set it as background image? And even have fun with it https://github.com/custom-cards/button-card#injecting-css-with-extra_styles
- type: custom:button-card
template: button_picture_script
entity: script.thuis
state:
- operator: template
value: >
[[[ return states['input_select.uit_thuis'].state == 'Thuis'; ]]]
entity_picture: /local/homeassistant/ha_animated.gif
color: var(--background-color-on)
- operator: default
entity_picture: /local/homeassistant/ha_animated_not_home.gif
is also possible. the options are endless
hmm interesting
will try
ah got it
only thing i don't really like is the spacing of the label at the bottom, compared to a standard button
on the left is custom button-card
just had to play with padding
thanks ๐
Is it possible to hide or remove the default "Overview" lovelace dashboard for all devices?
Not on all devices at the same time. You would have to set another dashboard as Default for it not to show the Overview. You can do that in Configuration -> Lovelace Dashboards on each device.
I don't think so
I think a friendlier implementation of that would be to let us set a default dashboard per-user, and then allow to override per-device
rather than making the default by for every user on every device and making us choose per-device, every time
same could be said for themes imo
Is it possible to change the default behavior of the โholdโ action for things like buttons on the front end? Currently you have to hold the button for a time period and then release it before the hold action is performed. The problem that I find is sometimes I donโt hold it long enough and so when I let go, itโs interpreted as the tap action. What if it was made to perform the hold action while the button is still being held after the time period? That way when you are trying to hold a button to get the more info dialog, it opens up after the time period and you donโt have to guess that youโve held it long enough.
Hi. I am using HomeKit Panel Card's: https://github.com/DBuit/Homekit-panel-card. But for some reason they are massive. I have been trying to fix this for an hour now and I can't figure it out. Any help would be appreciated.
https://cdn.discordapp.com/attachments/879178956803301415/892812158755283034/unknown.png
Also, the cards are overlapping.
i've found that when using custom:layout-card, I get a more pronounced gutter between cards than standard cards: https://imgur.com/pQvX1gt
has anyone else noticed this or know how to mitigate it?
the three "cards" on the upper left (big-number, bar-card, and entities) are all part of a layout-card
it actually appears to be the same as this guy: https://community.home-assistant.io/t/layout-card-take-control-of-where-your-cards-end-up/147805/38
but the one guy that "replied" to him wasn't really a reply lol
Is there a way for the entity-filter card to use an "and" condition instead of an or? For example, I want to list all the people who are not home AND who are not at work. (I know in this case, I could use Away, but image that Away instead is an address so it could be anything...)
does anyone know a task list / shopping list card that supports multiple instances? The core shopping list is extremely bare bones (no sorting and can't add multiple lists). I know of Grocy, but that is way too overkill. Just looking something like core shopping list card, but supports having more than one list. Any suggestions?
suddenly I notice that sort: method: last_changed reverse: true on an entities card with device_trackers doesn't reverse the sort at all. Ive checked my configf and all others work, either on state, or on attributes last-triggered for example. anyone else seeing that too? feels like a bug
but it isn't, and as before, a user error... I had edited in the search result window, and not saved the view.. https://github.com/thomasloven/lovelace-auto-entities/issues/221#issuecomment-930553197 my apologies.
i've been playing with layout-card and holy crap
it's kind of frustrating at first but there's a LOT that can be done
Is there an Alarm Card like this - https://community.home-assistant.io/t/lovelace-alarm-card/59831 - where I can randomize the Buttons? I dont want to give hints on my tablet via fingerprints.
I have a conditional card which shows a rain map if a weather sensor has the state raining and that works.. i just added a new state to the condition lightning-rainy and it doesn't work for that condition.. is there a way to make it so that only one condition needs to be true? like an or?
Is it possible to change the .dot color (the dot above in the sidebar on the hamburger menu)? Checked with Chrome dev tools and found this code but have no idea how to use this in my theme.yaml file.
pointer-events: none;
position: absolute;
background-color: var(--accent-color);
width: 12px;
height: 12px;
top: 9px;
right: 7px;
border-radius: 50%;
border: 2px solid var(--app-header-background-color);```
accent-color: pink
Thanks Ludeeus, tried that but seems to change the color in other places also. For example the background color for the sidebar active button (if you pressed on itโฆ).
Card mod
Find the exact element and only change that. It wonโt be easy and youโll have to figure out the correct selector
hey people, is it possible to draw a card in Lovelace from NodeRED?
Anyone know how to do rainfall bar chart by day as a card? My rainguage only created two sensors - mm of rain today which resets at 00:00 and rain rate
I suppose you could use a conditional card that shows when an input boolean is switched by nodered
thanks, but my question was drawing an html output of a node
Hi everyone, is it possible to import core functions of HA into a custom developed card?
I need to call the function called **computeStateDisplay ** but it seems it's embedded into HA and not possible to call once HA has been built.
Sounds like something for #devs_frontend-archived
I've upgraded to core-2021.9.7 and my themes no longer apply to the gauges in lovelace, these are themes that only have gauge settings, was there a change that broke them?
I'm not sure when it changed, but it seems the 'Green, Yellow, & Red' colors of gauges are now tied to theme settings:
success-color: 'rgb(green color)'
warning-color: 'rgb(yellow color)'
error-color: 'rgb(red color)'
So I just need to rename the label headers
label-badge-green: "#5499C7"
label-badge-yellow: "#52BE80"
label-badge-red: "#D98880"```
(I use my gauges for mid range goal measurements) need it to be Blue/Green/red
Thank you so much. A
No problem! I get a lot of help here - glad to be able to help someone else once in a while ๐
@gentle thicket TOTALLY WORKED. YOU ARE AWESOME.
maybe someone will come searching for this later. In the latest release, themes modifying gauge colors were broken because the name of the colors has changed to: success-color: 'rgb(green color)' warning-color: 'rgb(yellow color)' error-color: 'rgb(red color)' Credit to teamRibcage for pointing me to this info
trying to do what goyney suggests here https://github.com/Templarian/MaterialDesign/issues/5276#issuecomment-674840323 and view the Material's Git history, I am lost completely... eg, trying to find the former laptop-mac icon (so I can use it in a custom loader). Anyone can help me out please? Findning a previous icon-pack, if must a full set...
Simple question: Looking to create Lovelace badge that returns the Sun Elevation value. Just a CIRCLE with a Number in it. No idea how? A little help please.
https://i.imgur.com/B3k6ynb.gif
Does anyone know why the HA frontend disconnects / forcibly resets around every 10-15 seconds? This only happens when connected remotely (not over LAN, not over NabuCasa Cloud)
Is there a better way to integrate camera into Lovelace? I very often need to manually refresh Lovelace before the front end updates
Hi can someone point me to a way do display custom icons insead of ther mdi: icons ? i tryed fontawesome but it des not display any icon ( blank ) even with the preset once from them was there a change in the icon load ? Help/ advice is much apreciated
Hi, I have a light entity on my lovelace entity card. If I click on the light entity, it raises a window that includes "Details" and "History." On the details window, there is a brightness slider.
For whatever reason, that brightness slider changes to 0 frequently, and I am not sure why.
Is there any why in lovelace to fix the brightness at 100% or 255?
Anyone know what the lovelace "uncaught" errors mean? I've tried googling it but all im finding is more people experiencing it but no answers.
I'm seeing ERROR) components/system_log/init.py - message first occurred at 12:44:52 PM and shows up 6 times
I've only started seeing it after the latest update
That sounds like a backend issue. Can you check the entity state in the HA dev tools, when it goes to zero. If the brightness is zero there, then the backend/device changed it. Frontend is just showing the values, and only changes them upon user input.
What error specifically? HA log or browser console?
HA Log, I'm not sure where to find the browser console but i hear its more specific in its errors
Is that the log in supervisor?
hi, I would like to show a different lovelace card if the device is connected on the network (internally) or remotely (externally) through nabucasa... is there a way to "test" this or create a sensor based on the current connection type of the device ? thx for help.
Hey guys!
I want to add this component manually: https://github.com/iantrich/restriction-card, without HACS. The repo doesn't contain a restriction-card.js, only a restriction-card.ts. I used an online TS to JS converter, then copied the new JS to a restriction-card.js file, and put it on my www folder, then made an entry for it in the Resources page, but I still get Custom element doesn't exist: restriction-card. in the UI.
hey. how to add a three input fields and push button? Maybe someone can link with existing card. I need input for doser pumps. Maybe someone has other solutions, pls link me in right way ๐
need some dev insight/answers... can someone explain why a cardmod using ``` card_mod:
style:
div#wrapper: |
state-badge {
{% if is_state(config.entity,'off') %}
animation: rotation 4s linear infinite, colorize 5s linear forwards 1;
{% endif %}
}
this https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/2171?u=mariusthvdb is the first time I encounter the issue
also, why the exact same card_mod does work for an input_boolean which has the exact same customization. Literally. via an anchor: ```
homeassistant:
customize_domain:
#anchor set on another domain, repeated below
binary_sensor:
templates:
<<: *state_color
input_boolean:
templates:
<<: *state_color``` and the base Anchor is for domain automation, which also works fine in the card_mod. this is really a mystery
Hi did you ever found an answer to it Iยดm trying to figure out how to load custom svg or png icons but not wroking also the hass-fontawesome plugin is allso not working was there a change in the icon loading ?
is there a place to ask about Nabu Casa?
ty
I've created a button card that runs a script. When I press the button though, a pop up comes up and the script can then be run from the pop up. Is there a way to bypass the popup and have the button run the script without the extra step?
The button has a tap action. use that to run your script.
Ahh the call service. Thanks, that looks to be it
Is there a simple way to make a switch toggle greyed out on an entity card? I have some switches for power sockets which I don't want to accidentally toggle
In most browsers pressing F12 opens the browser dev tools.
It says card but can be applied to rows https://github.com/iantrich/restriction-card
I am sorry if this is the wrong channel. I have a very simple question. Where do you add users?
-> Users
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 so much. Advanced mode did the trick.
I'll give that a go. Thanks
trying to work out how to use it. Not sure how I use it for just a row
ah think I've got it now
Awesome - now I have locked switch entities within my entity card ๐
Hey guys, does anyone know of a way to have a sort of calendar that you can click to put an X on or something?
The idea is for daily tasks such as taking medicine or etc, currently I just use one of those e-paper screen whiteboards, would be cool to put it on my wall tablets though
I pretty much need something like this https://i.imgur.com/ze8c0PS.png doesn't even have to be a full month, 7 days is good enough, not sure how to really search for something like that though
I do remember seeing something like it in hacs but I can't remember the name
Is it possible to left align instead of centering any cards/columns in the dashboard, if they don't fill out the horizontal space?
Hi guys. Custom button-card - I cannot find how can I position small card itself (80x70px) in the middle of horizontal-stack row. This small card should be the only one in mentioned horizontal-stack row and I want to be in middle/center, not on the beginning of the row. Here is the code: https://hastebin.com/itotiriqiz.yaml
Thx
Ok, as for now, I made a dirty hack with one empty button-card in front and another empty button-card after. Both are with broken code, so border is invisible as well. However, I would like to know how to center button right way if somebody knows. https://hastebin.com/icajipopod.yaml
Thx
whats the easiest way to put every sensor/switch on one page? I recently moved and need to set everything up again and just want everything on one page till I can find time to organize and make it pretty
preferably it will see new entities and add them automatically as well
@placid pivot I am not an expert but the custom auto-entities card would be ideal for this
when I use "Edit Raw Configuration" for a specific view, obviously all cards are in that 1 file (by default). I've seen some configurations where there is a dashboards directory and then dashboard files in there, but I've been unable to find out how the dashboard YAML files are brought into the config. how is that done?
(sorry for the re-post, deleted by accident)
Does anyone here know how to get rid of the top bar on some devices? I have wall mounted tablets that I donโt want to see the side bar or top bar
@steady sluice are they android?
Fire OS
if you install kiosk browser and the kiosk addon from hacs, you set start url as your home assistant lovelace/default_view but just add ?kiosk at end then it will keep all pages without top or side bar
under hacs frontend search for kiosk mode
also search for Lovelace Swipe Navigation if you have not installed it in hacs too
make sure you install the kiosk mode addon from hacs though and of course the swipe so you can just swipe between pages
I didnโt know that existed
I donโt want a swipe tbh Iโll have buttons on Lovelace to switch pages
Anyone got any further diagnosis steps for android app crash on setup for Home assistant - already tried https://companion.home-assistant.io/docs/troubleshooting/faqs/#app-crashes-on-set-up
hi all, I got a tasmota flashed LED rgb strip. How can i have a color picker or pattern select card for it. Righ now its just on/off switch that is autoassigned
Is there a way to bring up, say the media library browser associated with a Kodi integration with an action?
Instead of clicking more info on the entity and selecting "Browse Media"?
I've been using Dwain's Dashboard as my basic front end. It's a good general use for my wife and kids. But lately it seems like there is an increasing number of issues being reported without anything being done to address them
Does anyone have a similar "set it and forget it" type Dashboard they are enjoying?
hey folks, is there no way to manually change the order of custom lovelace dashboards? Having them sorted alphabetically kinda sucks
is anyone able to help with this?
using a sidebar would help in that instance as it enables you to have menu the way you want
Hello everyone, is someone encountered with this problem? When i try to open a dropdown on the energy tab to add a new entity i got a javascript error and the dropdown not opens, not show the default "Why my entity not listed" element as well.
I tried to disable all external resources that my dashboard uses but it does not help, the error remains the same
Ive got an Ecobee integration configured, and Im trying to create a graph of one of the attributes in the climate entity - specifically 'equipment_running' which is a CSV list of stuff that's on. How would I approach this in HA (I want to see when the fan,AC or heat is on)
since this doesnt seem to trigger an event when it changes, Im guessing the only way to monitor this would be to poll it every 30s (say)
A state trigger will trigger on the change of any state or attribute
so Id need an automation to detect this and then split the CSV and fire separate events into 3 different binary_sensors?
You may need to create a template sensor to surface that attribute as a state and graph that, but itโs gonna be a little messy because states are strings
You donโt need an automaton for that and no firing of events. Just create the template binary_sensor entities
what were they before?
those are still resources
lovelace:
mode: storage
dashboards:
lovelace-yaml:
mode: yaml
title: irrigation
filename: /lovelace/lovelace.yaml
Does this look wrong? I have a folder in config called lovelace and within I have the lovelace.yaml but doesn't seem to pick it up. It just creates a default config with everything in
if I move lovelcase.yaml outside in /config then it works
When you add a custom card you need to change the resources in the yaml file and add the url and the type. The type was either module or js. I was told that they were now all modules but to confirm it here
How do you add cards if you are not in yaml mode?
Under config the file still has java script module or Java script file. So has js file been replaced? Do I need to edit this file and change all the references to module?
add the card in HACS hit reload resources on the pop up HACS provides. Done
arg I give up with menu and icon color options on sidebar, no matter what I do, the li active commands wont work lol
am not sure this is the right place to ask. But still try some who have a go icon package they can recommend? Seemed mdi does not meet all my requirements
How do I use 2 icons on a light bulb?
Hi there, I'm using lovelace by default (the auto mode), how to add a card installed in HACS please?
By following the instructions the developer of the card supplies.
Search didn't find anything...I've been seeing this error for a while. Can someone point me in the right direction?
Source: components/system_log/__init__.py:190
First occurred: 3:40:53 PM (3 occurrences)
Last logged: 6:45:57 PM
https://<lettersandstuff>.ui.nabu.casa/lovelace/default_view:0:0 Uncaught
https://<internalhost>/lovelace/default_view:0:0 Uncaught```
I see others asking about it, but no answers.
I can't find how to add a custom card in auto mode. Do I need to switch to yaml mode then? Or is there a way in auto mode?
I believe that "Auto" mode is, by definition, controlled automatically
you'd have to "take control" of it to add any card
then, hit "+ Add Card", scroll to the bottom, and choose this:
Okay thanks
And after browsing the forum, I also can't find a way to hide an entity without disabling it. Use case: I have a switch controlling a light, I added a light: integration to have it as a light in HASS, it's fine. But now in HASS, I have a switch and a light being the same device. It seems hiding the entity isn't possible anymore, or is it?
in auto mode?
once you take control, you can edit cards to include whatever you want, delete any card, add more cards, etc.
Ok, so same thing, I can only hide an entity in yaml (without disabling is, as disabling the real entity will disable the light: "proxy" if I may call it that way)
THanks
you shouldn't have a switch and a light both controlling the same device
you could create that situation, but it's weird
maybe you created a light.switch? which isn't so weird, now that I think about it
the real point is that if you want to control what's on your dashboard, take control and control it
there used to be a "hidden: true/false" attribute, but that went away a long time ago when the States UI went away
This is what I added in configuration.yaml:
light:
- platform: switch
name: Lampe salon
entity_id: switch.60530600cc50e321114f
I wanted to present a switch as a light. Well, in this case, I could simply change the icon, but with this light: config, it seems expected to have the entity related to the device, and the "proxy" light, doesn't it?
Yes, thatโs exactly what it does. I wasnโt thinking about that initially and itโs totally fine
Just take control of your dashboard and you choose not to show the switch
Thanks for your help
anyone else seeing this when trying to run a curl for node red web hooks? curl: (60) SSL certificate problem: certificate has expired
@lavish oracle custom brand icons in hacs store, there are quite a few icon packages out there
Hi guys, Is there's a way to show a border around a vertical-stack card? just so each stack will be distinct from the next one
No. However using this https://github.com/thomasloven/lovelace-hui-element you can put your cards in an entities card. This can have a border, and a title if you wish.
well it actually depends what you mean by border to be honest
if you just mean a glow edge or something like that its possible
using card mod I done this https://imgur.com/a/YnhWMNN
Is it? I never had any luck using card-mod to do that. Though I have not tried it for a long time as I just use the hui-element trick now.
horizontal sack with two vertical stacks
That's still a border round each card.
Not around the stack.
I think Chullu means something like this
I was looking for a trace of it it is possible, but I switched to a different style combining horizontal and grid
Horizontal and vertical stack cards aren't normal "cards" they don't have a border property.
its just using a different command instead of ha-card in the styles, forgot what its is now
your not doing a border your adding a box shadow to give the impression of a border
Ah, I see. Also I see your white border round the whole set of stacks now (it did not show up until I expanded the image).
yep i changed main layout now though as I wanted my grid stacks to be separate from each over this way https://imgur.com/a/ruaJ6Er
That white border is just imgur.
You can add a border to a stack with card-mod - using mod-card (gasp!).
And the default "border" around cards isn't actually a border at all (in the CSS sense), but just a clever dropbox shadow.
You may also want to check out stack-in-card https://github.com/custom-cards/stack-in-card
thomas is the pro, I am still a noob, I cant even get sidebar menu li.active to work lol
Im trying to create a swicht to change my tados from home to away mode and back - but i cant wrap my head around how to do that. There is no switch out of the box - the mode is a attribute of the climate.xxx
Has anyone already done that?
You could ask about template switches in #integrations-archived
i will - thx ๐
hi! i'm checking my logs more recently and i've seen multiple errors that comes up more than 250 times. Does somebody know what this means?
https://****.ui.nabu.casa/frontend_latest/bbfe5c61.js:235:519 Uncaught TypeError: Cannot read properties of undefined (reading 'get')
i feel like a bit of a dunce asking this, but I've got a docker install of HA and I'm trying to setup the floorplan module with a local file, what's the right base folder for HA in docker? I've tried /config and not had much luck
current location is /docker/volumes/HomeAssistant/static/house_svg.svg
and /docker/volumes/HomeAssistant is mounted as /config in my container
I tried referencing /config/static/house_svg.svg in my card configuration
/config is the directory where your configuration.yaml lives.
Anything you want to use in the frontend should go in /config/www and that translates to /local/. So e.g. /config/www/house_svg.svg becomes /local/house_svg.svg in the frontend configuration.
You need to restart Home Assistant once after first creating the www directory, but not when you change something in it.
ohhhh, well i feel silly, i thought this whole time maybe the docker version didn't have a www folder ๐
that did it, thanks so much @polar kelp !
because of that, please let me ask this: I would like to set the custom_icons folder of your Fontawesome CC to point to a folder in www. Ive tried to set that in the ini.py, but no success unfortunately. Cant that be done?
Good point. I'll see what can be done.
is there a direct link for entity cards? so that I can link people to a specific entity without them having to find it in an list or on the homepage
like how you can go to /devices/device/<id>
no
darn
Hello, i'm wondering if anyone know why the Supervisor view is not working in chrome on my installation (but working fine on the android app and safari)
i've already tried, cleared all datas in chrome
try it in your other browser that works and see if that's what's actually loading cache
I've just tried in icognito and it's working ... =S it's definetly my chrome install that's messed up, thank's for the help
open up dev tools and see what errors are being produced.
f12 then look at the console
no error in the console, just 3 ressources not loading
ctrl+f5 with f12 open
if that doesn't work, open the network page in f12, check disable cache, and then ctrl+f5 with f12 open
that should reload js files
Yup that's what i was trying to do, but it just get stuck and become imposible to reload
i've tried to clear the site date from the application tab, but not working either
Most likely a browser plug-in blocking resources
i've just disabled my adblocker, no luck there ...
throw your pc out the window then
all joking aside, not sure what the problem could be
Yup, i'll continue to tinker with my chrome
a font is stuck in loading and two json files
Hi. Anyway to change the loading order of my lovelace resources? I want to have a simple navigate plugin, but there is an annoying flicker at the start
Help please. I have three Android tablets as wall displays. Over the past few weeks they have stopped displaying icons on Lovelace - icons on cards, the header and the sidebar. The cards are there, the buttons exist and hitting them makes lights turn on and off etc. The problem is they are invisible. I've proven that Chrome is the problem as Firefox works. Is this a known issue? If so, how do I fix it, please? (it also affects the App - is it possible to change the default browser on the app?
usually Firefox is the one with issues ๐
Trust me to be different and battle with things others find easy! ๐ฉ ๐
Have you cleared your cache?
I'm missing a lot of MDI icons. Anyone know why? ceiling-light-multiple and lightbulb-fluorescent-tube for instance
What HA version are you on? In the current dev/beta we upgraded to the latest MDI icon versions (https://pictogrammers.github.io/@mdi/font/6.2.95/).
=> ceiling-light-multiple does not exist in MDI
Ok maybe i'm looking in the wrong place but i always use https://materialdesignicons.com/ to find the icons i want
That page also contains icons that are yet to be released. The cheatsheet URL I posted contains the released ones.
See https://github.com/Templarian/MaterialDesign/issues/6136
@tame dove - yes, I've cleared the cache, removed and re-installed Chrome (well, reset it to factory, disabled it, then re-enabled it and updated again) and have uninstalled and re-installed the Nabu Casa app. Same results, unfortunately.
So I have a question if anyone can help, I have .sidebarMenu li code which changes various items in the sidebar etc, but when I try to use .sidebarMenu li.active it does nothing. anyone have any ideas
where is best place to store images I want to use for picture glaces
I tried making a folder under config so I can just use file editor to upload but I can't access them outside of network
i put mine under /config/www/images
then on the frontend refernce them as /local/images
@last viper When recommending doing that, please also link to the documentation so they get a chance to read the warning ๐
https://www.home-assistant.io/integrations/http/#hosting-files
i didnt know there was a warning ๐
Now you know I guess ๐
yeah it was so simple to just get working that I didn't even look at the documentation
That warning has surprised too many folks that just got it to work without looking at the documentation, and then they come here/the forum/issues, complaining about it ๐ฆ
was that a decision made to not authenticate or is it something that no one has just gotten around to?
It's designed to be unauthenticated
If it was, you should not use it to import things to your lovelace dashboard for instance
like images, or custom cards, or css or whatever really
I almost used www folder but wanted to ask first lol
Hi Guys, I installed the font-awesome repo using HACS, the installation guide says I need to configure it but I don't see any configuration options for the integration.
Also, the fas:heart or far:heart is not working. (mdi:phone ie. does work)
am I missing something obvious?
@chilly mortar You added it as an integration in integrations?
yes (HACS integration -> search font-awesome -> install repo)
I now unistalled the integration and downloaded the repo myself and copied the custom_components/font-awesome folder but it doesn't load the integration, do I have to tell HACS it needs to init the integration or?
your issue is then with the integration not the frontend. Better asked in #integrations-archived
ok
Hi all, is there a way to change the home zone radius ?
https://www.home-assistant.io/integrations/zone/ its the radius key
So I must override it, as it's not in configuration.yaml anymore, right?
"o override this, create a zone configuration in configuration.yaml (see above) and name it โHomeโ. Overriding the Home zone via the UI is not supported."
Ok, so I must override it, thank you
What about iBeacons? I've bought an iBeacon device on AliExpress, is there a "universal" app to configure them? The manufacturer's app doesn't work well
hi, I've added a single history graph to a new Lovelace UI, but it only takes up about 25% of the screen width/height, utililzing about 1/16th of the screen
can I force widgets to take up the entire screen available?
found 'panel' view, nvm ๐
is there a way to make a timers STATE it's countdown instead? I can only see the counter count down when I click the timer in UI
I need it for another style of dashboard:
https://github.com/resoai/TileBoard
this dashboard only displays state and its attributes
2021.10.1 seems to mess up the badges in the frontend (and yes I do still use those)
Might be related to this: https://github.com/home-assistant/frontend/pull/10182
Please raise an issue in the frontend repo.
G'day all, quick question. I've over-googled it and come up with nothing. Is there a way to place either a vertical divider or a space between badges on a view?
Are there still some new MDI icons we can't use? Can't get the mdi:ceiling-light-multiple-outline working.
That icon has not yet been released. See same discussion a bit further above (6th October).
Hi everyone! Weird issue/question here.
I have a picture glance card with a camera entity, and the camera view is set to "auto". Everything works as expected in all of my devices (thumbnail refreshes every 10 second), expect for... my smart fridge! It's a samsung family hub with tizen 4.0 and i'm using the default browser to access HA. In the fridge, there is a never ending loading circle and the thumbnail is not displayed.
Note, this weird behaviour was NOT happening with HA <= 2021.8, and after the update to 2021.9 or 2021.10 this showed up.
Does anyone know why this happens?
Sounds more like an #integrations-archived issue than frontend.
The card is working fine, it just has nothing to display.
I would not say so, and correct me if i'm wrong. The card works fine and displays in every device that i have, but my fridge. I would assume that would be a browser problem, Correct?
Doh. ๐คฆโโ๏ธ I thought you were having trouble displaying your fridge info on the card, not the card on the fridge. Sorry, carry on...
So yeah, if i click the card on my fridge, the full sized camera stream shows up. It's just the thumbnail that's not loading (only on the fridge)
but the thumbnail was loading in 2021.8, and it's not loading anymore in 2021.9 and 2021.10
Are you streaming your camera or using the generic still image integration?
I am using ONVIF integration
Hi Everyone
not sure this is the right section but just had a power cut at home
turned everything back on and HA is not coming up
hooked up a screen on it
stuck at loading MS-Dos executable /mnt/system/bzimage"
anyone ever had that ?
am I good for reinstalling ?
I'm looking at adding an alarm panel to my Home Assistant, what's the best way to make this always easily accessible when the alarm is armed? Just worried about being on another tab and fumbling to switch back to the tab with the alarm panel on it.
you can use a condtional card
I'm thinking using browser_mod and showing a popup with the alarm on it when it is armed is probably the simplest
A conditional card on every view? ๐
I just use one main view ๐คท
Yeah I think I might end up doing that - just whack all my other cards under conditionals for unarmed.
I have a stack of conditional cards for exceptional situations - UPS on battery power, alarm zones violated, battery devices low, leaks, etc.
So do you hide everything else when those happen?
Except the important things I guess ๐
no, I show the cards when there's something to show
Ahh OK
Yeah I've got that for a low battery card, didn't think of just hiding everything else when the system is armed but that'll work.
Will see if I can get away with a single view, cheers!
Hello, I'm using weather-card and the default met.no, but in my card it gives me all details except visibility detail. Do you know if this is a bug or I have to set something or what else?
@dark dirge, how did you get around https://github.com/home-assistant/frontend/issues/6632 ? The only way I can see to do it is to always have something other than a conditional card in every column so that the issue isn't obvious.
By weather-card do you mean the default weather-forecast card?
I don't see that. My conditional cards are in a column with other stuff, and I don't see any "extra" columns
It only happens when you have a conditional card on its own in a column - the column doesn't disappear if the card isn't rendered (although this isn't consistent). Guess I'll need to finagle my layout to avoid having lonesome conditional cards.
Is it work in progress to make the GUI more user friendly as we are trying to reach a wider range of users?
I still code most things but question popped up from a friend that felt the gui wasn't logical nor simple to use for adding things.
Nabu Casa just hired a UX guy
I mean the frontend you can find at this link: https://github.com/bramkragten/weather-card
Anyway from home assistant repository it calls Lovelace animated weather card
Ah OK. What does the card look like for you with the missing data?
I get only "Km" next to the weather-fog mdi icon. I would have expected a value near "Km" to know how much is the visibility. (it's easier if I could attache a screenshot but I think it's not possible)
anyone know css element name background on bottom of picture entities where the entities are show
If you look at the attributes on your sensor, does it have a visibility attribute?
Can't you just find it by inspecting the element?
Howdy.
I use the alarm integration noticed that the shield icon disappeared and now it shows an empty circle. I saw in the release notes about the end of some icons and wonder if it relates to that.
I did not see anything in the logs/
I will check in later as I need to sign off for now.
Ctrl+shift + r
Maybe I forgot to say that I have no sensor outside my house at the moment if you mean that, but it interfaces with the default home assistant met.no site
I mean, inside weather-card, I set weather.home as entity and it starts giving me all detail but not visibility
so is anyone here good with doing the code for cards?
"doing the code"?
sort of, I took the images from a current card and edited them and want to fork the card (not take credit) but just to add ikea blind design to it.
cheers tom
Why isnโt the icon mdi:ArrowVerticalLock working in the latest version of HA?
I noticed the default badge icons appearing with the user-defined JPEG images on the default view this morning. Not certain when it started.
Has anyone got any sound effects for a house alarm I could use in HA? Struggling to find any good ones.
Question:
I have jpg's beeing uploaded from BI/deepstack to HA local. I want in front-end to show these pictures (works fine) but i want them to refresh automatic, meaning that the latest jpg's are always shown (now i need to refresh the page to update the pictures)
I have tried simple picture card and i tried using generic camera (still image path) + picture entity card (live enabled) but so far no luck. if it matters, i have CAST enabled as well. There must be a simple solution to this?
I noticed this for all of my person badges too. It looks like it has been fixed with this pull request: https://github.com/home-assistant/frontend/pull/10201
The default control alarm panel icon is missing after last release?
Hi guy's
Anyone know how to fix this?
Lovelace is running in storage mode. Define resources via user interface
October 9, 2021, 7:54:10 PM โ (WARNING) Lovelace
Hi I installed this https://github.com/dcramer/lovelace-nextbus-card HACS lovelace card but when I put "type: custom:nextbus-card" in the card config it says invalid configuration any ideas?
What is everyones favorite way to do some internet radio to speakers
so ive just edited a lovelace card (a custom one) but now, since i made an error in it, i can no longer seem to edit it... where is the yaml for the card stored, so i can edit it by hand?
i think i found it in .storage/
I would like to have a card, using an iframe, that displays a map, say google maps. So I've set the iframe's url property to the https address, but the site is refusing to load the page.
I have HA running on a Pi4 on my LAN without SSL. My HA is not accessible from the WWW because my iPhone hotspot does not do NAT, which also means I cannot use dynamic DNS.
I use Lets Encrypt with a VPS I have online, but I've never setup/needed SSL on my LAN. I suppose I could VPN into my VPS, but that seems a bit convoluted.
Any suggestions?
Custom Button Card: I can create a button to disarm my alarm no problem using the following: type: button tap_action: action: call-service service: alarm_control_panel.alarm_disarm service_data: code: 'xxxx' target: entity_id: alarm_control_panel.alarm_com entity: alarm_control_panel.alarm_com
but the moment i try and create a custom button card the button no longer works and will not call the service. type: custom:button-card tap_action: action: call-service service: alarm_control_panel.alarm_disarm service_data: code: 'xxxx' target: entity_id: alarm_control_panel.alarm_com entity: alarm_control_panel.alarm_com
Will this not work with the custom button card? or am i doing something wrong here?
I was able to get this working by setting up input booleans to trigger the alarm disarmed, home, away: not a perfect solution as i would like to have the icons change color based on the alarm state and i cannot seem to do that via this method. But it'll do for now
I'm not sure if this will work, but you could try something like:
state_image:
"on": /local/imageOn.png
"off": /local/imageOff.png
no it wont work that simple unfortunately. Because i have the input boolean set to turn back off after 2 seconds once its activated. I did this so that if someone disarms the alarm from the panel the input boolean will still function to arm again. My workaround was to add a separate button that has no action and just displays the status of the alarm system.
lol my attempt at making a card failed hugely lol
Hi everyone,
I am trying to tidy up my installation and would like to make it easier to start from scratch.
So my approach is to create a cleam config file/folder structure.
Afaik it is only possible to add devices to areas via the UI. Is it possible to group devices via yaml files in a way that Lovelace will recognize and group them just like with areas?
I made nice custom ikea blind images as well lol, I knew i should of spent more time on JS all those years ago ๐
When I move switches on or off with Tuya devices they don't always work and they go back to previous state. So if I turn off a device it will stay off but in the gui it goes back to listing itself as on.
@scenic trout sounds like an issue with whichever tuya #integrations-archived you're using
Hi everyone. I have an entities card for โkitchenโ, with a header toggle. As you know Zigbee groups are much faster to react than HAโs โfake-groupingโ (the header toggle by default will send a separate command to each device).
Question: how can I have header toggle send commands to the group, not to each device? See image: https://imgur.com/a/ReMEg8S
Hi,
Based on 2021.10 "The Material Design Icons have been updated to v6!" info I wanted to use mdi:transmission-tower-import / mdi:transmission-tower-export icons for energy related entities, but they can't be found / are not shown. Am I missing something? Can we use them?
HA uses currently MDI version 6.2.95. So every icon that is in that MDI release can be used. https://pictogrammers.github.io/@mdi/font/6.2.95/
Thanks. Need to use that instead of https://materialdesignicons.com/
The link I posted is the "CheatSheet" link from https://materialdesignicons.com/
So what does it mean if these icons can be found on main page and not in cheatsheet? They are not included yet in any release? Pending?
Correct
The icons you are looking at will be in 6.4.95: https://dev.materialdesignicons.com/icon/transmission-tower-import
All clear, thanks. Hope to see it added in near future, would be helpful supplement for energy management features.
is there any way to enable pinch zoom or something to zoom in on a camera feed, particularly when dealing with mobile ha app?
Hi All. Is there a way to get the Energy Distrubution Graph from the Energy Tab onto a card on the Lovelace Overview? Thanks in advance.
anyone know of a card like History Graph, but will allow two y-axis with different scales/units ?
Thanks
Using a picture elements card with an svg image, is it possible to change named elements like text depending on states? (like floorplan)
I want to redo the top left picture elements card to show the direction of the 3-way valve: https://varmepump.one/wp-content/uploads/2019/03/H60-Homeass.png
Am I doing something wrong here? I am trying to adjust the font-size of the secondary text "15%" https://i.imgur.com/aWl71sD.png
How can I avoid the button icon changing colour to white when clicked? https://www.codepile.net/pile/yLRyOlXz, never mind the white rgb(x,y,z) in the paste, that was just a test. It can just as well be red
state-label element on a template sensor that contains the current direction as its state
I checked breaking changes on 2021.10 but dont see anything regarding custom elements not loading? I installed most of them via HACS and are located in /www/community but lovelace is giving errors on them not exisitng after updating from 2021.9.x to 2021.10.x. Do I have to change anything?
do you have netgear enhanced installed by anychance?
nope, I dont. Im using the unifi integration
getting "Custom element doesn't exist: ELEMENT_NAME"
just asking as I had a issue with the netgear enhanced causing issues, once I removed the code HA worked fine again
I have over hacs stuff that was not loading until I removed the netgear enhanced, so it could be one of the hacs items causing it
other hacs
Evening guys,
Im trying to recreate this code, placed as an example for a button card https://github.com/custom-cards/button-card. However i do not know how to recreate this binary sensor 'binary_sensor.intruder'. The code that im trying to implement is;
Is there someone who can help me out?
@mild veldt for the valve i would like to show it graphically. i guess i should just setup Floorplan and use that. I did try making two different SVG's which shows the 2 states (same SVG, but hide everything else), and added those as image elements, but it will not align properly. For the temperatures i could use the state-label element, but doing it the floorplan way makes it so much easier to align everything
hey guys, i have a few questions regarding lovelace ๐ im in the right channel here i guess.
Is there such a thing as a secondary / subordinate HA installation? For example: Adding another HA install at my parents house and wanting the Zwave/ESPhome/etc addons and entities to be managed by the local install but show up under my current HA install and I can interact with them as if they were local to me?
anyone know how to get the DS03 working with a custom fan card?
my current issue is the buttons on my custom fan card select the fan speed preset but don't actually turn the fan on.
can anyone assist with state_icons?
Don't ask to ask, just ask your question. Then people can answer when they're around.
When you do ask a question, try to provide as much background detail as possible. Ask yourself these questions first so that others don't have to:
- What version of the Home Assistant are you running? (remember, last isn't a version)
- What exactly are you trying to do that won't work?
- Is the problem uniform or erratic?
- What's the exact error message?
- When did it arise?
- What exactly don't you "get"?
- Can you share sample code, ideally with line errors where the error occurs?
type: button
tap_action:
action: call-service
service: input_select.select_next
service_data: {}
target:
entity_id: input_select.alarm
entity: input_select.alarm
state_icons:
Armed: mdi:shield-lock
Perimeter: mdi:shield-moon-outline
Disarmed: mdi:lock-open-variant
show_name: false
show_state: true
^I can't get that to work using state_icons ๐ฆ
Is that a thing? https://www.home-assistant.io/lovelace/button/
Hi guy's
Anyone know how to fix this?
Lovelace is running in storage mode. Define resources via user interface
October 9, 2021, 7:54:10 PM โ (WARNING) Lovelace
the only resources that I've added are through HACS I think
That implies differently
ah found it I think, I'll delete it ๐ and see what happens
yep, sorted it thanks
I guess state_icons used to be a thing. Are they gone now?
The docs are truth. Iโve never heard of that section
there are different icons available for locked and unlocked, opened and closed, etc... shouldn't we be able to change the icons depending on state?
I'm not fully sure if this is the right place for this question, but I gotta ask it somewhere.
I found this thing called HACS (https://hacs.xyz/) qand it looks to be a collection of themes, plugins, and integrations for Home Assistant.
So I was wondering, why isn't this already part of Home Assistant?
Is it some kind of 3rd party?
I am trying to install https://github.com/dcramer/lovelace-nextbus-card this custom frontend card but when I put type: 'custom:nextbus-card' I get invalid configuration the URL in the frontend resources leads to a js file with code in it so I cannot figure out why this isn't working
@knotty fog I am new here, but I think HACS isn't available in all instances of HA. I remember having to wipe my core install and install HA supervisor to get the options I wanted
HACS is made and maintained by a Home Assistant core developer, but it is a third party integration. That's because the integrations and plugins installed through hacs do not go through the security and quality control of the official integrations. Installing it should not be difficult, but it should be something you do knowingly.
How do I align my cards to the left? They seem to always be at the center. I have a vertical stack which I want to have on the left side on my dashboard.
HACS can be used on any installation method that Home Assistant supports
Hello!
Can anyone help me to control the Apple TV just like remote from Home Assistant ?
Thank you
It's showing something like this: https://i.ibb.co/BBzQQ4W/Screenshot-from-2021-10-12-16-16-03.png
But now I want to make a small Button type UI to control it.
I found something on the link: https://community.home-assistant.io/t/apple-tv-remote-implementation/194317/2
but I don't know how to implement it.
the icon in the state-badge was fixed https://github.com/home-assistant/frontend/pull/10201, but now I see the state shining through the entity_picture.. anyone else seeing that? https://community.home-assistant.io/t/after-upgrading-to-10-x-badge-photos-have-icon-over-them/345431/3?u=mariusthvdb
has something happened to battery icons on latest Home Assistant release. I normally have icons that show the % fill as the icon, but they have all changed to showing 100% full when they are not ? Is it something to do with the mdi icon update? They are device_class battery. I've looked for open issues on github and can't find them, do others have this problem ? thanks
I'm a little stuck, I'd like to have an entities card show an attribute of a sensor and also the "last changed" secondary info on that attribute, is that possible?
Is there an easy way i can export a tab into a full dashboard?
cast?
You can cast a single view to a google home or chromecast receiver
no i wasn't clear. I have a dashboard with multiple tabs in it. I want to extract one tab into it's own dashboard.
Ah. That's easiest to do via yaml. Go to edit mode, open the "Raw configuration editor", find your tab and copy it. Then make a new dashboard, open the raw editor for that and paste your tab.
You'll need to know a bit about how yaml works.
awesome thx. Will try it out.
Thank you.
That really clears it up.
I'll make sure to inspect all of the HACS plugins and integrations before installing them.
hello everybody - new to this forum - any suggest why new material icon are not shown in frontend would by sort of kind ๐
This is a question about a HACS card, so let me know if this should go somewhere else
the issue is with the script on the "color" section
https://pastebin.com/fqNZHf7Z
Supposedly, whenever none of those lights are on, it's supposed to change the name of the card to "Turn On Room", which it does, and change the icon to gray, which it doesn't.
On the other end, when any of those lights are on, it's supposed to change it to "Turn Off Room", which, again, it does, and change the icon to white, which it appears to be, but upon testing with various colors, it does not.
this might be #template but getting error Template variable warning: 'None' has no attribute 'last_changed' when rendering '{{relative_time(states[config.entity].last_changed)}} ago'on my template-entity-row:{{relative_time(states[config.entity].last_changed)}} using ```
secondary: >
{% if states[config.entity].last_changed %}
{{relative_time(states[config.entity].last_changed)}} ago, Elevation: {{state_attr('sun.sun','elevation')}}
{% else %} Not yet set, Elevation: {{state_attr('sun.sun','elevation')}}
{% endif %}
or should I simply test for {% if config.entity %}