frontend-archived

[dim cloud]

Since all discourse threads for this are open ended, I went for a device_tracker.see automation that updates the gps object on every change

[tacit cave]

Ok, post that, because that's what's causing your issues

[dim cloud]

data:
  mac: EE:EE:EE:FF:EE:21
  host_name: OsKa
  source_type: gps
  dev_id: oska
  gps_accuracy: 10
  gps:
    - "{{ states('sensor.teltonika_gps_latitude') | float | round(8) }}"
    - "{{ states('sensor.teltonika_gps_longitude') | float | round(8) }}"

[tacit cave]

post the trigger

[dim cloud]

Would love to see a cleaner approach

[tacit cave]

well this is the cleanest apporach but your problem is that you're getting 2 really close triggers together that are making 2 separate datapoints

[dim cloud]

entity_id:
  - sensor.teltonika_gps_latitude```

[tacit cave]

which gives you the saw tooth look

do you have a second trigger?

[dim cloud]

yeah for longitude

[tacit cave]

which one comes second?

look at your trace history, remove the one that triggers first

[dim cloud]

1st lat, 2nd long

[tacit cave]

yeah but I'm saying timing wise

your traces will show 2 separate traces

[dim cloud]

long

[tacit cave]

if lon comes second, then remove the lat trigger and your jagged edge graph will be removed and you'll reduce the number of circles by 2

[vast crane]

But what if you're travelling perfectly north/south 🤔

[tacit cave]

shh

[dim cloud]

you'll get an even nicer saw tooth? 😛

[tacit cave]

there's probably a better way to handle this with both triggers, but it's a pain in the ass to do it.

maybe an automation with a 1 second delay and mode: restart

e.g.

[dim cloud]

Victron and Teltonika are sooo popular among Vanlifers, Boaters and Gardeners that I wonder why everyone is hacking stuff together with REST parsing and similar PITA

[tacit cave]

Well rest would guarentee both lat/lon come in at the same exact time

can you post your full automation?

[golden mist]

@dim cloud I converted your message into a file since it's above 15 lines :+1:

[tacit cave]

try this

alias: GPS - Update OsKa GPS
description: ""
trigger:
  - platform: state
    entity_id:
      - sensor.teltonika_gps_latitude
      - sensor.teltonika_gps_longitude
    enabled: false
condition: []
action:
  - delay:
      seconds: 1
  - service: device_tracker.see
    data:
      mac: EE:EE:EE:FF:EE:21
      host_name: OsKa
      source_type: gps
      dev_id: oska
      gps_accuracy: 10
      gps:
        - "{{ states('sensor.teltonika_gps_latitude') | float | round(8) }}"
        - "{{ states('sensor.teltonika_gps_longitude') | float | round(8) }}"
mode: restart

srry, hold on

if they come in within 1 second of each other (which they should with modbus), then your data will be delayed by a second but it will debounce the 2 updates. You'll only get the 2nd one.

you might even be able to reduce the delay in microseconds

[dim cloud]

I query through a wireguard tunnel to a GSM-Device. It should be rather robust on timing...

[tacit cave]

meaning microseconds apart?

[vast crane]

Does it have an integration? Or what creates the latitude/longitude sensors.

[tacit cave]

he's creating 2 separate modbus sensors

they are most likely getting state updates microseconds apart

[vast crane]

hmm not familiar with what modbus is

[tacit cave]

which is causing 2 devicetracker.see's

it's just a polled integration

but the point is, he's getting 2 state changes with his automation microseconds apart, which makes it have (new lat, old lon) followed by (new lat, new lon)

i.e. 2x the updates for the device tracker

when he really only wants (new lat, new lon)

[dim cloud]

I am not a the vehicle right now but changed it according to your suggestion. Thanks!

[red orbit]

I appreciate this, I'll look into it!

[tacit cave]

Let me know if it works for you

[drowsy void]

Well, I got a firestick and I’m trying to launch apps on other so when I turn it on the app I want turns on automatically from HA. I got prime video and youtube to launch but others aren’t working for some reason.

[inner frost]

This is my config for my disney button. Might help for other apps.

[drowsy void]

That’s about the same as I do it.
But have you tried to use it with 3rd party apps?

[inner frost]

What do you mean 3rd party? Like not listed in the appstore? If so, I'm not sure I've seen anyone accomplish that

[inner frost]

I take that back, as long as you have the app Id it should still work

[drowsy void]

Ya, there are many youtube videos showing how to get 3rd party apps with the downloader app. Like a different video player or whatever.
Might be able to get HA into it. 😅

I got the app ID but it’s not working.

[silent burrow]

Is anyone here familiar with Hue Like Light sliders, Card-mod, and editing the CSS styles?? I am not getting any errors in my code, but the edits are not changing the view of my cards and my slider colors and size are default to the primary theme color.

I've tried removing and adding the "card_mod:" line as well with no luck

[golden mist]

@stuck pulsar I converted your message into a file since it's above 15 lines :+1:

[drifting horizon]

Is there yaml of the default light and dark themes I can reference?

[vague blaze]

Create a script with input fields. #automations-archived can help.

[arctic field]

I use card_mod a lot. My dashboard has 26 subviews and 17,000 lines of YAML code. I had a performance issue with card_mod. How can I speed this up? It takes a few seconds on the iPhone 15 Pro.

I had it as separate dashboards, which was worse when I moved between them.

[burnt cave]

im getting a loading symbol where "save" is which prevents me from modifying any cards I have. This occurs on every dashboard I have. Any ideas on what's wrong? My workaround is to use the raw config editor which allows me to save but this is not a viable solution for me.

[vivid vortex]

I have a question, I'm looking for a design for my system that is modern but also clean. Does anyone have an idea?

currently my system looks like this

[gusty socket]

Hello everyone, I just wanted to show my new card integration I built to display your vehicles in a clean way. Easily configurable using a graphic interface. https://community.home-assistant.io/t/ultra-vehicle-card-a-simple-and-clean-way-to-show-your-vehicles-information/755528/1

[gusty socket]

adding more stuff soon!

[winged carbon]

I have tried to make an overview of my temperatures with entity cards, the entities listed are my climate.xxxx I only want to display the name and yemp now, set temp and if the entity is active based on the color of the icon. As it is now it is showing way to much text, making it messy. Is it possible to do this within the entity card, or do I need another one?

[abstract kernel]

any suggestions of ways to add a green bar to the battery icon top left so that it fills to the width based on the state of charge of the car?

[zenith stag]

Well you could have a progress bar and a svg mask to do just that. But it’s a lot of work for something a bit tacky. I would opt for diffferent battery icons based on state instead.

[inland token]

type: custom:button-card
name: FM
tap_action:
action:
service: shell_command.fm
shell_command:
fm: /usr/bin/onkyo --host 19.9.9.15 SLI26

Shell command works. Tapping button does nothing

Any ideas?

Do I need to put “csh” in front of it or something like that?

Editor removes single or double quotes if I try to add them

[vast crane]

To be clear, this is in your card:

type: custom:button-card
name: FM
tap_action:
  action:
    service: shell_command.fm

And this is in your configuration.yaml?

shell_command:
  fm: /usr/bin/onkyo --host 19.9.9.15 SLI26

[inland token]

Button card

[vast crane]

shell_command is an integration, it doesn't go in a card, it goes in your configuration.yaml

also tap_action should be I believe:

tap_action:
  action: call-service
  service: shell_command.fm

[inland token]

Ok, so if I want to do a shell command, I can’t just add the command to the button yaml?

[vast crane]

Yes, you create the service by adding it to configuration.yaml. Then you call that service from the button card

you can't just create it on the fly in a card

[gusty socket]

Does anyone know how to push an update and have it also suggest restart for your integration?

[inland token]

Trying to keep this simple. Having 2 files to edit seems harder than it should be. Is there a better way to call the shell?

shell_command:
fm: /usr/bin/onkyo --host 10.9.9.15 SLI26

Added this to configuration.yaml
Error: shell_command.fm not found

Button looks like this:
type: custom:button-card
name: FM
tap_action:
action: call-service
service: shell_command.fm

Needed to reboot HA. Looks like ha uses a different shell or something. It tells me that /usr/bin/onkyo is not found.

If I run it from the “terminal” tab of HA, it works fine

Different shell or environment somehow?

[dull hazel]

Hey, I have an entity that reports the time a cat wheel has been in motion today. The history for it displays the time in m:ss (or more likely, it's actually hh:mm:ss, but so far I only have 9 min 36 sec recorded). It also has a nice graph (although it confuses me a bit since it has highlighted regions to display uncertainty I think). That's all well and good, but then I'm having some difficult with displaying it on my frontend. I'm trying to use a sensor card, but the time it shows is reported as a percentage of an hour (0.16), and the graph is very different. I could use some help making the frontend look the same as the history.

[vast crane]

The graph you see there on the right is the statistics graph, which displays min, mean, and max for each 5 minute period. More-info dialog displays statistics by default.

[dull hazel]

Is it possible to display that graph and the time in mm:ss as a card?

[vast crane]

Not in a single card, but you can have an entities card on top of a statistics-graph-card

check out the history graph card as well

I somewhat doubt you really want statistics there

[dull hazel]

Eh, the statistics don't really matter, but do honestly look kinda pretty.

[vast crane]

yeah the statistics uses smoothing, where the history graph is just literally the raw history of the sensor. if you prefer that, go for it.

I can't quite figure out what your sensor card is doing 😕

maybe it's confused by the short length of history available

[dull hazel]

Possibly. I had only just created the entity, so there's not much data for it yet.

Unfortunately, both the history graph and statistics history graph don't seem to play nicely with a horizontal stack, which I had wanted to place it in. :/

Thanks for the help

[visual blaze]

can anyone shed some light on my home assistant frontend. I have been using dwains dashboard since using ha 2 years ago. But for some odd reason i cant set it to the default dashboard. when i do i get errors or it just reverts every reboot of my ha system. Any ideas as to a fix or is this a known issue?

just as an fyi im dwains dashboard 3.7.1 and home assistant version

[vast crane]

I don't know about Dwains, but in general if you're asking about an error it's better to paste what the actual error says, and not just that "you get errors".

[visual blaze]

its weird it goes away upon reboot. im awaiting for it to come back up. it only happens when i set the default dashboard to dwains dashboard.

i set dwains dashboard to default and now i have to wait

[shell condor]

Hey all, quick question that I can’t seem to figure out the solution to

If I want the two remote card on the right, to be “the next line down” what would be a good solution? Because the light cards on the very left of the screen are officially too small

[oblique silo]

any easy way to center all of this?

looks fantastic with sections now but all the white space on the bottom should be centered top and bottom

without funky code stuff

edit: fixed with customgapcard for now... let me know if there is a more elegant solution

[drowsy void]

How do you integrate them?

[drowsy void]

Anyone know how to change gap size sideways?

I figured out how to change gap on top and bottom but have no idea as to how to change it in between icons. 🤔

[lyric prairie]

Without some yaml it’s hard to tell

[drowsy void]

What yaml do you use to manage gaps?
It is the chips card if that’s what you’re asking about.

[lyric prairie]

A picture doesn’t give us the information of what card you’re using, maybe you did apply some mods, maybe you use an experimental type of dashboard ? By adding the yaml with your picture people can give better advice because they can see what is going on

[drowsy void]

The devs should really fix the gap problem within HA for top, bottom, and sides of cards; so we can manage them as needed even if we want to overlap some stuff onto each other.

[drowsy void]

I told you, I used the chip card.
And I can’t get rid of the gap under the chips for some reason.

It worked to get rid of gaps from under a bar card, but not working g to get rid of gaps of chip card… 🤯

[lyric prairie]

Please show your yaml I am not a mind reader and can't help you without it

[drowsy void]

Here, you will see 3 cards within a vertical stack card. The 1st card removes top gap and the last card removes bottom gap.
https://dpaste.org/sAuOa

Here you can see the chip card, with gaps I can’t get rid of
https://dpaste.org/EvR9a

If your dashboard is in “Masonry” mode then the bards can be placed on top of each other without a gap, but if it is in “Selections” mode then a vertical stack card has to be used to stack the bards onto each other to get rid of the gaps.

Same codes work differently in different modes. 🤷‍♂️

But the Vertical stack card method didn’t work with the chip card for whatever reason, so the same method doesn’t work for all cards for whatever reason. 🤦‍♂️

[lyric prairie]

Sections is still experimental and adds some boundaries to make everything more optimized with certain cards, you can't compare both modes 1 to 1

[drowsy void]

Ya, but this gap issue is kinda stupid if you think about it; it doesn’t work logically as expected. Found a way to remove gaps in one situation yet for another card the rules change. 🤷‍♂️

[lyric prairie]

The best advice I can give you is to not use the sections dashboard for now if you want full control of gaps/margins/placement. The section dashboard forces pre set gaps/margins to comply with its design language

[drowsy void]

Instead of Layout they should have allowed us to adjust it based on %s
So if we want to overlay them onto each other we can do that with -# or 0.#

[drowsy void]

The method I used for the bard didn’t work for chip card even in the Masonry mode. So not sure hot to solve that issue yet.

[lyric prairie]

probably remove left/right margins with card-mod. The community forum is full with examples in both the mushroom and card-mod topics

[drowsy void]

See if you can find a solution, this gaps issue is driving me crazy. 🫠

No standard solution that will apply to all cards, or all dashboard modes. 🤯
Not sure why they designed things this way. 🫤

[lyric prairie]

Because for 99% of the people it just works, or they don't bother as much because they are used to it from the designs used by other apps like google/apple

[drowsy void]

They get used to things not working as they should.

I’m sure 99% of users will want a better solution to the gap issues.

[lyric prairie]

🤷‍♂️

[drowsy void]

And here is another issue
I followed his steps and got an exact duplicate of his code in this video; yet I didn’t end up with a bar attached to another card on the bottom like he had it. 🤷‍♂️
So even when I follow instructions step by step I still don’t get the same results. 🤯
https://youtu.be/tK-A-7crDqQ

[lyric prairie]

@drowsy void To solve your gap problem with chips you can apply this to each of your chips to remove the gap between them

    card_mod:
      style: |
        ha-card {
          margin-left: -10px;
        }

[drowsy void]

Let me give it a shot, usually the negative numbers don’t work to reduce gaps.

[lyric prairie]

Here some reference by searching the forum for 30 seconds https://community.home-assistant.io/t/mushroom-cards-build-a-beautiful-dashboard-easily-part-2/693055/26?u=basbrus

[lyric prairie]

CSS works with both negative as positive values

[drowsy void]

Anything about removing gaps from under the chips?

[lyric prairie]

try margin-bottom

[drowsy void]

On each chip?

[lyric prairie]

You can probably just use it on the whole chips card

[drowsy void]

It’s not working no matter how I tried it.

[lyric prairie]

Here it does

[drowsy void]

Is it in a vertical stack?
Or within Masonry?

[lyric prairie]

Masonry

https://dpaste.org/EHAbN

[drowsy void]

I tried it and it went behind a bar card so it hardly shows.

I think I had set the value too high.
Will this also work on other cards as well?

[lyric prairie]

Yeah if card mod works on that card, see the card-mod docs on how to use it for certain card types like stacks

[fiery ledge]

did you try?

[drowsy void]

Ya, it worked in Masonry but not within Selections.

[lyric prairie]

Selections? Sections you mean?

[drowsy void]

Good chance it will work within Selections if I use it within a vertical stack card.

[fiery ledge]

then why did you ask

[drowsy void]

Yes. 😂

[lyric prairie]

Sections overrides some things I guess as I explained before. The dimensions were also covered in the latest dashboard stream/blog

[drowsy void]

Will this work on other cards as well or just the chip card?

[fiery ledge]

tbh, dont bother using sections if you want a stable Dashboard. For now. Things will change and that would mean you'd need to change all of your mods accordingly.

[lyric prairie]

#frontend-archived message

[fiery ledge]

#frontend-archived message

[drowsy void]

It didn’t work on another card.

[fiery ledge]

what is it you dont get by now.

[drowsy void]

Here is the code
https://dpaste.org/oMBT0

[fiery ledge]

you need to change your card-mods per card type to its specifics, and cant just blindly copy them

[drowsy void]

What does that mean..?
Shouldn’t a gap setting work on all of them..?

[fiery ledge]

hahaha you're really amazing

[lyric prairie]

No the way you access the property by using card-mod can differ per type of card

[drowsy void]

Well, logically it would make sense if it worked for all…

How do I remove the gaps for the timer bar card and how do I find out these things?

[fiery ledge]

well, not all cards are created equally

[drowsy void]

Meaning it may not have a remove gap option?

[fiery ledge]

now that is the correct question: how do I find out. you can do that by whats called 'traversing the DOM' in inspector and find the Path to the element you need to change

which is explained in the card_mod docs, as has been suggested several times before

[drowsy void]

I don’t know what any of that means, was that in english? 😅

[fiery ledge]

hehe yep

right click you mouse, open Inspect and find the Elements tab

[drowsy void]

And how does that help with gaps?

[fiery ledge]

https://github.com/thomasloven/lovelace-card-mod?tab=readme-ov-file#dom-navigation

[fiery ledge]

it will show you the current details in that window, and allows you to change them on the fly there, experiment a bit. If you find a setting you like, you add that element (and its path) to the card-mod and you're set

[drowsy void]

Just tried it on the timer card, hard to understand any of it, especially after the timer ends and the code changes.

[fiery ledge]

keep trying, or try harder 😉

[drowsy void]

lol, is there any setting I need to change to make the code more understandable?

Is there like a CSS mode or some helpful tool for this?

[fiery ledge]

nope, well, yes, it's inspector. and, if you need info on Css you can check https://www.w3schools.com/css/default.asp which is an amazing site. there are others too

[drowsy void]

I’m looking at the timer code but don’t see any margine or gap, only width. Can’t figure out.

[drowsy void]

Did you try the timer bar card?

The timer bar card also disappears when I hit pause not sure why. 🤔

[fiery ledge]

this https://github.com/rianadon/timer-bar-card ? I havent no, so cant help out other than handing you the way to do it. if it is specific to that card, why not open a FR or issue in that card repo

seems to have quite a few styling options builtin, so maybe you don't even need a card-mod, idk

this one is nice too https://github.com/karlis-vagalis/circular-timer-card if youre looking for Tile/Mushroom styled cards. I only have the flip down timer card installed 😉 Kind of a retro look

[drowsy void]

Ya that one, I want to place it right under another card attached at the bottom of it; only the bar showing timing out.
But it has too many gaps above and below it to go under another card; kinda overlapping it.

Like a shadow of a card that is also a time bar.
Or the same shadow of a card with bar card showing battery level.

[tacit cave]

I suggest you move to the forums with your gap question. There's entire threads dedicated to card mod and people may be willing to help you there.

[drowsy void]

I hardly use forums as it is hard to access it for me. I forget my log in, or don’t get notifications from it as I don’t use email…
Should be a part of HA.

[tacit cave]

well, you've warn out your welcome here and most people who can help you are unwilling to answer you based on past interactions. So while the forums may not be your easiest option, they will be the fastest to get a response at this time.

[drowsy void]

Past interactions..? Meaning what..?
Not like I’ve been insulting anyone, and I’ve also tried to help many. So what do you mean by warn out my welcome..? 😑

[tacit cave]

Naro, last year 4 or 5 mods spent months, yes months, asking you to stop asking questions in developer channels. Literal months. You've left a sour taste in many of our minds.

and that's just the mods, this doesn't include your interactions with the regulars

who are not mods

[drowsy void]

I haven’t been on that often, so you sure you’re not mixing me up with another..?

[tacit cave]

Nope

not in the least. Here's an example...

[drowsy void]

And I hardly said anything within mode channels; only if there was a serious bug with HA.

[tacit cave]

#devs_frontend-archived message

Actually, just search for your name in any # development channel

[drowsy void]

See, that was a serious issue with HA as backups weren’t working…

[tacit cave]

most of your questions are followed by a "stop posting here ask in the support channels"

but this is just one example

this does not include recent arguments you've had over other support with non-moderators

[drowsy void]

That’s what I get for trying to be helpful..? 😑

[tacit cave]

and please, understand that I'm just providing you with context from what I see and hear from others.

so again, I suggest you move to the forums with this question.

[drowsy void]

Perhaps the context was misunderstood; as all I have done is try to be helpful. But in return all I get is assumptions about what I ask or my issue…

[tacit cave]

Naro, please ask your question on the forums. Not only will you get help there, it's also a much better resource for card-mod functionality. There are 1000's of posts that are asking the exact question you are asking.

[drowsy void]

I try to learn and help others with whatever I have learned.
I don’t argue with anyone unless they make assumptions about me or what I am asking.

[tacit cave]

Well, unfortunately, that's not how you come across to the people who are attempting to help you. Sorry.

So again, please ask your question in the card-mod thread on the forums.

[drowsy void]

Like today I asked for help and someone helped me..? 🤷‍♂️

[tacit cave]

https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744

[drowsy void]

Those are not helpful, and yes I do read them from time to time…

For example; someone told me that the gap issue doesn’t apply to all the cards. But I would have to read pages of those forums to get a simple answer like that.

[gusty socket]

Use the instructions on the page via GitHub. Use HACS if possible.

[tacit cave]

Ask a question naro, do not just read the thread. As a pointed question on the forums about removing a gap from the specific card you want to remove the gap from.

[drowsy void]

Or when they told me I can use “inspect” to check the code with the browser. Sure I can read a forum but I won’t understand it as I can’t get direct examples from it.

[tacit cave]

Someone will give you the proper selector that's needed for card mod so that the modifications will take affect on that specific card.

Every card is different, the only way to get the proper selector is if you find the proper selector, or if you find a post where someone provided it for you.

every card is different

literally every single card is different

[drowsy void]

I google things I try to do, sometimes it takes me to github, sometimes it takes me to forums, when I can’t figure it out I try asking for help.
This isn’t the first place I go to when I get an issue.

[tacit cave]

hence why you most likely have to ask the question if you cannot find it yourself

and agian, the people who know how to find selectors here are unwilling to help you because many of them have been bitten by your arugmentative behavor. The same exact behavior you're exhibiting right this minute.

[drowsy void]

I can ask questions but I don’t get notified when someone answers the question as the forums isn’t an app sending push notifications to my phone.
And it takes time for anyone to even respond in such forums, while here I get a respond faster as I am working on the issue vs waiting for days to get any response

[gusty socket]

So do you still need help? What you need to do is install https://github.com/WJDDesigns/Ultra-Vehicle-Card as a customer repo in HACS then my card will show up. Then download once you see it. Restart Home Assistant and you should see it in your cards.

[drowsy void]

@lyric prairie Was very helpful to me and I learned speaking to him. So not sure why that bartered you… 😑

[tacit cave]

And you're still arguing

[drowsy void]

With who am I arguing..?
All I did was explain the situation, I don’t come here to argue I come to get help and many help me without any issues, and I return the kindness to others when I can.

[tacit cave]

You're arguing me asking you to move to the forums

the people you've mentioned so far are no longer interested in helping you. Sorry but that is the truth.

[drowsy void]

Thanks I’ll get it now.

[drowsy void]

Just because you got hate within you doesn’t mean that others also have hate within them. 😑

[tacit cave]

I'm the messenger naro

this means people have come to me specifically about you

[drowsy void]

Well, next time tell them to come to me. They can tell me if they have a problem with me, but all I get from them is them helping me. That tells me they don’t have an issue with me. 🤷‍♂️

[tacit cave]

As a moderator, I'm here to tell you that: Yes these people have been having a problem with you.

[drowsy void]

@gusty socket Just helped me as well and I thanked him for it. So what, is he going to come and complain about me behind my back after helping me..?

[tacit cave]

He may not, but many have.

Again, I'm just the messenger. If we did not have multiple complaints, I wouldn't be saying anything.

[drowsy void]

Then let them come and tell me about their problems with me…
I don’t respond to people gossiping about me behind my back, if they have any issues with me let them say it to me so whatever misunderstanding there is can be dealt with.

[tacit cave]

Naro, please heed my advice. Please stop arguing.

[drowsy void]

We are not 5 year old kids here to play games with messengers; I am not arguing. Next time they come to you tell them to come to me and speak to me like an adult.

[gusty socket]

https://tenor.com/view/popcorn-guy-relaxing-popcorm-popcorn-gif-26404903

[tacit cave]

That's not how this works. I'm a moderator.

I moderate, people do not feel comfortable doing what I'm doing right now.

[drowsy void]

It’s nice that you are a moderator but that doesn’t mean people should be gossiping behind my back about me to you. If they have a problem with me they should message me about it.

How can they come to you without ever speaking to me about any issues they have with me..?

[tacit cave]

many have spoken to you, directly, and you ignore them. So at this point, I can see you still arnt learning and I'm going to give you a time out

[vital burrow]

[zenith stag]

https://tenor.com/view/head-game-strong-eyes-rolling-gif-7663170

[tender wedge]

Are there any good alternatives for the Frigate Card? It's freezes most of the time for me, and makes the page unresponsive when camera goes offline. It's filled with bugs and hasn't been updated in a while now

[vital burrow]

If you are fine with camera footage only, I'm happy with the WebRTC Camera card.

[tender wedge]

Ah thanks, I'm guessing it doesn't support 2 way talking?

Actually it does, thanks for the recommendation

[vital burrow]

I'm just using it for camera footage with less lag. The more advanced functions I don't use.

[fiery ledge]

trying to create a button-card template to recreate the new badge (have my reasons...) i am stuk with the grid. using styles: grid: - grid-template-areas: '". n" "i ."". s"' - grid-template-columns: 1fr 2fr - grid-template-rows: 1fr I get this instead of this

I've copied all other properties from the Inspector into the button-card config, including the icon size of 18px... included the card so far. Please have a look how to fix this grid? thx.

[zenith stag]

you can simplify that grid to - grid-template-areas: '"i n" i s"'
And use - row-gap and column-gap to set the desired gap (if you want a gap... there are some people here who don't....)

[fiery ledge]

Thanks! yes, that is getting closer indeed. must find the correct settings to aling thise near the beginning of the column next, let me find that in the Inspector. Seems the icon needs to move a bit to the right, and the name/state a bit to the left. Could also be a padding, which I didnt set yet.

[zenith stag]

• justify-self: start is your friend 🙂

[fiery ledge]

right, I've added that and some more, just to be following the exact same properties and values. still seems a bit different. I cant get it to use the correct width automatically, and have to force it with a min-width oddly enough. Also, the unit is too far to the right. really peculiar.

[vivid vortex]

Hello, I am looking for ideas for a design for my system. I have an iPad that hangs on the wall and I am looking for a modern, clean but also informative design. Does anyone have any tips or ideas?

[zenith stag]

what card is it you are trying to replicate? "badge"? I cannot find that hehe

[fiery ledge]

yes, the new badge in 2024.8 (beta now....)

[zenith stag]

oh right, don't think I have that available so I cant check it :/

but just checking quickly in PS you seem to have the wrong width, hence the lack of space around the state

[fiery ledge]

for now this is ok-ish. downside is the grid cant auto set the number of cards (columns) based on their total width, so it isnt as dynamic as I had hoped

[bold kestrel]

Hello good people. I'm looking for inspiration on how to show water usage, basically like some of the power flow cards where you can show consumption for certain areas. I would like to do the same but for incoming water (like from the power grid), how much was used for the outdoor shower, the greenhouse, lawn care etc. Any ideas?

[fiery ledge]

btw check out the beta #beta message

[zealous heart]

Hello, anyone know how to run a script directly when clicking a button, and not through a popup.

template: vacuum_button
entity: script.vacuum_eiffel_start
variables:
  name: Démarrer le nettoyage
  icon: phu:ecovacs
  background: '#73BBA3'
tap-action:
  action: call-service
  service: script.vacuum_eiffel_start
  service_data: {}```

