#frontend-archived
1 messages · Page 215 of 1
i am not pro by any means but i am not sure you can add any padding there
i would just make 6 column grid instead of 4 and make 1st and last look like padding"
Urgh of course. That’s very smart
hey, is it possible to split up the lovelace config and define own "packs" of cards so i can easier reuse them on different dashboards?
Hi all, i'm having issues with the GUI of my custom (created) cards. On creating some custom card with a GUI for creating it shows a list of all suitable options where a dropdown should be.
Also other custom cards have their buttons and layout mixed up. (like vacuum card).
Can't find any solution to this.
example
Hi,
Does anybody know how I can open a single entity via URL. Same as I would click on a single entity in lovelace.
Chance is bigger that people can understand if you use english I suppose.
🤣. Thanks for the info
I dont really understand, what kind of thing do you want to open, is it a device outside home assistant? for example if you want to visit url from a card, there is -type weblink
No, the opposite way.
I have an external integration for home assistant which uses the API from home assistant. I would love to be able to open a single entity in lovelace via a url e.g. the history view already support that http://192.168.1.106:8123/history?entity_id=sun.sun
only I can think of is, but tbh I dont really understand what you want 😄 - type: weblink name: 'Badger?' icon: mdi:youtube url: https://www.youtube.com/watch?v=EIyixC9NsLI
You will get a popup (modal dialog) in lovelace when you press on an entity like a light. My problem is that I'm not in the lovelace dashboard to click, I'm an external application which try to open the lovelace dashboard via a url. I can only open a page in the dashboard, but not a single entity like when you click on one.
then use curl ( restful API)
I'm already using it, but there is no url for that
/api/states/sun.sun
Maybe a long shot.
Is it possible to use a slider (value 0-100) to send a restful command to the api?
You need an automation that triggers when you change the slider (input_number I assume?). Trigger: input number changes Action: Calk your rest command with value from input slider
I'll have a read, thanks
For all those people who find it more convenient to bother you with their question rather than to Google it for themselves.
👌
YOUR DASHBOARD LOOKS WEIRD TODAY?
UPDATE CARD-MOD
I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.
I didn't update, I Downdated it xD
Hopefully it was just an April fool's joke, I smashed a brand new razer orochi
Just joined this discord to ask about what the heck was happening
Shoulda showed a banner somewhere or even in a console a message that says "April Fools"
got me good!
Good thing much of the rest of the world sees April 1 before me
trying to work out why so meny of my cards and my side whendow are bent i work up to this and im wondering what the fuck is going on
oh its an april fools joke isnt it
fuck me
is there some way to turn it off
I found it amusing, especially as I was working on my new dashboard whilst it clicked passed midnight. Wondered what I did to destroy HA 😂
yeah I had just installed browser_mod last night so was googling why browser mod had broken my UI and everything was wonky
Great timing
hahaha
At first it was only my new dashboard but when the rest of ha went wonky & my partners dashboard went wonky I got very confused on what I did 😂
Haha I don't use card mod but would have appreciated the joke! But this shows one of the strengths of HA: it is totally possible and best practice for end users to always keep a working restore point handy to revert to a non-broken state!
Any ideas what is causing this misalignment?
Any ideas when it will be fixed?
as it says:
UPDATE CARD-MOD
in other words, it's been "fixed"
or unbroken...or something
Just shows 3.1.4
Still have issues with 3.1.4
I guess I'll have to restore last nights backup 😄
3.1.4 is the one you want
Cleared browser cache and working again. Yay!
Nice one :)))
Noob here. Update card-mod, cleared cache... Still crooked. What do I do?
I don't appreciate these types of jokes in my professional environment
Haha @polar kelp
haha the april 1st joke is amazing. Took me a few min to realize what was happening
I don't use card-mod, but I think it's a good april fools joke, with an important underlying message @polar kelp
I enjoyed it too and I'm still enjoying it. It doesn't need to be all straight the whole time, i'm crooked sometimes too 🙂
Just wanted to let you know, I really appreciated the little surprise. I must admit, I had first seen the shitstorm that you received before actually looking at my dashboard, but still. I love it and I think people have been reacting way too harsh... ❤️
I personally don't mind the joke, it made me smile before I got my coffee, I did wonder a bit why the order of cards was wrong. I do get some of the people's sentiments, maybe just the ||crooked sidebar|| would've been enough, but I enjoyed it 🙂
Well done. Nice joke and important message. 👍👍😂😂
Should probably use a professional platform then
Good warning for a a professional environment that uses custom plugins I'd say
I'm wondering how much all these complaining ppl paid for Thomas his work over the years. Must be quite a lot 😘
I thought it was funny. 😅 no harm done
It was a very good move to quickly release the update so that people have a way of disabling it without having to wait 24h.
Without that option, there probably would've been a much worse shitstorm
It hasn't fixed it for me. How do you disable it?
the frontend caches quite agressively. try hard refreshing with ctrl + f5
What about from the mobile app?
Force quit should do it on android. Ios has a button in the app settings for clearing the cache.
Under Debugging, I think.
Yeah. None worked for me. Cleared cached and data from the app.
Do I have other options?
if you're using HACS, you could try using the "redownload" option in the three dot menu so that you get that clear cache modal again
just do that on the device where you're experiencing the caching issues
Haha excellent April fool 🙂
Still no luck. Comes right back.
Clearly what I'm doing is clearing something as other tweaks in the interface have reverted back to the default, but it is still crooked.
I don't get it.
Did you update the plugin?
Cache only
Aww a new version, such a shame.
Thought people need some distraction these times. But I guess not.
I emptied the cache in Android app settings that works for me
A just litteraly deleted card mod and it is still crooked.
What does that mean.
Cache 😎
Do you have it in extra_modules?
I'm sorry. How do I check that?
I don't understand.
If it's there it's because you added it yourself. So you probably don't.
It's what's mentioned here: https://github.com/thomasloven/lovelace-card-mod#performance-improvements
Repeating for visibility. If the bot kicks me for spamming that's not the worst that's happened today 🤷
YOUR DASHBOARD LOOKS WEIRD TODAY?
UPDATE CARD-MOD
I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.
Don't be too hard on yourself
Ok. I haven't done any manual install.
All through HACS.
A shit. My editor doesn't even give me my config yaml anymore.... Now I'm lost.
Where are you experiencing the coaching issue. Desktop? iOS? Android?
Android
Is it working on desktop?
What I've done:
Cleared app cache
Cleared app storage
Cleared all data from chrome
Restarted the device
Redownloaded card mod
Deleted card mod
now why wont this work https://community.home-assistant.io/t/can-you-reference-media-source-items-in-picture-cards/230274/8 trying a media_source image to be displayed in a type: picture card... not possible?
Don't have access for now. Will have to try later
In which version of card mod was this introduced?
3.0.13
@thorn mulch Your message has been deleted as it contains a link or a domain name 'pasteboard_dot_co' that is on the blocked list because of: 'Virus detected!'.
Please re-post by removing/changing the domain name/link. Your original message has been DM'ed to you.
Your message: Hi, any reason why lovelace get all "tilted", i added spotify integration and now all "frames" in lovelace are tilted 🙂 this is across all dashboards including "automatic generated"
see latest pinned message
@vapid field Do you have minimalist-ui installed or anything else that may include card-mod as a package?
Yes. I felt it might have to do with minimalist-ui. Nothing I tried worked. I reverted back to a pre minimalist-ui/card-mod version and it seems to have "fixed" it
@polar kelp Loved the april 1st joke mate, dont beat yourself up over it with the few people who are upset.
@polar kelp Your april 1st joke might be the most traumatic thing I’ve experienced in recent years 😂
Well played.
Lol. Feel the same.
same for me, i had to remove card-mod. reboot and re-install.. Not funny, a wake-up call that community store is simply a community store nothing less nothing more.
Do NOT restore backups to try to fix it. It's been in there for a year.
What he thought would be an awesome day, just turned into hell.
So I got this https://www.zigbee2mqtt.io/devices/HG06338.html I want to show state of the switches in some nice way, but not be able to toggle them on/off, just for info, suggestions ?
I'll just keep repeating this every now and then for visibility.
YOUR DASHBOARD LOOKS WEIRD TODAY?
UPDATE CARD-MOD (and minimalist-ui)
I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.
I thought it was awesome, but aparently had a huge impact...
Hey folks, is there a quick and easy way to get a picture in a plant card? I know wich plant is wich but for the wife a simple picture would be MUCH better. Thanks for the help
Put a picture of your wife there, that would be awesome
This looks nice https://github.com/RodBr/Plant-Card
XD I dont see the point in that I dont need to water my wife.
No but she'd be surprised and prolly angry if all plats had diff pictures of her
Thanks, but this only works with a custom card right?
Also there's this, https://github.com/thomasloven/lovelace-flower-card but it's not been updated in forever, and I heard the maintainer has a history of making questionable decisions...
Well I guess she would do a short chuckle and I would have to fix it all after that
Sounds familier, but its always worth it 😄
Exactly this is the reason why I prefere to not use custom cards if I dont have to. I thought maby there is a easy way to just get a pic in there. Guess Ill go custom again 😉 thanks
picture-glance with stuffs ?
Right. There's this old gem
supports states, so you can change picture if something hapends.
That's in the demo too https://demo.home-assistant.io/#/lovelace/0 and entirely stock
worth a thought i guess
Funny I thought it would be pretty easy to just get a pic in there. Sometimes things you think will be hard are actualy easy and the other way around 😄
https://www.home-assistant.io/dashboards/picture-glance/ but I mean, there are allready cards made for it...it's like inventing the wheel all over
But with a bit of tinkering, you can have card look like what you want I suppose
Yeah but I try to stay away from everything custom if there is not a good reason because you always reli on other ppl to update.... And that can go wrong 😄
is it possible to change that lightning icon for anything else ? Did solve it
Nice 4/1 prank
hmm confused about entity names and ids and friendly names.. I have dynamically created entities that basically have a serial number like 123 .. and later they might get a human readable name attached to them. so I want my entity_id to be my_domain.sn_123 but then on the Lovelace gui I would prefer to see the human readable name. So which entity attribute is the right one for this "GUI name"?
It's still the name/friendly name 😛
The entity ID is for the system, and is unique
The name is for humans, and doesn't have to be unique
yea but the names these things have can be loooong with special characters
so I would prefer not to have them in the entity name
Almost every card allows you to over-ride the name
Then... don't put them in the name?
so I can expose a friendly_name attr?
what on earth, my cards are tilted like 2 degrees in lovelace, feels like im part of alice in wonderland