[bold kestrel]

I would create an automation connected to an input boolean so that when you turn the input boolean on, the script runs. There are probably easier ways but that’s how I do it

[silent burrow]

Anyone with that's good with CSS and card-mod available? Having issues getting the formatting to actually take.

[supple torrent]

I created a music dashboard for my echo show and it looks awesome. The problem I’m having is when I press one of my buttons it does not highlight the choice I made, so I know what music I picked. I fixed that by adding a border to it. The new problem I’m having is I can’t get the size quite right to fit my dashboard. I have to do a whole new dashboard due to at first using the picture card, and it does not support custom button card. I want to recreate what I have already, but with a border for selection and the size I have now? Any help will be greatly appreciated. Echo Dash Picture Glance card:
https://i.imgur.com/V6kFmcV.jpg

Custom button card: https://i.imgur.com/Z4wxPEP.png

[golden mist]

@supple torrent I converted your message into a file since it's above 15 lines :+1:

[zealous heart]

thank you, it look like an useless extra step but if there are no other solutions I ll take it ^^

[zealous heart]

also I guess I can add more logic, if it’s « on » a second click with cancel the script, add an automation to switch off the script when some conditions happened.

[bold kestrel]

I guess so. However, I'm sure there's a reason for the extra step to run the script

[keen kite]

Hello, everybody.

[stuck spire]

Hey @keen kite are you a bot?

[zealous heart]

Could someone help me understand why my script does not execute when I click this button? I want the toggle to be managed in the script and not in the UI. The script should allow me to switch to "on" and then start the robot in the selected rooms, or send the robot back to the base.

I feel like the default toggle action is "overriding" my call service.

[torpid snow]

is there a way to make mushroom entity/light cards work better with a 1x1 layout? Preferably I'd like the actual button to be slightly higher than center, with the label beneath, since having the label to the left pretty much guarantees that it's going to be cut off. Or just another card that supports 1x1 layouts better

Also idk if this is a bug with mushroom itself or what, but the preview you get is not the same size as it actually is on your dashboard

[dusk rover]

Helpppp how do i fix padding issue in dock

https://community.home-assistant.io/t/margin-padding-issue-with-theme/755629

[golden mist]

@fading otter I converted your message into a file since it's above 15 lines :+1:

[safe sage]

I've got a button that triggers an automation that starts the script

[cold canopy]

is it possible to have a button in bubble card for one entity, but the state is a different entity? i'd like the button be for the light (so it turns orange when i tap the button), but the state is the temperature of the room

[proven cedar]

Im trying to show dynamic text based on a state of a entity, how I do it?

The actual button/relay is a pushbutton (momentary) which turns off the instant its turned on, then the state of the device is instead read from "binary_sensor.shelly_uni_4417931b7e7f_input_0" which gives a feedback if the thing is on or off.

So I want a card whose state can reflect the actual state returned from input_0, not the state of the "switch" if you understand what I mean.

[lament oyster]

Is there a way to change a variable of a card from an automation? I'm looking at the mushroom climate card (which yes, I know is custom, but the idea should hold over to other cards) and I'd like to be able to change this line of code: show_temperature_control: true from true to false based on either the status of a toggle helper or have an automation change the value (use case is I would have one mode that uses the temp control, and the rest would lock out the temp control)

[vast crane]