how is it possible I did not find that
ooops sorry about the giant sticker, not a discord user
lollll, 4/1
hmmh, not working.. I defined
def friendly_name(self) -> str | None:
return self._title```
but entities don't show that as the friendly name.
I also put self._title in extra attributes so I know the value is right
then again, icon property works fine in the same way
ok. deep into the core code it is then...
having this 'image' folder in the /config share root folder used for images of the Areas in the config. Probably others too. Shouldnt that be in the /media share root folder? Its impossible to browse with only unique_id'd folder names....
Nor can I browse it from the Media Local Media button, because that points to /media share..
apparently friendly_name has to be separately registered in the entity_registry or it will just be the entity name attribute, can't override the default value
you can rename the entity by pointing and clicking or have a customize.yaml
yes but I want to set the friendly name from code
Hello! Im new to this, so dont laugh. I have set up a family card where each members photo, location, and device battery stat is shown. However my son always forgets to charge his ipad, so his card often shows a big ugly orange error. -How can I change that, so when (a) device is unavailable it shows something simple like "unavailable" instead of a huge pile of error?
Better teach your kid to charge it instead 😄 But you can filter on available devices and battery. Sensor is always gonna report error if it doesnt find the device, but if you want to show it in the interface; you can filter on available devices; thus hiding it when its not available. Or just have home assistant send an alert when it drops below 20%
potterer: we are talking about completely different things.
vaizki, ok I'll be quite 😄
stop messing with my ocd lol
check the pins to fix
I may be crazy, but I kind of like the look.
it's not that bad 😄
I never saw it in action, do they jiggle?
God no!
LOL
I'm not a monster.
I updated it and still have the tilt, and am struggling to figure out which other thing is causing it
CTRL+F5
I cleared cache, restarted HA, it's still there
that's what I'm trying to figure out
are you running any large UI packages?
I only have installed through hacs in frontend simple vacuum card, xiaomi vacuum map card, and simple thermostat
integrations are xiaomi cloud map extractor, plex assistant, and spotcast
I cant remember the name of the other UI's that use it, dwains and something else
hk homekit blah maybe?
anyways, if the issue is still there, it's caching or you didn't update
or it's something you installed outside of hacs
Then it's browser cache
you must be right
Try the tricks here: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#clearing-cache
for a second believed Thomas was at it again...
its however the correct result of ``` picture: >
{% set state = states('sensor.moon') %}
/local/weather/moonphases/{{state}}.jpg
that doesn't look like a moon
So that's how it's going to be from now on, is it?
maybe just for a day
Cannot wait for next year!
@final void it's taking shape, but it's slow 🙂
YOUR DASHBOARD LOOKS WEIRD TODAY?
UPDATE CARD-MOD (and minimalist-ui)
I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.
Hi Guys! Having problem running the Mushroom add on. Its installed but it does not appear when I "Add card" in Lovelace... any ideas?
It's a custom card, not an addon, and that usually means that you need to clear your browser cache or add the resource in
-> Dashboards -> Resources
Am I the only one with this problem?
Keyboard acting like I entered two digits and going back down
Done that,.....
Are you sure the card allows you to configure via the UI? Many custom cards require you to use the manual card to configure in the UI.
The readme says it does.
Hi, is there a histogram card that can define the bin size (one pin per hour,day,month or so)?
Custom mini graph card or Apex card
Tried both ways, through HACS and manual, nothing...
I just added it, and:
HACS or manual?
HACS, but I use YAML for the dashboard and had to manually add the resource in YAML and reload the resources
What the hell is going on
I hope you guys see it too, a bit worried that I'm going insane
Do you know guys know if this is a bug or not. When in the HA UI, under the Automations tab, if the screen is a reduced width, eg 1920 x 1080 on a 4K screen, and the Info, Debug, Edit buttons are reduced to be under the three dots. When I click on the three dots, the menu appears but about 1 second later it hides.
Its as if some recurring rest call is occuring thats refreshing the automations list?
anyone use https://github.com/nervetattoo/simple-thermostat? Wondering if it's possible to assign a script to one of the buttons instead of the default action?
If I want to view an attribute of an entity in a glance card do I need to create a template sensor entity to do that?
It should work now. Its working for me all of a sudden
(If you are still around as this comment was 2 years old)
I can't seem to wrap my head around how I can make some cards font smaller. example is this card:
https://github.com/AitorDB/home-assistant-sun-card
I've got card-mod installed yet cant seem to do it. The best I can do is change the distance between elements with font-size. 😛
I would guess your css isn't targeting specific enough. Use the browser dev tools to see where the font-size is coming from
@worldly pond posted a code wall, it is moved here --> https://hastebin.com/mudacexoyu
I was able to find this, but no matter how I set it, it does not seem to apply to the element in question. Any suggestions would be awesome and appreciated
Hi guys this is a card of my door sensor. When my door is open it says 'open' which is fine and when its closed it says 'closed' but I would like to change it to 'dicht' which is closed in dutch. Is this possible? I check the settings of the entity but did not find an option to change it.
Try this as starting point
I wouldn't have though that images of text would be a problem here, but here we are...
I'm sorry if this a dumb question, how do we put the small icons on the top of a dashboard?
Like the ones on the tok here.
those are called "badges"
I see.
I'm yet to figure out how to perfectly display it on my TV.
Messes up the whole ui.
Thank you!
Is there any way I can resize the cards and use some extra space here?
your TV
Thank you @dark dirge. I'll see what I can do about that 😅
Spot on. I thank you for taking the time and sharing the wisdom! It now fits snuggly in my dashboard.
Could you post that as text? Much easier to copy then 😉
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
Lets not complain when someone takes the time to help. 🤣
Sorry, New here and thought that it is not allowed to post text-code inline. Therefor I replied the same way as the question was.
The rules here are generally the same as the forum, aside from code walls
I started on this one, but have to move on to something else at the moment. I'm sure you can take this template to adapt to your situation and use for the entity or for a custom card to display. Point is you can do a template for the entity and "replace" the word to be what you want it to be as its text instead.
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
Mine checks if the vacuum is docked and if so, changes it to "I am docked" 😛
FyI: https://github.com/Mariusthvdb/custom-ui#heads-up If any of the Frontend guru's around can help me adapt to the new Websockets in HA 2022.4, that would be immensely appreciated.
Wasn't complaining, just lazy 😄 because I have the same quarrel with the sun-card font sizes and probably will give card-mod a shot.
Thanks for the pastebin 👍
Hey guys, I'm less than a day old in this world so sorry if this is a repeat. I'm trying to change the size of cards in the dashboard on iPad. I want some stuff to take up the full row and other stuff to share rows and whatnot. Right now the layout is just a little ugly for me. Any pointers on where I go to change the sizes of cards?
There's a two part trick that starts with opening the options for the view - one of the little pencils near the top when in edit mode - and select Panel in the View Type dropdown.
The Panel type will display ONE card which is stretched to the full width and height of the window.
The second part of the trick is to make that card a vertical-stack, horizontal-stack or grid card, and then put your other cards (or stacks of cards) inside that.
There are other methods for more fine-grained control, but they are significantly more involved and I don't recommend them if you're just starting out.
besides state_color for regular on/off what do you all use for alert coloring, let's say flood_sensors and open doors etc. I used to use my icon and icon_color template for that, and have an alert_color in the themes, but its all very tedious to set that per entity.
And I invented those methods, so trust me on that.
would have wished for an alert variable somehow in core frontend (something like device_class: problem to use var(--alert_color) . also, anyone knows what the 'paper-item-icon_-_color' does?
Can anyone help me wrap my head around auto-entites card?
I manually made a 3x5 grid of my scenes each cell being a picture that points to the scene img and activates the scene on press.
I'm trying to make the card dynamic in case I add more scenes. With auto-entites I can find all the scenes and organize them using grid. Now making each cell usable is where I'm lost. Is it possible to use maybe a template or something to make each cell be a picture with image_path: /local/<scene.bedroom_[extract-this-part]>.jpg and tap_action: activate scene by id
Is that possible?
Just want to say thank you for all the frontend stuff. Its transformed my dashes.
opened a discussion on https://github.com/home-assistant/frontend/discussions/12207 to add alert-color variable in HA themes.
Hello guys, did you know where i can find this card ?
It's like a group selector
And it expose some different shortcut when you select different application
For exemple you select netflix, you get some shortcut for netflix, same for plex etc
isn't that a custom made horizontal-stack of custom:button-card 's?
is the guy that's working on custom sidebar here anymore?
Badges?
they're not really badges
looks like a stack of custom:button-cards
Hey, maybe someone smart can help me with what I am doing wrong. I want to display an attribute of the entity in a Glance card. I found this post, where they say that it's now possible: https://community.home-assistant.io/t/how-to-show-an-attribute-on-a-glance-card/134057/8
However, when I try to set it I get following error, I tried multiple variations of it, but I just don't get it.
Was wondering if someone had a YAML template for the material ui theme for a mobile device. I have material theme installed and working on HA but would love if someone would share their YAML so I can see an real life example
I have a conditional card that only shows when hacs has an update. But my tap action isn’t behaving how I want… I want it to take me to the hacs ‘homepage’ so I can see the update and install it. But my current config just shows me the info of the sensor… any ideas?
That card doesn't support that: https://www.home-assistant.io/dashboards/entity/
Damn… rookie error there… i’ll check the docs next time
Thank though
Works perfectly being a button now…
I love and adore this new update UI:
anybody can please tell me what is the code line to edit the icon color of an unavailable device into the theme yaml?!
After a couple of restarts of my Pi it all came alive....
you want the var(--state-unavailable-color) https://github.com/home-assistant/frontend/blob/2ade728bc31ca07a4e2b5a07246d8d408073dab9/src/resources/styles.ts#L53
is it possible to create preset buttons on the UI to fire off a series of MQTT msgs? i'm trying to create presets for my AC unit
Hi, Has the API changed in teh later versions, some of the things i had setup using the API looks to have stopped, i cant work out why
Hey guys just a question regarding HACS. If I am to use the redownload option on a Frontend custom card, will that create any issues like duplicate files etc? I need to redownload some custom cards to try and fix an issue I'm having.
I don't see how redownloading will fix anything other than a corrupted file
as for your question, it'll just replace your current file
Ah it's just to do with a custom dashboard I'm making with Minimalist UI, and needing to re-download the HACS custom cards to fix some of the stuff on my dashboard so they work again after modifying another setting, it's a bit of a story 😄
then just redownload and hard refresh the page, i.e. open dev tools (F12) and press CTRL+F5 (assuming chrome).
Hi guys I have a question relating to the picture-elements card and the layout-card frontend add-on.
On my dashboard I have a picture-elements card displaying the sensor.time which was working fine till I did the HA update on the weekend. Now when i cast that dashboard to my google nest hub the time just stays stuck on the time it started casting but is fine on my desktop in chrome.
I have done some testing and on a default Masonry view dashboard with just the picture-elements card on it works fine. But the dashboard i had that was working which uses the Grid(layout-card) view type displays the picture-elements card frozen.
Has anyone else had this issue?
make scripts that send those messages, and then have your buttons call the script
Hi guys, i have a question - i want to specify multiple values for state in style template. I have
state:
- styles:
value: "on"
how to specify for example:
value: "on" or "heat"
What are you trying to achieve?
I have button-card which should change color if the entity state is on, but i want to achieve that button card changes color if the entity state is: on or heat or playing etc
In order to create one template for every type of entities
state:
- styles:
icon:
- color: "rgba(var(--color-pink),1)"
label:
- color: "rgba(var(--color-pink-text),1)"
name:
- color: "rgba(var(--color-pink-text),1)"
img_cell:
- background-color: "rgba(var(--color-pink), 0.2)"
value: "on" or "heat"
id: "on"```
something like that, but i don't know how to make the value part to work :<
Well, without knowing the button card (assuming it's custom), I'd guess you want a template value or similar
@faint heart posted a code wall, it is moved here --> https://hastebin.com/facudetuno
any great ideas how to do a pretty "switch" with 3 states.. Low - AUTO - High
Hi. I cant figure out why below service call is not working with the custom button card. It does what is supposd to when I call it from dev tools service call
type: custom:button-card
icon: mdi:weather-sunset
color: auto
name: Upstairs Evening Mode
tap_action:
action: call-service
service: light.turn_on
service_data:
brightness: 51
entity_id: >
{{ expand('group.upstairs_lights')| selectattr('state', 'eq', 'on') |
map(attribute='entity_id')|join(',')}}
you can't use Jinja templates in that card
you can call a script and use your Jinja template there
Oh... Sad Panda. So I have ot create a script and use that as the service then? What type of templates does custom button card use. then?
Thanks! Any other way to achieve same action without creating a script. The template checks to see if lights in a group are on and if they are sets them to a particular brightness (Like Night mode)
I am relatively new to HA, have installed UI Lovelace Minimalist. Not sure if I did the right thing, I see the theme. So it works. But when it comes to custom card, is it as usual? that you have to put them in the / www folder?
Have a look at this page: https://ui-lovelace-minimalist.github.io/UI/setup/custom_cards/ that gives you everything you need to know in terms of installing custom cards with that theme - I just started using it as well 😄
Download all the custom card folders from the GitHub, then put each one you want to use into the HA folder: \config\ui_lovelace_minimalist\custom_cards
Hey y'all, I'm getting an entirely blank dashboard suddenly after adding multiple !include for linking other views. The path is correct and the yaml files have working code in them. Would be able to tell me why this is? Code: https://pastebin.com/JNnGAcN6
Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.
After updating to 2022.3, the text box on the alarm panel card now looks out of place- doesn't match what's shown in the documentation either: https://www.home-assistant.io/dashboards/alarm-panel/
im i thinking right now? config/ui_lovelace_minimalist/custom_cards/custom_card_device_tracker config/ui_lovelace_minimalist/custom_cards/custom_card_afvalophaling
That looks correct! The folders for each custom card you're using on your dashboard all just need to be inside that custom_cards folder. Your paths look right, so you should be good.
You'll see those folders in your file explorer for whichever way you access your HA files (I use the Studio Code Server add-on).
Some more complicated customising of cards requires you to edit the original code within those folders (mostly you can just stick with customising them via your dashboard code however)
one right:) i did a test to see if i can get it work, so i took Custom-card "WiFi Signal". I go to add card, chosing manul card. add this:
- type: 'custom:button-card'
template: custom_card_mpse_wifisignal
entity: sensor.wifi_julgran
but it still saying i dont have the card, i have reboot the system after adding the folderö, What are i am missing?
Make sure you've added the folder to the correct location, deleted all the language files in the language folder besides the one you want, and reloaded the YAML configuration for UI Minimalist?
It should just work after that, as long as the code for the card is correct. Make sure to confirm on the page for installation I originally sent.
I have tried but failed consistently, how do you do !include for things. trying to do !include for a dashboard yaml, and it creates a new view, but then is just a empty tab
views:
#other stuff
- !include "pages/balcony.yaml"
TBH never been able to have the !include work
Just appears like this
I have a similar issue haha, except for me when I use !include it stops my dashboard from displaying literally anything 😆
Do you have a created yaml file with code in it? Like 'balcony.yaml'?
Hello, In in the Energy panel, for the PV production forecast, is there a way to display the total expected production value as well ?
#energy-archived is your best bet
Ooop I didn't see this chanel sorry
dont understand what i am doing wrong:/ still the same...
How can I delete the default “overview” dashboard? I’m using a custom dash solution and just want it gone.
Hmm. It should just work at that point! What does the error say?
no card type configured
Strange. It just worked for me at that point 🤷♂️
Hi there,
could anybody help me modify the custom_field "circle", so it changes the colour based on the value inside?
https://www.toptal.com/developers/hastebin/amezozeyuh
Hastebin is a free web-based pastebin service for storing and sharing text and code snippets with anyone. Get started now.
@hardy goblet posted a code wall, it is moved here --> https://hastebin.com/amezozeyuh
lets check it all. i have download files from this: https://github.com/UI-Lovelace-Minimalist/UI/tree/main/custom_cards
i have add the folder in config/ui_lovelace_minimalist/custom_cards/custom_card_mpse_wifisignal/
IN ha i going to edit dashboard- add card-manuell
copy the ex code on it:
- type: 'custom:button-card'
template: custom_card_mpse_wifisignal
entity: sensor.wifi_julgran
and geting No card type configured
did you install all the resources highlighted in the installation procedure?
no i havet, do i need to do it, even if i dont want any of them custom card? and wher do i activate?
the entire suite is based on custom button card
if you don't have that, nothing will work
Looking through taht list, at a minimum, you'll need everything accept the weather card
maybe a stupid qustienm but can i just add them using Add repository in HACS?
You have to install them and then add them as a repository. Yes, you can do that through hacs
just replace that hard-coded color with a variable, and have the variable follow a certain template based on that entity's value:stroke="var(--circle-color)" stroke-width="2" fill="none"
a bit like:```
- --circle-color: >
[[[ var state = states['sensor.processor_use'].state;
if (state < 10) return 'green';
if (state < 25) return 'darkgreen';
if (state < 45) return 'orange';
if (state < 60) return 'maroon';
return 'red'; ]]]
thanks, works like a charm! How could i overwrite the state in the button template?
you mean state_display ? is a magic option, and supports templates
state_display: >
[[[ var statecolor = (entity.state === 'on') ? 'var(--icon-color-on)' : 'var(--icon-color-off)';
var labelcolor = (entity.state === 'on') ? 'var(--button-card-light-color)' : 'var(--power-color)';
var id = entity.entity_id.split('.')[1];
var powerId = 'sensor.' + id + '_device_power';
var bri = entity.attributes.brightness ? Math.round(entity.attributes.brightness/2.55) : '';
var content = states[powerId]? states[powerId].state + ' W': '';
var divider = states[powerId]? ': ' : '';
var fakestate = `<span style="color: ${statecolor};"> ${entity.state}</span>`;
var power = `<span style="color: ${labelcolor};"> ${content} </span>`;
return (entity.state === 'unavailable') ? entity.state : fakestate + divider + power; ]]]``` 😉
state_display: |
[[[ var state = states['counter.katzenklo_besuche'].state;
if (state == "0") return '<text fill="var(--circle-color)">gereinigt</text>';
return '<text fill="var(--circle-color)">säubern!</text>'; ]]]
its working but i cant change the color :/
I believe, in this case it would be easier to just set the color in the style object? always try to be as simple as can be, and not put everything in 1 html template.
Well I could implement it with <span>
thanks a lot, I'm quite happy with it
just in case 😅 but he goes pee kinda often, so 6 times is actually still fine.
I have this dashboard, and for each tab I repeat all the cards with just different hours_to_show. Is there some concept or capability I'm missing that would render existing cards with different hours_to_show values and avoid the need to repeat the cards like this?
you might be able to do that with config-template-card? see: https://community.home-assistant.io/t/apexcharts-card-a-highly-customizable-graph-card/272877/1495 where I do just that
Ooh, looks encouraging, thank you!
Using the Mushroom Chip card for entities, is there a way to have them change colors based on state? I tried adding state color: true, but did not yeild any change
What I'm trying to achieve is for the entity to show home and away status in some form. The entitiy is a iphone device tracker via HA Companion app
@outer urchin posted a code wall, it is moved here --> https://hastebin.com/ugahihukek
Sure there is…. As they are custom button-cards just check that repo and you’ll see how . It’s most basic. Or check the community threads on these cards with hundreds of examples
Hello there,
I would like to have access to a ha dashboard without login from a specific place.
Am I correct that only need to setpu this? Or this is outdated?
https://community.home-assistant.io/t/accessing-lovelace-dashboard-without-logging-into-home-assistant/258357
I want to add a Roku remote to my appdaemon dashboard and since appdaemon doesn’t provide that support out of the box, I was planning on using a iframe widget pointing to a lovelace dashboard containing a roku remote card. It works except that since I am accessing the URL from outside the home assistant UI, I need to log into home assistant. Is...
Like a basic dashboard without the left panel.
Hi there - I've been trying to extract/reconstruct the weather attribute icons as standalone SVGs from the default weather card from here: https://github.com/home-assistant/frontend/blob/dev/src/data/weather.ts. I'm a complete TS neophyte. and also not great with SVG coding. I'm able to extract the individual SVG paths, for example for a cloud, as well as the color fills. But I'm hoping that there is a simpler way to get standalone SVGs for a given weather condition such as "lightning-rainy". Any tips or ideally a link to existing standalone SVG files? Thanks!
there are several options, but you can set an (entity_)picture to an .svg file in any backend template/customization. entity_picture: > {% if is_state('sun.sun','above_horizon') %} /local/weather/animated/day.svg {% else %} /local/weather/animated/night.svg {% endif %} and ofc, the famous animated svg weather icons to be used as embedded icons in custom-cards, see https://www.amcharts.com/free-animated-svg-weather-icons/
Thanks very much for the response, @fiery ledge . Both the entity _picture code and the link are helpful. But, instead of the admittedly very nice animated icons, what I'm trying to do first is construct actual standalone static SVG files from the code in the standard weather card: https://github.com/home-assistant/frontend/blob/dev/src/data/weather.ts. The icons are broken down into individual elements, such as separate paths for cloud, rain and lightning, and attributes such as color and viewBox that presumably need to come together to form, say, the complete lightning-rainy icon. I'm hoping that there is a way that is not completely manual (trial and error cutting and pasting paths and such into an SVG text editor) to create complete icon SVG.
did you try and download the .svg files from material? they are readily available. click icon, click Icon Package, click SVG
How do I edit the navigation bar on the left? For instance, I have no use for the Energy section, and would like to add a link to the Node Red add-on instead
okay, figured out how to add Node-Red
Thanks, but it's not the MDI that I'm looking for, it's the multicolor icons used for the weather attribute on the card. Maybe I just need to bite the bullet and create them manually.
Does "backup" give any feedback that it's actually doing something? I'm on container and it's the 1st time i've used it.
Ahh - the create backup button has now changed to "backup is being created" after I went to a different screen and back again.
Since updating, my overview dashboard will sometimes disappear if I leave the HA tab for a while and come back (in Opera)
I have to reload to see it again
Hi, I want to create my own fritzbox icon for the top bar. https://ibb.co/BLcV0Z4 I have thought, that entity_picture: /local/fritzbox.jpg would reach the goal, but it didn't. What would be the correct way?
Im trying to add mqtt broker to Home Assistant via this https://github.com/home-assistant/addons/blob/master/mosquitto/DOCS.md
But cant find the supervisor / addon section..
How did you install HA?
Docker on NAS
Then you don't have those
if lovelace has been replaced by "dashboard" how come the url is still /lovelace?
Hi
I am running Ha os
I have an old ipad on 9.3.5 ios version
I am unable to get it to work using trusted network
auth_providers:
- type: homeassistant
- type: trusted_networks
trusted_networks:
- 10.0.0.69
trusted_users: #the user id
10.0.0.69
b84c1278e9b04da98ebeb68497b6fad0
allow_bypass_login: true
Any idea why is that happening?
new to discord - can anyone share how to make a feature request for the "media" tab?
If you have a feature request for the frontend you can open one here, for Home Assistant itself please post on the forum. All other feature requests should be made to the developer of that custom card/component.
I'm running the docker container and have a question. I have a few scripts to control my sliding gate. In a previous version of HA I had a card on the default dashboard with all the scripts I had created. I did not need to manually create this card, as soon as I created the script, it was there. I since updated the container and now that card is gone. Can I get it back? I think all the scripts are valid. I can still run them all through the Configuration -> Automations & Scenes -> Scripts page.
Does anybody happen to know if there is a more compact climate widget? I have a lot of climate zones and have to scroll down 14 pages just to see them all
I mean, I'm aware of this https://github.com/artem-sedykh/mini-climate-card
But I have never used HACS or anything non-vanilla before. Would I need to give up automatic dashboard management to use it?
Yes, you would need to manually take control of the UI to put in custom cards. But you can keep the automatic dashboard and create another one which you manually control, so there is no need to "sacrifice" the automatic dashboard.
Thanks! I'll try the card and learn how to make the manual dashboards
If you want some help, we would need more info to help you 😉 . For example: What error are you getting?
oh yhea i got lost
emm
gimmie a min
Configuration errors detected:
Custom element not found: mini-media-player
Do you have that custom element actually installed?
Found an issue with UI in 2022.4 :
Old inputs selection windows would have a return button, while now new "helpers" don't. Not exactly à bug, most likely an omission, that breaks the UX. (Repost from #devs_frontend-archived and #devs_ux-archived )
If I understand correctly, switch to x would have the same outcome as, per example:
light:
- platform: switch
entity_id: switch.plug_bedroom
name: Bedroom Mood Light
Correct?
call me stupid, but i have a bit of a problem of setting up something:
- homeassistant working with "overview" panel and sub panels
i am trying to integrate functionality from https://github.com/basnijholt/home-assistant-config
but i fail as i dont see lovelace-ui.yaml being included somehow.
all i want is to have different cards & views like he does.
any advise would be helpful
im trying to have my door and the light next to the door being displayed in one square. i tried using the "button card" and it shows the door open and close as i expected, but when i want to change the background based on the state of my lightswitch nothing happens. typing "red" or "green" works as expected, but right now it returns nothing it seems.
@runic bolt posted a code wall, it is moved here --> https://hastebin.com/bawihimiva
Try 'on'?
- value: 'on'
icon: mdi:door-open
color: |
[[[
if (states['switch.shelly_shsw_1_e89f6d862207'].state == 'on')
return "green";
return "red";
]]]```
does not change anything 😦
Also I think the color attribute doesn't support templating.
i stole if from the documentation, https://github.com/custom-cards/button-card#state-templates
I do similar templating for button colour through
styles:
card:
- background-color:
and it works there.
so instead of the color i just put styles at the bottom and use the java script snippet?
let me try! 😄
https://github.com/custom-cards/button-card#javascript-templates lists where templates can be used. The color attribute is not listed.
now im getting at least an error! 🙂
seems like im on the right path
aaaaaahhh indentation was missing
now its working ❤️
thanks @opaque kiln , you are my hero 🙂
just noticed "none" does not return the card to the original color. but its working now, this time for real! 😄
holy shit thats so cool to see the door open, totally worth the day i spend to make this happen xD
Hi, I'm trying to use custom:button-card in a dashboard created with the UI. I have the following error Button-card template 'card_light' is missing. I assume that I need to add a resource to my custom_component but what url should I enter, given that my templates are in /config/custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/?
Thank you in advance.
Hey, I am a complete noob with home assistant and I downloaded the UI Lovelace Minimalist and used their generated dashboard and customized it little bit. The problem I have is, the first time I load the UI (iOS/Android/Web) I get an error for each custom card and after a reload the errors are going away and you can see the UI. Is there a fix to just see the UI directly without reload?
anyone been able to solve the extraneous update badges on custom sidebar? https://github.com/galloween/custom-sidebar-v2/issues/9
Apologies if I missed something in the 2022.4 release notes or release party, but is the new device_class / "Show as" selector that was added to the UI for binary sensors already planned for other domains (e.g., sensors) in a future release, or should I create a feature request?
Hi! Is there any way I can "force" the colour of an icon? I'm showing subway departures, and getting, say, the G line in green would make my life a lot better.
depends on the card you're showing it with usually
or, depending, you could prob do it with card-mod
Oh, just entities
Can someone help me wrap my head around card-mod style dictionary? I'm trying to get to an element that's a few shadow-roots deep, but can't seem to get there. Based on documentation and a few community posts I think this should do the trick, but it doesn't work.
style: "card-tools-popup": $: "ha-dialog > div.content > lg-remote-control": $: | div.card: { background: red; }
type: entities
entities:
- entity: sensor.g_to_queens
icon: mdi:alpha-g-circle
Looks like I need to learn card mod 🙂
It's great when it works. Getting it to work on the other hand isn't always as straight forward
Ah, it turns out that with the fontawesome component, I can easily add SVG icons, and just took the "official" MTA icons
Just showing off now 🙂
Haha nice! But why do some of the sensors show negative minutes?
Is there a way to use blobbing/regex for the entities card?
For example I'd like to have a card that contains all light.basement_* entities, than another for light.groundfloor_* etc.
Do I need to pull a list of entities and code something to spit out the YAML, or is there an easier way?
Look into the auto-entities custom card
Awesome, looks like just what I want. Thanks!
Hi guys, any clue on that please?
up front: I dont use that minimalist theme, but according to button-card repo, configuration templates "Define your config template in the main lovelace configuration" . are you certain thats in order?
Then again, the Minimalist 'Custom component' (which is in fact a set of yaml files and configuration templates), does install in a custom way, so maybe you'd best check https://ui-lovelace-minimalist.github.io/UI/setup/configuration/ to combine existing templates with the minimalist templates
to be sure: you do that for each dashboard you use. so if you need you existing templates next to the ones in Minimalist, you need to point the dashboard to these templates too
There is also a page with documentation when using minimalist with multiple or non minimalist dashboards https://ui-lovelace-minimalist.github.io/UI/setup/customizing/
Thanks @fiery ledge for your response. That's exactly the point, I try to configure it but I can't figure out where.
as said, in each dashboard file
Okay, so I think that means that I cannot include these resources in my UI generated dashboards, according to that: https://ui-lovelace-minimalist.github.io/UI/setup/configuration/#ui-mode
well, tbh, I can't advise you there. What I do know is you can very easily nest folders in your !include_dir_merge_named folder. Its what I do and it provides all templates stored in any of the folder, so you can organize them easily:
in all of my dashboards I use: button_card_templates: !include_dir_merge_named ../button_card_templates and voila, all template are available
and if that doesnt work, you'd best hop over to https://discord.gg/TPXg9b7GfR for dedicated Minimalist support 😉
This card is a horizontal stack containing 2 custom:button-card, is there any way i can get the card on the right to align to the far right? I can use card-mod if needed. Thanks
anythings possible.. 😉 maybe give us a bit more yaml to see? what do you want (align to the far right: the icon, Test and Icon? you might need another setup but we can not really 'guess' right now
anyone else notice all their numerical history graphs are flat after isntalling the April core release?
the actual values of my temperature sensors are accurate, but their history is frozen on the graph from the moment i installed the april release...
I've been seeing a problem with the new release where the main dashboard is empty after a while and I have to reload the page. Same issue happening in the app
Is it possible to use the mdi:lightbulb icon with a helper button (input_button) and set the brightness of the bulb based on the number of times the button has been pushed?
If not, what would be the best way to handle this? I have a dimmer switch where you push the switch a certain number of times for different brightnesses. It uses a touch sensor. I'm using a shelly relay to trigger the touch sensor.
I have a bunch of sensors which measure energy use or cumulative durations for vacuum use etc and which are being recorded in long term statistics. What card should I use so that the data can be presented as a bar chart with daily/weekly/monthly sums. The statistics card just shows the total increasing all the time which is not particularly useful.
I would use a script with a counter helper, so each time you trigger the script, it increases the brightness and increments the counter up until a certain point where it would reset both
if that's what you're going for anyways
I'm trying my hand at mushroom cards, but I noticed that my cards are very squared off like normal HA cards and not rounded like the examples I've seen. I installed Mushroom themes in HACS and thought that maybe somehow I was using the squared theme, but when I go to change my theme, HA says "No themes available". I tried redownloading Mushroom themes and restarting HA, but I still can't get the option to change themes.
Okay, I see how I could use a script to trigger the relay and increment a counter. What kind of object could I put in the lovelace UI that would allow you to press a button to activate the script and also see the value of the counter? Ideally I'd like to have a lightbulb icon on the object that would visibly show how bright the lights are.
Changing a switch to a light doesn't seem to work, the dialog just re-appears with _1, _2, _3 etc appended to the entity ID after the message saying the switch will be hidden and a light will be created.
hey there. i just moved frome iobroker to home assistant, and i am impressed. but i got one question. i there a addon/integration to add a classic hamburger menu to the Dashboard (Lovelace) where you can show some of the views (tabs).
or just change the tabs to a hamburger menu and hide some of them.
This icon?
no i mean these ones
and create this menu
You can always create new dashboards instead of new views in the existing dashboard. Those will then show up in the hamburger menu on the left.
There's also a config option under your profile to then re-order/remove items from the left menu.
yes i know thx but it would be mutch cleaner if i can crate a custom one just for controlls. i use kiosk mod do clean everyting up
Ah, outside of that I'm not sure then. I haven't looked into anything like that before so not sure if it exists.
in the default light card, if there is only one channel, it seems to default to a yellow bulb. Is it possible to change that color?
but only for specific light cards?
Specifically, I have a dimmable blue only LED I'd like to more easily identify
Probably a job for card-mod.
probably most flexible would be a custom:button-card, but you could technically even use a regular button
If I want to have a bit more control over the layout of my dashboard so that it fits the screen on mobile vs tablet vs pc is card mod the only way to do that?
@errant plover I ended up creating a theme.
How did you do that and not change all icons?
I would recommend custom:button-card where you could control the icon, label, colour of the icon with reference to an attribute value, and what a tap action does.
You can set the theme for just the single card
Which is fine if you only have one entity in the card I suppose.
something strange has happened to the icons on my dashboard, this is after a cache wipe and hard refresh. any ideas?
nvm apparently it is a chrome issue
hello
i have problems with the animated weather card
custom:weather-card
is not working anymore .... have somebody a solutions about this?
Not sure if this is a Frontend issue or backend db issue, but since beta 2022.4 + I experience trouble with non loading history graphs a lot
hmmm okay
Have a link?
here not
Yeah I see those comments now, was new to me. Odd. I’ll check those a bit later
Havent touched that in 3 years I think ..
yes
Hello, does anybody knows how to enable kiosk mode on the frontend?
Hi guys, hows things?
question about IP CAMERAS
did anyone figured out how to place icons on expanded life view from cameras?
PTZ control and for instance gate control switch
load it from HACS (frontend) and then edit your dashboard, hit the 3 dots top right, got to raw editor and add these two lindes as line 1 and two
kiosk_mode:
hide_header: true
if you want to edit your dashboard you need to add "?disable_km" to the url. (without "")
is there a addon or integration to add my own Hamburger menue to my dashboard?
how do you change the url name for a dashboard? i have a dashboard moms i renamed it to Hallway i want the url to homeassistant:8123/hallway not homeassistant:8123/moms how do you fix that or is only way to delete the dashboard and start over?
and if i rename a dashboard i can not create a new dashboard with the same name
so if i have hallway-tablet and rename it to hallway-tablet-old i can not create a new dashboard called hallway-tablet
how can i manually rename the dashboards like from a file editor
i even tried Terminal and looking in folders where i could just rename the dashboard files but cant find it
if you click on the three dots on the top right corner > raw configuration editor .. i think maybe modifying the path: variable for that dashboard might work?
tried that nothing there
it doesnt actually have a file name in the raw config
the only work around i did now wich is a semi headache
i did created "temp" as a dashboard.. then went to the 1 dashboard.. did the Raw configuration copied it.. pasted it in the Raw configuration in temp and delete the one dashboard (hallway-tablet) i renamed to hallway-tablet-old... then re create it hallway-tablet pasted the temp copy from the other dashboard.. its just a headache.. i was hoping for like a dashboard folder.. that had all the dashboards.. like all the yamls
it all must be in like 1 database file you cant access
do you not have something like that?
ya not what i mean
when you create the "Dashboard" you gets a filename.. when you re change the "Dashboard" name it doesnt actually re change the Dashboard orignal File... its the same with Scripts and Automations.. if you re change a Title it doesnt change the file name sometimes
so.. if you create
Hello (dashboard) it creates like say hello.yaml
when you rename
ah okay didn't know that
Hello (dashboard) to say Hello Old it keeps the hello.yaml file
it doesnt actually change it to Hello Old.yaml
so if you you re create Hello as a dashboard name it gives you error the path already exists
so basiclly you gotta delete and start over
ya like scripts sometimes it gives like 324523452345.yaml for a script or sometimes i get a name but if you rename script it keeps the orginal title name you gave it
was hoping for a simple just rename would fix it but it doesnt
so i did a tiny experiment on my end:
- Created a new page called test with url test
- went into the raw config editor and changed path to "abc"
- then went to http://homeasistanturl:8123/lovelace/abc and it works
not sure why it isn't working for you.. 😦 but maybe give it a go?
that seems to be abc for your Tab"
im talking about renaming under Configiguration - Dashboards
my paths are "Home"
i mean Renaming the Actual Dashboard names
thats ok i have dislexia i explain wrong sometimes for ppl ):
no it's not your dyslexia in this case it's me being an idiot 🙂
what thats a first ffor me lol
i'm sure it wasn't but.. yeah you clearly stated dashboards and gave examples.. and I thought you were talking about tabs lol
Sorry though.. I haven't really played around with multiple dashboards so I can't help you.. there's nothing simple appearing on mr. google either.
i have multiple dashboards as i have lot of differnet test ones.. but i noticed i cant rename points to the old..
ya i hear ya
the only work around was create a temp dashboard copy the old into temp then delete the old dashboard the re create it then copy the temp back to the newly created dashboard
yeah that sounds like it works but is a pain
the official docs don't mention a url/path of any sort - maybe it is triggered by name : https://www.home-assistant.io/dashboards/dashboards/
ya that must be when you have a dashboard.yaml file already and add it in manually.. and here i trying to rename from the configuration-->dashboard heading.. nothing is ever easy lol
but i am looking in the lovelace-ui.yaml i noticed in that doc
so maybe its in mine the file locations just taking a while to load lol
do a reboot?
ah dislexia.. doc says ui-lovelace.yaml and i looked in lovelace-ui.yaml frig.. nothing in it.. i know i did run out of memory it said lol... and i dont have a ui-lovelace.yaml in the config folder.. go figure lol
so only the headache of copy paste re create only way i guess lol
I've got a weird bug where editing automations the save button doesn't appear in the UI. Basically I can't edit and save automations anymore. I've tried restarting HA with no change. Occasionally the save button does pop up, but for like 90% of the time it doesn't. Oddly on one specific automation if I delete a single character the save button doesn't show up, but if I add a character or space, the save button appears...but clicking save then reopening the automation, it didn't actually save.
Anyone else know how I might go about fixing this?
I haver 3 Door sensors that report "Open" or "Closed". Is there a way to create an entity that combines all three, then reports "Open" when any of the three are opened?
Did it with a group 🙂
Wasn't sure that was gonna work
@timid moss posted a code wall, it is moved here --> https://hastebin.com/kohurazela
So I'm trying to use custom:button-card to display a different icon once a door has been opened, but that part doesn't seem to be working. No matter what, it shows the closed door icon and the text is white.
you're not using the right syntax
one of mine:
state:
- value: "[[[ return states['automation.away_timer'].state === 'on'; ]]]"
operator: 'template'
name: "[[[ return parseInt(states['input_number.away'].state) + 's'; ]]]"
icon: "mdi:timer"
color: yellow
- value: "[[[ return parseInt(states['input_number.away'].state) === 0; ]]]"
operator: 'template'
name: "Away"
icon: "mdi:home-export-outline"
color: "red"
you have a mixture of misplaced "-" and missing values
if you're going to define what should happen in a state, you should define all the states (or at least have a default)
Ah nice, that seems to have fixed it up 🙂 Thanks!
wht would e the best way to guard this: variables: speed_rotation: > [[[ var speed = states['sensor.argon_one_addon_fan_speed'].state; var mapper = {1:'4s',3:'3s',33:'2s',66:'1s'}; var motion = mapper[speed] ? mapper[speed] : '0.3s'; if (speed != 0) return 'rotation ' + motion + ' linear infinite'; return null; ]]] for the existence of the sensor? its made at the and of the startup procedure, and the button I use this on throws a very large error dropdown in the frontend.
usually I d things like if (states['sensor.argon_one_addon_fan_speed']) but I am not truly confident how to write that into the mapper.
this might do it: - type: conditional conditions: - entity: sensor.argon_one_addon_fan_speed state_not: unavailable card: !include /config/lovelace/includes/button/include_button_cpu_temp.yaml
I've got a light group "OfficeAll" that I've added as a button in a dashboard. Is there a way to make it appear yellow when it's on rather than orange? The off state works fine
Hi all, I'm looking for a way to use the entities of a group (or rather their names) as the list of entities in an entity-filter card ?
`
type: entity-filter
entities: >
{{ state_attr('binary_sensor.fenster_og', 'entity_id')|list }}
state_filter:
- 'on'
card:
type: entities
`
above is obviously pseudo-code 😉
Hey all! Thanks in advance for help. I have dashboard where I want to (a) select a playlist, and then (b) play that one a given Sonos target
The UI looks like this. I need to set the Spotify Playlist URI to a variable when a playlist button is tapped, and then use the Play Media service when the appropriate playback button is pressed.
I’m writing the playlist into a helper when the playlist button is pressed.
But, when I attempt to use the Helper in the Play Media call I get an error.
Here’s how I’m attempting to read the state of the Helper:
action: call-service
service: media_player.play_media
service_data:
media_content_type: music
media_content_id: '{{ states(''input_text.current_playlist_url'' | string) }}'
target:
entity_id: media_player.sonos_kitchen```
you cannot use templates there
and your syntax is wrong
call a script and use your template there, correctly formatted
I think I got the syntax right when I wrote it, but probably because this is not allowed here, something about saving the YAML reformats it to this.
Ah, got it, okay great!
Thanks RobC
{{ states('input_text.current_playlist_url') }}
(am editing the YAML via the UI’s YAML editor, not by hand)
qq @dark dirge, is this a sensible way to go about decoupling selection of a playlist from the target? or is there another UI facility I should be using that could, say, populate a dropdown and then let me select from a list of entities?
Okay, I have the following script:
alias: 'Sonos: Play Selected Spotify Playlist'
sequence:
- service: system_log.write
data_template:
message: "The URL is {{ states('input_text.current_playlist_url') }}"
level: error
- service: media_player.play_media
data:
media_content_type: music
media_content_id: {{ states('input_text.current_playlist_url') }}
target:
entity_id: media_player.sonos_abodu_workroom
mode: single
For some reason, the script results in the target entity playing some other playlist besides the one I pass in.
For example, let’s say the log message contains this URL:
It winds up playing some other URL over and over, regardless of which URL is logged:
In this case, that one.
If I take the URL from the log and hard-code it into the play_media service call, the correct playlist is played.
But when I pass that same value in via the states() read, it doesn’t use the same URL that I logged.
Any idea as to what I’m doing wrong?
Oh — I see this error:
invalid key: "OrderedDict([("states('input_text.current_playlist_url')", None)])" in "/config/scripts.yaml
Corresponding to the call on this line:
hmm
Ah, missing double-quotes.
Ok, got it.
Hey, how'd you get them grouped together? I also have door sensors and I've been adding them individually to automations so far. I did create a template that includes them all, but haven't figured out how to properly paste in the template into yaml trigger yet.
I am looking to properly display a datetime in a markdown card, should I post here or in templates?
Hey folks I have seen a plant card a while ago wich showed the watering like a bar with two red ends to indicate too much or too little water. I cant seem to find that plant card does anyone know where to find that? thanks
I finally switched to the UI based config for my front end. Should have done this a long time ago. Or maybe it wasn't this good but either way... It's so good now.
Hi everybody. I’m trying to use the UI Minimalist and Room-Card.
For that I was suggested to create a folder structure like the one in the picture at this link https://imgur.com/kWNU0J2 and to start editing the .yaml files inside the views folder because of the fact that UI Minimalist doesn’t work with the standard UI editor inside Home Assistant, does it?
Unfortunately I cannot use the autocompletion function for my entities from that views folder and, moreover, it seems that my HA connot find either the UI Minimalist templates or the Room-Card.
Can you suggest me how to build my folders structure in order to let me use both the UI Minimalist or the Room-Card frontend integration with the autocompletion function or provide me any example/link where I can find my way, please? (of course I read several times the wiki of UI Minimalist and Room-Card without success).
A thousand thank you. 🙏
that looks like it but I am to dumb to install it :S I will have a nother try in an hour
I am trying to get auto-entities to work with the mini media player card. I am using the following
type: custom:auto-entities
filter:
include:
- entity_id: media_player.plex*
exclude:
- state: unavailable
card:
type: custom:layout-card
layout_type: masonry
cards:
- type: custom:mini-media-player
but it doesn't seem to work. I am using the layout-card because that is what is recommended in an issue but th ey don't actually seem to give any example of how it should be written up.
Take a look at the example at the bottom of the layout-card documentation https://github.com/thomasloven/lovelace-layout-card#use-with-entity-filters
The card type needs to be applied for each entry, so it goes in the filter.
thats where I am confused, shouldn't that be passed through from the auto-entities? I did see this on the github page but for some reason it is confusing me.
Would it be this?
type: custom:auto-entities
filter:
include:
- entity_id: media_player.plex*
options:
type: custom:mini-media-player
artwork: cover
exclude: null
card:
type: custom:layout-card
layout_type: masonry
cards: []
Auto-entities will generate a list of entities, like media_player.a, media_player.b etc.
It will then create the card:```
<whatever you put in card:
entities (unless card_param is set):
- entity: media_player.a
<any filter options> - entity: media_player.b
<any filter options>```
So you would get```
type: custom:layout-card
layout_type: masonry
cards:
- type: custom:mini-media-player
entities: - entity: media_player.plex_1
- entity: media_player.plex_2```
Your second version should work since layout-card accepts entities: instead of cards: specifically to work with auto-entities.
ah okay, I think I see. I think I got confused from the example on the readme because they just use light/light
Oh, you're right... there's stuff missing from that example. Never mind. It explicitly states it default to the entity card.
I think it could still be a little clearer but I have it figured out now.
I currently use still image generic cameras to show various weather radars on my dashboard, I set the frame rates to the speed i want them to update (mostly 0.010 fps). I had tried to directly use them on the dashboard in the past and ran into issues with them not updating enough or sometimes updating more than I would like (for example. I prefer to only have the weather forecase updated once a day because otherwise I lose the current day in the forecasst). A lot has changed and been added since I set it up this way so I am wondering if there is a better way now? ideally a way to show them (they are images) and auto refresh them at a set time interval. Thanks
Is there a bug in the front end that causes the page to reload if it's not been viewed for a while? If i leave HA on a chrome tab and use a different tab, then i go back to the HA tab, the page reloads. (HAOS)
the only big change that would matter is you can set them up in the UI now. I had a weather radar like this and it was auto imported just fine when I upgraded to 2022.4.0
you never had any problems using a weather radar like that?
mine stop updating randomly and i have to restart HA to fix it, i thought maybe the 0.010 frame rate was causing issues
Hey I got the card installed "https://github.com/yolandavdvegt/lovelace-flower-card" but I dont quite get how to get the species csv working. Could you help me out there?
The card has some realy nice features sadly I dont understand how the "species" should be named correctly I dont understand how to compile the DB and I cant seam to finde somebody who does. If you should have that working please tell me how you did it :S
Seems like the database is already compiled in that fork.
Well maby I just dont get it. I got the DB as .csv and if I understand it correctly now I have to run "python3 convert.py DBFileName.csv > data.js" wich should put out data.js (sadly I work on windows and dont have a linux instalation some where)
I guess thats the breaking point atm
That's already been done. The data.js is already in the repo https://github.com/yolandavdvegt/lovelace-flower-card/blob/master/src/data.js
But you need to run the script with the same .csv file to get the species list if you need that.
Or, I guess, you could run the data.js file through an online code prettifier and probably get a pretty usable list.
sight ok I am detirmend to get there... So I need the data.js and this line of code "python3 convert.py DBFilename.csv species" right? this should give me the species list?
Thank you very very much that helped a lot 😄
You want the value after the colon. Including quotes
Ok that got me farther by a lot. So my card looks now like this ```type: custom:flower-card
entity: plant.pflanze_1_pfefferminze
species: mentha x piperita
Somehow it wont show a picture thoug
Well I am happy that the DB seems to work now maby I can get the pictures working sometimes too 😄 thanks for the help
/config/www means the directory www in the same directory where you have your configuration.yaml file, just to make sure. Also you need to restart Home Assistant after creating the www directory. and Images is not necesarily the same as images.
is it possible to have vertical stack of 2 cards after each other?
that's what a vertical-stack is
Yes but I want them in pair of 2 cards vertical down 🙂
?
X X
X X
X X
like that
so a vertical stack of horizontal stacks
yeha? hehe
well, that's a thing
how do I mix them
Can anybody support me on this topic sharing his own configuration, please? I'm really stuck on this. Thank you!
or just use layout-card or grid
Ah! Grid! never used that one, thx 😄
I don't set a frame rate on it so maybe that is why? never any issues I'm aware of
IIRC I was advised to set a frame rate like that to avoid hammering the server
the directory www is in the same like the config.yaml and since i have hacs installed for a few months now it wont be the restart (although I have restarted several times) Maby I made a nother mistake. I will have to look into that
never minde.... it was the mistake you mentioned that i wronte Images instead of images -.- XD well ok.... Do you think it would be possible to get pictures of your own plants in there? (and yes i know i could change the pic of my mint with the one in the images folder but i have 3 different mints and would love to have littl pics of them)
Hi all .. I have a question regarding the Alarm Panel Card in Lovelace .. I am using both HA and Homey, and has setup my alarm system using the awsome Heimdall App (https://github.com/daneedk/com.uc.heimdall) by Danee de Kruyff in Homey .. but I would like to use my Lovelace Dashboard with the Alarm Panel to Activate/Deactivate Alarm and set states of Heimdall .. The Entities from Homey is already inside HA using MQTT but I am not able to use these entities with the Alarm Panel it seems, and i have not been able to find any documentations or video guides regarding this .. Can anyone help me? 🙏 🤗
I have an attribute with a datetime in it, which I want to display on a markdown card. The attribute looks like this timestamp: '2022-04-04T03:20:00+00:00' I want to display it in local time and don't need anything other than the date, time is not needed. Currently in the markdown card it has "The last update was at {{package.timestamp}}" But of course that displays the whole ugly thing in UTC. I have pored over the template docs for quite some time and can't seem to get it right.
Is there any solution to use iframe for http pages while using https? I am running ha container. Thx
The timestamp you're getting out of that template is a string right? Just do string subsetting? {{ (package.timestamp)[:10] }} will return you the first 10 characters of the string.
Thanks @opaque kiln , I solved it with help in #templates-archived. Good point though.
Hi. Is it possible to use the value of a sensor to be part of a string for the name of an entity in an entities card? E.g., something like name: Boss (away for {{sensor.boss_away_time}}). Thanks!
Hi, could I get advice on the best way to present multiple thermostats on one page. I have around 8 in required on one dash because of multiple TRVs
I'm trying to install mushroom themes but keep getting this issue in the logs. Error executing service: <ServiceCall frontend.reload_themes (c:7031c355873e3de8a13d89325811b3cd)>
anyone know what to do?
any way to have a dashboard that only shows devices/entities that are "on" ? I found the conditional stuff, but not sure how to approach this one..
did you have a look at auto-entities? there are plenty examples how you could approach that, its an amazing tool
or start with the more basic core Entity filter https://www.home-assistant.io/dashboards/entity-filter/
Pretty sure I had this same issue (idk for sure didnt check logs) but uninstalling and reinstalling worked, after I updated the HA core
Is there a way to show an icon in a text field in 'dashboards'? Like you can get the state of entities with {{ states('...') }} to the frontend or something?
you can show an icon and text in a markdown card, if thats what you're after?
content: >
**Weersverwachting:**
<img src = {{state_attr('sensor.weather_animated_icon','entity_picture')}} width='130' height='130'>
Voor vandaag, {{states('sensor.vandaag')}}:
{{states('sensor.weather_animated_icon')}}, {{states('sensor.dark_sky_temperature')}}°
<font color= {{states('sensor.temperature_color_name')}}>{{states('sensor.dark_sky_daily_summary')}}</font>``` will even give you an entity_picture, so yeah there's a way
to use an icon: content: > <font color={{states('sensor.trash_color')}}><ha-icon icon= {{'mdi:delete-alert' if states('sensor.afvalwijzer_today') != 'Geen' else 'mdi:delete-outline'}}> </ha-icon></font> Vandaag, {{states('sensor.vandaag')}}: <font color= {{states('sensor.trash_color')}}>**{{states('sensor.afvalwijzer_today')|capitalize}}</font>**
I removed a few groups from groups.yaml but after 2 restarts the entities are still up. Any ideas?
I have a button on my homescreen that turns my pc on. Is it possible to make an account so someone can use it but ONLY can use 1 button
If I see a default icon in an unchageed dropdown, e.g., how can I figure out, which icon is this? And am I wrong, or was the default name displayed in the past?
if i use home assistant created speaker group
- platform: group
name: allspeakers
entities:
- media_player.woonkamer
- media_player.keuken
- media_player.garage1speaker
...
the speakers don't play simultaneously for example music on the media_player.allspeaker
and if i run automations to do tts on the media_player.allspeaker the same thing
any work around?
google home created groups doesn't work well either
tts.reversotts_say and tts.google_say look the same
You can change who has access to what part of the dashboard
More ideal would be to create a separate dashboard for that person and only add the button. You would need to set this dashboard as the default dashboard of that person on the phone tho, and if it has to be secure you have to make your own dashboard admin only so the person can't change it back to 'your' dashboard
Hey, can anyone assist me in adding the home assistant websocket into a react native app?
so - if an integrations enable button and dot menu doesn't do anything at all when clicked, where would be a good place to look
@daring thicket posted a code wall, it is moved here --> https://hastebin.com/umuxofohaw
I'm trying to make my first picture-elements card in my dashboard. I want to position badges on the image, and it seems this is very CSS'y, where I'm positioning the badges by entering percentage values for top and left attributes. Is there any visual way to drag the badges where I want them? I have dozens of badges I want on this one image (a map of my house) but not looking forward to the tweak-save-reload-repeat cycle ad-nauseum. 😦
Hello, has anyone found a way to have the front end select these sources in AppleTV. I am trying to build a remote page and it would be nice to select Netflix and open that app. If I select it using this Source list it instantly opens on my Apple TV. The only way I found people were doing it was build scripts to hit home then move 2 spaces left and press enter...etc.
I have an entity with a time on it (next tram timetable) and I want it to show like 9 minutes or 5 minutes etc, so a from now time, I am using a vertical-stack thing. Is there a way I can do it?
A template sensor that takes the value of the difference between the next tram and the current time?
yes
template sensor?
Like make another sensor that takes the difference? I didnt know that was a thing you could do
but that would fix the restrictions of the card, i'd rather do that math on the back end than in the card itself
I doubt that the entities card can take templates. But why wouldn't you want a dedicated sensor to track this time difference? Then you could use that sensor's value in other automations too.
It’s not that I don’t want it, I only just started with HA so idk what that is or how to implement it. Is there a doc for it?
Like how do you make a sensor?
https://www.home-assistant.io/integrations/template is done entirely in YAML
The #templates-archived channel has links in the channel topic to all the templating docs
does anyone know of a smart way to get iframes to work on sites that block cross site origin?
i want to display a weather radar on a dashboard, but i can't get it to work
Hey im new to HASS and Im trying to dispaly some room temeprature with the area cards. I created some entities via command_line plattform to simulate the temp. But the temperature is not dispalying on the area card. Can someone help me or provide docs / guides. ^^
Still semi new at HA, but what would be the easiest way to update a entities section to change the icon color to when it is on to be a certain color and off another. I'm currently using the ios-dark-theme and some of the mdi light icons are the default yellow and some are not
any ideas why the frontend shows negative values as floating point numbers even though the state is an integer
If I open up the details on it, it shows it as integer:
Going to assume this is the correct channel for this question (please correct me if I'm wrong). I set up the Plex Meets Home Assistant integration and it is working beautifully. Only thing is, if I select play on a piece of media that I already started, it picks up where I left off (which is cool) but I'm not seeing any option to start from the beginning. Is this an option that exists?
@sonic vale Do you maybe have the "Remember playback position" option selected on the Plex server itself?
It's an option applied on a per-library basis.
My dashboards are now really keen to jump from 3 to 4 columns making my cards always feel really narrow and squashed on desktop. Anyone else find this after April updates?
I'm trying to customize the colors of my dashboard, and i can't figure out how to theme the background of my dashboard pages (hui-masonry-view). If i add the custom CSS through the web inspector of my browser it works fine, but I don't know how to translate that to my theme.yml file
Is it possible to change and template card's icon color to match the light bulbs color?
this doesn't seem to work
{% if is_state('light.asher_fanlights', 'on') %} rgb_color: {{ states('light.asher_fanlights.attributes.rgb_color') }} {% endif %}
What template card?
lovelace-background: #ffff00 or lovelace-background: url(https://placekitten.com/1024/768) center/cover may do it.
I just realized it's a custom template from mushroom. So I would probably have to ask the developers for mushroom and see if it's possible
seems to have done it, thank you!
I’m trying to stack mushroom person card with an outer border (like the entity card) but can’t find any compatible mods/cards I tried :
stack-in-card - keeps shadow and corners
lovelace-canary - vertical only
Is there a better mod/card I can use?
you can also see the issue with really squashed cards (<280px), this started with 2022.4
Horizontal stack card in canary?
This canary https://github.com/jcwillox/lovelace-canary ? It only supports in_card for vertical
Yes, but make the only card in that vertical stack a horizontal stack card.
thank you, I wasn't expecting that to cascade the style removal but it worked 👍
I need to add padding to the outer stack to compensate for what in_card removed. I tried card_mod but it didn't apply. Can anything else style a stack?
Hello I have an API giving me the status of my lock (1 if it's locked and 0 if it's unlocked), I created a a binary_sensor and apparently Ha expect the opposite values. Any idea how to fix that?
here what I put on my configuration.yaml
binary_sensor:
- platform: rest
name: lock_status
device_class: lock
resource: "http://api_call"
And the result (the lock is locked)
Yup HA does expect unlocked to be 1 and locked to be 0. But it's a simple matter to invert a Boolean no? Just use a template, as per example in the docs?
Or if you can edit the API outputs, you can handle the inversion there.
hello thanks for the answer can you direct to the documentation about that? It's the first time i'm playing with the yaml file i'm kind of lost here
Check the pins in #templates-archived
Little confused by the UI for setting the HA internal / external URL -
I saw some tutorials and old docs referencing an internal and external URL form fields under General Configuration, but appears it had been updated? If I uncheck Automatic, it only gives me one field however (and assuming this only sets internal?)
Specifically https://www.home-assistant.io/integrations/binary_sensor.rest/ but yes, templating is better addressed in #templates-archived.
I used the group integration through YAML: https://www.home-assistant.io/integrations/group/
@lilac canopy Can you please send me a message when you get a chance?
Is there a way to add a color picker in the dashboard that returns an output that can be used as a template?
Hi .. Can someone help me in how I get the sensor.date_time formated? .. I would like to have the date display as 13 April 2022 but at the moment it is displaying as 2022-04-13 .. also I would would like some help in how I get this date centered and larger text in a card 🙏 🙂
Hello thanks, I managed to modify the output from on to off using this configuration
binary_sensor:
- platform: rest
name: lock_status
device_class: lock
resource: "http://api_call/"
value_template: "{{ 'off' if is_state('binary_sensor.lock_status', 'on') else 'on' }}"
but since the lock change state every 30 seconds
when I remove the line value_template: "{{ 'off' if is_state('binary_sensor.lock_status', 'on') else 'on' }}"
it stay at "On"
You could also just use not states(...) to negate the state and save some coding. But your value template is applicable more generally.
But any idea why the value changes every 30 seconds?
This is an #integrations-archived question. But that rest sensor doesn't make much sensor - it looks like you make a rest call and then just use the state of an existing entity for the value
must be an older question, but can we have the template-entity-row respect the device_class representation and not show the state on/off? filter: include: - domain: update options: type: custom:template-entity-row name: > {{state_attr(config.entity,'friendly_name')}} secondary: > Latest: {{state_attr(config.entity,'latest_version')}} - Installed: {{state_attr(config.entity,'installed_version')}} active: > {{is_state(config.entity,'on')}} sort: method: state reverse: true
@halcyon veldt posted a code wall, it is moved here --> https://hastebin.com/isulefucus
oops: testing the older secondaryinfo-entity-row again to achieve what I hoped for above.... apparently HA doesnt guard against malfunctioning custom cards 😉 result: a hanging system. beware.
ugh ive been working all morning to get the code on this card working. is there somewhere i can post and have somebody smarter than me help see what im failing at lol
that's what this is for, use a share site
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://dpaste.org/ (you guessed it, select YAML)
Please don't use Pastebin, since it can randomly add spaces to the main view. Please also don't share text as images since it makes it harder for people to help you. Remember that others may have colour blindness, impaired vision, etc.
once i put my code in there you want me to share the link?
Yes
{{ description }}
i cannot for the life of me get that to actually show RED when the % are in the negative
which card, that's a huge config
vertical stack with entities
i'll share just one
and if we get one entity working i can do the rest
{{ description }}
well, I already see 1 problem
you don't have a termination after any color: blah
you have it on the prior line, but not the color line
;
tbh im stealing this from a card that is working correctly.
if the first example is working, the second should be working as well.
the error probably lies somewhere elese
check your logs
neg. they do show information. however the color does not change on the neg
it'll show green
but when the numbers show a neg percent its still green
if they are both in an entities card, they should work
i think whats happening is they are pulling the wrong information from the sensor to determine if its + or _
you have it configured to pull the state
if that's not what you want, then that's your problem
i've tried changing it to the state_atrr on multiple places, but it dosent fix it
what attr are you trying to pull? Also, you'd have errors in your logs if you used that incorrectly.
i want it to change color based on the state_attr(config.entity, ''change'')
however when i change the icon an dcard mod it dosnet work
{{ description }}
this should change color based on the % change of the sensor. however it does not
it only shows up white
state_attr(config.entity, 'change')
Yes, always consult your logs
they would have shown you an error
ok, where would i find the log for this
also, when you make template changes like this, you need to clear your cache
the logs for home assitant are: home-assitant.logs in your config folder
Template warning: 'round' got invalid input 'None' when rendering template '{{ state_attr(config.entity, 'chan') | multiply(100) | round(4) }}%' but no default was specified. Currently 'round' will return 'None', however this template will fail to render in Home Assistant core 2022.1
did you test this first with a hard coded entity? always helps to check the config to do that, and you can then use the dev tools template
im affraid your talking to a idiot and nothing you just mentioned makes much sense lol.
so imma go with no
i noticed this template worked with 1 card and entity, tried to mimic it with another entity.
here is the orignial card working
here is my card failing
instead of config.entity (which is what auto-entities creates for you) use a real entity_id in that template.
where specifically, in the state?, in the secondary? or in the icon and card mode area
how do i get it to pull the "Change" state then
lets say the Olympus, find the entity_id and put that in the template, on all places where config.entity now is used
step by step.... first do that, got it working? next step: change the template, eg flip the operator, and see if the colors change. If that works as you want it, you can re-enter config.entity etc etc
and remember what Petro said, use single quotes around the 'change' attribute, otherwise none of your efforts will work
so an entity_id is not generated that i can find in the developer tools for those sensors. only the name. tried replacing config.entities several different ways, didnt return anything and wasnt showing any data with that
change the config.entities to look like sensor.cryptoinfo_price_olympus_usd
if i drop a set of quotes around the 'change' it throws the whole card into an error
that is changing it from ' 'change' ' to just 'change'
this is the error in the logs
Template variable error: 'sensor' is undefined when rendering '{% if states(sensor.cryptoinfo_price_olympus_usd) | float > 0 %} :host { --paper-item-icon-color: green; color: green } {% elif states(sensor.cryptoinfo_price_olympus_usd) | float < 0 %} :host { --paper-item-icon-color: red; color: red } {% else %} :host { --paper-item-icon-color: black; color: black } {% endif %}'
states(sensor.cryptoinfo_price_olympus_usd)
need to have quotes around the entity_id
but again, you aren't using 'change' either
and most importantly, you need to clear your frontend cache when using templates in the frontend
otherwise it will still use old templates
man i have changed this shit a billion different ways. logs show no error with this setup. still dosent work
{{ description }}
dude
reove the doulbe ''
when you use | you cannot use ''
omfg i found it
tyvm
i was changing it on the secondary line first
and it would crash the card
because that's a single line template
it pays to know what |, >, and >- do after a yaml field
they turn everything inside that field into a string, meaning you don't need outside quotes
You're mixing dangerous setups there in general
this line
lol, oh im s ure
state: ${{ states(config.entity) | round(4) }}
is a string
because it starts with $
so you're skirting around the "Needs quotes for single line template rule"
I suggest you stick to 1 format
use | everywhere and put your template on the following line, indented slightly
https://www.codepile.net/pile/AVO1mJp3 this is the working version
{{ description }}
thanks again
Hey folks, I am trying to do something seemingly simple as make an grid card with picture entities with my family and their status home/away
But I am struggling to find a solution for Pictures of my family, in the grid card. That will work both when we are locally connected at home or remote connected through companion app
How have you solved this challenge???
Well... now we know codepile render their website through jinja templates...
... and fails at it...
Hi. I'm placing cards on a dashboard that I don't want any action or additional information when they are touched. How can I disable all actions on a card? Specifically, I have several entity and gauge cards in a grid card. If I could disable all touches through the grid that would work. If not, how can I disable actions through the individual entity and gauge cards? I tried yaml from the actions and putting in tap_action and hold_action set to none, but either I formatted it incorrectly or it didn't work. My Code sample and Card in the photo. Thank you.
If the documentation for the card does not mention tap_action, the only way I can think of is with card-mod. yaml card_mod: style: | ha-card { pointer-events: none; }
Works like a charm! Thanks! Looks like card mod will do lots of fun things when I get bored!
Can you use templates to set the background: option in a lovelace dashboard yaml?
Hello can I use react in custom cards?
That's pretty much the only thing you can't use https://developers.home-assistant.io/docs/frontend/custom-ui/lovelace-custom-card#api
Hmm but it should be possible to change it into preact right?
I have no experience with either, but... I'd guess so...
I am completely newbie in this part of programming and I'll try to learn it by myself...
I have found this https://github.com/eunchurn/react-windrose-chart and I want to create a lovelace card for that. Nothing found like this in the web for lovelace
Following a recent update to the Frontend, I noticed that the background of the editor(s) and data entry dropdown boxes were white (instead of dark as I had it set in my custom theme) - so was the text, making it unreadable. I assumed this was related to move from "paper". So, I went to settings and changed it to the *default *theme and auto. However, every time I restart HA in my browser, HA is set back to the "backend-selected" setting and I have to change it to default again. Has anyone else experienced this? Do I need to delete a theme file or something?
I had same issue but was only with FireFox, tried on Safari on Mac and that worked fine.
hello everyone. Is there a way to add a font to a theme? so everything changes to that specific font when the theme is loaded on that dashboard?
Sometimes when I access my lovelace from a remote URL the theme/color and elements are all weird
Normal
Weird
What could cause this?
The colors also go a weird color like Purple. Seems that some CSS options/elements just don't work, but the console doesn't show anything that stands out
NVM Looks like it was an issue with DarkReader extension
I've set a picture-element with my room layout, but I'm running into an issue where when I restart the server, the image goes missing and I need to set it again.
Currently I'm setting the image by uploading it to Media, then opening it, right clicking, copying the image address and then setting it to the picture-element. This includes and authSig value which presumably gets changed when restarting. But it won't load without that.
Currently: http://homeassistant:8123/media/local/floorplan.png?authSig=somesig
I've read that I can just use /local/floorplan.png, but that doesn't work at all for me. Maybe I need to upload the image somewhere else?
I
hey, in picture-elements card, using state-icon, is it possible to use call-service for tap action? for some reason i can not get this to work.
@thorn mulch posted a code wall, it is moved here --> https://hastebin.com/hamuruwuko
put images in /www/ folder and try again
wtf 😄 slavestation5 got some neat features 😉
Hey, i'm trying to grayscale an image once someone leaves the house.
(Since the person is currently home i'm testing it the opposite way)
I have this:
- entity: person.person1
image: /local/images/3DFloorplan/avatars/person1.png
state-filter:
home: grayscale(100%);
type: image
But that's not doing anything. Could somebody help me out?
Like, create a www folder in media or connect to the filesysten? Can i do that from within home assistants browser frontend or do I need to ssh onto the server?
Have you tried using a picture-entity card? You could make a binary sensor or input boolean for each person you want to track. The picture you assign to the picture entity card will go greyscale when the binary sensor is off
No, i'm using a picture-elements card and i'm trying to display the persons on there like that. Everything works rn, except from the grayscaling
Okay i found the problem. Nvm
Is it possible to override the css filter with the state_filter?
- entity: person.person1
image: /local/images/3DFloorplan/avatars/person1.png
style:
left: 10.5%
top: 17.8%
width: 5%
filter: grayscale(100%)
state_filter:
home: grayscale(0%)
type: image
That doesn't work
Reversing the two filters does work tho.
Hi, I'm looking into the new Mushroom cards which look amazing, problem is that I don't know how to think when building lovelace dashboards and how I make them look good both on desktop and mobile. Any tips?
Build everything for mobile
it will fall into place on desktop
What do you mean?
I mean, build your views with mobile in mind
your desktop has a larger viewing area and it will just move everything into a spot that still looks nice
If you use chrome, you can use a desktop screen to view the mobile look
I'm usually a web developer but having trouble with the hass system. I'm all stuck up between the different layout cards and orientation modes tho
F12, then click
Don't use any layouts
at most, use vertical stacks to groupthings vertically, but let HA decide
Also, use yaml mode. If you use the UI to move things around, you won't actually know the card order
unless you view it on mobile
I want to make something like this but I don't know whether to use the panel mode or masonry or the others
That will only work on desktop
and you'd use panel mode
and that won't translate to mobile
Ah, that's probably where my issues root from
Do you have an example of how a good looking dashboard can look without panel mode both desktop and mobile?
turn panel mode off. Do not use veritcal stacks. for all cards. Don't use any stacks for that matter and let the cards fall into place
that's the only way
however you wont have overveiw and lights line up
the automatic placement of cards will only work so well
so your choices are: Design for mobile, design for desktop, or design for both with one being slightly wonky looking behavior on the one you view the least.
you can have multiple dashboards
Personally, I'd design the main overview for mobile (as the default) and then have a desktop version for the rare cases when you need a desktop
So stay away from panel if designing for mobile and try to avoid stacks?
but that's my use-case as my wife and I mostly use our phones and I develop on the desktop
use your best judgment and design for what looks nice
the point is, you're going to have trouble designing both
easiest to separate
I think I'm stuck in the web dev mindset thinking that a single page should be responsive for the device but while when working with hass it's hard to make them look optimized for both so you should rather have multiple dashboards