With stock HA, best you can do is a conditional card, show one version with true if an input_boolean is true, and show a different version with false if it is not.
But maybe with custom cards you can wrap it in something that can evaluate a template (I'm less familiar with this)

[lament oyster]

can i do that kind of conditional inside a vertical/horizontal stack card? have part of the stack hide based on mode?

[dark dirge]

a conditional card can go wherever a normal card can go

[lament oyster]

it feels mildly hacky, but if it works, it works 😛

[dark dirge]

I have a whole bunch of them

low battery, alarm zone violated, water leaks, UPS issues, etc. etc

[lament oyster]

crap. I'm trying, but it seems to be throwing errors if I don't put this at the end (meaning it takes the whole card:

  - condition: state
    entity: input_boolean.tog_br_ac_manual
    state: 'on'```

https://dpaste.com/7FQ25HP95 here's the card without any visibility modifiers

[dark dirge]

throwing errors

[lament oyster]

basically if that entity is on, I want the second vertical card to show, if it's off, show the first vertical card

basically acting like the card isn't defined

I suspect I'm doing a syntax fail

[dark dirge]

I use conditional cards

[lament oyster]

wait a sec

[dark dirge]

I don't know how the visibility stuff works

[lament oyster]

think i got it

https://dpaste.com/B67C32QVM this was what I needed. It was that normal 'i'm gonna be really pedantic about tabs and throw errors until you guess it right'

I guess I thought the conditional cards -were- visibility settings

[vast crane]

they're subtly different but do the same thing

Visibility is the newer way

[lament oyster]

but it's working right now. Now I get to do the scripts to make the three buttons turn each other off (since I'm using Container so I can't do add-ons)

[dark dirge]

pfft, I kick it old school

[vast crane]

I think it's just a bit less verbose to set it up

[lament oyster]

I will put the caveat: UI designer has no idea how to render it, so you're forced to YAML

[vast crane]

Yes I believe it's not shown inside a stack

[lament oyster]

yeah. Not really surprised honestly

[lament oyster]

new problem and I know the error is on my end, but even with google searching, I can't quite tell how I'm supposed to fix this error. I have a button card that I want to change icon color from the theme default based on it's on/off status (to red/green). I followed the info in this thread: https://community.home-assistant.io/t/set-button-color/311030/2 but when I meshed it into the current script, I'm getting an error can not read a block mapping entry; a multiline key may not be an implicit key (57:18)

Clearly I'm borking the syntax, and YAML verifiers are flagging the same error, but I'm not sure what I'm supposed to have in it's place: https://dpaste.com/AFQUTA9XN

[vapid field]

From the 2024-07 blog post, they posted a picture below:

There are mushrooms in the center that span through complete top area, not only in a single section

is this 2024.08 release plan or can we already do it now?

[safe sage]

There is an indentation missing after icon:

[lament oyster]

thank! I'll poke that in a minute

urf. I got the error cleared, but it's not changing the color from theme

[cursive wigeon]

hey everyone, quick noob question on HACS and custom Frontend components.
I've created a few custom widgets on my instance and every time I want to actively update them my flow atm is to compile, push the code to the repo, and then force an update on the HACS Frontend list of components. Besides not being a great flow, after some updates I seem to have problems with having these visible on my dashboard. It seems everything just stays cached for quite some time.

Question: Is there a better way of doing this?

[safe sage]

Hmmm there's also an indentation missing after color: |
The first [ should be aligned with the l of color.

[lament oyster]

give me a minute

ugh. i just broke everything. let me try to roll it back

rollback fixed. Let me try this again

okay, so it says this is valid yaml, but didn't seem to work https://jsonformatter.org/yaml-formatter/43937f

[lament oyster]

getting to the point that all I can think is that the buttons simply don't support state color changes, which seems frustrating since it can do it for light color states. The only thing I can think of at this point is making a specific theme for the button for red/green which ... just feels a little heavy handed

[lament oyster]

i give up for tonight. I've tried like a half dozen methods, and I can't get it to override. Even tried to make my own theme

    primary-color: red```
and it showed in the theme list but didn't override the default theme colors

[copper isle]

Hi how can I enable the background for the Custom Layout card? I am using Custom button card for 6 buttons inside Grid card within Custom Layout card. There is empty space without background between 6 buttons. I want a single background for these so they look grouped. Background is hidden and can be seen in edit mode while hovering mouse over.

[dim halo]

Does anyone have any health/fit dashboards?
I have all my galaxy watch data synced to HA and want a way to display it, looking for inspiration

this type of data

[winged carbon]

I get this error quite often, Is there anything I can do to fix this? ```Logger: frontend.js.modern.202408020
Kilde: components/system_log/init.py:333
Førs oppstått: 18:01:21 (1 hendelser)
Sist logget: 18:01:21

Uncaught error from WebKit 605.1.15 on iOS 18.0 Error: Failed to execute 'define' on 'CustomElementRegistry': the name "mushroom-select" has already been used with this registry message (node_modules/core-js/modules/web.dom-exception.stack.js:25:24) src/scoped-custom-element-registry.js:45:10 /hacsfiles/lovelace-mushroom-better-sliders/mushroom.js:29:67 n (/hacsfiles/lovelace-mushroom-better-sliders/mushroom.js:1:964) module code (/hacsfiles/lovelace-mushroom-better-sliders/mushroom.js:569:67)```

[vague blaze]

You’re running a beta version of iOS 18. The companion app hasn’t been released officially with iOS18 nor has HA.

[winged carbon]

Ok, everything works fine so the I will not let it bother me.

[scenic current]

Is there a camera card that can be fed a list of camera devices and it will make a single view that shows all cameras? If I send two it will create two taking up max screen but if I send six it will show six and use max screen size?

[silent burrow]

dinki, you can do a single screen and scroll with left to right arrows with a frigate card

or you can make cards for each camera and then if you click it, it goes full screen in frigate

[scenic current]

Thanks. I'm doing this for my project View Assist. It mimics the display of voice assistants like Echo Show devices. I am shooting for a nontouch default action though user is not restricted to noninteractive. So, really need a view that can do it the way I described if something like that even exists.

[silent burrow]

Search Frigate Card...

I have 8 camera cards on a screen showing 8 separate feeds

[scenic current]

I just set it up and it shows a single camera with arrows to go to the others. Can you please share your config via dpaste/pastebin? This would be a huge help for me

[proven shuttle]

Hey all, is there a way to control the color of the graph in a sensor card? I'd like my humidity sensors to show blue instead of orange.

[delicate zinc]

is there a way to replace the dots which control the speed of the fan on the thermostat card?

[next imp]

Read documentation.
Line_color: blue

[lament oyster]

Pulling this up from yesterday, I'm trying to get an icon of a button to change colors depending on it's state, and I've tried multiple ways to code it in the card YAML as well as trying to make a basic theme to force an override but I still can't seem to get it to work

#frontend-archived message

[safe sage]

So there is again an indentation missing on line 54 (lines 54-58 must have two more spaces)

[lament oyster]

okay, I think i missed that when we talked before. Let me try it then

https://jsonformatter.org/yaml-formatter/d0f235 When I saved it stripped out the extra white space I had, but it's still doing the orange and blue of the default theme

I might need to put this on github. Seems like there's more changes HA made, but I need to run a proper diff to tell

[lament oyster]

ugh. I feel bad saying this, but GPT may have fixed it. It's helping me make the card using custom:button-card, which was in the original posts I saw, but having something help me make the code makes it more accessible.

That said, is the code failing to override theme colors a bug or not? I confirmed the same problem happens with the built-in button card, so it's not a mushroom error

[proven shuttle]

There's no such thing in the documentation: https://www.home-assistant.io/dashboards/sensor/ Unsurprisingly, adding line_color: blue to the config does nothing. Also please don't accuse me of not having read the documentation if you haven't read it either.

On that note, is there a way to dynamically define cards? Something like (beware of pseudo-code)

views:
  - title: Home
    cards:
{% for batz in states.sensor | select('search', 'battery') %}
    - type: gauge
      entity: {{batz.entity_id}}
      name: {{batz.attributes.friendly_name}}
{% endfor %}

[fiery ledge]

you are setting a template on a core type: button there. that wont work as core type card dont support templates, as is documented here https://www.home-assistant.io/dashboards/button/

make that a type: custom:button-card and you colorize all you want. either via a direct template on the color property, like in your current yaml, or via the state: option

[lament oyster]

When you say it's documented to not support templates, do you mean that it doesn't explicitly allow templates? I did end up having to go with the custom:button-card option after I got some other help to figure out how to code it, but I couldn't quite make the spacing or font match the other cards in the horizontal stack. I ask because I don't see anything in the page about templates one way or the other, so I'm trying to get a better understanding how the documentation is intended to be read

[fiery ledge]

yep: not stated = not supported. Easy rule: core HA does not supprt templates anywhere unless explicitly stated it does

cant just make up stuff like you did here

[lament oyster]

Just a private grump at this point, but really wish that could be resolved. I don't particularly like relying on a plugin that hasn't been developed in a year, especially when 2024.8 is about to come out, but that's me

[fiery ledge]

this works solidly on custom:button-card:```
styles:
icon:
- color: >
[[[ return entity.state == 'on' ? 'var(--active-color)' : 'var(--primary-color)'; ]]]

[fiery ledge]

cant help you there, been like this forever, so, you just take your pick out of the availebl options

[lament oyster]

Like I said I do have it working, 98% of the way now. I'm having trouble mirroring the neighboring cards css style to it

[fiery ledge]

use card-mod: - type: button entity: input_boolean.test name: Button with card-mod card_mod: style: ha-state-icon: $: | ha-icon { color: {{'red' if is_state(config.entity,'on') else 'green'}}; } .: | ha-card { color: {{'green' if is_state(config.entity,'on') else 'red'}}; background: {{'black' if is_state(config.entity,'on') else 'gold'}}; }

[lament oyster]

I'll look into it later, I -think- I see how it's supposed to work

[fiery ledge]

not sure where your problem lies, there are hundreds of posts on styling an icon color using button-card. all boils down to what I posted above just now. Or, as always check the docs....

[tribal galleon]

Take a look at the custom:config-template-card.

This card is for Lovelace on Home Assistant that allows you to use pretty much any valid Javascript on the hass object in your configuration

[idle brook]

is there any non-extra-widget way to add a stacked bar graph to the dashboard (exactly one like in the energy tab)?

[fiery ledge]

that seems the exact purpose for Lovelace-gen. Ive never used it but the people that do are true believers 😉 Although that card too is no longer maintained https://github.com/thomasloven/homeassistant-lovelace-gen

[zenith stag]

as long as you don't style your custom button card, it should use the default font settings. Here I have it next to a normal button. Looks almost identical, some pixels differ (after I've set the height to 100%) . Or what is your setup?

[delicate zinc]

how do i setup a device tracker

right now it says unkown next to my name

[fiery ledge]

please ask in #integrations-archived

[tacit cave]

marius

[delicate zinc]

i just came from that

[tacit cave]

I just sent him here

[fiery ledge]

o sorry...

[tacit cave]

He's asking about the map card, I'm not sure why he changed his question

[fiery ledge]

right, that is something else indeed 😉

[delicate zinc]

um

[tacit cave]

you asked

i cant add an entity on the map card
in integrations

[delicate zinc]

yes

[tacit cave]

then you cahnge it to

how do i setup a device tracker
right now it says unkown next to my name
here

[fiery ledge]

anyways, this is how that should be done https://www.home-assistant.io/dashboards/map/#examples

if you want to override the name in the Map use the name: option on the listed entity:

[delicate zinc]

okay

thank you

[tired wedge]

Hey,
I like the card you are using. What card is this?

[tribal galleon]

Looking at the screenshot (and some of the code he posted above), he's using a custom:button-card. By the looks of it, he's made a template that contains most of the card's configuration.

[zealous heart]

@tired wedge https://www.youtube.com/watch?v=I52pR2edVb4&t=2s
Yup I ve followed "My Smart Home" video tutorial

[tired wedge]

Thanks

[tribal galleon]

@zealous heart I saw your post about the toggling the input_boolean which might be causing a conflict. You might consider changing your automation logic. Does the script also toggle the input_boolean? You might consider removing that or using turn_on/_off.
You might also consider not using an entity in the card and use it just as a "push button", but that would mess up the state: section. You could adapt the card's style to reference the entity's state without defining it and thus not toggle the entity. (I hope at least some of that made sense. It made sense in my head but now not so much that I typed it out.)

[fiery ledge]

Card-modding Tile card: if anyone here is testing the 2024.8 beta, Id appreciate a look at https://community.home-assistant.io/t/how-to-set-border-radius-on-tile-card-features/748500/3?u=mariusthvdb. Somehow these card_mods no longer work, nor can we set those theme variables in our themes...

i really dont get it, and the dom path seems unchanged, and I must be going blind if I missed a syntax error there... all seems fine in my mods, they just do not apply anymore

[zealous heart]

It make sense, does creating a template to get the on/off of the vaccum make sense ?
I don't thinked created a boolean_input in HA make sense because this info is available in the entity

for the moment this part is in pause, "My smart home" last video allow people to DL his whole dashboard (without automation and yaml)
I bought it and I m currently in the process to redo my dashboard because he basically do what I was trying to do but a lot better ^^'

[golden mist]

@lethal linden I converted your message into a file since it's above 15 lines :+1:

[tribal galleon]

Ah. That came from one of those creators who sell their code. 🤢
Without knowing your specific set-up and just taking an educated guess, I don't think you need the input_boolean unless you're using it somewhere else like in an automation that watches the state change, for example. You could probably just use the entity for the robot and base the styling from its state. Then, the tap_action can call the script. Since you have the code, I would use it as a reference and make changes to it as you like (and to experiment with) to get a better understand of how the creator got certain things to work.

[zealous heart]

Actually the only one I bought was the free one ^^

It was pay what you want (or free if you want)

[tribal galleon]

Yeah. I was just looking at some of his stuff. Just noticed that he's selling a "Feels like temperature sensor" for $3. I remember making one of those many months ago but I did it for free. I, generally, use input_booleans for testing purposes or for "overrides" in automations.

[zealous heart]

Most of the time I extract his code using a screenshot and chat gpt ^^'
But for this package even it was free, I thought his work merit compensation

[vital burrow]

I can sell my feels like temperature sensor config for $3? Maybe I offer a discount to $2.50 for mine. 🤔

[tribal galleon]

That's a thought. Kinda makes me wish I would have sold my code. As much code as I've shared over the years, I'd be rich! 🤑

[vital burrow]

Big YAML

[tribal galleon]

I will say that his code is way simpler than mine (only 9 lines), but, IIRC, I developed my own formula after researching how it was calculated. It was one of the first template sensors I made.

[zealous heart]

@tribal galleon You can do a gumroad like him with pay what you want, like it you keep your ethics but let people retribute you for your work if they can/ want

[tribal galleon]

I have a buymeacoffee set up which I just started a couple of months back after the recommendation by someone I had helped out. I'm not trying to make money off trying to help out. A lot of times, I end up learning something new in the possess which helps me in the long run. I have stuff on GH. I started that because I was sharing the same stuff and it was easier just to post it rather than linking to discussion here in the channel.

[zenith stag]

I wish the mystery guy would just come forth and present himself haha
you can see so much in his videos and trace them back to this channel

[zealous heart]

@tribal galleon I'm a rat IRL 😉 but I often offer coffee or a kebab to people like you on the internet when they genuinely give their help.
I don't buy, I show my appreciation

@zenith stag I learn a lot following his tuto

[tacit cave]

what's the deal with this? is there a short explanation?

[zenith stag]

The short version is that some of us are bothered by the fact that this random dude is creating really helpful videos, getting lots of praise and even money, with other peoples code.
He is doing nothing "wrong" though, I'm just being a grumpy (32-year) old man 🙂

[zealous heart]

"with other peoples code" ?

oh I understand, because he use custom card

[tacit cave]

Yah, but who's creating the videos?

[zenith stag]

that's the mystery 🙂

[tacit cave]

how are you seeing the videos?

[zenith stag]

all we know is that he is Norwegian and stays up-to-date haha

Youtube

[tacit cave]

You have a link to the video?

[zenith stag]

I don't know how to link to a earlier reply here in Discord, but just scroll up a few lines to Hichiro's reply

[zealous heart]

https://www.youtube.com/watch?v=pJlGzpl1WYg

[tacit cave]

Yes I saw

[zealous heart]

Basically except this video where the resource are free, everything you need to know to reproduce card are in the video, and if you want "cheat" and get the code you can buy it on his store.

[lament oyster]

Actually, thank you. The card being 'height: 100%' was the piece I was missing. I was leaning on GPT for troubleshooting my code (Not ideal, but I was getting desperate) and it was trying to have me explicitly define padding values and such, so the font and icon weren't filling the card to the right scale (custom:button-card not having a graphical designer for me to lay out the main cardwas putting me way out of my comfort zone, so I leaned on it to do coding I didn't know how to do from scratch)

[lament oyster]

at least -that- video his code is free ... but yeah ... bit of an oof selling code like that. Not particularly thrilled with that

[stuck spire]

I'm using the sections view, and my first column does not have a title, is there anyway to have the section slide UP to start in the space where the title would be?

[safe sage]

It's probably the fact that there are titles on the other columns , that for alignment reason it keeps a space . I have only one column and there is no space when there is no title .

And also a two columns without titles and no space at all.

[safe sage]

And after checking on another view with no title on first column but we'll on second , there no space for the absent title so you must be doing something else ... It might be the mushroom chips card that creates the space

[idle brook]

anyone, maybe?

[barren willow]

Hi there
Could someone give me a better understanding of how to work with entity attributes? How can i show these in cards and apply conditional logic based on them?

[stuck spire]

You're 100% right. I had a space in there for some reason, thanks!

[vague blaze]

Depending on what you are trying to show, many cards support an attribute field (I know the entity card does for sure). But beyond that, you'd probably need to use #templates-archived to get attribute information.

[barren willow]

Isnt a template basically creating a new "entity" from ur own rules/input?
So ud basically make a new entity out of each attribute?

[vague blaze]

Not exactly, no. You can do that, but you can also use templates to parse or get specific bits of data that you want.

[barren willow]

U mean for example turning string values into booleans or reverse?

[vague blaze]

Yup. Or a gazillion other things 🙂

[barren willow]

Can i create such a template via the app ui?

[barren willow]

Or is it only doable via the configuration yaml?

[vague blaze]

Again, it really depends on what you want to do. But, you can create template helpers in the UI.

[barren willow]

Hm..
I like how customizable home asistant is, i just struggle a bit in understanding how to work with the values. I have a development background but this is a bit different. So then i end up not rly understanding how i can do certain things like using attributes in logic, or customizing cards more

[vague blaze]

Gotcha and yeah, there's def a learning curve, especially with templates. What you want can be done, just need to know what you want and how you want to show it 🙂

[barren willow]

Well in my head i sort of think in terms of js and css ig?
And i dont think i can just make a card and add my own html and css and then js to modify the card based on entities or attributes?

[vast crane]

Stock HA frontend is not very customizable at all. If you want to start doing things like writing logic you probably need to start looking at custom cards (or making your own).
It doesn't really support templates in any meaningful way, as far as using them for calculating things.

[barren willow]

Ive looked into hacs and the cars there
But id like to have deeper access and actually do fancy style changed to the card based on logic
Ive read about making a custom card a tiny bit, but that seems like a rather big step though

I also know about card mod which sort of lets me do some of this but not really? And the shadow nodes in the HA dom make things a lot harder

[vast crane]

sounds like you're aware of most of what's available

[barren willow]

Im trying to get a better understanding of what i can do with HA yes :)
But adding my own card seems more complicated than just booting up a new web app
A custom card has to tie in to HA events and use their packages for things, i think lit is one of those?

I guess id also need to know how to allow configuration of my new custom card via the ui then? To link entities and configure what should be shown

I guess im looking for a detailed guide on how to do these things then?

[vague blaze]

AFAIK, aside from the developer docs, the forums would have a lot of what you need to get started. But, the dev docs are going to be your first choice: https://developers.home-assistant.io/docs/frontend/development/

[barren willow]

Thanks! Ill go through it when i got some more time :)

It does still confuse me a bit about how to actually setup the development environment?
Is it another HA instance u run locally? How'd it have the sensor data to test with tho?

[vast crane]

demo and kitchen_sink integrations are helpful. You can also still integrate any normal stuff.
But yes typically a second HA instance.

[barren willow]

Interesting integrations :)

[radiant shore]

Is there a way to get some custom icons into HA?
For example, I'd like to get the uv-index icons from here: https://basmilius.github.io/weather-icons/index-fill.html

[desert crag]

https://www.youtube.com/watch?v=xDqS7AYFO9o

2:29 onwards

[desert crag]

see above

[radiant shore]

well shoot, that's perfect. Thank you!

[pearl axle]

Is there a way to use a history graph card but only show for a specific time period? For example, I have an entity where I only care about the values between 3am and 6am. Ideally I'd be able to glance at the card and see the values for that time period each day.

[tribal galleon]

I have some useful information on my GutHub that shows how to use Jinja and JavaScript: Concepts and Examples.

[icy patrol]

is there a toast message option avalible for the front end?

[tribal galleon]

I remember seeing something that could display a toast message, but I had never tried it. After looking around, I found it: browser_mod's notification service can do it. (It was changed from toast to notification at some point.) It does seem to be a bit limited in what you can do with it but it does work. If it doesn't work the way you want, consider the popup service instead which might give you more flexibility although it is just a matter of getting it stylized the way you want.

service: browser_mod.notification
data:
  browser_id:
    - 87f976099a36630dd878bcfcaa75c74a
  message: Turn off Living Room Lights?
  duration: 5000
  action_text: Sure!
  action:
    service: light.turn_off
    data:
      entity_id: light.living_room_lights```

This is a good article regarding browser_mod which shows some of the stuff you can do with it: SmartHomeScene's How To Setup Browser Mod 2.0 in Home Assistant

[icy patrol]

@tribal galleon thanks so much!

[blissful hazel]

Greetings,

I'm trying to use Nord Pool to retrieve Dynamic Energy Prices.
I made the following apexchart-card configuration, but have some struggles.

The current price works, and is correct. Although the red dot with the current price in the graph, should follow the vertical line "momenteel" (meaning currently)

Furthermore, I'm nore sure what the "Current Day" does. It just stays on 0.09...
It would be nice if I could get it to show me the lowest cost periods in the day for today as well as for tomorrow. So that I can, at a quick glance, know when I should put on the dishwasher for example. I can read the graph, but it would be nice for my father especially.

This is the code below (I used chatGPT to help me... sorry if its a mess)
Oh also, I don't need the orange line over the entire graph. But when I remove the orange line the red dot dissapears too...

Ah my code is too long for discord

https://pastebin.com/44thE7tV

(the right half of the chart becomes available at 13:00, as that's when the prices for the next day are made available)

[rough silo]

I'm trying to create a mushroom chips card that combines data from a few different entities. How do I go about this? I want to have:

• The icon from weather.forecast_home
• The temperature from sensor.apparent_temperature_home
• The icon mdi:water-percent
• The humidity from sensor.wien_jubilaeumswarte_humidity

I don't know how to template icons. So far, I've managed to get the numbers by doing

type: custom:mushroom-chips-card
chips:
  - type: template
    content: >
      {{ states('sensor.apparent_temperature_home') }}°C | {{
      states('sensor.wien_jubilaeumswarte_humidity') }}%

I'm not using the weather chip because I want to source temp and humidity from two different sensors

[azure canopy]

you want to have 2 icons? That's not possible with the standard mushroom settings

[tacit cave]

custom button card can do it but it's alot of configuration

[wooden fjord]

how can i do a thing like this?

[tacit cave]

https://github.com/matt8707/ha-fusion

that image is his old stuff, his new stuff is ha-fusion

TBH, I don't think you have the capabilities to setup the old stuff but the new stuff is really easy to use.

the old stuff was super complicated

[wooden fjord]

what woftware is he using

[tacit cave]

ha-fusion...

[wooden fjord]

where to download it?

[tacit cave]

dude

I linked it

click the damn link, I'm not doing this for you again

[flat steeple]

How can i hide the "show more" history button in entities page with CSS. i can only hide it when i add the display: none in constructed stylesheet. I can't normmaly just add CSS to hide it, does anyone know how to guide me on this?

like this won't do the trick

card_mod:
style: |
a {
display: none !important;
}

sicne the show more button is after you click on an entity also even i tried adding CSS to the resources and still no change. something to do with constructed stylesheet

[blissful hazel]

lmfao 😂

[flat steeple]

found this no solution

https://community.home-assistant.io/t/is-it-possible-to-disable-show-more-link-from-more-info/534618/2

[fiery ledge]

try custom-more-info

and there are also a lot of generic options in Kiosk mode

[flat steeple]

Thanks alot!

with yaml is there a chance to add the kisok configuration only on a sepcific view path? based on their examples its applying on all the tabs

[zenith stag]

at the very bottom of the card-mod-themes documentation I believe it describes exactly what you are trying to do

[flat steeple]

Am dyslexic and always get strong headaches 2 sentences later haha. Working on it man! Thanks alot it's there and it's working great. Many many Thanks

[rough silo]

Would at least a single icon be doable? Whatever icon the weather.forecast_home entity is reporting?

[pearl axle]

Hey everyone - I posted about this last night, bu wondering if anyone has done something with a card that only displays values for a specific time range. #frontend-archived message

[blissful hazel]

Anyone willing to take a look at my config here and help me make it a bit better?

[blissful hazel]

1. I Had a gap of 1 hour between Today (orange) 23:00 and 0:00 (tomorrow) I kinda fixed it, but I think it messed up the graph, as you can see on the right the graph color changes to light blue while it should still be dark blue.
2. The Current day (orange top left) and Tomorrow (blue top middle) counter... idk what they're doing, lol. But I doubt its correct as they're both the same value and don't change much.
3. You can see the badge/label in the graph in red all the way to the left and to the right. It should be at the red dot on the graph under the vertical line (this tracks the Current Price) but I was unable to make this happen...

If anyone has ideas for further improvements lmk

[orchid carbon]

Is this the place to ask about lovelace?

[tacit cave]

yes

[faint cloud]

is there a way to make a single dashboard accessible without auth, or a way to add a token to a url for authentication? I'm sooo close to cobbling together a way to see homeassistant on my samsung tv using a custom app, I just have to get this one last bit of connectivity.

OOH, this looks like it'll work: https://community.home-assistant.io/t/accessing-lovelace-dashboard-without-logging-into-home-assistant/258357

[waxen lava]

How on earth do i change my HACS token? I've spent an hour now searching through Google

[nimble scaffold]

Hi! I want to have a "badge" on a dashboard that is the current moon phase as a visual graphic. What's the best approach there? have a library of images that are template sensor switched? have a single moon picture with an SVG overlay? How would I even have an SVG overlay in lovelace?

[vast crane]

If you have all the pictures, Picture Entity card might be good.

[nimble scaffold]

Will that work as a "badge" or just a card? I want it to "fit right in" between the two people badges that are on my dashboard.

[vast crane]

hm I guess not a badge

there are a couple mdi icons of moon phases, are those enough if you just show the icon on a badge?

or do you want something more graphical/colorful

There's always https://www.home-assistant.io/integrations/moon/

[nimble scaffold]

I have that, and I have this:

but I want the icon to be a picture like this:

[vast crane]

Maybe you want a template sensor with entity_picture_template then

[nimble scaffold]

      - entity: person.joanna_veldt
      - entity: sensor.moon_phase
      - entity: person.mordecai_veldt
    cards: ... ```

[vast crane]

that I think will show your picture as the badge

[nimble scaffold]

I also want the "name" to be the waxing cresent instead of "moon phase"

[vast crane]

oh btw the regular badges are getting totally rewritten this month's release

they will look differnet, and I think the text is customizable

more like mushroom chip style

[faint cloud]

nope- won't work if you're using trusted proxies.

[visual rain]

Am I able to create my own bar for this picture-glance/glance-view where I can add buttons that are hold to activate, and other things?

Glance-View in general is pretty lacking, or seems like it's making me go out of my way to do things that buttons shouldn't do

[lyric wagon]

Could anyone help me figure out how to identify what card_mod needs - I am trying to increase the font size in ha-card, .content, #info , .secondary - and no combination I try can get to it

This isn't specific to the secondary text I want to target.....I am never able to find what class card_mod wants for me to do what I need

[proven shuttle]

can someone tell me what "yaml-mode" is supposed to be? The page describing it seems not to exist any more: https://www.home-assistant.io/lovelace/yaml-mode/

[twilit leaf]

Hey everyone, not sure if this is a frontend question - I have an established HA instance that i'm just getting started with SSL on. Currently, I have the letsencrypt add-on with a valid SSL cert generated and on the host. I have the path to the cert defined in my configuration.yaml, and I can successfully hit it from homeassistant.domain.tld (said domain that I own) over port 8123. My next step, as HA is a standalone VM with it's own IP, is to move the lovelace dashboard to port 80/443. I found a guide that says I should add
server_port: 443
to my configuration.yaml under the http portion, however that renders my lovelace instance unreachable from the FQDN address with no port, the default 8123, or port 80. I have a feeling i'm missing something, and i'd really appreciate any help.

[tribal galleon]

https://www.home-assistant.io/dashboards/dashboards/ is probably the page you're looking for. Talks about YAML Mode towards the bottom. You can run both storage and YAML mode dashboards at the same time.
Storage mode is the default and is edited via the UI Editor. A dashboard in YAML Mode is a file that is all YAML and cannot be edited with the UI Editor; another editor such as VSCode is used.
Benefits of YAML Mode: direct access to the actual files, being able to use !include (linking to other files), YAML anchors (shorthand method of repeating code), and being able to add comments.
Tip: You can use the UI Editor from a storage dashboard to help you with the code and copy and paste into the YAML dashboard (ensure the indentation is correct).

[tribal galleon]

Sometimes it depends on the card you're trying to modify. There's a giant card_mod post in the forum that is useful. (I've linked to in this channel before; I'm mobile so it is hard for me to find it...)

[orchid carbon]

Having issues with HACS. It comes up into the store listing, and I cannot see the buttons

[orchid carbon]

https://community.home-assistant.io/t/card-mod-super-charge-your-themes/212176

[lyric wagon]

@tribal galleon yeah I noticed that, originally I wanted to resize the light card - this one is just a clock tile. The tile cards seem to be the most difficult to style - and no one on the forum seemed to be talking about tile

[delicate zinc]

silly question but how do i change the text colour of a card?

i have a darkish background and my text is bearly readable

"type: custom:mushroom-title-card
title: Today's weather is {{ states('weather.forecast_home') }}
subtitle: |-
{% set time = now().hour %}
{% if (time >= 18) %}
Enjoy your Evening, {{user}}!
{% elif (time >= 12) %}
Enjoy your Afternoon, {{user}}!
{% elif (time >= 5) %}
Enjoy your Morning, {{user}}!
{% else %}
Enjoy your night, {{user}}!
{% endif %}
subtitle_tap_action:
action: none
title_tap_action:
action: none"

[golden mirage]

  style: |-
    :host {
      --primary-text-color: red !important;
    }```

[delicate zinc]

still black

[golden mirage]

format not correct

follow correct forrmat

[golden mirage]

I dont know why on you card not run

[delicate zinc]

:(

[golden mirage]

type: custom:mushroom-title-card
title: Hello, {{ user }} !
subtitle: testing
card_mod:
  style: |-
    :host {
      --primary-text-color: red !important;
      --subtitle-color: yellow !important;
    }

You can try create new card then paste this code to

[delicate zinc]

wth

same error

[golden mirage]

are you card_mod installed?

[delicate zinc]

og

oh

gg

nope

now i am

and still the same

but no error lol

[golden mirage]

card_mod same column type: mushroom-title

type: custom:mushroom-title-card
title: Hello, {{ user }} !
subtitle: testing
card_mod:
style: |-
.title {
color: pink !important;
font-size: 40px !important;
font-weight: 600 !important;
}
.subtitle {
color: red !important;
font-size: 20px !important;
font-weight: 100 !important;
}

you can try an other template

[tribal galleon]

Like khaisilk1910 said, your card_mod is not indented properly. The way you have it in the screenshot (which is frowned upon BTW), you are trying to mod the vertical-stack card. Highlight lines 20-24 and press Tab twice so it is inline with the type:, title:, etc.

[delicate zinc]

oh wow

it worked

i forgot how important the position on the row is

[tribal galleon]

The Tile card is, in fact, difficult to card_mod. I think a lot of its styling is hard-coded which prevents card_mod from being able to access the values. I tried adjusting the font-weight instead of font-size and couldn't get either to work. Unfortunately, depending on what you're trying to accomplish, you might have to use a different card. This is the last thing I had done with card_modding a Tile card: #frontend-archived message

[golden mirage]

Tile carrd

[golden mirage]

          .primary {
           font-size: 17px !important;
           font-weight: 500 !important;
           color: white !important;
           padding-bottom: 4px;
          }
          .secondary {
            font-size: 12px !important;
            color: rgba(24, 188, 242, 1) !important;
          }```

[opal socket]

Hi there,
I would like to use 'custom Card features' for my Button - and Switch entities.

But I haven't worked with this ever so far - so I am Not Sure, where and how to start at all.
Is there a more Detailed Dokumentation available, except this one? (https://developers.home-assistant.io/docs/frontend/custom-ui/custom-card-feature)

[tribal galleon]

I remember seeing that when I was inspecting the card but couldn't figure out how to access it.

[tribal galleon]

That's the Development docs. That's for creating a card from scratch. Probably not what you're looking for.
You need HACS first to be able to add custom stuff. Once you have that, then you can look at adding custom:button-card and Mushroom card (two popular choices).

[opal socket]

OK, that's already what I have.
The example here was showing the Feature for the already available tile Card... But there's nit much more.

I would not expect that the example would create another 'custom tile card' ... 🤔

[delicate zinc]

is there a way to center the ones on the right?

[golden mirage]

you can creat any button card with custom:button-card and Mushroom card

[tribal galleon]

Again, that's for development, not general use. You're just looking for something different than the stock cards that are included with HA, right?

[delicate zinc]

i wanna center the small ones with the big one on the left

my ocd..

[tribal galleon]

@delicate zinc What card are you using to show the buttons on the right? Mushroom-chip-card?

[delicate zinc]

yes

[opal socket]

Not really.
As I understand, the tile Card (Default) does Support custom Features - and that's what I want to dig into.
I don't want to use 'burton card' or mushroom cards (i still use them Here and there, but want to add custom Features - If possible)

[golden mirage]

first you must have same width for all chip-card

[tribal galleon]

Features for dashboard cards

[delicate zinc]

the text makes them bigger/smaller

[desert crag]

Hi All, can anyone give me a little guidance. I have used variables previously and got them working fine, but when I try and use variables for box-shadow, it doesn't work. Below is a snippet of the code I am working with. Any suggestions where I have gone wrong? MY plan is to have quite a few states, and depending on their values, the inset box shadow (bs_in), and outer Box shadow ( bs_out) change). to keep the code cleaner and condensed I wanted to use variables.

https://dpaste.org/SKiRi

[tribal galleon]

I don't think the card will let you center them vertically. It wants to go horizontally and when it runs out of run, it adds a new row. You might have better luck using the layout-card set to grid with two columns and setting column widths of 80% & 20%. (Thermostat in the first column; mushroom-chip-card in the second.) This way, you're limiting the amount of space the mushroom-chip-card can use.

[delicate zinc]

ah

okay

[golden mirage]

You can try add

card_mod:
  style: |-
    ha-card {
      width: 110px !important;
    }```
each entity chips

and change width number of you

[delicate zinc]

my chips are in a horizontal stack with the thermostat

:P

[tribal galleon]

The first thing that I notice is the variables need to be wrapped in quotes because they are strings. Next, the variables in the returns should not be enclosed with backticks. && is not used to concatenate two strings; use +. Lastly, I would recommend getting in the habit of using double quotes instead of single quotes per the YAML Style Guide: Quoting style because templates are strings. (The custom:button-card doc is bad about using the single quote around the examples.)

variables:
  bs_in_orange:  "rgba(255, 165, 0, 0.80) 0px ....."

- box-shadow: "[[[ return variables.bs_in_orange + variables.bs_out_grey ]]]"

[golden mirage]

set grid_columns: 2 or grid_columns: 3 for good result for chips-card

layout_options:
  grid_columns: auto
  grid_rows: auto```

i think set chips-card grid_columns: 1 for all chip card is vertical

[delicate zinc]

im having the same issue ffs

[tribal galleon]

The card_mod width method that khaisilk1910 suggested works. Setting it to 1px created a single column that is left-justified. Setting it to 200px gives two columns.

But, I did not apply the mod to the individual chips; I applied it to the whole card.```yaml
type: custom:mushroom-chips-card
chips:

• chips listed here -
  card_mod:
  style: |
  ha-card {
  width: 1px
  }```

[delicate zinc]

no change

it dosent matter where i move it

if i press tab for lines119-126 i get an error

"bad indentation of a mapping entry"

[tribal galleon]

I think you're trying to mix two different methods or something. What are your first five lines? No screenshots

[delicate zinc]

"type: horizontal-stack
cards:

• type: thermostat
  entity: climate.living_ac
  theme: Mushroom Shadow"

its the thermostat

and the the chips

[tribal galleon]

The card_mod needs to be set to the same indention as the mushroom-chip-card.

[delicate zinc]

the chips start from line 30

[tribal galleon]

doesn't matter what line it starts at. you can place it right under the type line if you want. it is the indention that is what is important.yaml - type: custom:mushroom-chip-card card_mod: style: | ha-card { width: 1px } chips: - chips listed here -

[golden mirage]

share full code

[tribal galleon]

It is just an indenting problem. Screenshot showed it was not indented and inline with the horizontal-stack.

But, don't share 126 lines in here. Use a code-paste site.

[delicate zinc]

it worked

but how do i move it down lol, height: 20px dosent do anything

[desert crag]

Perfect, thank you, I had tried this before, but it didn't work. but you saying that they are strings (obvious, but didn't pass my mind), made me realise that for box-shadow, it needs a comma between each shadow, so I needed a comma at the end of the inset shadow string, but not one at the end of my outer shadow. Due to how I order them.
https://dpaste.org/465qa

[split lynx]

i added bubble card from hac and its not showing up as a card ti add in dashboard

[tacit cave]

Are you sure that card has a UI?

[split lynx]

yes

i did it before but then i had restore to a backup and then i reinstalled bubble card

[tacit cave]

Make sure it was probably added to your dashboard resources then

[thorn marlin]

I have a REST integration that accesses a heating oil endpoint and gets the first value and shows it to me in a nice graph. This has been pretty handy, until I realised when I need to actually buy some more oil, I don't know WHICH company is providing it.

I would like to list the best 3. Basically just the name and the price, and put that into some kind of table in Home Assistant. Is there such a system? I suppose I could apply the cheapest 3 to their own entities, but that feels a bit strange.

[lyric wagon]

@golden mirage omg you are a GOD! I just wish I knew how to look at the html and derive what is needed

[carmine island]

How can I put the clock under good evening with a line break in the primary now that I have placed the secondary and want it in the primary so that the clock becomes larger.
https://dpaste.org/WFoJs

[clear mural]

Is there a way to set a notification action to open up a browser mod pop-up on the dashboard?
I know I can set the clickAction to something like "/lovelace/home/" but didn't know if there's a way I could call a specific browser mod pop-up that I have on my home dashboard?
Mainly asking as my cameras are on a browser mod card and would be nice if I could open the feed from a notification.

[compact pebble]

How can I make this card fit in a 1x2 space in the sections layout? Currently it takes up a 1x4 space.

[golden mist]

@compact pebble I converted your message into a file since it's above 15 lines :+1:

[regal vessel]

- type: conditional
  conditions:
    - condition: numeric_state
      entity: sensor.
      above: '0'
  row:
    entity: sensor.
    name: Row 1

im making a dashboard entities card.
is there a way to add multiple rows under one condition?

@vague blaze third time is the charm

[vague blaze]

Still sorry about that.

conditions:
  - condition: state
  - condition: state
  - condition: state
  ...

Is that what you mean?

[regal vessel]

no, like if the condition is met display multiple rows

[vague blaze]

So, conditions on each entity in an entities card?

[regal vessel]

well some

Technically, I can Duplicate the condition multiple times.

was just wondering if there was a more efficient way.

[vague blaze]

This might work for you: https://www.home-assistant.io/dashboards/entity-filter, but I'm not quite sure that's what you are after.

[golden mist]

@regal vessel I converted your message into a file since it's above 15 lines :+1:

[regal vessel]

- type: conditional
  conditions:
    - condition: numeric_state
      entity: sensor.oneSensor
      above: '0'
  row:
    entity: sensor.
    name: Row 1
- type: conditional
  conditions:
    # same conditions as row 1
  row:
    entity: sensor.
    name: Row 2

this is how im doing it now was wondering if i combined it

[vague blaze]

Yeah, I don't think you can because row: is a singular key.

[carmine island]

How can I put the clock under good evening with a line break in the primary now that I have placed the secondary and want it in the primary so that the clock becomes larger.
https://dpaste.org/WFoJs

[zenith stag]

I would guess this to be the problem for you:
- grid-template-columns: 120px 80px 30px
You should avoid using fixed values

[tiny pivot]

Hello, anyone knows how to get this screen smaller for my ns panel ?

type: custom:mushroom-alarm-control-panel-card
entity: alarm_control_panel.alarmo
states:

• armed_away
• armed_home
  name: Alarm
  icon: mdi:shield
  fill_container: false

[near meadow]

With my badges as cards gone in favour of the new badges, I found A bug when the first sections you have on the interface are hidden by conditions. It pushed eveything to the side. It is still occupating a column even if this is an empty column.

Edit view of this same dashboards, the 3 first sections are conditionally hidden most of the time

[cerulean walrus]

i have this only when the cards at self have conditions, if the complete section has conditions, its completly gone, sorry my english is not so good

[vast crane]

As far as I'm aware there's no attempt to hide a section when all cards within the section are hidden. You would have to hide the overall section if you don't want it to occupy space.

[cerulean walrus]

if i have only the cards with conditions, and the section not, it uses the space like in the pictures from kaue lima

[compact pebble]

I am using the calendar card in the sections layout and I have it set to the max size under the layout tab, however it doesn't look like the size set correctly.

[crimson fable]

Using the latest technology, how would you build a master light switch for a floor on a dashboard?
I could create a group helper, but the floor is already there for that purpose and can be referenced in automations.
Is there also something similar like the area card but for floors? Maybe in HACS?

[lean prairie]

How can I make a shortcut button at the bottom of my dashboard that shows my calendar?

It's only named like that, not set up yet need help with that

[golden mist]

@crimson fable I converted your message into a file since it's above 15 lines :+1:

[near meadow]

That's true! I migrated my conditions to the sections but one of the cards also had a coditional card in it I never removed 🙂

Changing this fixed the issue!

[dreamy flower]

Hope this is the correct area to ask... how do I find this HVAC Card?

[vague blaze]

That looks like a Mushroom climate card.

[dreamy flower]

Spot on! Thank You! I was looking at it from the "2024.8: Beautiful badges!" release notes webpage. I thought that maybe they were using a native / Non-HACS card. But I was wrong and you steered me right.

[lean prairie]

Like I want a custom button that shows my calendar as a pop-up

[near meadow]

That's still an issue for some custom cards. The new sections layout does not have a "hug" setting, so the card itself need to be updated to work better with sections

Guys, now I am trying to change my theme to have a smaller margin on the badges section (it's 16px, I want it to be 8px) I found the CSS class for this but I failed finding where to change, I already have access to my themes yaml and I want to affect

hui-view-badges {
display: block;
margin: 16px 8px;
text-align: center;
}

How can I do this (please explain like I'm dumb, because I am)

[modest pewter]

Does anybody know how I can see the time remaining for a timer set from Assist on the Android app?

[scenic current]

Is there an easy way to make a pill shaped text button with custom button card? Rounded rectangle type I mean

[amber jewel]

hrmm so is there a way to get the badge back in circle form?

oh nvm

[uncut flint]

Has anyone successfully made an HA dashboard that more closely resembles dakboard or MagicMirror? Complete with a photo slideshow in between minute long view of the main panel?

[zenith stag]

set your cards border radius to round off the corners.You can set the aspect-ratio to make it "pill sized"

[sullen sphinx]

Any idea how can add all my sources here pls?

[safe sage]

You can edit the number of rows in yaml, mine is set to 9 now (calendar card is not yet sections compatible)

[waxen sorrel]

In the docs theres a screenshot of a dashboard with a bunch of cards, at the bottom theres what looks like a sensor card but its displaying multiple values for air quality, how does one implement something like that?
https://www.home-assistant.io/dashboards/cards/

[vague blaze]

That's the mini graph card: https://github.com/kalkih/mini-graph-card

[waxen sorrel]

Perfect, thanks so much

[scenic current]

https://dpaste.org/FSEJM

Can someone tell me what I am doing wrong? I have my grid set up and I would think that I would have two divisions on that line but when I try to center it centers the text on top of each other.

[zenith stag]

since your are using absolutes for both of them you grid does not really serve any purpose. Use either the grid or the absolute position

[scenic current]

I've got a lot to learn

[scenic current]

I'm closer with this. Not sure how to expand the button size to fit the text (actually would like both the same size) or move them up.

https://dpaste.org/C4OPH

[zenith stag]

I would make your desired settings in each of those cards (and not in the custom_fields of the main card). The custom_fields is really just a placeholder for the content (the buttons).

[scenic current]

Do I eliminate them entirely from custom_fields?

[zenith stag]

the css properties? yes most of them I would

for the two buttons I would set identical aspect-ratios and probably height. Leave the width undefined. Or set font-size and use card padding to determine the height of the buttons

[karmic sleet]

Any reason why my badges didn't update? I'm running on a docker install but all versions should have the changes right?

[vast crane]

you need to clear cache

20240710 is last month's frontend

[karmic sleet]

Perfect, thanks!

[scenic current]

I'm working just on snooze button right now. I moved the code down into the button card. I am unsure how to position the button in the center of the div and also how to move it up close to the clock

https://dpaste.org/O50gA

[zenith stag]

I don't know what ```
- position: grid
- top: 70%

does for your snooze card. But you should have

styles:
custom_fields:
snooze:
- align-self: center
- justify-self: center

in your main card to make sure everything is centered. And, as you are then using the grid and not any absolut positions, you can remove the  ```
          - position: grid
          - top: 70%
``` inside the snooze card

[urban portal]

hello
Can you help me use a multiple entity row and change the color of the text and icon according to the value, in this case, drive percentage?

[golden mist]

@urban portal I converted your message into a file since it's above 15 lines :+1:

[urban portal]

From the examples I saw on the blogs, I though it would be like this, but it doesn't work

[fiery ledge]

check the overview post in the card-mod thread in the community, first post, link at the bottom

also, this is really odd:```
card_mod: null
style: |

so at least start with```
card_mod:
style: |

[urban portal]

I didn't put the null, it was added by HA

If I remove it, and close, it will add again

[fiery ledge]

o heck, youre using the ui? I admit I dont use that, sorry. Well maybe it doestn bite after all then ..

please link the post you saw using that config?

[vast crane]

you need to remove null and indent the style correctly

[urban portal]

yes, my bad, done

but the disk is at 41% and the color is blue

[fiery ledge]

before we get to checking your template, can you confirm your state is colorized now then?

[urban portal]

white

[fiery ledge]

you should use %} in that template first line

always test templates in dev tools templates.....

[urban portal]

in dev tools, it works fine

[fiery ledge]

cant be if you miss out on that delimiter

[urban portal]

              green;
{% elif state_attr("sensor.jerajogos_storage_c", "UsedSpacePercentage") | float(default=0) < 70 %}
  yellow;
{% else %}
  red;
{% endif %}```

the result is yellow

[fiery ledge]

this is what you posted so thats why I said that.. apparently now you fixed it, which is good

[fiery ledge]

yes, it should be yellow now

[urban portal]

oh, I'm missing a }

I've corrected it, but it's still white

the font color

[fiery ledge]

btw make that a bit nicer : {% set storage = state_attr('sensor.jerajogos_storage_c', 'UsedSpacePercentage') | float(default=0) %} {% if storage < 30 %} green {% elif storage < 70 %} yellow {% else %} red {% endif %};

[urban portal]

unfortunately still white 🤷‍♂️

[fiery ledge]

but, first is was blue, next is was yellow, and now its white??

[urban portal]

sorry, I tried with icon and now font.
My mind was still on icon, but the code was on font
the icon is blue and the font is white

so it's white

[fiery ledge]

uhm is this in dev tools, or in the card config. And, did you now check https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/1190

also you asked about multiple entity row, but the mod you use seems to me to be a mod on an entities card. (using ha-card) . So, again, find the right post in the link I showed you, and play with that

[urban portal]

isn't this custom:multiple-entity-row?

[vocal trench]

Hey all, i have recently gotten the aqara blind motor. I have integrated it with HA but i do not like the design of the card it gives me on the dashboard so i want to make my own.
I wish to set it up so that I have a card with multiple buttons on it.
Something like an up button a down button and a stop button
I found an old reddit post asking a similar kind of thing, but the answers given on there which links to some HA documentation do not seem to work for me.
Is there a particular way that this is suppose to be done now in the card YAML?

[urban portal]

like this?

entities:
  - entity: sensor.jerajogos_storage_c
    type: custom:multiple-entity-row
    name: Disk Drive C
    styles:
      --paper-item-icon-color: red
    icon: mdi:harddisk
    attribute: UsedSpacePercentage
      ```

but the icon is still blue

[vague blaze]

You could use the Mushroom cover card. It has everything that you want (I think).

[vocal trench]

The Mushroom cover card? How do i find that?

[urban portal]

https://github.com/piitaya/lovelace-mushroom

[vocal trench]

Ohh ok, interesting. I will take a look at it. I thought it was something already built into HA
I'm still learning and what not, so I'm still very ignorant on some things

Thank you though

[hidden current]

Hi! I am making a dashboard for a mini tablet running android 4.4.2 and I noticed that when I put some visibility condition on a card, even if the condition is not met for it to display, there is a gap in the space the card is supposed to be. The problem goes away in any other device I tested it on. Same user, same everything.

Does anyone have an idea on how to fix that?

Once the condition is met for it to be visible, everything is fine

[vast crane]

I know the card "hiding" use some relatively complex css that might not have full support on older browsers. Is that some kind of old tablet or something?

[hidden current]

Yeah it's a really old tablet from 2011

[vast crane]

probably nothing you can really do

[hidden current]

Yeah maybe, I'll try to dive into the css code then, maybe I can do something there and finally contribute as I say there is a big rework on everything UI 😄

[little gazelle]

Hey, since update to 2024.8 I got this strange looking entities on my dashboard, any ideas what might be the issue?

[hidden current]

Are they custom cards ? I had a simillar issue with mushroom ones, all I did was moving the cards and it fixed the issue. If that doesn't work, try cutting and pasting the cards. The reason is they have changed the row height of the grid system (if i'm not mistaken) and also the features height

Oh but first, try hard reloading the browser, may fix by itself

[little gazelle]

ah didnt think of that. Yes its mushroom and not home assistants entity card

its already reported as a mushroom issue

[hidden current]

https://github.com/piitaya/lovelace-mushroom/issues

[little gazelle]

yes 😄

[hidden current]

yeah was going to send it haha

[broken marsh]

When I use the Android app and try to edit an input_select, it only shows the name of the helper and nothing else. When I open from PC it lets me edit it normally. I think I've experienced similar issues before on PC and then it helped to to a deep refresh. Ideas? I tried force closing the app but it didn't help.

Same issue with input_datetime, input_boolean, counter and schedule.

[vital burrow]

Clear the app cache. In the Android app details should be a category storage - there you should find the option. Just don't clear all app data.

[broken marsh]

Didn't help.

Doesn't work in Chrome on phone either.

It works if I select the desktop mode option in Chrome. And when I then went back to mobile mode it's still working. So that fixed it in Chrome. But it still doesn't work in Android app. No 'desktop mode' option there.

[vital burrow]

The channel #android-archived might be able to help you

[broken marsh]

Thanks but they sent me here. 🙂

[vocal trench]

So i installed the mushroom frontend for cards as was suggested earlier on to me. But I do not understand how i can change the icons on the cards. I would much rather have an up arrow and down arrow instead of what it has on the default. Where do i go in order to change the icons of the card?

[vague blaze]

Pretty sure you'd have to use card-mod for that.

[vocal trench]

This one?
https://github.com/thomasloven/lovelace-card-mod

[vague blaze]

Yup

You'll need to pinpoint the CSS using browser tools, but you should be able to change the icons there. Just be warned, card-mod is a very deep rabbit hole 😉

[vocal trench]

This feels very....convoluted for something i thought would have been such a simple change....

[vague blaze]

It is, tbh. I'm just trying to provide you the solution. Personally, I leave most cards as they are and deal with them.

[visual rain]

Can I not make the top card in this grid squared without making the rest of the panels squared which would take up more space than I want them to?

Also, I don't think this top card is going to let me set it to F, and I have no clue why. I changed the device to F but it's still showing in C which I have set as default for other devices since I thought I could change it individually

[vocal trench]

I would have thought i would be able to design my own card just by using the manual yaml part. But it just crys at me when it sees me using a duplicate type name

[vague blaze]

You still might be able to do that. Post the YAML you have so far (using a code share site like dpaste.org or something).

[vocal trench]

I don't have the code anymore but let me try write it up again and i will share

[broken marsh]

This is what I got when connected phone to USB debugging and clicked on the input_select in Android app: https://dpaste.org/bdwfs Anyone seeing something that could lead to a solution? 😛

[tardy pollen]

Probably a really dumb question, but how is the "Spotlights" card on the main page created with vanilla Home Assistant? All I can get is the arc over an icon when I add a "Light" card

[vast crane]

Those are tile cards

Certain types of entities can be used with multiple types of card.

More specifically tile cards placed within a sections view type.

[tardy pollen]

Thank you! Just didn't know what I was looking for at all. Found it right away with your help

[barren kraken]

i think you can probably fix it via entity settings

i have up/down for my shades, so show as shade might do the trick

[waxen sorrel]

Using https://github.com/kalkih/mini-graph-card is there a nice way I can get the default state displayed to be the total of both the states it shows in the graph?
Currently it seems to just display the first entities state without hovering

For now ive created a group helper set to sum the values and then hidden the value from the graph

[vocal trench]

OMG that was literally all i needed. Such a simple change that had to be done instead of all the convoluted ways from before.
I've been playing around with the button-card addon and stack in card with card mod
I managed to get to this point which i kinda like but dont know how to make the icons smaller

I'm not sure if there is a way i can do it with the card-mod to edit styles or if there is a different method
Would be interesting to know for future use if i do anything like this again
The yaml i have i stole from a forum and kind of jammed in the stuff to suit what i want so it might have things i don't necessarily need.
https://dpaste.org/xFDaj

[vestal pulsar]

Trying to figure out how to use an if-else value template to set the icon color in the new badges

[golden mirage]

This is Tile card

[tribal galleon]

Card_mod is useful when you want to change something on a card that "isn't easily changed." Sometimes it can be a hassle but usually you can get good results.
Looking at your code, I'm assuming you using the stack-in-card found in HACS by RomRider. Unfortunately, this card has not been updated in a long time. I prefer to use the fork made by stickpin: https://github.com/stickpin/stack-in-card. It is more up-to-date and does not need some of the card_mod the original needs (like for the background and border). If you want to use it, you need to add the link as a custom repository to HACS.

For the icon size in the button cards, you can use ```yaml
card_mod:
style: |
ha-state-icon {
width: 30% !important;
}
ha-card {
margin-bottom: 10px !important;
margin-top: -15px !important
}

[flat yoke]

I'm trying to get a switchbot tilt blinds card that has a slider from 0-100%, but all the cards I can find like type: custom:mushroom-cover-card aren't compatible because it calls a service "cover.set_cover_tilt_position" instead of doing it natively within the card, anyone know how I can use cover.set_cover_tilt_position instead of cover.set_cover_position

just something simple like this is what I want, but you can't set the service:

[graceful ether]

Hello
I'm having a weird bug for a couple version already and i though that it would have been fix with the background revemp ... but since it haven't i'm now wondering if it wouldn't be a "me" issue...
When i change from light to dark or dark to light in my user setting the tile update but never the backgroud who lag behind.
I'm forced to change tab and get back for it to update.

Is this a known issue ?

It only show on the lovelace ui and not the new column based one

[fiery ledge]

can you 'fix' it by reloading that view itself?

we ve had a few issues in the Front end on themes not completely loading, I believe however those were the exact opposite, cards not updating while the background did

[split lynx]

Whole room is lit ups when the light gets turned on by clicking on the room

[sacred onyx]

have a watersensor that show the total usage of water.
Is there a way to show the value since today 0.01 am?

[split lynx]

yea can you share ur code

[fiery ledge]

@sacred onyx create a daily sensor with the Utility integration

[lethal linden]

Im struggling with using card-mod changes to mushroom cards. I have read the instructions and I am followiing the instructions. Any single change works perfectly. As soon as I add a second modification of the yaml code to change the display, it doesnt work. Im sure its a YAML indention or syntax error. I will post 3 different instruction sets and the combined. Each of the 2 singels work. The combined does not. Any help appreciated.

[vestal pulsar]

I'm trying to figure out how to set the icon color of the new 2024.8 badges based entity value. So far the only thing I've come up with is to create multiple badges each with a different visibility state and color so only one shows. This is a hack. Is there a better way?

[pallid zephyr]

Defining an automation in the visual editor. Added 2 named triggers. Added actions: test when triggered by 1, turn on device, test when triggered by 2, turn off device. But then I see the turn on/off are not nested within each of the respective trigger tests, so that won't work. I added an if/then, thinking I'd drag/drop the test into the If part and the action into the Then part. But the trigger test refuses to drop into the "If" part of the "Conditionally execute an action" - it will only drop into the "Then" part. This makes no sense to me. Sure, I can just click on Add Condition in the If section and redo the trigger check in a few seconds, but I'm trying to understand how to use the visual editor as intended.

[vast crane]

So there's a subtle distinction here:
Test a condition is technically an Action. It's like a simplified version of an if/then:

if: !condition
then: stop

The if section of an if/then requires a condition, so you can't drop a Test a condition block into it, because that is an action.

[pallid zephyr]

If the test fails it halts the whole sequence?

[vast crane]

https://www.home-assistant.io/docs/scripts/#test-a-condition

[pallid zephyr]

That was never what I wanted in the first place. But alphabetically "Condition" came before "If-Then" so it was what I saw first. User error.

[tame oriole]

is it possible to do visibility for entities that are inside an entities card? like if i list a card with 10 entities, i dont want to see all of them, only when the value of them is XYZ

[vital burrow]

So I guess you want the entity-filter card.
https://www.home-assistant.io/dashboards/entity-filter/

[tame oriole]

hm. you know i didnt even see that

perfect

[lethal linden]

I made a "notification / warning" card that shows only entities that are in a specific state. Example, I want it to show if my garage doors are open, or a screen door is open, door unlocked, gastank is below a certain level. When there is no warnings, an "all clear" icon is showing. I just made a grid card with 30 sub cards each with visibility set to whatever state I want. Was quick and easy to set up. Easy to change as well. Setting up the all clear notification took some programming in my yaml.config file, but I can share if anyone is interested.

[odd relic]

Hi! Has everyone been able to use card_mod on the new HA badges introduced with HA 2024.8, especially mushroom-template-badge? I get this error message in the editor. Thanks!
Edit: I know that ha-card may be the wrong selector, my problem is that the editor doesn't accept the card_mod element.
Edit 2: If it's just an editor issue: has someone figured out how to style the new badge elements?

[topaz ibex]

Hey folks, is it possible to create my own sensor from my custom lovelace frontend card?
like an real integration or a helper, but coming from my plugin?

[dark dirge]

I doubt that's a typical or expected use case for a card, but I suggest starting a thread here: https://discord.com/channels/330944238910963714/1257019582112334014

[hasty ruin]

https://dpaste.org/6hH77

this is my floor-plan dashboard, i just want to know why i can only interact with the last listed/added light ?

[wanton lynx]

Just now getting a chance to start playing with the new badges feature. Is it possible to show the status from one entity and the power consumption for another on the same badge? I would like to show the state of my dishwasher and how much power it’s consuming with one badge.

[proven shuttle]

hey all, is it possible to dynamically switch the camera entity for a picture-glance card?

[hasty ruin]

i tried using z-index: but now my switches are overlaying over the pop-up ui any other methods yall know ?

https://dpaste.org/rfJ0i pointer-events: none fixed it

z-index: can be removed / is not needed

[distant briar]

whats the prettiest/best way of having a card which displays the latest news headlines from the likes of BBC etc?

[upper dew]

has anyone ever experienced a single user not having visible dashoards? Everything seems ok except one user. Said user cant see any cards all dashboards show blank white screens. I would really appreciate some help with this if anybody has any ideas? I checked the browser dev tools and errors are theown for some custom cards. I tried removing those cards from hacs, reboot, clear cache and the same errors are still thrown even after removal.

4:1 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://homeassistant.local:8123/config/www/community/compass-card/compass-card.js
4:1 
        
        
       GET http://homeassistant.local:8123/local/lovelace-windrose-card/windrose-card.js?v=0.0.1 net::ERR_ABORTED 404 (Not Found)
(anonymous) @ 4:1
4:1 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://homeassistant.local:8123/local/lovelace-windrose-card/windrose-card.js?v=0.0.1```

and, again, its only effecting a single user. super odd

[upper dew]

I found the problem!

all the cards had a contition whose entity has gone awry

[vague blaze]

Huh… so I was kinda right, in a roundabout way? I’m taking the win here. 😛 But, glad you got it sorted

[hasty ruin]

'--paper-item-icon-color': '#686C7A' #this one works
'--paper-item-icon-active-color': red # this one dose not
color: red
can somone explain to me why it wont work or why color wont even work ?

[graceful ether]

I manualy can, but i change the theme based on the room lighting (wall tablet) because turning the display off with the white theme in a dark room retrigger the motion sensor.

So need to reload it when i see it's wrong by passing by

[tribal galleon]

To better answer your question, what card are you trying to card_mod? Not all cards respond the same way; what works in one may not work in another. It all depends on how the developer set it up. Sometimes, adding !important to the line is needed. Sometimes it may need to be set at the :host level instead of the ha-card level.

[tame oriole]

is this a bug? I wanted to make a testing dashboard and i just named it "1" and i cant select it or delete it

[modest pewter]

Anyone else unable to edit scripts created from the actionable notification blueprint?

On 2024.8

[night cape]

hey, is there a way to use the following command with an general variable which use directly the entity which i use currently in the card?
{{ state_attr("sensor.hackgut", "icon") }}

like {{ states(entity) }}

[errant plover]

Which card? Most don't support templates.

[night cape]

Mushroom template card

[errant plover]

https://github.com/piitaya/lovelace-mushroom/blob/main/docs/cards/template.md

{{ state_attr(entity, "icon") }}

[tall elm]

Does anyone know how to make a custom grid when using the sections view? I want to make the first section smaller than the rest and the space left to be equally distributed for the rest of the sections. I tried something with card_mod but cannot figure it it out

[wooden fjord]

how can i remove this step when i want to turn on a light

i am using ha-fusion

[vague blaze]

You’ll need to ask in the ha-fusion repo or thread on the forums. We don’t support that here.

[wooden fjord]

oh

[sacred gulch]

I am trying to use a history-graph on my dashboard, but I get a Unknown type: history-graph
I have cleared my local cache and logged back in but it still isnt showing

Seems like no cards show up, even a simple sensor. My yaml is

views:
  - title: Grill
    icon: mdi:grill
    cards: []
    badges:
      - type: history-graph
        title: My Graph
        entities:
          - sensor.outside_temperature
          - entity: media_player.lounge_room
            name: Main player
      - type: entity
        entity: sensor.thermostat_grill_living_room_temperature

[vital burrow]

History graphs are no supported badges

Use it as a card

[sacred gulch]

Doh! I didnt realize it was under badges. I was just trying to quickly throw a screen together

Thanks for the "dummy check"! 😂

[vital burrow]

[ashen lion]

I am feeling dumb - but maybe is an 2024.8 bug... not sure.

I am trying to edit the selections in an existing 'dropdown' helper. How? I am 99% I have done this before by going to the 'Settings' for the helper in the UI. However, it's doing this to me to a completely blank dialog with no options on it.

I tried creating a new dropdown helper to see if ther is an upgrade issue - and it's behaving the same way. There appears to be no way to modify the selectible options on a dropdown helper.

Is this just me? a bug? Me being dumb? I noticed on 2024.8.0, it's still this way on 2024.8.1 but may have been this way before as well...

Thanks!

[dark dirge]

do you mean this dialog?

I suggest clearing your browser cache

[ashen lion]

Yes - when I start here and click the gear I get the second...

I'll try a cache clear....

Cache clear did the trick - thank you!

[meager thorn]

Hi. Is there any way to give the new badges a shadow? They seem to ignore ha-card-box-shadow that is defined in my theme.

[fiery ledge]

probably not. the new badges use several variables that are hard coded apparently 😉 I hadnt even realized this was one of them but wondered what made them look so out of place in my test view...

You might want to raise a discussion/FR on that, as its a bit weird indeed. We cant call it a bug, as those variables are officially unsupported, so we cant claim they break

[meager thorn]

Okay, I'll open an issue. In frontend I suppose?

[fiery ledge]

yes, but make it a Discussion, issue will get closed, because of what I wrote above

[meager thorn]

okay, thx

Someone already opened an issue... (#21668)

[fiery ledge]

we can set it in Inspector on the element, which makes it a lot better

[fiery ledge]

heres the link https://github.com/home-assistant/frontend/issues/21668 Ive added my +1, maybe do the same

[meager thorn]

Yeah, just saw it and did the same.

[supple bear]

Can anyone recommend the best way to display some camera streams on a dashboard.

I have 3 reolink cameras and am streaming the clear versions of them on a dashboard using picture entities. However I often want to click on the cameras to eg zoom in.

I find when I do this, theres no zoom ability in the opened window, and the window that opens, seems to open a second stream (which stresses these cameras as they don't like having more than one clear stream at a time).

[proven shuttle]

Hey guys, it's me again with another questin regarding actions: When I'm faced with an entity that renders as a dropdown menu in the UI, how would setting it to one of the discrete values have to look like in a tap_action stanza?

[dark dirge]

It's an input_select: https://www.home-assistant.io/integrations/input_select/#actions

[lyric wagon]

I did a search, but it is hard to phrase this - is it a known issue that card_mod code gets stripped out when editing a card

An easy example of this is if you duplicate a card that has card_mod applied - the duplicated card does not have it

frontend: extra_module_url: - /hacsfiles/lovelace-card-mod/card-mod.js and the disappearing card_mod code problem seems to be resolved.

I found this thread https://community.home-assistant.io/t/install-card-mod-js-as-a-module-how/396758/9 which I think is saying that if you use lovelace in storage mode (i.e. using dashboard UI rather than in yaml), then this extra bit of yaml is not needed in the config file.```

this may be a rubber duck type situation 🙂

[proven shuttle]

Is there any way to pass an index to the select.select_option action instead of an option string?

[vague blaze]

Nope.

[lyric wagon]

I mean - you could create a dictionary, that holds index and related value then derive the option from that .... but that seems excessive

it might help if you could indicate why using an index instead of the option is desired

[proven shuttle]

Ok. Time to move over to #templates-archived

[quartz torrent]

Anybody know any good auto generating dashboards?

The current dashboard i'm using doesn't seem to load in on my android tablet at all

[weary sphinx]

Is there an easy way to cycle through colours using a switch?

[stuck spire]

like light colors?

@weary sphinx

[sacred gulch]

Anyone using bubble-card and are changing the style of the horizontal button stack? I can't find the correct selector to target the sub button

[weary sphinx]

Yeh like I have a switch and when I press the right or left button on it, I want it to cycle through 8 or so colours.

[errant plover]

Use a button and a script called by the tap action.

[weary sphinx]

I cannot find an option to alter the colour anywhere though?

[stuck spire]

you're setting the state of the lamp/light you're trying to control

and basically doing a choose action set that has a choice for each color change, and each choice has a condition:

if light is blue> make it red, if light is red> make it green, if light is green> make it blue

(tom l may have another idea, but this is how I'd do it)

each choice is activated with the button tap

[remote garnet]

Can I get the android tv remote card to change color of the power button depending on state if the tv?

[errant plover]

That's the easiest way. The other way is to use the HSL colour-space and just increment H by a set amount, resetting it to 0 when it passes 359.

[mystic timber]

Good morning,
I'm used to grabbing air condition info from the climate entity, however, the indicator if the AC was on/off was pretty broken so I switched the frontend entity to show the state by the input_select I created which indicates correctly
However, now I can't see the room temperature/climate temperature when glancing at my dashboard

LR - is still using the climate entity so that's how I can still see the temperature
Bedroom - is using input_select which indicates correctly the state On as you can see in the Photo.

LR - http://pastie.org/p/0CANBXd8lMhQWoox3O3w98
Bedroom - http://pastie.org/p/5SHuLN2qqf2jcmbpzGfLRS
Climate yaml - http://pastie.org/p/0pyZRiAZNMUOjqSLDV1w1x
Base yaml - http://pastie.org/p/77UL2Xa5JmHnS7IVYVAH6H
Thank you so much!

[zenith stag]

I would assume it is because your input_select.bedroom_ac_status does not have a temperature attribute. Not sure what your question is?

[mystic timber]

Thanks for reply, my question is how can I keep the status by taking it from the input_select but also grabbing the room tempature by the climate attribute

Instead of the NaN to show the specific climate climate attribute to see the temperature

[zenith stag]

you would change this part using the correct template to fetch data from the climate entity instead of the input_select

variables:
  circle_input: >
    [[[
      if (entity) {
          return entity.state === 'On'
              ? Math.round(entity.attributes.temperature).toString()
              : Math.round(entity.attributes.current_temperature).toString();
      }
    ]]]
  circle_input_unit: "°C"

there are others here who can help with this better than me, allthough you would probably find the right format by googling much faster 🙂

[mystic timber]

Yeah, I know it's related to this part of the code, however, I don't know how to approach this as I want to combine two entities to show - 1 for state and 1 for temperature.

[fiery ledge]

then mention the entity you want in the circle_input in stead of the config entity you now use

[elder zodiac]

hi, im trying to set this up https://github.com/lozzd/octopus-energy-rates-card and ive installed it via HACS. when I go to my dashboard and add card, I can select it as a custom one, but then it has an error "you need to define an entity". The config file seems OK, but im stuck now (new to HA)

i can also see it registered as a resource

[mystic timber]

but where?
The entity I want in the circle_input changes depending to the room I use the card for, for instance, for Bedroom I will use climate.bedroom_ac and grab the attribute current_temperature

[fiery ledge]

if you use consistent naming, you can set a variable, based on the main entity and let that be the room. then you can inject that into the circle_input

using things like this [[[ var id = entity.entity_id.split('.')[1]; var connected = 'sensor.' + id + '_connectivity'; return states[connected] && states[connected].state === 'connectivity_issue'; ]]]

or - animation: > [[[ var id = entity.entity_id.split('.')[1]; var notification = 'input_boolean.' + id + '_notificatie'; return states[notification].state === 'on' ? 'blink 2s ease infinite' : 'none'; ]]] just get the Room id out of you main entity and inject it into the template

maybe this is useful for you button_motion: variables: id: > [[[ return 'switch.' + entity.entity_id.split('.')[1]; ]]] sensitivity: > [[[ var obj = entity.entity_id.split('.')[1]; var id = obj.split('_sensor_motion')[0]; return states['sensor.'+ id + '_motion_sensor_sensitivity'].state; ]]]

[weary sphinx]

Will that be hard to do or fairly simple because im very new to HA.

[mystic timber]

Some of them are not consistent, is there any other way?

[zenith stag]

unless you intend to duplicate this card lots and lots of times, I think you will be better off just writing the yaml in full for each card, instead of complicating thing with variables and dynamic templates

[mystic timber]

Thanks for the reply, well I'm not that expert in the frontend side to be honest.. is there a way you can help me with 1 sample of doing that for a specific card and I will implement that for the rest of them?
appreciate that!

[zenith stag]

I can try and have a look. I your card from Thomas "A different take on lovelace"? Looks familiar

[weary sphinx]

How do I enter colour values into here?

ie what format?

[mystic timber]

https://github.com/matt8707/hass-config
yeah

[fiery ledge]

no... always be consistent, you will benefit from that enormously. and these template in JS are so simple and blazing fast.

and you could ofc try it before asking anyone else... Ive handed you the base material, all you need to do is adjust to your entity naming

copying one of the more complex Frontends available if you dont understand what is happening there, and then have the community maintain your config isnt going to be a successful endeavour I am afraid

[mystic timber]

Yeah, I understand what stands behind it, but do you mean a consistent name for the room name or the climate entity?

[fiery ledge]

consistent naming in climate and input_select per room yes.

[mystic timber]

so calling it input_select_bedroom_climate or just input_select_bedroom ?

[zenith stag]

oh right, Mattias Persson, my bad. Mixing up all the Swedes haha

[fiery ledge]

room bedroom, climate.bedroom, input_select.climate_bedroom. something like that, and then the templates only need to filter out the 'bedroom' part and youre set

[mystic timber]

then I change the base template to

        [[[ var id = entity.entity_id.split('.')[1];
            var connected = 'sensor.' + id + '_connectivity';
            return states[connected] &&
                   states[connected].state === 'connectivity_issue'; ]]]

?

[fiery ledge]

well, that was merely an example in my config.... ofc you need to adapt your template to use youre entities

and do a bit of learning on javascript, how to split strings, and select the part you need

[mystic timber]

I'm too scared to ruin my own dashboard 😦

[fiery ledge]

but it's ruined not functioning currently as it is? thats why you came here ... so, make a test button.

[mystic timber]

You right, thanks!
I will give it a try, what's the best approach to change entity name? Through all my dashboard? I mean the specific entity shows up in my layers of my dashboard

By the way, my living room climate has no input select , just climate entity (that's why it's working great) what would we do in this case?

[fiery ledge]

I dont understand what youre saying now. If you change the name of an entity, it will change everywhere in your views. Unless you override it in a specific card.

[fiery ledge]

really sorry, but you've lost me now. see what you posted here #frontend-archived message

[fiery ledge]

then start learning how to maintain it, there is no other way. really

[zealous flame]

ehm... I just lost all my custom dashboards (I swear I've checked the energy prices on it this morning) - I updated Homeassistant yesterday, fixed something in a sensor and added something to config YESTERDAY
Now I don't have tabs anymore and if I dare to click "take control" HA tells me it will start with an empty dashboard

I didn't see anything about the Core in the protocols... guess I'll try "shut down and start again" 😕
Nothing. I found the dashboards in a backup from 9hrs ago (so after the update) in homeassistant/data/.storage/lovelace
I'm a bit hesitant to restore the full backup though... I'd rather know/find out what happened...

Is there a way to just restore some files? I don't want to loose the db for the last ~10hrs...
--> went to the forum with this, my fix and further discussion: https://community.home-assistant.io/t/dashboard-configuration-gone-howto-restore/759097

[mystic timber]

Oh I already wrote that in the main post that i'm using for LR the climate entity.

[vestal pulsar]

New badges don't work correctly for color control. I have garage door open/close sensor. I created two badges one for open and one for closed. I set the open icon to garage open, and garage closed to closed icon. Similarly, it set the color to yellow for open and green for closed. Then I set the visiblity for each badge based on open or closed . When the garage is open the open badge aappears and color is yellow and the icon is open. When the garage is closed then icon is closed but the color is gray, not green. I have another sensors (3 states) for air quality sensor that works correctly for color control

[tacit cave]

If you found a bug, make an issue on github

[vestal pulsar]

ok ... where?

[tacit cave]

in home assistants github page

[stuck spire]

easy. I can help you if you tag me with your script's YAML code (saved to dpaste.org of course), post in #automations-archived when you're ready.

[zealous heart]

Hello I m strungling with some syntax, anyone know how I can fix it ?
The code take a string in a object and split it to fit in the view :

custom_fields:
    desc: Today
    desc2: |
      [[[
          {% set warning_text = state_attr('binary_sensor.weather_warning_home', 'warnings')[0]['text'] %}
          '' + warning_text | wordwrap(50, wrapstring="\n")
      ]]]
...

This version work but the sentence goes out of the windows:

  states['binary_sensor.weather_warning_home'].attributes.warnings[0].text
  ]]]```

[tacit cave]

That's still Jinja, you can't use Jinja in custom button card

custom button card uses 100% JS

[vestal pulsar]

I ONLY use one browser. I don't like clearing cache (every time there's an HA problem it clearing the cache has never fixed anything for me) because I lose everything . I'll wait for some body else to report the issue

[tacit cave]

try:

[[[
   const wordWrap = (str, max, br = '\n') => str.replace(
     new RegExp(`(?![^\\n]{1,${max}}$)([^\\n]{1,${max}})\\s`, 'g'), `$1${br}`
   );
   return wordWrap(states['binary_sensor.weather_warning_home'].attributes.warnings[0].text, 50);
]]]

half-ass pulled from ->https://www.30secondsofcode.org/js/s/word-wrap/

[zealous heart]

doesn't crash but doesn't change anything ^^

[tacit cave]

did you refresh the page?

[zealous heart]

Yes and I tried on my phone too

[fiery ledge]

you can set word-wrap directly in button-card mostly, no need for complex templates

[zealous heart]

By looking the code I guess it's because I have no break code inside the text

[tacit cave]

🤷‍♂️ do what Marius said

[fiery ledge]

check https://www.w3schools.com/cssref/css3_pr_word-wrap.php and set that to you field

button-card natively supports all of these css modifiers, on any of the fields for which you have a text as value

and, if you 'must' use it inside a html block, then you can still use those in the style of the span: name: > [[[ var location = `<span style="color:${variables.action_color};font-size:11px;word-wrap:break-word;"> ${entity.state}</span>`; return 'Binnen' + '<br>' + location; ]]]

[zealous heart]

I did try that, but it doesn't have any effect

                    - justify-self: start
                    - text-align: left
                    - font-weight: 400
                    - font-size: .6em
                    - color: var(--gray800)
                    - word-wrap: break-word```

[fiery ledge]

try this: styles: name: - text-overflow: unset - white-space: unset - word-break: break-word
I had your issue some time ago: https://community.home-assistant.io/t/lovelace-button-card/65981/1713?u=mariusthvdb when the Master helped me out 😉

[zealous heart]

desc2: >
[[[ 
   var warning = `<span style="word-wrap:break-word;">
   ${states['binary_sensor.weather_warning_home'].attributes.warnings[0].text}</span>`;
   return warning; 
]]]```

Same output, the sentences isn't cit

[tacit cave]

Really?? You make a post on the forums instead of taking that info over to github?

[zealous heart]

Your solution work

[vestal pulsar]

Yes ... I don't like clearing cache .... that has never fixed anything for me

[tacit cave]

no one said anything about clearing cache, I simply asked you to create an issue on github

[glad lotus]

I've been playing around with the new visibility options in the dashboard, especially the screen conditions and I find them quite confusing.
There are four options:

• Mobile
• Tablet (min: 768)
• Desktop (min: 1024)
• Wide (min: 1280)

First of all I find the names to be confusing. Even a full HD desktop, the most common resolution, will already fall into the wide category, not the desktop category. Most modern tablets will also not fall into tablet, but into desktop or even wide.

Second of all in the new sections view there are already breakpoints that control how many sections are displayed in one row. Those breakpoints don't match with the visibility options. When changing the size of your browser window you can get cards to disappear without triggering a sections breakpoint.

I believe that it would be both more consistent and easier to understand to just reuse the sections breakpoints. That way a user could for example set a card to only display if there are at least 4 sections per row.

[vestal pulsar]

The github error report seems to require that you check a box confirming that you cleared the cache and tried other browsers. Should I just lie?

[tacit cave]

it hasn't stopped you in the past

[fiery ledge]

Some screen size presets are available in the UI but you can use any CSS media query you want in YAML.

[vital burrow]

Do you like the issue more than clearing the cache?

[vestal pulsar]

Stopped me from what?

[tacit cave]

clearing cache takes 2 seconds anyways

CTRL+F5

if that's too much, I'm not sure HA is a software for you

on a mac i think it's cmd+shift+r

[stuck spire]

https://tenor.com/view/perfect-popcorn-michael-jackson-gif-26271837

[vestal pulsar]

clearing thew cache has never fixed anything for me but removes a lot of cached thing unrelated to HA

[tacit cave]

it does not

use the hotkey 😉

clearing it manually will

using the hotkey does it just for the page you're on

it's Command+Option+E on mac

[vestal pulsar]

Oh ... I didn't know that

[sinful ridge]

I personally use the lock in the address bar to clear website specific cookies.

[vestal pulsar]

Cntl-F5?

[tacit cave]

Yep

[vestal pulsar]

Nope .. icon badge color remains grey when i specified it be green