frontend-archived

[zenith stag]

I guess z-index: 1 is by default so you probably only need to worry aboy the filter (using s custom_field) and the text on top of it

[scenic current]

Got it going. Thanks. I'm looking at some of the css animation to try and replicate the Alexa 'listening' bar. Learning a lot from this little project.

[viscid lake]

I have a group helper that lost its identity and cant be deleted, What file I need to edit to force remove it?

[tacit cave]

I think apex charts can do this

[snow flame]

thanks petro ... evaluated apex, but seems plotly is more flexible and gives more options

[tacit cave]

wtf

never heard of that card

TIL

[snow flame]

This is what the card on my screen has right now.

[tacit cave]

Nice

[scenic current]

@zenith stag Can you share a sample on how to do a !include for loading the card code as external yaml file? I understand the concept but not sure what's the minimum I need in the web front end and where best to call the include if that makes sense

[snow flame]

admittedly, copied from another project ... but this guy also calculated his own curves

[tacit cave]

somefield: !include somefile.yaml

somefile.yaml contents:

somevalue: 1
somevalue: 2

Vs

somefield:
  somevalue: 1
  somevalue: 2

[opal jay]

@tribal galleon

[zenith stag]

as Petro's example. Nothing fancy needed, just make sure your yaml file does not start with any line breaks or spaces

[golden mist]

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

[scenic current]

Geez. Sniped by the limit. Wondering if I just do the cards: !include mypath/my.yaml and just start with the - type line?

[tacit cave]

notice how my example doesn't have somefield in somefile.yaml? Notice how your attempt has cards in both?

[zenith stag]

Here you can see my !include on line 59 on the left hand side, referencing the yaml from the left

I kept the dash - on the right to keep it tidy

[scenic current]

I'm getting an error when trying to do this.

[elfin sky]

Random thought of the day... if an update includes a breaking change, the 'major' octet of the version number should be incremented to indicate as such... 🙃

[zenith stag]

hmm where are you now? are you in a yaml-only dashboard?

[snow flame]

If you want to try: HACS --> Plotly Graph Card, here the ready-made extract I made from the bigger project to put into a card

[jade tendon]

can any1 help me with this?

[zenith stag]

button card? can't you use that helper as the cards entity instead?

[jade tendon]

i want that if 1 lamp in a area is on my custom button card changes color

can i make a helper for that>

?

[zenith stag]

well if you make a light group, you can use that as the entity, On or off

[jade tendon]

yea but then its not dynamic

so i always should manually add the lights

[zenith stag]

Not sure what you mean. do you want to use the same card for other purposes also?

[jade tendon]

its to open my bubble card

lemme show you

i got my Mobile interface

When i press 1 of these my bubble card pops up

i want when a light is on in that area it also changes that yellow color only on my front dashboard

i made it now so that when a "spiegels" is on the bath is full

[zenith stag]

hmm ok sorry not my field unfortunately, I'm sure someone else will help you when they see it 🙂

[scenic current]

Yes. 'Raw Configuration Editor' but I will do it wherever it is easiest. Create new view, then add a manual card works for me too but I just don't know exactly how to add the include and where the external yaml should start. I thought I was doing it correctly above but something is not right if it's giving errors

[zenith stag]

the raw config editor does not support includes, anchors or comments. You need to be in a full yaml dashboard. I'm not sure what the correct term is. I think you are in "storage" but need to be in "yaml"

[scenic current]

Not too sure what I'm missing. the file browser to the right is connected to my linux server's docker location where AppData/homeassistant/myconfigs/cards should be the same as /config/myconfigs/cards from within the container

[zenith stag]

again, the raw config editor does not support that 😛

https://community.home-assistant.io/t/using-include-in-lovelace-dashboard-storage-mode/486705

[atomic glacier]

Glad it worked out ☑️ @arctic sandalYes, I've had the same issues. I resolved by adding a number after the filename or just giving the image an entirely different name.

[west lotus]

Did anyone got issues with icons in general with the latest update? mine just disappeared. running rpi5, core 2024.2, supervisor 2024.01.1, os 11.5

browser cache cleared and restarted the whole system aswell

oh right i might just add a icon again lol. welp kinda sucks having to give every card of my 5 dashboards my icons again but well

sorry for asking a dumb question, it has just been clarified (;

[scenic current]

Well that plan just went out the window. Oh well. On to other things I guess.

[safe sage]

So in 2024.2 I have no icons for the areas , I suspect this : system is in french but areas are in English ....

[zenith stag]

well as I said earlier, since you don't really have a complicated dashboard to "migrate", it should be pretty easy for you to get set up

[scenic current]

I don't understand what you mean. At some point I'm going to have a good many conditional cards in a single view and I'm imagining that not being able to call these from includes will cause that view to be really really long

Which brings me to another question. Can I create something like global variables for things like time and weather and call those from the other cards in the same view?

Can the custom_fields that contain the JS definitions be used by more than one card is what I mean or similar?

[zenith stag]

I was talking about you're Echo Show cards 🙂 As you are "just getting started", I would recommend you to migrate to yaml now when it's still and easy and fast process for you

the button card supperts templates (not templating) so that might be your answer

[scenic current]

I'm not following. Everything I'm doing with these is in YAML, I'm just editing it within the webgui. Or am I misunderstanding that what I'm doing IS YAML?

[zenith stag]

you really need ti read the docs 🙂 Did you check my link above?

[scenic current]

The forum post? I'll reread

[lyric prairie]

The webGUI is directly converted to json, so not pure yaml. A dashboard in a yaml file does support all the yaml magic

[scenic current]

Ah okay. So I did find the JSON version in .storage so know what you're referring to. I guess I'm asking the wrong question. How do I write a pure YAML view/card and bring it into the dashboard?

[zenith stag]

I'm trying to find the page talking about this on HA's webite, but it's really hard to find ^^

[lyric prairie]

https://www.home-assistant.io/dashboards/dashboards/

[scenic current]

I reread the post. At first I thought it was saying it's not possible but in reality it's not possible from the UI editor. I'm 100% good with doing this in standalone if I can somehow pull it in.

[exotic stirrup]

This is happening to me as well

[zenith stag]

There are a ton of examples online to get you started. UI Minimalist is the most known probably. My own config MiniHass has a pretty good guide too. Rounded by Leon is another good example.

[scenic current]

Thanks for this. I get it now. Seems like an all or nothing thing. Have to move over all my existing stuff too. I was hoping that it would be more hybrid and I could use gui when I wanted for easy stuff and YAML as needed.

[zenith stag]

unfortunately. But you can still "develop" your stuff in gui (for a live view) and when you're happy copy/paste into yaml.

[lyric prairie]

You can combine both

[scenic current]

Oh? So that's really what I'd like to do. Have the GUI for existing and others but still be able to import. It's really clunky to edit in the gui

[lyric prairie]

Just set it to storage and set the GUI made dashboard as default so HACS also thinks you are in storage mode

lovelace:
  mode: storage
  dashboards:
    tile-ui: # Needs to contain a hyphen (-)
      mode: yaml
      filename: main.yaml
      title: Tile
      icon: mdi:home

Then add the yaml dashboard with a similar setup as the above in configuration.yaml

But indeed the dashboard itself is either GUI or yaml but you can have both types of dashboards on your system

[scenic current]

So in what you're showing, my existing dashboards will still show up but it will also load a new one based on those parameters under that new dashoard definition (eg tile-ui)?

[lyric prairie]

If you copy over the yaml from the raw-editor.

[zenith stag]

I think you mean to say, no, you cannot have a hybrid-dashboard. Right?

[lyric prairie]

No hybrid-dashboard, yes hybrid system 😉

[zenith stag]

right

[scenic current]

For each dashboard, save to a file for each, and set up like what you are showing above for each?

[zenith stag]

I think you confused us both when you said "You can combine both" 😛

[lyric prairie]

I mostly have all dashboards except one in YAML. In that one I add cards from the GUI editor and use the generated code in my yaml files

[scenic current]

I'll give this a try. Know that I'm a novice when it comes to all of this stuff so thanks for your patience

[zenith stag]

you probably only need one dashboard. But within it, you can have as many views as you want. Or if you only want one view, put all those lines of yaml you want to !include in seperate files. But not in seperate dashboards, just seperate files

[snow flame]

It's magic, as usual. Thanks for all the insights. Q: If i make a ready-made view for end-users in YAML (as I do right now). One of them is hitting 'edit' in GUI - what happens to the YAML for this particular user? Modifications on saving?

[lyric prairie]

They will get an error message that the GUI editor is not supported in a YAML-file based dashboard

[snow flame]

ah ok

[snow flame]

that makes my current quest more .... interesting ....

[tribal galleon]

Everything in your code looked fine to me. I copied it to my dashboard and no pop-up. I copied a known working pop-up code over to the simple-weather-card; still not working. I tried both methods: call-service and fire-dom-event. Went to go look at the doc to see if maybe the tap-action can only do certain things. Visited the issues and found #54: Call-service not working. It was opened Dec 2021...

There is one fork that is 1 commit ahead of the one in HACS and it was updated a couple of days ago. ```
Minor changes:

• Don't show name at all.
• No space before units.
• Wrap units in a span for styling.
• Larger fonts.
• Don't hide overflow on main temperature display.```Those are a couple of issues I noticed earlier. But it does not have issues enabled so I don't know if it is possible to contact the Dev about the tap-action. https://github.com/britton-clapp/simple-weather-card

[unreal urchin]

evening, all. i am refreshing the 3d model of my home and embarking on an updated UI focusing on it. if you have one (or even if you don't and just have an opinion on it), how should i approach the resolution and aspect ratio of the exported images given that a dashboard will scale differently depending on device, whether the sidebar is out, if it's fullscreened, etc.?

[viscid lake]

Bump to this question

[ebon river]

Not sure what “lost its identity” means. But if you are seeing entities that you think were already deleted, it’s likely that they are in your browser’s (or HA companion app’s) cache. Clear the cache or open an incognito window and look for the entity again.

[viscid lake]

Please see image above, when I click on that helper group I get no remove button

[ebon river]

Did you define that group in yaml?

[viscid lake]

No. from UI. I disabled it some time ago and yesterday I came to add a ne wgroup and found this with a big red

I dont use it anymore so I decided to delete it

that was a negative

LOL

[opal jay]

Thx for searching this out

[ebon river]

Go to the entities list (settings->devices and services->entities) and search for the group name. Click the entity. On the window that opens up, click the gear icon. Then click delete.

[bright umbra]

Hey! Not sure if it has been reported, or if its only happening for me, but when I click "Today" button on the energy dashboard it just adds 1 day to the start each time its clicked, the "Today" button on the calendar widget works as expected though. Also the previous and next buttons move 2 days at a time

[viscid lake]

It does not come up there because it does not have an Entity ID, I mention this before. Somehow it lost it

[ebon river]

Did it show up the states list (developer tools -> states)?

[viscid lake]

checking

no it does not

I do see it here thought:
[core-ssh .storage]$ grep -nr "Master Bedroom Restroom Sensor" .
./core.config_entries:1262: "title": "Master Bedroom Restroom Sensors",
./core.config_entries:1266: "name": "Master Bedroom Restroom Sensors",
./core.entity_registry:50040: "original_name": "Master Bedroom Restroom Sensors",
[core-ssh .storage]$

[ebon river]

Are there any statistics tied to it (developer tools -> statistics)?

[viscid lake]

checking

no

[ebon river]

And a restart of HA hasn’t cleared it out?

[viscid lake]

Correct

[ebon river]

If it is still there after a restart and it isn’t listed in the states or the entities or the statistics sections, I’m not sure what you can do besides manually deleting it from the registry. You’d want to make a backup before you do that.

[viscid lake]

I kinda figured that was going to be your answer.

Thanks for your help!

[ebon river]

Sure. Feel free to ask over in #general-archived for any different suggestions. If you say you can’t find it in those three places it should make for a quick discussion.

[tribal galleon]

I think I've seen a similar question to yours in here before and the fix was as mekaneck suggested. I was thinking the same thing when you first posted but did not want to mention it because I wasn't sure and didn't want to point you in the wrong direction and something breaks.

[covert glen]

With multiple Sonos (S2) devices, such as Amp and Move, how can I control each independently within same card? Feels like it's do-able but I'm not seeing it in Media-Control card - installing 2 cards allows me to control volume independently but not the music.

Would love some guidance if anyone's worked through this. #frontend-archived Home Assistant newbie...1st post for me

[storm onyx]

I have a dashboard containing of 4x6 horizontal/vertical stack grid and then a tile card in each field. I can open it on my phone.
On my laptop and tablet if I try to open it the first dashboard shows up (but the correct url). When I click edit dashboard I can select the desired dashboard and open it.
Do you have any idea what could cause this?

[long yacht]

HACS horizon card seems to work fine on a browser, but doesn't in the Android app.

[scenic current]

I'm back for more fun. I'd like to have a large view of the Waze navigation live web page take up the majority of my view as shown (this is a web iframe card). On top of that I'd like to have a card with the travel times to a few different destinations (I drew that in). Is it possible for me to add that sensor card on top of the iframe like shown? If so, can someone tell me the approach I should take?

I was thinking to do it the same as with the custom button card but I'm not sure how the web frame stuff would work with it.

[bronze wedge]

Hey team, I have created a sensor template based on smart power socket that displays off, idle, charging. Now I want to have a card that displays that status but when I click the card have it display the "Current" data from the plug. What card can I use to do this?

[mint widget]

I'm starting from scratch, noob. Is there a way for my wife to send a website link to a firetablet (firetoolboxed) from her iPhone. (think recipe for viewing in kitchen on the web (brave app) browser? A Google photos Screensaver would be pretty dope too (is footo the go to answer for that?)

Searches didn't result in anything helpful for what I wanted. Tia

[tribal galleon]

I'm theory you should be able to do that. I'd use the custom:button-card. Then put two cards inside it: the iframe and the sensors. (Just like you've been doing with the Show.) When you do the styling, give the sensor card a larger z-index number than the iframe. That'll put it on top. Layout will probably need absolute positioning unlike what you're used to doing; top and left references.

[scenic current]

perfect. Will try that soon. Thanks!

[quartz lily]

Hi, i have a camera with preset (select) and i want with a button select the first or second element. how can i do ? thank you

[polar kelp]

Is it a select. entity? Then you can make a button that calls the select.select_option service as tap_action https://www.home-assistant.io/integrations/select/#service-selectselect_option

[quartz lily]

Thank, sorry i m a beginner. i try with the service select_option. with option it s working. did you have a full example i don t understand if i want to have the service for a another entity. thank you

[polar kelp]

• Add a button card
• Delect the entity for it
• Select Tap action: Call service
• find select.select_option in the list
• Find the right target for your camera
• Enter the option you want

[quartz lily]

Thank you!

my code:
show_name: true
show_icon: true
name: entree
type: button
tap_action:
action: call-service
service: select.select_option
target:
entity_id:
- select.c211_move_to_preset
data:
option: entree
entity: device_tracker.c211
icon: mdi:camera

why i need to have entity: device_tracker.c211 ? i put the first entity from my camera.

[smoky rain]

Is there any way to create a button toggle in a card, to display a camera stream on the same card?
For example, I have this card:

show_state: true
show_name: true
camera_view: auto
type: picture-entity
entity: camera.tapo_camera_6c73_hd_stream

But I don't want it to be ON by default, but to be toggeable, after pressing a button or something the stream should be seen.

Is this even possible?

[agile blade]

https://www.amazon.com/dp/B0BXL1NXVS?ref_=cm_sw_r_apan_dp_419FN6PB21WVZYC2FQ9Q&starsLeft=1 would it be possible to integrate a home assistant system with a touchscreen monitor like this just using the raspberry pi to connect to the monitor?

[golden mist]

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

[agile blade]

how do I take a card and implement it into my dashboard?

[lyric prairie]

@open perch Card-mod did deprecate your "old" way of adding styles.

[open perch]

ok i see... can you show me how it's done nowadays? 🙂

thanks for your help btw!!!

[lyric prairie]

        style: |
          ha-card { 
            background-color: rgba(255,0,0,255);
            box-shadow: none;
          }

should be:

      card_mod:
        style: |
          ha-card { 
            background-color: rgba(255,0,0,255);
            box-shadow: none;
          }

https://github.com/thomasloven/lovelace-card-mod/releases/tag/v3.4.2

[open perch]

wow! awesome! thanks!!! that did the trick! so i guess ma sample that i found was rather old... thanks a lot!

@lyric prairie do you also know how for a mushroom light chip i can hide the state text? the icon itself changes colors anyway... i am looking for a clean dashboard 😄

[lyric prairie]

No card-mod needed

- type: custom:mushroom-chips-card
  chips:
    - type: light
      entity: light.wled_plank_boven
      content_info: none

[open perch]

yes!!! aweesome! thanks!!!

[lyric prairie]

What have you tried to do until now? It is covered in the docs and even a video with an explanation.
https://youtu.be/XY3R0xI45wA

[agile blade]

I just cant install HACS even when I clear caching and hard reset it doesnt pop up

[lyric prairie]

Where do you expect it to popup? you meant HACS cards with the previous question?

[agile blade]

No slightly different question now I read some documentation and was just going to use HACS to implement the cards however when I try to add an integration I cant find HACS

[lyric prairie]

Have you followed all these steps? https://hacs.xyz/docs/setup/download

[agile blade]

yep I have it downloaded via the SSH terminal I just cant get it as an integration

[snow flame]

Any hints on how to make the table (line 134ff.) follow the 'column' rules, and how to make the text appear top-left with 100% width/height? I dont seem to find the right place to do this ... https://pastebin.com/GugDgr8b

(currently table is always appearing center-mid)

[open perch]

      - type: custom:mushroom-template-card
        icon: mdi:office-building
        primary: Büro
        secondary: >-
          {{ states("sensor.temperature_knx_flur_ug_buero")|float|round(1) 
          }}° 
        card_mod:
          style: |
            ha-card {
              --icon-symbol-size: 30px;
              opacity: 20%;     <---- can i also just target the icon and it's background somehow? not the rest of the text?
            }

I'd love to have the icon of that card to be a kind of dimmed down background. currently it's making the text next to it move to the right. I'd like it to basically not consume space, but rather just be a background element. is that somehow possible?

[snow flame]

nvm ... found it. card: padding 0, name: width 100%. Getting closer ...

[agile blade]

is there any good documentation for using HACS for frontend design

[dark dirge]

Writing custom cards? HACS is just a downloader

[agile blade]

no for implimenting custom cards already made

[dark dirge]

Implementing?

Are you just talking about installing custom cards?

HACS does have documentation...

I don't see how HACS is involved in frontend design for a card, or any sort of implementation unless you're writing a new card

[agile blade]

nevermind I was being a moron

my bad

[pastel ibex]

has anyone else lost the ability (latest version of HASS) to swipe left on their dashboards in order to bring the sidebar up? (iOS specifically)

[dark dirge]

With the app? And you mean swipe right from the left edge?

[pastel ibex]

correct

okay, looks like a regression in the testflight version of the app on ios, reverting to the stable brings it back 🙂

[dark dirge]

I'm using the latest TestFlight app and it's working for me. It doesn't work on all screens, but I don't think that's changed (like modal dialogs)

I would try clearing the frontend cache from the app settings, and posting in #ios_and_mac-archived

[fiery ledge]

was wondering if we could disable that ugly > on the history-graph, and checked the docs in https://www.home-assistant.io/dashboards/history-graph/. They don't even mention the new navigating button, so tested it in the UI, but there is no setting at all on those... Did anyone already figured the card_mod to do so?

here it is: card_mod: style: | .card-header ha-icon-button { display: none; }

or make that conditional: card_mod: style: | .card-header ha-icon-button { {{'display: none' if is_state('input_boolean.hide_history_graph_link','on')}}; }

[hushed palm]

I need to ask something I´ve been thinking about for a while. Why does the energy dashboard show the opposite of what the entity from the Electricity Map integration states?

[dim oriole]

The card in the middle of the screen there, what is that called? 🙂 the one with the tanks

[vital burrow]

My guess would be "picture-elements"

[snow flame]

Is it possible to import a custom font at runtime like this? No success so far.
The font is only used at one single place for one single purpose, so I don't want to permanently import it through resources.
Any hints?

[open perch]

I have one question about bubble-pop-up

I have the view I want as a popup in a seperate tab in my dashboard and it looks like that:

type: vertical-stack
cards:
  - type: custom:bubble-card
    hash: '#buero'
    name: Büro
    icon: mdi:desk
    state: sensor.temperature_knx_buero
    card_type: pop-up
  - type: grid
    columns: 1
    square: false
    cards:
......

Now I'd like to trigger it on an other tab of my dashboard

          - type: custom:button-card
            name: Büro
            icon: mdi:desk
            tap_action:
              action: navigate
              navigation_path: '#buero'
            custom_fields:

But nothing happens when I tap on my card

i also tried looking into the JS-console of safari and found this... not sure how to get rid of those?
would be super happy if somebody could help me out here 🙂

[tribal galleon]

@open perch It's been a while since I've played with the Bubble cards but I'm pretty sure the pop-up card/code has to reside on the view you want the pop-up to appear. The view can't "see" code in other views.
You might be able to do this if you have your dashboard configured in YAML mode and using a YAML anchor.
Another option you might want to try is the decluttering card but the way the Bubble pop-up is defined, I'm not sure that this would work though.

[open perch]

you are absolutely right... why did i not think of that myself 😄 that did the trick! thanks a lot!!!

[thick nacelle]

I want to future proof my automations for when either I of my girlfriend switch phones. How did you guys go about that?

[vital burrow]

Just an idea:
You can create notification groups and use those as notify service call.
When you change a phone, you just change it in the notification group YAML, restart HA and all automations continue to work.

https://www.home-assistant.io/integrations/group/#notify-groups

[thick nacelle]

That is a pretty good idea actually

Can you also select multiple of those notification groups in an automation?

[vital burrow]

They work the same like the notify.mobile_app_abcdefg

You can call multiple ones one after another

[thick nacelle]

Awesome, I'll have to look into that sometime

We're most likely both going to switch phones soon and I'd rather not have to change every automation lol

[vital burrow]

Or you remove the old mobile app from HA and give the new mobile companion app the same name, so that the service call is the same

[thick nacelle]

It just picks up on the name of the phone right? I don't think I had to set a name when I opened the app, just the login with my account

[vital burrow]

However - this digresses a bit too much from the channel topic.

[dim oriole]

Thanks, gonna look into it 🙂

[amber lotus]

Hello, my frontend tabs disapeared all, only visible when i press edit.

How can i fix this?

[vast crane]

Any chance did you mark this view as a sub-view? That would hide the tabs.
Yeah I'll guess you did, that's why it has the back arrow.

[amber lotus]

How can i fix it @vast crane ?

[vast crane]

Click on the pencil icon for the tab (next to Home). There's a toggle at the bottom of the popup that says Subview. Turn it off.

[amber lotus]

solved 😄 thanks

[vapid nymph]

I have a sensor that collects the unavailable/missing entities, but when I try to add to a dashboard, I only get the count on the card, not the list. Is there a dashboard card that will list the items included by the sensor?

[scenic current]

Over the past few days I've asked this in voice-assistants, general and on forum. Posting here to see if any of you know the answers as it relates to frontend stuff.

When I say something like “Turn on living room light” can I ‘see’ the entity that assist is performing the service call on? I’d like to be able to grab ‘light.living_room’ and pass it on to my tablet display.

I am working on a ‘replacement’ for my Echo Show device and I’d like to show a card when I ask assist to turn on/off, open/close devices by setting a helper with that device’s entity definition and have the card always display that helper.

Is there some sort of trigger or service data that I can monitor to grab this information? I’d also like to be able to capture the speech-to-text request as well for another card I’m thinking about.

[vast crane]

If the list is an attribute, probably a markdown card with a template is good for that.

[snow flame]

Maybe a markdown card with something like this?

{% set x = ['unavailable','unknown','anyotherstate'] %}
{%- for d in states|groupby('domain') %}
{% if loop.first %} ### Domains: *{{loop.length}}* - Entities: *{{states|count}}* {% endif %}
  **{{- d[0]}}:** *({{states[d[0]]
                      |selectattr('state','in',x)
                      |list|count}})*
  {% for i in d[1] if i.state is in x -%}
  > {{i.name}}: *{{i.state}}*
  {% endfor %}
{%- endfor -%}

[whole fog]

Excuses me if this is in the wrong channel. Is it possible to have a vertical-stack-in-card with a tap_action? I currently have a mushroom button with a few chips-cards and only half of the card responds to the tap_action which gives a weird result.

[bronze parcel]

Does anyone know if there’s a way to make a card to control a fan that can be controlled by selecting 3 states (low, medium, high) instead of 0-100%?

[golden mist]

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

[scenic current]

@zenith stag @tribal galleon I'm still working on the clock card. I wrote a little animated line that I want to come on when my assist sensor goes to the on state. I'm modified my code setting the assist binary sensor for listening as the entity for the button card and added the code for the detect to go on but it doesn't show up when binary sensor goes to on. I put the animation in the custom_fields definition as a test and it shows up in the place that I want and animates fine. Can someone tell me what I'm doing wrong?

https://pastebin.com/GBJQ7NiA

custom_field name is assistant

[tribal galleon]

Depending on your layout, you might considering adding a "drop-down" to show the list of entities.
This is an idea I helped out on a little while back. It uses a stack-in-card holding two Mushroom-template-cards and a conditional card. The drop-down button toggles an input_boolean which is watched by the conditional card. When toggled, the conditional card shows a Markdown card like what karwosts and Tom Bombadil suggested.

[tribal galleon]

I don't think the vertical-stack-in-card can accept a tap_action by itself. Depending on the chips used, they may or may not have a tap_action available. When in doubt, you could always use a mushroom-chips-card and define actions, but you also have to define icons, colors, content, etc.

[tribal galleon]

For something quick and easy, consider the Fan Percent Button Row which would be used with an Entities card.
If you don't like how that looks, you could always "design" your own card. Using a custom:button-card, for example, you can embed additional buttons with corresponding action for the low/med/high.

[tribal galleon]

I'm not sure if the custom_field can "accept" a state like what you defined at Line 74. I would think that that would showhow need to go into the styling section around Lines 66-73.

[hushed agate]

is there a way to remove the energy dashboard from the sidebar?

[tribal galleon]

On desktop, you can press and hold the Home Assistant label at the top to edit what is shown below. (Not sure how to do it on mobile. Same on mobile.)

[dark dirge]

or...go to your profile and click "edit"

[hushed agate]

i see but thats sadly only for my profile alone

[dark dirge]

that's the only way

[hushed agate]

sadness

thought because it appears on the dashboard page that there could be a way

[tribal galleon]

I think this topic may be what you're looking for: WTH: Why most settings are browser instance dependent

I want to configure my user profile settings once and then save them permanently, so that I can use them across multiple devices and sessions.
Looking at the code provided, there's this: ```javascript
sidebarHiddenPanels: '[]',
sidebarPanelOrder:
'["lovelace","hacs","logbook", "..."]',

[smoky rain]

Is there any way of having a conditional card use a local variable instead of an entity?
My goal is to show a toggle button (that should be local to each app&web frontend). And when this toggle is on, it should show an Image Entity card. And when toggled off, it should hide it.
I was doing it with a helper entity, but this is general to all open frontends.

[dark dirge]

this might help: https://github.com/thomasloven/lovelace-fold-entity-row

[hushed agate]

That's some good insights, thank you!

[tight sundial]

using lovelace minimalist i cant seem to figure out the yaml for a conditional card ? simply wont show up on my dashboard with the following code ? custom_fields: item1: card: - type: "conditional" conditions: entity: "input_select.heating_boost_time_options" state_not: 15m card: type: "custom:button-card" template: "card_title" name: Test
any thoughts ?

[scenic current]

Hmm.. Okay. So somehow add the conditional part in the style section of custom_components. Can I add JS in that part to check status of that binary sensor and if it is on then set that animation line?

https://github.com/dsellers1/home-assistant/blob/4c5da4ba380a2419288424ed01390ee8f9a4c6db/echo-show-screensaver/show.yaml#L63
@tribal galleon By the way, I'm trying to replicate what you and Fredrik are doing here. Link to your example

[tribal galleon]

What state does your binary_sensor (at Line 5) return?
(I don't completely understand some of the stuff that Fredrick implemented and was trying to reverse engineer it myself, too.)

@scenic current Notice you have the nighttime weather icons commented out and it returns the daytime version. Were you having problems with the nighttime icons? I fixed something in there a few days ago where the icon would not return the nighttime icon (but I honestly don't remember the change even when comparing the commit...) 🤷‍♂️

[golden mist]

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

[silent belfry]

Has the header name but it's just on the black background

Any way to do it without mods

[tribal galleon]

@silent belfry There's really no way to do it without using something custom.
If you wanted to add a background to the vertical-stack card, you would probably have to put it inside a custom:mod-card.
You could use a custom:stack-in-card (which I would suggest for what you're trying to do) but it needs some help from card_mod in order to remove the background and/or opacity.
(Not sure if you were wanting the background to show through the card or apply a background color/image to the card.)

[golden mist]

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

[tribal galleon]

I used a Markdown card instead of the title field as it gives more customization options.

Revision to the code above: changed the mode to vertical, removed the vertical stack from the cards: and reduced the indents. (So the stack-in-card holds the Markdown card and the horizontal-stack which that holds the Tile and Button cards.)

[scenic current]

That sensor shows on when assist is responding and off when it is not.

[scenic current]

I haven't done much work to update that. I have been using your code for a while now and plan to update it soon.

I can tell you that I have the clock, weather, my security cameras, and a travel time page running on my tablet with control using assist. I can say, what time is it and assist will now tell me the time (custom sentence custom response) and switch over to the clock display view. I've decided that it's a lot easier for me to just use one view per card rather than stringing everything together with a bunch of conditional cards. Using browser mod to switch the views through automation

[scenic current]

So at night, these Echo Show devices go into a night mode when they sense light level is in a dark stage. At that point, the screen dims and the text turns of red. I'd like to do that with this same card. Can I add conditions in the style section or is it only available in the custom_component section at the bottom?

[snow flame]

Stupid question: How to add a padding to a vertical stack? Seems I cant find the right addressing. None of these 3 examples is working, but in console I can see that it should be possible:

- type: vertical-stack
  cardmod:
    style: |
      ha-card {
        padding: 20% !important;
      }

  style:
      padding: 20% !important
      .: |
        ha-card {
          padding: 20% !important;
        }

[tribal galleon]

NOTE: card-mod only works on cards that contain a ha-card element. This includes almost every card which can be seen, but not e.g. conditional, entity_filter, vertical-stack, horizontal-stack, grid.
but, if you scroll down a bit, Styling cards without an <ha-card> element, you can use card_mod's custom:mod-card.

[tribal galleon]

browser_mod can do some stuff with the sidebar. I haven't used it but it seems like another option that you might want to check out.

[hushed agate]

Thanks I'll check it out

[timid moss]

Using the built in Roborock integration with the vacuum-card from HACS, all of the sensor times show the value of their "Precision" setting. Anyone else seen this happen?
https://imgur.com/a/MY54n0t

[signal sky]

I'm sure this is a really simple thing, but I can't figure it out. Trying to create a really simple clock card, using a Mushroom template card. Adding styling to make the text really big, but once I go over a certian size it gets cut off. Adding padding and/or margin doesn't help. Any ideas what I'm doing wrong here?

[signal sky]

Ended up figuring out the above ^ I needed to change how I was changing the text size and then add these two lines

[amber current]

Hi! I tried to install UI lovelace minimalist on my homeassistant Core and for some reason everything looks like this:

I checked the install instructions many times and installed every missing HACS addon, but nothing worked

[lyric prairie]

Nothing wrong with that. Those pages are just some predefined placeholders you can replace with the cards available from the docs

[hushed palm]

I realized the problem myself, the entity was not added to recorder.

[amber current]

oh thanks, but the first image definitely looks weird, and it throws some errors

[hushed palm]

Is there a possibility to add the hourly outdoor temperature (or daily average worst case) to the Energy Dashboard?

Useful when comparing energy consumption depending on the outdoor weather

[dry wind]

hey there, how do I set up auth_providers so that i can log in to a guest account on my local network without a password, but can still select other accounts where i have to use a password?

[mild yew]

Is it just me or the icons for togle switches are not changing colour any more when switched on?

[dim oriole]

apex card, is it possible to offset the label to the right so its right over the column insted of beside it? 🙂

[shadow nymph]

Every time I add a new card via HACS it tells me I'm not using Lovelace in storage mode so I have to manually update the resource. I have a section in my configuration.yaml which is

lovelace:
  mode: yaml
  resources:
   ....

Where I just paste the string they give me. However it seems like most of the cards never show up as options in my dashboard. Am I missing a step?

[dark dirge]

A) you need to reload resources via the service call or restart HA B) you need to clear your browser cache C) many custom cards don't support UI setup and you need to read their docs (assuming you have a non-YAML dashboard and that's what you're talking about)

[mighty zodiac]

Hi, im unsure to where it goes...
ive got my sensor sending data in meters, but i would like to display in mm, and i don't seem to understand how to do so
ive searched in templating, but i can't seem to understand where to set them

[tulip quarry]

Maybe someone can let me know if what I want is even possible: I want to create a video stream of a card on my dashboard. Why: I want to display a chart as a camera feed in HomeKit. Thanks!

[haughty vine]

Integrations (platforms) now have ability to easily fine tune icons for various entity states or even it's attributes (by providing icons.json)
However end user is only ably to set one static icon that will be used for every entity state.
Is it possible for end user to redefine icons more flexibly like developers can?

...if not are there any plans to expand options for end users?

[vast crane]

I don't believe that is possible (nor have ever seen any discussion that it may become possible).
I guess templates would be the way to achieve that?

[haughty vine]

I expected as much.
Unfortunately templates requires to completely re-create entire entity. It becomes "disconnected" from original device and integration.
That's a lot of work and drawback just to accomplish one single thing.

[warped marten]

I have figured out a problem with newest core version.
Specifying an entity for a mushroom-entity-card using the default icon, the icon will not be shown

[tribal galleon]

Try clearing your cache and refreshing. (I noticed similar issue with custom:button-card earlier this week on 1 of my 4 tablets but could not reproduce after clearing cache.)

[warped marten]

Still the same after clearing the cache

I have downgraded one of my HASS installations to 2024.1.6 and there it works.
With 2024.2.1 I have the problem.

[tribal galleon]

Icons are missing in Mushroom card with Home Assistant 2024.2 #1368

[warped marten]

After I read this, I checked my mushroom version and figured out, having an old version.
After updating it works, thanks.

[warped marten]

So, now after updating the mushroom-cards I have a new problem.
For some reason I want an "empty" card and I did it like this:

   -type: custom:mushroom-template-card
    primary: x
    secondary: x
    icon: none
    icon_color: transparent
    layout: vertical
    card_mod:
      style: |
        ha-card {
        --primary-text-color: transparent;
        --secondary-text-color: transparent;
        }

Setting all to transparent did work. But after the update, the primary and secondary text is still displayed.
Even other colors do not work anymore this way.

[tribal galleon]

@warped marten try using :host instead of ha-card. ha-card still useful for border and background.

[warped marten]

Thanks, that works, but (currently no problem for me) secondary-text-color is always the same as primary-text-color.

[tribal galleon]

@warped marten try using the variable --card-secondary-color which references --mush-card-secondary-color or --primary-text-color (which might be a bug since it is not referencing --secondary-text-color...)

[warped marten]

doesn't work either

[tribal galleon]

looks like if you put it in :host it needs !important added to the end before the semicolon. should work fine in ha-card without !important though.

Both of these seem to work for me.yaml card_mod: style: | ha-card { --card-primary-color: transparent; --card-secondary-color: transparent; } or```yaml
card_mod:
style: |
:host {
--card-primary-color: transparent !important;
--card-secondary-color: transparent !important;
}

[warped marten]

Thanks, both do also work for me, seems "--primary-text-color" overrides it somehow.

[tribal galleon]

I'm assuming I found the issue. in src/utils/theme.ts I found this at Lines 27-28: typescript --card-primary-color: var(--mush-card-primary-color, var(--primary-text-color)); --card-secondary-color: var(--mush-card-secondary-color, var(--primary-text-color)) even though there is a variable called --secondary-text-color defined/available.

[signal prairie]

If I ‘take control’ of my home assistant dashboard, is there anyway to add a view/tab that utilizes the native HA automatic dashboard still? I’d like a page that still does the automatic updating with new entities while still being able to make my own views

[dark dirge]

You can create more dashboards: https://www.home-assistant.io/dashboards/dashboards/

[signal prairie]

Would the new dashboard be using the HA automatic dashboard setup?

[dry wind]

anyone got an idea on how to do that?

[fiery ledge]

trying to keep the custom:button-card tooltip within the card size ```
styles:
tooltip:
- width: 98%

I can set smthing like word-break, but then only a small size of the main card is used, and it breaks silly, even using the various css options.

[twilit dragon]

You can set overflow: Hidden but not sure if thats what you want

[fiery ledge]

I am only running into an issue on stacks with cards filling the view left to right completely, and only on the most right button

[fiery ledge]

yes thanks, I did that, but then it removes the complete tooltip, and not just the overflowing bit

let me try once more though

[twilit dragon]

I don't know what your whole card config is, but if you use name for the text in the tooltip section, you should add the overflow to the name styling.

[fiery ledge]

this is my template: - type: custom:button-card template: subview icon: mdi:robot variables: tooltip: Automaten and the template itself uses

styles_menu_tooltip:
  styles:
    tooltip:
#       - width: 98%
      - transition: opacity 0.5s
      - color: var(--card-background-color)
      - font-size: 12px
      - background: var(--primary-color)
#       - opacity: 0.5
      - padding: 2px
      - word-break:
#       - border-width: 0px```

issue is, on Ios, these stacks make the whole view unstable allowing to move left-right

[steel turtle]

Upgraded HA to the latest version this morning and now my custom cards won’t show. Any hints on where to start looking?

[twilit dragon]

Ah, sorry, I don't know where these templates come from. It could be an issue with the template itself, but I'm sure someone else has the answer for you!

[twilit dragon]

Make sure your custom cards are also up-to-date

[fiery ledge]

those are button card config templates (a. bit like anchors, so you dont have to repeat all of that identical yaml

its not that, it must be a tooltip setting I should apply, keeping the tooltip within the borders of the containing card. Or maybe not even that (it may overlap other cards,) but only the one card on the most right side not overflowing the view space

[twilit dragon]

I want to understand, so this tooltip is something from the custom:button-card?

[fiery ledge]

yes it is

[twilit dragon]

Alright, first thing I see is this:
(Not supported on touchscreens) You can configure the tooltip displayed after hovering the card for 1.5 seconds . Supports templates, see templates

[fiery ledge]

check this, does no harm

and this is now also fixed using a shorter Tooltip 'Switch'). Using my Dutch 'Schakelaars' on that button makes it go wiggly

because of the right side overflow

[golden mist]

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

[twilit dragon]

Maybe that can pinpoint it to the right place to change the style?

[steel turtle]

There are no new updates available for them in HACS

[twilit dragon]

Strange, maybe a caching issue? Do you have it on all the devices? Does it completely removed the cards? Do you see any error or any blank cards right now?

[steel turtle]

“Custom element doesn’t exist: apexcharts-card” is one of the examples

[fiery ledge]

yes, that could be, let me check. thx I might have to override some extra

[steel turtle]

But yes! Must be a caching issue. Tried with my phone instead of the Mac app

[twilit dragon]

You use UI mode or Yaml?

Otherwise you could check if the config is still correct. You could also check the resources in the settings > dashboard settings to check if the cards are still availble.

[steel turtle]

Note to self - always refresh before submitting a question - all fine now

[twilit dragon]

Ah great! 😄

[fiery ledge]

needed to set the overflow together with the width: - width: 100% - overflow: scroll seems to work, though still suboptimal. Id really prefer it to word break when the fill 100% would overflow, and then use the full width.

[twilit dragon]

You could, in theory, add a manual break

@fiery ledge
btw, I manage to get the word-break to work.

styles:
  tooltip:
     - word-break: break-word

[fiery ledge]

sure, getting it to work is not the issue, its the result on a button like this

turning into this 😉

so, until I get the word-break to style like the top card there, I'll just adjust my tooltip strings on the far right buttons

[twilit dragon]

But, its that just using width: 100% and height: 100%?

Like this:

type: custom:button-card
icon: fapro:bulb
tooltip: Media Settings
styles:
  card:
    - width: 100px
    - height: 100px
  tooltip:
    - width: 80%
    - height: 80%

[zenith stag]

breaking words on the web is difficult, especially when no hyphens are included. I use text-wrap: wrap instead

[zenith stag]

what was the issue in the first place? this is my first encounter with this element too haha, but seems to break lines just fine without any added css

[fiery ledge]

the only issue is with a stack grid of buttons that reach the right side of the view (on mobile), the tooltip can overflow that most right button, and unsettle the complete view because of it

see #frontend-archived message

[zenith stag]

ah okey, so you need it to break word (which is not something the browsers are very good at yet)? Then I guess you have the answer already, to break manually

[fiery ledge]

Then I guess you have the answer already, to break manually
which ofc it not what I was looking for... but indeed already doing. changing fro Schakelaars to Schakel (from noun to verb) is ok, but suboptimal...

[zenith stag]

I was actually watching this two days ago where he brings up the subject of breaking works. I don't think there is a solution to your problem in the video, but still interesting to watch through
https://www.youtube.com/watch?v=FD3aC_Ke8uk&t=973s&ab_channel=KevinPowell

[fiery ledge]

thx, ill give it a go. meanwhile Ive stumbled on thist```
show_name: true
show_icon: true
type: button
tap_action:
action: toggle
entity: switch.front_room

it used to toggle correctly and noticed on some of my custom buttons. moving to testing on core button reveals the same... how did I miss that in the beta

I now see the lost the device_class: switch, even though the affected devices are core Z-wave or Shelly switches. how odd

[zenith stag]

I did see someone else mention the colors not switching as before, I guess they are related

[spring pollen]

Hi. Please help, what should I write in "card_mod:" to get a transparent background?

if i uncheck it it works

[zenith stag]

ha-card {
  background: none;
}

[golden mist]

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

[spring pollen]

Does the "custom:mushroom" card possibly have a background setting

[spring pollen]

Thanks!

[fiery ledge]

not sure, because in my case, they do use state_color. made an issue for it here https://github.com/home-assistant/frontend/issues/19784

[dire maple]

Hi, I want to make one of my cards bigger, I would like it to take up the space of 4 cards rather than just 1? Any ideas? Thanks

[scenic current]

Hi @zenith stag . I posted this a few days ago and was wondering if you could take a look as I'm basing most of it off what you posted previously. I'm trying to get the Assist animated bar to only should up when the binary sensor is on but it is not working. If you have a minute your input would be appreicated. Thanks.

---

I'm still working on the clock card. I wrote a little animated line that I want to come on when my assist sensor goes to the on state. I'm modified my code setting the assist binary sensor for listening as the entity for the button card and added the code for the detect to go on but it doesn't show up when binary sensor goes to on. I put the animation in the custom_fields definition as a test and it shows up in the place that I want and animates fine. Can someone tell me what I'm doing wrong?

https://pastebin.com/GBJQ7NiA

custom_field name is assistant

[twilit dragon]

I noticed that the icons are not showing up by default, unless I specify them in the card, at least for some of them.

[spring pollen]

New question! Can I hide the toolbar if the user is "Tablet" (Home Assistant Companion app)?

[twilit dragon]

You checked kiosk mode?

You can make the header visible or hidden for certain widths

[spring pollen]

Without the condition of the "Tablet" user, or some trick, I know how to do it like this:

[twilit dragon]

Example?

kiosk_mode:
  mobile_settings:
    hide_header: true
    ignore_entity_settings: true
    custom_width: 768

[twilit dragon]

How would you set something specific for a device without specfying it? Or do I not understand the question?

Or do you mean without using the conditional card? Than the Kiosk Mode would be fine with the example above (you need to change the width though). https://github.com/maykar/kiosk-mode

[spring pollen]

Yes, you understand what I want to do! The Kiosk Mode in the non-paying version does not show video from the cameras, so it is not acceptable for me.

[twilit dragon]

You talk about fully kiosk browser, i'm talking about kiosk-mode. It has no paid version. See the link in my previous reaction above.

[spring pollen]

I'm sorry, it's quite possible that I confused the Kiosk app, because I also tried it, but I found that the HA companion app is better for me, mainly because I use the floor plan card and I have everything on it that I'm interested in, or through it I access the details that interest me.

[twilit dragon]

Yeah its somewhat limited indeed, but if you just looking to hide the header etc. you should be fine with kiosk-mode 🙂

[spring pollen]

So "kiosk-mode" is another card/front-end for HA. So I should make a new card, for tablets "kiosk-mode" and copy the content of the floor plan card into it?

[twilit dragon]

No that is not needed. You just paste the code above into your ui-lovelace.yaml or in the raw config (depening if you use UI of YAML mode) at the very top of the file.

Thats practically it.

But its also explained on their Github page (https://github.com/maykar/kiosk-mode)

[lyric prairie]

Or use browser_mod and select hide header (global or for each registered browser)

[twilit dragon]

Also possible! But I found browser_mod to overcomplicated for only hiding the header. Its had a bunch of other features.

[spring pollen]

Yes thanks! I looked and if I understand correctly "https://homeassistant.local:8123/lovelace/default_view?kiosk" is enough?

[twilit dragon]

That is also a possibility!

No config needed hehe 🙂

[spring pollen]

Of course I have to download to the HACS card! # Thank you very much.

[twilit dragon]

Hehe besides that 😅

No worries, happy to help!

[spring pollen]

It works on the computer, now I'm trying it on the tablet!!

[golden mist]

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

[copper sandal]

Does anyone know why this happens? If my browser is maximized it messes up the layout of all of the entities. BTW I dont know if this happens with custom dashboards. I am using the default dashboard that shows all of the entities as I dont rely on a ui for useing anything and this just serves as a place for me to access my entities or view data occasionally.

It should look like this. They way I get it to look this way is to shrink the window (in my case horizontally half the screen and then maximize again) and it fixes it.

[vast crane]

As far as I'm aware that's from a firefox bug that got fixed last year. Are you using some kind of out-of-date derivitive browser? I see people sometimes have this and mention Waterfox.
https://github.com/home-assistant/frontend/issues/17182

@copper sandal

[copper sandal]

@vast crane I had tested browsers previously but didn't see a difference but just tested again and sure enough your right. Thanks

[zenith stag]

you mean it's always visible as it is now?
I don't see anthting in your code that hides it. You should add either display: none if you wish to hide it directly when "off", or use opacity if you want to contral exactly when and how it should go away.

[tribal galleon]

@spring pollen you can set up kiosk mode to apply settings per user so, for example, your Tablet user can have the header hidden.
I highly recommend Fully Kiosk Browser, too. It is only a couple of bucks per license and, with the integration, gives a bunch of entities you can use to automate with such as turning on/off the screen and charging with a smart plug.
Browser mod is useful for creating pop-ups (and other stuff too but that's what I primarily use it for. )

[supple bear]

I use some drop-down helpers to help the family select from a number of room modes like 'Watch TV', 'Use PC'. In the UI for these combo boxes when I click their name in the dashboard, the entity view that comes up attempts to load the history and the logbook. The history always loads but the logbook spins forever. I can click load more on the logbook and the main logbook view works, and I can click the back button and the logbook on the entity view works. It seems to be reproducible for at least these two select helpers. Is anyone able to reproduce? It used to happen on my old OnePlus 9 Pro and now on OnePlus 12.

[scenic current]

Interesting. So display:none will turn off, I'm going to try something else where I use JS to determine the state of that binary sensor and make sure I can detect it.

[zenith stag]

you don't get on or off state from the entity?

[scenic current]

To be honest, I'm just copying your code and trying to modify it. My assumption is that the button card entity specified when triggered by 'on' will execute the code within. Not sure if that is right or not.

[zenith stag]

well if your defined entity has a state value of "on", then this will trigger the animation

state:
  - value: 'on'
    styles:
      custom_fields:
        assistant:
          - animation: pulse 2s infinite

This will hide the assistant when off, and animate it when on:

styles:
  custom_fields:
    assistant:
      - display: none
state:
  - value: 'on'
    styles:
      custom_fields:
        assistant:
          - animation: pulse 2s infinite
```

[scenic current]

Hmm.. So I get what's happening with the code you're showing. Problem is it's never showing the bar. Does the state need to revert the display: none to some other value? I guess I can try inverting things and say when state off to display: none instead?

[golden mist]

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

[scenic current]

and that doesn't do anything either. I'm not sure that the state is working properly. I have, however, been able to detect state using JS in the custom_fields definitions at the bottom. I guess I could do inline css return values and turn on and off that way but seems messy/messier

[slate mesa]

Has anyone noticed companion app icons broken after the latest updates? I have some switch templates that incorporate icon_template which work in a web browser but no longer show in the iOS Companion App.

[vast crane]

probably just need to clear caches?

[slate mesa]

I didn't see how to do that in the iOS app

[vast crane]

You probably have to do it outside the app, in wherever your general app caches are managed.

[slate mesa]

To my knowledge on an iPhone there isn't a caches configuration for the HA app

[dark dirge]

you can clear the frontend cache from within the app

Settings->Debugging

[slate mesa]

That path doesn't exist

[dark dirge]

ok

Does

[slate mesa]

That worked, thank you

[honest moon]

I am still having issues when accessing my NabuCasa URL from the browser in Chrome. After about 5 minutes, connection is lost, and when I reload, I have to click on RETRY 5-10 times before I am able to see my dashboard again. Works fine in Safari, but not Chrome. What gives?

using local 192.xxx address at home also works fine 100% of the time.

my iPhone companion app via Nabu URL also works fine 100% of the time.

seems like a webhook/auth issue?

[coarse blade]

could someone help me with my YAML, I'm trying to make some cards for light using mushroom, but it's not working

[golden mist]

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

[zenith stag]

@scenic current please make sure you are using the same definition for your custom_field everywhere. I think you are mixing assist and assistant

I tried your code and it works. After modifying the custom_fields name 😛

[scenic current]

Sorry for that. Yeah I'm trying to squeeze in this project during downtime at work (not much) and making dumb mistakes. I'll blame the fact that I'm doing this in the gui editor rather than vs code but that's just an excuse! I got it working but ended up doing it this way:

        state:
          - value: 'on'
            styles:
              custom_fields:
                assist:
                  - animation: pulse 2s infinite
          - value: 'off'
            styles:
              custom_fields:
                assist:
                  - display: none

[golden mist]

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

[hybrid charm]

is it possible to set entity_picture: in customize.yaml to different texture based on status of a sensor?
eg if the binary sensor reads true, set entity_picture to /local/lightbulb.ico else set it to /local/lightbulb-off.ico

  entity_picture: /local/lightbulb.ico```

[tribal galleon]

@coarse blade not sure what you're trying to do but it looks like you're trying to call cards that don't exist, card_mod section not indented properly, and your fire-dom-event is not structured properly. (And that was just from the first batch of code.)

Take the code that you provided copy it to Notepad or something. Go all the way back to the custom: layout-card and add a custom:mushroom-light-card. Get that to work first. (Hint: there is no custom:mushroom-cards; you might be thinking of mushroom-chip-cards but those are different.)

[tribal galleon]

Take a look at PapaG's question in the templates channel and TheFes's response a little bit further down.
#templates-archived message

[sharp owl]

Hey Guys, how can I change the decimal value to 1? In the sensor setting the precision doesn't work for the card. Thanks!

[lyric prairie]

Is it some custom card?

[sharp owl]

jup, basis is entity card combined with multiple entity row

[lyric prairie]

You can adjust the precision with:

entities:
  - entity: sensor.some_sensor
    format: precision1

Ps: please don't post pictures of Yaml. But put the yaml in a code block as I did above.
This makes it a lot easier to help and test your code

[sharp owl]

@lyric prairie sure sorry... did that already but this has no affect. still two decimals. somehow strange

[hybrid charm]

wait so like this?
or where am i supposed to put it

[terse raven]

Hello, can anyone tell me how to get a backround on the main HAOS dashboard? I've got a bunch of tabs on it and want all of them to have this backround, and the videos I found online didn't help. Thanks!

[spark light]

Any ideas how I can get information about the subviews in the current dashboard? I've got a dashboard which has a default view containing a grid with links to all the subviews, but am maintaining this by hand. Any way I can automate this a little more?

[spring pollen]

Thanks.

[woven echo]

Is there any way through an automation or otherwise to set light/dark mode for a device? Home Assistant isn't matching the device profile. Last night I set it to sunrise-sunset and HA went to dark mode after I did that but now that it's morning and well after sunrise it's still stuck on dark mode even though the device is back to light mode.

[quick pumice]

I'm messing around in CSS making some custom room cards, and I'm writing an awful lot of lines that look like this

style: |
  ha-card {
    --chip-background: rgba(255, 198, 255, 1.0);
  }

The repetition is annoying and makes it hard to try out different colour schemes. I'd rather be writing --chip-background: var(--something-i-made), and then define those colours in a CSS file somewhere. Googling anything with "home assistant" and "css" in it just returns ten thousand mentions of card-mod, though, so I can't work out how to do this. Can I inject one custom CSS file into HA's config like this?

gratuitous screenshot of my work in progress; grids of cards with three buttons each, and an extra-wide card that supports six buttons with labels. Forgive the ugly, temporary colours.

the outcome is similar to many others' work but until I re-created it myself from scratch I didn't understand how it worked. Now I have a well commented YAML file to work from.

[agile blade]

trying to use mushroom to make a dashboard but want lights with vertical sliders for my dimmers any advice?

[pliant drum]

like this?

[agile blade]

yeah except I want the bars like this not left to right

[pliant drum]

In my experience all the mushroom cards are rectangles, not squares, so I'm not sure how this would work

If you can create a separate slider that shows up like you've shown in your screenshot, you can use the "Horizontal Stack Card" to make two columns, then put the switch and light name on the left as a mushroom card, and the vertical slider on the right using whatever method you choose

[lyric prairie]

@agile blade you could check the Mushroom Topic on the community forum to see if someone else already did that with card-mod

[pliant drum]

@agile blade link to topic is here https://community.home-assistant.io/t/mushroom-cards-build-a-beautiful-dashboard-easily/388590

[summer star]

i have an entity that showing how much electricy is drawn and a graph below it. im trying so move the sensor value to the center using card_mod but i can't freaking do it. any ideas?

[ancient nacelle]

Trying to set an icon for an entity card using mushroom cards and the code is not populating any icon.

  mdi:motion-sensor-off
{% else %}
  mdi:motion-sensor
{% endif %}```

Referenced from this video @ 29:45 <https://www.youtube.com/watch?v=6hemFbrJuk8&t=1508s>

Here is what it shows: https://gyazo.com/c23f3f01a0adc5c4582e3066326cce02

[thorn granite]

You have a bracket missing after the off. The best way to test these is in the Dev Tools as you get the error back.

You could also write

mdi:motion-sensor{{'-off' if is_state('binary_sensor.ep1_living_room_occupancy','off')}}

[ancient nacelle]

thank you!

[daring hound]

I regularly see dashboards with garbage containers and days when specific containers will be emptied. Does anyone happen to know which integration creates that?

Would be one such example

I just found it: Garbage-Collection

[late bloom]

How do I make it so these two are next to each other instead of one over the other?

[ancient nacelle]

click the 3 dots and go to entity settings, what does it say for row/size

@late bloom

[twilit dragon]

You can define colors in a theme file and then call them with the var example you gave.

And in the theme file you can define a lot of “custom css” there are some limitations but there is enough to fine online on that. Also on theme examples.

[quick pumice]

Ah thanks! For some reason I didn’t think of putting it in themes, even though that’s very obvious. Will investigate!

[dim estuary]

anyone know why this don't work?

entities:
  - type: custom:slider-entity-row
    entity: media_player.desktop_5jolgqf
    name: >
      {% if is_state('sensor.desktop_5jolgqf_audio_default_device',
      'Headphones') %}
        Headphones
      {% else %}
        Speakers
      {% endif %}

i know that the name of the Headphones is not right, so the name need to be Speakers, and not {% if is...

[fleet leaf]

What's the suggsted approach to displaying a custom card on a dashboard? I'm basically looking to do something like {{ now() - as_datetime(input_button.my_awesome_button).days }} soooo should be super simple amirite?

(i'm trying to level up my dashboard skills a bit 😅 )

[lyric prairie]

That card doesn’t support templates

[gloomy iris]

https://github.com/thomasloven/lovelace-template-entity-row

[gloomy iris]

Is that a phone or tablet? On a phone it might be very narrow.
Generally, go into tedit mode and then select the correct View Type for that dashboard.

[late bloom]

It's on my PC.

I will get back.

Had to make it narrow so it would fit in a screenshot in one page.

[dim estuary]

ok thats working, but why the slide bar dissapear ?

sry for bad english btw

if i put - in entity this happens

[hidden needle]

can someone help me figure out how to "hide" the outlier points of a sensor with apex-graphs? I have these drops to 0 that make the y-axis adjust to them

[dense kestrel]

anyone using apexcharts-card ? having trouble getting the thing to be loaded

[hidden needle]

Mine loads fine

[dense kestrel]

i have this in configuration.yaml :

lovelace:
mode: yaml
resources:
- url: /hacsfiles/frigate-hass-card/frigate-hass-card.js
type: module
- url: /hacsfiles/apexcharts-card/apexcharts-card.js
type: module

the frigate card is loaded, the apex is not.
On the filesystem, they are there,.. same rights etc

Downloaded via the HACS/frontend menu

[hidden needle]

I got it from HACS and have nothing in my config.yaml

none of the things I installed via HACS show up in my config.yaml file

[dense kestrel]

think i fixed it. Thanks anyway.

[hollow spruce]

New user here. Or I had an installation a year or so ago but it died. Now everything has changed and I can't seem to get anything to show up on my dashboard. I use the web view so far.
https://imgur.com/a/nCsUzK5

If I try to add something to the dashboard (like a Ruuvi sensor) I get an error like: "You don't have any Lovelace views, first create a view in Lovelace". Someone told me Lovelace is the UI. The error could perhaps say so and tell me what I'm supposed to do.

So, how do I add "views to Lovelace" given my above view?

[thorn granite]

Did you at some point set the dashboard to yaml mode in the config. Have a look at Settings for the error log what does it show there?

[spring pollen]

Hello. Apparently I'm a little "rusty". It's been a long time since I've done the front end of creating a website, so I'd like to ask for help. I have a card on which I show several cards. Example:

I used to know how to zoom in/out based on screen size. This knowledge has disappeared somewhere. Nothing except the floor plan adapts to the screen size and insists on proportions unknown to me. I mainly use the viewport height (vh) and width (vw) relative to the screen.

Another example. Apparently, the floor plan doesn't work well either.

[spring pollen]

And tablet view!!

[olive solstice]

How do I create a card that doesnt have broders between the "cards" like this one?

[amber current]

Does anyone know what's up with this after installing UI lovelace minimalist?

i feel like it broke, but I'm not missing any hacs module

[lyric prairie]

Did you already tried to add your own card configs to the dashboard? This is only some auto-entities stuff that gives not the same result on each system

[amber current]

not yet

is there any page with example templates?

maybe i can try some to start with

[lyric prairie]

A whole website full

[amber current]

I stil have to port my normal dashboard to ui lovelace minimalist

[lyric prairie]

https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_binary_sensor/

[amber current]

thanks, but I meant something like these layouts already in code for example purposes:

[lyric prairie]

You can find examples on the community forum https://community.home-assistant.io/t/lovelace-ui-minimalist/322687 or if you want to try the adaptive dashboard: https://github.com/basbruss/Minimalist-Dashboards

[amber current]

Im going to try the adaptive dashboard, looks great

thanks!

[amber current]

is it possible that I'm missing some config? is there hot-reload available? I cant even show changes when reloading or clicking on the yaml reload for ui lovelace

it only updates when I restart the whole container

[lyric prairie]

Just save the file > in the browser go to the three dots in the upper right corner > select refresh dashboard

[amber current]

oh lol

yeah that works

thanks again

[lyric prairie]

Works the same as for any other dashboard btw

[amber current]

good to know! I'm new still

[lime siren]

I've edited a JS file installed via HACS but my browser keeps loading the old content. Does HA some caching by its own here?

I've devtools opend and "Disable cache" in network-tab.

Asking the questions helps so many times 😄

Theres also a .gz file which gets served so updating this solved the problem

[mighty olive]

im looking into dipping my foot into the UI world

any limitations using the free version of squareline?

[vital burrow]

Yes. But I'm not sure this Discord can help you. This channel is focussed on the Home Assistant UI.

[twilit dragon]

https://squareline.io/pricing/licenses ? 🙂

[hollow spruce]

No, I did not. I had assumed that these basic first steps would work without editing YAML. Interestingly the sensors appeared on the "Overview" page after a while. Maybe half an hour? I checked back later and they were there. So there's something something that can show stuff, but it's not a "lovelace view". I then configured another Ruuvi sensor and when clicking "Add to dashboard" I got the same error about having no lovelace views. It however also showed up later on the "Overview" page. Now I added an Ikea Trådfri gateway and thos devices have not yet shown up. I assume those too will appear at some point. But there's something buggy here though.

The docs say:

"To start, go to the Home Assistant Overview page, click on the three dots at the top right of the screen and select ‘Edit Dashboard’. Then click on the blue ‘+ Add Card’ icon at the bottom right and select a card to add.".

I have no such three dots on the "Overview" page, so clearly there's some other configuration that must be done first to a totally fresh installation?

[twilit dragon]

Did you do a total fresh install or did you started your old instance?

[hollow spruce]

Fresh.

Moved from a Pi to a NUC

[twilit dragon]

Alright, when I check your screenshot I see a pencil icon.

You should tap that and then you can add some cards

The 3 dots are for YAML mode I think

[hollow spruce]

No "Add cards" there.

[twilit dragon]

You have the default theme?

[hollow spruce]

Yes, I assume. Not changed it at least.

[twilit dragon]

The "add cards" are on the bottom on the right

[hollow spruce]

https://imgur.com/a/Cpst2HA

That's after tapping the Pen, then the three dots.

[twilit dragon]

You should tap the pen and after that there should be a "add cards" button in the right down corner. No need to tap the three dots

[hollow spruce]

No such button.

[twilit dragon]

Thats weird. Can you send a screenshot after you pressed the pen?

[hollow spruce]

https://imgur.com/a/Cpst2HA

[twilit dragon]

Oh wait, I think I see the issue

[hollow spruce]

Safari on macOS. Maybe there's some compatibility issues?

[twilit dragon]

No I think its because its the default overview. Every entity will be automatically placed on that view.

Go to settings > Dashboards > add dashboard > new dashboard from scratch

[hollow spruce]

Aha. It does feel like a "dumping ground".

[twilit dragon]

Yeah

So try adding a new one. See if that works.

[hollow spruce]

Yeah, now I have a "My home" dashboard.

Looks the same so far as "Overview", but the Ikea stuff popped up.

[twilit dragon]

You should see the 'add card' button now, right 😅

[hollow spruce]

But still no "Add card" when I click the pen

[twilit dragon]

What

I'm missing something obviously here.

[hollow spruce]

I created a "default dashboard".

[twilit dragon]

Should do the other one.

did mention it above, but edited later on so you probably missed it

[hollow spruce]

"New from scratch"?

[twilit dragon]

Yeah

[hollow spruce]

Yeah, now I have "Add card".

[twilit dragon]

Should have mentioned you could also 'take control' with the other dashboards, which results in the same kind of dashboard from scratch.

[hollow spruce]

Aha. I did tap it but never went through.

[twilit dragon]

Well, you should be good to go now 🙂

[hollow spruce]

Indeed. Now I have a buttload of sensors and bulbs to add.

@twilit dragon Thank you for the patient help! It was much appreciated.

[twilit dragon]

No trouble at all 👍

[upper heath]

hii, is there a way to adjust the width of a column in a horizontal stack card?

[twilit dragon]

Haven't tried it, but maybe https://github.com/thomasloven/lovelace-card-mod could help.

[upper heath]

i will try it, thanks

[upper heath]

is ist possible to use variables in Cards? i have a template of a card and would like to use it for different "variables", it would be very tedious to change the entity in 7 places in the card each time, can this be solved with a variable? and if so how?

[tribal galleon]

Check out the decluttering-card to be able to make templates and use variables.
The custom:button-card has a templates capability.
Lastly, consider using a dashboard in YAML Mode. You wouldn't be able to use the Editor UI and have to do all the code but then you could use YAML anchors. If you configure both storage and YAML dashboards, you could use the Editor to make your code and then paste it into the YAML dashboard.

[low oracle]

I may be asking this question incorrectly for what I'm trying to do, but how do I find the relative path to an add on? I want to set up music assistant as an iframe and would like to use the relative path as the URL.

Sorry if this has been asked before, I just can't find the right combination of words to Google.

[coarse blade]

Could you give me an example of how to create a button to open a URL on my screen?

[dark dirge]

What is your goal in putting the UI in an iFrame? You don't need to do that to add it to the sidebar, if that's what you want. There should be an option for that in the addon page

[low oracle]

My goal is to have the add in the dashboard vs on the side bar so it can be easier to navigate to on my tablet. I ultimately want to build out a sort of kiosk setup without a side bar for it.

[dark dirge]

Then the reliable way would be to expose a port in the addon and then access it through that

[low oracle]

Okay, I'll need to research to see if music assistant is capable of that and how to do it. Thanks for pointing me in the right direction.

[low oracle]

It looks as though the developers themselves have said the only way to accomplish this is to create an iframe card and use the relative path. If that's true, then back to the original question. How do I get the relative path of an add on?

[dark dirge]

by looking in your browser URL bar

[daring hound]

Does anyone have a tip how I can show the number of people who are home (zone: home)?

[dark dirge]

It's the state of the zone entity

Many cards can show the state of an entity

[daring hound]

Thanks! I figured I was overcomplicating things again

[spiral vale]

Can I increase the font size of a enitre dashboard? I am using a wall mounted tablet and all the text it a bit hard to read.

well changing the intial zoom in FKB works as well

[naive crown]

trying to set the value of this input helper from another one with a button but can't seem to get it to go

  - service: input_text.set_value
    data:
      value: '{{ states('input_text.keypad_input') }}'
    target:
      entity_id: input_text.keypad_code ```

[dark dirge]

you used the same type of quotes inside and out of that template

you also can't use that as-is in a card definition. you need to follow the documentation for how to call a service

and...you won't be able to use a template in a service call from a frontend card, so you would need to put that in a script and call it instead

[naive crown]

okay gog it

got it

saw the script reference in a couple places but wasn't sure if i needed to do that also

well i added a bunch of other services and it works - just couldn't find any examples of using the text from in input_box - helper A - into the keypad_input

helper

so something like this in a script:

  alias:Keypad Code
  sequence:
    - service: input_text.set_value
      data_template:
        entity_id: input_text.keypad_code
        value: '{{ states("input_text.keypad_input") }}' ```

sorry i have not been able to find examples online

[dark dirge]

I don't know where that first line came from, but the rest is okay. You should use data: instead of data_template:

and add a space after alias:

[naive crown]

so i don't need to put in 'service_data:'?

[dark dirge]

no, this is a script

you don't need to use service_data: anywhere anymore

[naive crown]

oh okay

and for my lovelace does this look okay:

        show_name: false
        show_icon: true
        aspect_ratio: 1/.75
        tap_action:
          action: call-service
          service: script.keypad_code
        icon: mdi:check-circle-outline
        size: 100%
        styles:
          card:
            - background: none
            - border: none
            - '--mdc-ripple-press-opacity': 0 ```

appreciate the help

[dark dirge]

looks fine to me

[naive crown]

awesome - time to test all this out - thank you so much for your guidance!!!

[amber current]

is there a way to display the attribute of an entity in the name of a generic card in ui lovelace minimalist?
I've tried this:

• view_layout:
  grid-area: card1
  type: 'custom:button-card'
  template: card_generic_swap
  entity: states.sensor.pet_feeder_feed_report.attributes.lastUpdated
  variables:
  ulm_card_generic_swap_name: "cat"
  ulm_card_generic_swap_icon: 'mdi:paw'
  tap_action:
  action: call-service
  service: script.turn_on
  service_data:
  entity_id: script.romantic_livingroom_lights

but it just shows as plain text or it fails

[pliant drum]

How would I set up an area card using Mushroom templates? I can't seem to figure it out. Just want to have simple buttons to toggle lights without having to create a group as an entity

[amber current]

i just want the last_updated value instead of the count value

[daring hound]

Is themes/ a location that gets overwritten upon updates, or is that a save place to store views I would like to navigate to?

[tough path]

Hi friends, I have an device with a small screen (NSPanel Pro) with a dedicated user. I just enabled the minimalist-mobile theme on it. Now the menubar and the bar at the top are gone. I can't go back to change the theme or open the sidebar. I tried adb shell input text c to open the command prompt like on the web app, but it doesn't work. I tried logging in with that user on my browser to change the theme, but looks like theme is device-specific. What could I do to change the theme on my NSPanel? I'm stuck 😦
Thanks!

[lyric prairie]

Add the mushroom menu chip to the view so you can tab it and access the sidebar

- type: custom:mushroom-chips-card
  chips:
    - type: menu

[tough path]

Thanks!

[prisma fog]

I have a web page I want to put on the home assistant dashboard, how can I do that?

[golden mist]

iFrame panel

Instructions on how to add iFrames in the front end of Home Assistant.

Quality scale

:house: Internal

IoT Class

Unknown

Integration type

integration

Documentation

View the documentation

Source

View the source on GitHub

Issues

View known issues

[vital burrow]

Or the website card, if you want it just to be a part of the dashboard

[exotic stirrup]

anyone found a solution to this problem?
https://community.home-assistant.io/t/vertical-stacks-problem-in-recent-update/422880/26

[prisma fog]

Sorry but that doesn't work

[vital burrow]

It says exactly why it doesn't work

[prisma fog]

yes, that is why I am asking if there are other solutions

is it possible to have home assistant proxy the page?

[vital burrow]

A reverse proxy could do that. But you would likely need a valid and trusted certificate. And you might run into DNS rebind protection issues with your router, if you want to keep it inside your own network.

But - not impossible

[prisma fog]

Is it possible to use the built in reverse proxy? the "ingress" thing, I am not very familiar with that thing so not sure if it is possible

[vital burrow]

There is no built in reverse proxy

[prisma fog]

also, I have a button that an admin user can press and user cannot press and gives an error, any idea why?
https://pastebin.com/ZAvnssWf

Failed to call service zha/issue_zigbee_cluster_command. Unauthorized```

[vital burrow]

The service call might be available for admins only.

[prisma fog]

How can I make the button available to users?

it is for an IR transmitter

[vast crane]

Believe if you make an automation call the service it runs as admin. So have an automation that is triggered by a user button, that does this.

[prisma fog]

https://github.com/zigpy/zha-device-handlers/issues/1687

Got it, thanks

will try the automation

[vast crane]

not sure if a script will work or if a script gets the user context of the caller

[vital burrow]

Or a script.

[prisma fog]

but if I have like hundreds of buttons, that will be a mess

any idea?

[vital burrow]

Choose the best ones

[vast crane]

it might work, might not, I'm just not sure

would it be less of a mess if you had to make hundreds of custom button tap actions?

[prisma fog]

well you're right

trying script

[vast crane]

you can use templates to probably get multiple buttons to work from a single script/automation

[prisma fog]

script Hmm, script didn't work for this service call for some reason

however I have other buttons that can call scripts

any idea why that is the case?

[vast crane]

check the trace

[prisma fog]

I mean the script itself works

admin can trigger it

but user cannot use the button

automation works though

but that would clutter the automation section I guess

[vast crane]

I'll guess it's because the script is running in the user's context, so it similarly is not authorized, but the error is probably buried in some log somewhere.

easy solution is just make all your users admins 😂

[prisma fog]

no won't do that 🤣

but somehow other service call in a script works?

[vast crane]

you'd have to elaborate. regular users can call services generally, it's just that some specific sensitive services might be restricted to administrator

that's up to the integration owner

[prisma fog]

for example

kodi_input_up:
  sequence:
    - service: kodi.call_method
      data:
        entity_id: media_player.appletvkodi
        method: Input.Up

do different service have different permission level?

[vast crane]

each integration can do whatever they want with a service call

[prisma fog]

got it

thanks

[vast crane]

I don't think this is standardized, but I guess ZHA author decided to reject if a regular user calls that service, as it might be destructive to the network

[prisma fog]

right

as for the iframe thing, is it possible to frame a page that requires Basic authentication without leaking the password?

[river bay]

can i use query params in my dashboards? i want to make one panel / view / page for my chromecast remotes, and add a ?device=<NAME> to the URLs so i don't have to have two tabs

[summer star]

using card mod via hacs.. is it possible so Center the name of the enity?

[golden mist]

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

[gritty hull]

https://github.com/catppuccin/home-assistant?tab=readme-ov-file

# Loads default set of integrations. Do not remove.
default_config:

# Load frontend themes from the themes folder
frontend:
  themes: !include_dir_merge_named themes

automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml

Hello, I did add the themes line
Except I can't find the Catppuccin theme

I have HACS

[dark dirge]

you seem to be looking for it in "integrations"

and it's not an integration

[gritty hull]

here ?

[dark dirge]

I can't translate that

[low sentinel]

Hello! I have a variable variable.capacity_data that holds an attribute "entries" which in return has several objects as shown on the screenshot.
Is there any possibility to add a card that hosts a graph that's based on the data?

I'd want the X axis to use date + time (or datetime i guess) and the Y axis to use "percentage".

[dark dirge]

themes are applied in your profile at the bottom left corner of your screen

[snow flame]

How can I manipulate the scaling of the main image (the big one in the background that is assigned with the 'image' attribute) of 'type: picture-elements'? I tried a bunch of things, like

type: picture-elements
name: my_test_pic_elements
card_mod:
  style: |
    ha-card { 
      --ha-card-border-color: #990000;
      --ha-card-border-width: 1px;
      height: 80vh !important;
      background-size: cover;
    }

for hours, but all I managed to scale is the surrounding frame of the pic (not the pic itself - for that one, the lower 20% are just cut off). In browser console, I can simulate that scaling would be possible with e.g. 'object-fit:', but it seems I cant find the right path to assign this to. Any hints?

[simple grotto]

why when I go here:

I get this error:

but when I refresh the page, it changes the url to:

and I dont get that error?

[compact pebble]

Is it possible (using the conditional card) to show a card when an android tv has the jellyfin app open (org.jellyfin.androidtv)

[bright jolt]

Does anyone know why i cant use any lights from the sweethome 3d models website, They dont light up or anything.

[fluid prairie]

does the populartimes component work? I gave it a shot but it only shows unknown for any location I provide...

[broken marsh]

Yeah. Works here. What does your config look like?

[fluid prairie]

interesting, thanks for checking. Gimme a sec, I wasn't counting on you responding that fast on a post from 3 years ago 😅

[fluid prairie]

it's weird since it dosn't throw any errors or warnings on my side...

also tried other nearby locations, and checked on google maps if there is data available.

@broken marsh would you mind checking your state of the created sensor in dev tools, just to be sure it's not cached data by the browser or something?

[fluid prairie]

nevermind, I figured it out by checking the places with the library locally. seems the adress had no data. My fault 🫣

[candid narwhal]

Every now and then, my HA becomes unresponsive and I need to restart the router to solve it. It's connected through Wifi. What can be the reason and how can i solve it?

[vapid field]

Hi, i want to create automation for alerts for temperature for three different rooms. the alert temperature is different for each room and should use an input in the fronted. Is there a possibility to use an array and an input for an array instead of using three different inputs?

[gleaming rock]

With the lastest update 2024.2 it seems that the "refresh" button on the History Tab is gone. (There is the new feature for download, but I don't see any mention for refresh button to be removed).
Is it an Only Me Problem?

[dusk schooner]

Hey guys, I intergrated my air conditioner into alexa with nabu casa. Unfortunately when I try to change my temperature, it changes on the air conitioner, but the UI on my alexa screen gives a warning saying that it is not supported.

[fluid prairie]

oh and btw, I extended the component functionality to display the descriptive phrases from google and compare the current value to historical data, to indicate if it's busier or less busy than usual

makes more sense than just a percentage value for my usecase

@wooden dawn might be interested, I'm not a coder though 😉

this is how the phrases are mapped to attributes

[daring hound]

Can I change the HA default dashboard to force another theme ... with default I mean the one that auto-adds every entity... ?

[gritty hull]

hey, I think it's here - at worst, no big deal

I have this wonderful error when I have put everything as indicated on the lovelace doc??

[thorn granite]

As far as I know you can not use Minimalist cards on Lovelace dashboards only on Minimalist dashboards.

[prisma fog]

for the iframe card, is it possible to frame a page that requires Basic authentication without leaking the password?

[north wadi]

I have bought a Zigbee device which has some custom clusters that work fine with ZHA. But to use them is cumbersome.
Is it possible to extend the devices ZHA page with custom UI elements?
I'm aware that I need some server-side Python to handle requests by the UI.

[lunar bolt]

Hi, I'm trying to use some of the Stock Energy Cards in another dashboard but they dont show any data outside of the energy dashboard (on which they do display data). I thought I might just have to wait a bit, but it has been a day and nothing happened

Anybody got an idea why nothing is showing up?

[vast crane]

Try safe mode? Should work afaik...

I vaguely remember there might be some custom cards that break it.

[lunar bolt]

That seems to be it. Ran HA in safe mode and now it works. I think it might be the custom:stack-in-card

[vast crane]

I think energy-period-selector-plus is the one I remember

[lunar bolt]

I do have that one as well. By that card breaking the cards do you mean it breaks if the cards are on the same dashboard or as soon as I downloaded it from HACS?

[vast crane]

IIRC just having it installed is sufficient to cause problem, doesn't matter if you actually use it or not.

looks unmaintained, nobody ever fixed the issue filed for it.

[lunar bolt]

Thanks a lot. Just looked at the github as well. I'll try removing the card from my HA Instance. Shame, I really liked that date selector

[tribal galleon]

Since MinimalistUI uses custom:button-cards, try this:```yaml

• type: custom:button-card
  template: card_generic_swap
  entity: sensor.pet_feeder_feed_report
  name: '[[[ return entity.last_updated]]]'

This might be a bit better:```yaml
name: '[[[ return new Date(entity.last_updated).getHours() + ":" + new Date(entity.last_updated).getMinutes() ]]]'

[tribal galleon]

This is another method but it may or may not give you the time format you want to see (for example, en-US won't return 24-hour time and appends AM/PM automatically, but you could use en-GB to return the format shown above): ```yaml
name: >-
[[[ return new Date(entity.last_updated).toLocaleTimeString(undefined, {
hour: '2-digit', minute: '2-digit',}) ]]]

[mild dove]

Hello,
I have a problem with a graph not showing values from gas meter. The energy tab is showing values as shown in the picture but when I create this type of graphs: type: energy-gas-graph and type: energy-sources-table it doesnt show any values. Do you know where could be the problem? Thank you for every advice.

sensors are like in the picture

[opal jay]

First time I feel “satisfied” about my dashboard

[candid narwhal]

What app is this? Still HA?

[quartz swift]

Is it possible to have a textbox and call a service with the data in the textbox? Ie a tts speak call with the text box

[thorn granite]

Yes. Use a input_text helper to enter the text. Then a script to send the message, triggered by double clicking the input on the dashboard or have a separate button.

[thorn granite]

Probably Minimalist in HA.

[vast crane]

Hello,

[snow flame]

Any hints how to make the svg auto-fit screen height (or a certain percentage of it) on a panel page?

type: picture-elements
image: http://kramkiste.net/pics/kwl_6.svg
card_mod:
  style: |
    ha-card { 
      height: 80vh; /* doesnt work as intended, fiddling around since days */
    }
elements:
  - name: dummy
    type: icon
    icon: mdi:abacus
    style:
      left: 50%
      top: 50%

It seems that the pic is always auto-aligned to width, not to height, so it is displayed 1.5 times screen height with a scroll bar.

[tacit cave]

You most likely have to apply the settings to the image container, not the whole card

[snow flame]

How can I address that container? Tried things like ha-card img { ..., no success so far.

[tacit cave]

use f12 to find the selector

Don't just guess

[tribal galleon]

@gritty hull @thorn granite Just noticed y'alls conversation regarding Minimalist cards. The thing with Minimalist cards is that they are heavily templated custom:button-cards and usually those templates call other templates. You can use those templates but you would have to add them to your Lovelace dashboard's Raw Configuration per custom:button-card's Configuration Templates. Or, you can simply take the code from the template and add it to your custom:button-card. (Dashboards cannot "see" another dashboard's code so your Lovelace dashboard cannot see the templates in the Minimalist dashboard.)
In the case of the error shown in the screenshot provided, the card_esh_welcome template is missing. You can find that template here, but you'll notice that it also uses the ulm_language_variables template. (I'm not sure where this file resides; I believe it gets generated during installation. You can read about it here.)
A lot of work has gone into MinimalistUI but when it comes to making changes to its design, it is usually not easy. But it does make for good reference material to figure out how something is accomplished.

[gritty hull]

Wow, I love it!
Can you share the bottom bar and the chips?

[gritty hull]

Thank you very much for your message, I went for simpler mushroom 🙂

[tribal galleon]

The same concept kind of applies to Mushroom cards too. Once you want to change some of the pre-defined cards, you end up have to rely on mushroom-template-cards and create your own design. Nothing inherently hard about it, just something new to learn. Between custom:button-cards and Mushroom cards, you can probably design the majority of your dashboard with them.

The "fun" comes into play when making a custom:button-card (bottom) look like a Mushroom card (top):
EDIT: There is a bug that recently appeared in the font-color for the Mushroom secondary color. It is actually referencing the primary text color so the bottom card's color is technically correct. PR submitted.

[minor pelican]

Hey, can you add icons to mushroom template cards to primary/secondary information? Just starting out with it

[tribal galleon]

I've tried doing that in the past with ha-icon but I could not get it to work like it does with Markdown cards and custom:button-cards.
custom:button-card with mapped icon and icon color based on weather condition

[unreal tinsel]

Entities -> Secondary Info => What's the difference between last-changed and last-updated?

[tribal galleon]

Took this out of the forum. Pretty much sums it up:

“last_changed” is the last time the data actually changed. if the sensor keeps sending the same exact data every 10 seconds for 2 hours then the last_changed should be 2 hours ago.
but the last_updated should be 10 seconds ago even if the exact same data was sent for 2 hours.
EDIT: Corrected by karwosts #frontend-archived message

[opal jay]

https://youtu.be/q8spkVPQiL0?si=GyRehbxV7SHZkbG7 this guide I followed

[gritty hull]

thank !

entity: sensor.openweathermap_feels_like_temperature
name: 'Météo Montauban '
backdrop: true

[gritty hull]

re, how can I get the same card as in the first photo?

I would like to get the icon according to the weather and the temperature and its humidity.

[tribal galleon]

@gritty hull It looks like a stylized custom:button-card with a customized name and label and using layout: icon_name_state2nd. But, it could ~~also ~~be a mushroom-template-card... 🤷‍♂️

[unreal tinsel]

thx, I'll make a PR to the docs, as it isn't explained there… 🙂

[tribal galleon]

How'd I do? 😎

[vast crane]

This doesn't sound right.
https://www.home-assistant.io/docs/configuration/state_object

state.last_updated : Time the state was written to the state machine in UTC time. Note that writing the exact same state including attributes will not result in this field being updated.
state.last_changed: Time the state changed in the state machine in UTC time. This is not updated when there are only updated attributes.

I always think of last_updated as any attribute changed, and last_changed is if the state changed. Exact same values update neither.

[tribal galleon]

I see what you're saying. So, if the state changes then last_updated and last_changed would be the same. But, if an attributes changes, then last_updated would have a more recent time. (I should have read more into the thread; petro added some "insight". Forum link)

[minor pelican]

Is there a way to do this in the mushroom template card?
{{ states(entity).attributes.unit_of_measurement }}```` Only works if i write it like this
{{ states.sensor.fritz_box_6660_cable_download_durchsatz.attributes.unit_of_measurement }}

[vast crane]

don't think this is specific to mushroom, but I think you want the state_attr(entity, attribute) function.

[dark dirge]

or use the proper syntax:
{{ states[entity].attributes.unit_of_measurement }}

states isn't a function

[minor pelican]

This works!

[minor pelican]

Works too!

[dark dirge]

state_attr() is the better way

just pointing out the issue with the original attempt

[minor pelican]

Thank you guys 🙂 Started today with HA so im still learning 🙂

so if i wrap it in () it is handled as a function?

[digital swallow]

states can also be used as a function
https://www.home-assistant.io/docs/configuration/templating/#states

[minor pelican]

thats complicated but i guess i understant it if i work a bit more with it

[dark dirge]

you're right that it can, but it just returns the state (a string) and not a state object that can be further derefrenced

but yes, thanks for pointing that out

of course, it's used all over like that, so that was nonsense on my part 🙂

[minor pelican]

So is there a way to automatically add like new power measurements to a group or something?
Right now i created helper groups for Ligts per room and for all power strips to get a total. but i need to to thatn manually now

[tribal galleon]

@vast crane Do you remember when we talked about using the Entities card to show a real-time countdown for a timer entity? Came across this earlier today: Feature: Display countdown time for timer entities instead of status #684 for Mushroom cards. PR was submitted but rejected. So, the OP just created a Mushroom Countdown Card Addon.

[fiery ledge]

aware something changed (in current Dev) in the stack-cards for the row-gap, I had them modded like this type: custom:mod-card card_mod: style: | :host { --stack-card-margin: 0px; } card: type: vertical-stack cards: and now that doesnt work any longer

anyone already fiddled with that, and please let me know how to mod going forward?

PR: https://github.com/home-assistant/frontend/pull/19699

wait, never mind, I was overthinking.... type: custom:mod-card card_mod: style: | :host { --stack-card-gap: 0px; } works fine 😉

[unreal tinsel]

wow, and i've already made a PR, so need to correct it, thx!

https://github.com/home-assistant/home-assistant.io/pull/31494

[round haven]

i asked over in the installation channel but...in respect to HA OS, do i need to disable a firewall rule or possibly modify the binding listening port for the web interface? I can ping the ip of the instance of HA OS but i have no SSH or Web interface access. This is running on a windows 11 machine behind wmware workstation pro 17, i followed the tutorial on the HA website. PC and HA is on the same subnet and i have varified that the HAOS has internet access.

[tribal galleon]

cross-posting is frowned upon and that isn't a frontend issue. Tinkerer was helping you; wait until he gets back and posts a reply (although I'm going to guess he's first going to tell you to move from the wireless interface and get it wired...)

[gritty hull]

Yes I'd like to haha I'm very interested.

[golden mist]

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

[tribal galleon]

@gritty hull code posted for you

[gritty hull]

Thank you, it works great!

[sterile prairie]

anyone here?

[south osprey]

How can I use custom buttom card to display a value only when its available?

I tried something like this

• type: custom:button-card
  show_state: true
  show_name: true
  show_icon: false
  state:
  - operator: template
  value: >-
  {{ states('sensor.volvo_yv1xzehr5r2290235_odometer') !=
  'unavailable' }}

[tribal galleon]

@south osprey If all you want is for the state to be visible when available, I would go with this instead of using a state operator: yaml type: custom:button-card entity: sensor.freezer_temperature show_state: true show_icon: false state_display: '[[[ return (entity.state != "unavailable") ? null : " " ]]]' When you define the entity in the card, you can use the variable entity to make things easier. But, you'll notice I returned null when true instead of entity.state. This technically broke the output from the return which the card did not like and it defaulted to showing the state of the sensor along with the unit of measurement. (null returned 6.3 °F while using entity.state returned only 6.3) Here, I used null for the true, and " " for the false.
Using the state operator could still be useful perhaps if you want to change the style of the card by making it a different color or something when unavailable, for example.

[south osprey]

Thanks! Actually I want the name to be not displayed as well, is that possible?

[tribal galleon]

When the entity is unavailable?

[south osprey]

Yes

[tribal galleon]

It seems that show_name, show_state, and show_icon cannot be templated and it also seems like it can be changed in the state operator either... (So, no.)
As an alternative, though, I would suggest using conditional cards. If the entity is available not unavailable, show this card like you want it; if unavailable, show that card like you want it.

[hollow spruce]

I'm having unexpected fun adding stuff to our new HA installation. We're tracking electricity prices and would like to see that data in one of our HA dashboards. The data is available from a service and I have a script that downloads it and stores it in a database as well as pushed it to an MQTT broker. The data is basically what electricity will cost for a given hour today and tomorrow. Is there a card or thing that would let me show a chart with 24 or 48 bars? No sexy interpolated and smoother line graph, just raw bars. I can make the real data available in various forms to MQTT or via a REST API if that's better.

My data is not collected per hour, but available all at once. The values for the next day become available at the upstream service around 14:00 or so local time, so the chart should probably update every now and then.

The "Statistics graph card" can show the correct visual data, but it seems to only read one sensor.

[lyric prairie]

The one card that comes to my mind that is able to handle that is apexcharts

Depending on your needs and the way you access the data the configuration variables can differ slightly but are mostly covered with the docs of that card

[zenith stag]

or put that state in the name/label instead

[tribal galleon]

@south osprey Not sure why I didn't think of that before. Just tried making it harder than it should have been... ```yaml
type: custom:button-card
entity: sensor.freezer_temperature
show_name: true
show_state: true
show_icon: false
name: '[[[ return (entity.state != "unavailable") ? entity.attributes.friendly_name : " " ]]]'
state_display: '[[[ return (entity.state != "unavailable") ? null : " " ]]]'

[wicked merlin]

Hey guys I'm just wondering if it's possible to change the dashboard viewed depending on time of day or other criteria?

[rocky hinge]

maybe Q11 from here will help you: https://gist.github.com/langestefan/acbf7e42b15b302e9aacc08663039e57#11-how-can-i-display-historical-energy-cost-or-consumption-in-a-timeseries-chart

[hollow spruce]

I found a more ready solution, so I went with: https://www.creatingsmarthome.com/index.php/2022/09/17/home-assistant-nord-pool-spot-prices-and-how-to-automate-devices-for-cheapest-hours/ It seems to work pretty nicely and ApexCharts looks good.

[rocky hinge]

you wanted only the price per kWh? Never guessed that from your original message lol

[hollow spruce]

No, I wanted to end up with a bar graph of 24 or 48 hourly prices. I gather that data already myself for some iOS app I do, so thought I could just throw the same data into our MQTT broker and visualize it.

[rocky hinge]

yeah that wasn't clear

[golden mist]

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

[rough silo]

I want the card to not show up if sensor.next_30deg_batch_end_duration, sensor.next_60deg_batch_end_duration and sensor.dishwasher_start_duration all say "Waiting for new data". As long as even one of them do not say that, I want the card to show up. Then, each entity shows up depending on whether or not there is data - so for example, if only sensor.next_30deg_batch_end_duration has data, then I should see an "Appliance Schedules" Card with information for just the 30 deg batch.

[tribal galleon]

@rough silo I would suggest taking a step back and work with the conditional card to determine how to format the state. Get it to just show something basic like a plain button card. Then expand it little by little.
You may need some quotation marks around the state. I also wonder if it is being translated from something else such as true/false.

[rough silo]

The weird part is that it "works" perfectly when I am in the edit screen. It also stays on the dashboard properly till I click done. But as soon as I click done, I see the card stay there for an instant, and then it blinks out.

[vast crane]

All conditional cards are always shown in edit mode, regardless of their conditions being met.

[rough silo]

Ah okay. I see. So then the issue is the logic?

The three sensors that I am using for conditional are reporting correctly.

[vast crane]

You need an or condition I think.

Three conditions means ALL must be satisfied

[rough silo]

Yes, correct.
If ALL sensors report "Waiting for new data", then hide card
or the way I have written it
Show card if ALL sensors are NOT "Waiting for new data"

I thought that would mean that if even one of those sensors report anything other than "Waiting for new data", then the card should be shown.

[tacit cave]

it should but I don't think those sensors will ever be waiting for new data, so what's the point of the conditional?

[rough silo]

Two of them are waiting for new data right now. Posted a screenshot earlier.
The point of the conditionals is that lines appear only if there is actually any data. That way, if there's data only for one sensor (the 30° Batch in this case as of right now), then that one single line shows up in the card.

If all three sensors aren't delivering any data (like in a few hours from now) then the card as a whole gets hidden.

[tacit cave]

yeah, i doubt that's the actual state

look at the state in developer tools -> states page

everything in the UI is translated

[rough silo]

Okay one sec.

it does actually say that the state is "Waiting for new data"

[golden mist]

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

[rough silo]

It feels like the condition is being interpreted as "show only if all three are not this" instead of "show as long as all three are not this".

[tacit cave]

well that's what your first condition is doing

the 2nd conditions are only checking the indivual ones

as karwosts said, you should use 'or'

[rough silo]

I don't mean to sound daft but doesn't the card visibility depend only on the first three conditions?

[tacit cave]

yes, because that's how you programmed it

right now, it'll only appear if all 3 are not that state

kinda pointless IMO

just drop the first conditional and only keep the 3 on the separate cards

[rough silo]

That's how I had it before. When I do that, and all three of the individual entries get hidden because they're waiting for new data, then I have a blank card with "Appliance Schedules" in the dashboard which is kinda meh. I'd rather the card get hidden entirely if it has no useful information.

[tacit cave]

ok, then you need to use OR

right now, it defaults to AND

do you know the difference between or and and in code?

x or y or z

vs

x and y and z

right now, the list on the main card defaults to AND, so you're doing x and y and z

i.e. you need to use a conditional OR

[rough silo]

Hnnnnnnnngggggg
Yeah I think I see now.

I feel like I derped out hard there.

I'll update this when I'm home again. I'm pretty sure that will fix it.

[analog horizon]

is there away to pin a card on a view so its always visible while you're scrolling up and down on a view?

i.e I want to redo the energy dashboard....the date selection card is not pinned to the top like in the original energy dashboard

vs

also for the energy sources table is there anyway for it to either remove the totals or just display the totals? I only monitor at the gas/water/electricity meter so it repeats the same values

[runic rune]

Custom Button Card help please. I just need to know how I can get out the attribute called 1 here. friendly_name works fine but numbers wont:
state_display: |
[[[
return <span>${'<span style="font-size: 15px;">'+entity.attributes.stations[0].prices[1].price+' kr</span>'} / ${states['sensor.drivstoffpriser_last_updated_0_1_2'].attributes.1} siden</span>
]]]

[vast crane]

To answer both your questions, no HA does not provide those features.

[analog horizon]

dang

thanks, I've started considering grafana for my purposes

[proven copper]

Hi all - Is there a way to lock a custom horizontal stack in card so that when I scroll down and it hits the top of the view (mobile, in my case) it sticks to the top and the contents below would continue to scroll as I scroll?

I did some quick poking around and couldn't find anything. Honestly, not really sure what terms to use to try and see if someone else has done this, so not sure of an approach.

[golden mist]

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

[fiery ledge]

just realized that when useing the attribute confg option in an entities card, like: - type: attribute entity: sensor.thuis_zon_fase attribute: golden_hour name: Golden hour - type: attribute entity: sensor.thuis_zon_fase attribute: blue_hour name: Blue hour we need to set a name there, because if we omit that, the card shows the main entity name, and not the name of the attribute...

check the nicely translated attribute names in the more info. Seems a bug we never stumbled over?

with Blue hour name set:

without:

[south osprey]

Is it possible somehow to mod a third row of information ( another entity) on a mushroom-person-card ?

[tribal galleon]

@south osprey No easy way comes to mind without going into the code of the card and doing something in there.
What I would do: use a custom:button-card stylized to look like a mushroom card and adding a custom_field.
There's an example in here somewhere that @zenith stag and I were playing with. (I'm mobile at the moment so it is hard to search.) He might be able to lend some insight on the layout for the third line.
I'm not sure if it can do icon badges though.

[zenith stag]

Mobile too hehe
But yes I would use the button card also. What do you have in mind @south osprey ?

[south osprey]

I thought I would look just like the row above, with status Last seen

[winter blade]

I believe this is quite easy with a mushroom template card. It does take a bit more time to setup but shoukld be possible

This is a navigation card I have:

But can be used for persons aswell, just need to make some templates to let the icon's change based on the state of the person

[south osprey]

Can you please share the code ?

[winter blade]

I just noticed, you want to display the last updated time? Last time I checked this was a bit difficult with templates but should be doable

primary: Kamer Joost
secondary: |-
  en Kantoor
  {{states("sensor.kamer_joost_temp") | round(1)}} °C 
icon: mdi:sail-boat
tap_action:
  action: navigate
  navigation_path: kamer-joost
icon_color: blue
multiline_secondary: true
badge_icon: mdi:desk
badge_color: blue-grey

This is for the screenshot I sent

It's just a mushroom template card with multiline_secondary set to true

[south osprey]

Thanks! I will try it tomorrow. So you can have multiple states in a multi line secondary?

[tardy hare]

hello, i have a problem with my ha-card, the transparency does not work anymore

[tribal galleon]

are you using card_mod?

[tardy hare]

yes

style: |
ha-card {
background-color: transparent; border: none; box-shadow: none;
color: black;
}

[tribal galleon]

ensure you're using the proper syntax. A breaking change in January requires the card_mod section to be defined. yaml card_mod: style: | ha-card { background-color: transparent; border: none; box-shadow: none; color: black; }

[tardy hare]

ok thanks I'm going to watch

[cinder kelp]

Hey guys, i tried adding a shutter card in my overview and i used the following code like the sample on the repo site, the function is working, but i see 2 shutters and i have no idea how to disable the second image cause it is not in use.

type: custom:shutter-card
title: WZ_1
entities:

• entity: cover.shellyplus2pm_e42beae70b3c
  name: Left shutter
  buttons_position: left
  title_position: bottom
• cover.bedroom_shutter

This is the code i used

[tribal galleon]

@south osprey I forgot about multiline secondary. It can also be used to "allow" additional spaces between templates. (This is the code for the bottom example.) ```yaml
type: custom:mushroom-template-card
primary: Bedroom
multiline_secondary: true
secondary: |
{{ states('sensor.bedroom_temperature') | int }}°F
{{ states('sensor.bedroom_humidity') | int }}%

@cinder kelp Just by looking at your code, you have two entities defined: cover.shellyplus2pm_e42beae70b3c and cover.bedroom_shutter.

[cinder kelp]

You are genius lol

[tribal galleon]

I just pulled up the doc and see that it also has the bedroom_shutter in it. That example is basically showing that you can simply define a cover without needing anything extra or you can add more specific information to it such as the name, buttons_position, and title_position, if you want; the syntax is a little bit different with that method.

[tardy hare]

@tribal galleon thanks for card-mod 🙂

[cinder kelp]

@tribal galleon maybe you can help me with one more question too, i added a second one in the same card, but now i have 1 top and 1 bot, how can i get one left and one right ?

type: custom:shutter-card
title: WZ_1
entities:

• entity: cover.shellyplus2pm_e42beae70b3c
  name: Wohnzimmer_1
  buttons_position: left
  title_position: bottom
• entity: cover.shellyplus2pm_b48a0a56414c
  name: Wohnzimmer_2
  buttons_position: left
  title_position: bottom

Maybe is there a online tool like a playground to create the config or something ?

[tribal galleon]

@cinder kelp Looking at the doc, I don't see anything that allows you to set the layout of the entities. The card appears to be abandoned; hasn't been updated in a while, lots of open issues. Checking out some of the forks, it does not look like anyone has made any substantial updates.
My suggestion: consider the stack-in-card. It allows to group multiple cards into one card without the borders. You could put two of the shutter-cards in it and get the appearance of a single card. (It does need some help from card_mod to get the borders and backgrounds to be hidden appropriately; it is an old card that hasn't been updated in years but works for the most part.)

[cinder kelp]

A good idea, i will take a look on it

[past minnow]

hey all! i finally setup pirate-weather (working great), but i can't get a forecast to show on animated weather card (https://github.com/bramkragten/weather-card). forecast shows just fine on the built-in weather forecast card, and all of the other data shows fine on the animated card, but i can't get a forecast to show. i've googled, tried reinstalling, etc. but have hit a dead end, if anyone has run into similiar or might be able to point me in a direction it would be greatly appreciated!

[dusky jackal]

Need help showing ha dash in a iframe on another webpage. Just getting the ha logo. Anyone one done this?

[gloomy iris]

I think there is a bug in the thermostat card. When the climate entities, e.g. temperature become unknown, the card continues to show the last temperature value even after many hours of unknown state.
There should be a time or out of an hour max.

Could someone confirm before I open an issue, please?

[dark dirge]

Forecasts are moving from attributes to services that return data, so maybe the card tries to use a service that the integration doesn't support

[past minnow]

and there is a beta release with "Support for new forecast type". thank you for pointing me in the right direction

[patent dawn]

Anyone else have an issue with android mobile app where icons don't display in cards? They show up fine on my desktop web browser.

[digital swallow]

#android-archived

[patent dawn]

Perfect, found a message in there about clearing cache, worked.

[young blaze]

How to show a picture in the Picture Card that i have uploaded in Media?

[spice zealot]

Hi together. Is there a service who changes the status of a person?
Normaly the status is changed by the HA app (geo). But at home i want to change the state also by hand to "night" or something else. Is there a solution for that?

[ebon river]

In home assistant you should not override the state of any entity. You can create a new entity that has its state controlled however you want to control it, but you can’t (shouldn’t) change the state of an existing entity

[spice zealot]

OK. In FHEM (old home automation system) there was an onboard automation for management the residence including the persons. If all persons are away, the residence was also away. If all persons are at night, the residence was also at night. Depending on the resident there are many automations triggered.
I want to rebuild the same structure in HA, and for that i wanted to use the person entity.
But know i know that is not 1:1 possible. Maybe i must change my habits and must look after an other solution for that.

[ebon river]

You can create a template sensor to hold whatever state you want, and have it change to ‘night’ by whatever logic you define in that template.

https://www.home-assistant.io/integrations/template/

A person entity can only have a state of a zone name or of not_home which means not in any defined zone. There is no night state unless you have a zone called night and the person entity is geographically located within it

So what you probably want is an entity called sensor.residence_status and it can have a state of whatever you want, like occupied_daytime, empty, occupied_nighttime or anything else you put into the logic

And that would be accomplished with a template sensor

[spice zealot]

puhh, i'm very new in HA. But i decided to leave FHEM and tryed other system (e.g. ioBroker), but for me HA is at now the best system. So i have to learn a lot.
Can you give me a first hint for the jinja template? Your proposal with the different states are fine and i can adjust them by myself.

I only mean the content for define that the sensor has different states. Today i would use the "input_select" for different states, but because you recommended the template sensor, I think this is the more correct version

[polar kelp]

The state of a person is based on the last change to any device tracker associated with that person.
Device trackers can be changed by the device_tracker.see service.
But I agree that that is probably not what you actually want.

[unique sky]

i am building a mobile dashboard in lovelace. I am trying to create a nav bar (basically a horizontal stack with buttons) at bottom of screen . Any ideas how can I make horizontal stack stick to bottom of screen . ideally it should stay sticky even if rest of the screen scrolls, but I would be okay if it just at bottom of stack (so if I scroll , it would be at bottom). is that possible ?

[tribal galleon]

@spice zealot it sounds like you want to make a "home occupancy" sensor. Try Googling that or #templates-archived can also assist.

[open perch]

i have a question about styling as i am very very bad at css (not a web-dev 🙂 )

- type: custom:button-card
    name: Office
    ...
    styles:
        ...
      card:
        ...
        - background: >
            [[[ return (states['light.light_knx_buero'].state == 'on') ? '#FCECAC33' : '#EFEFEC' ]]]
        ...

this is my card here. I have a style override for the background and that does what it's supposed to do. so if my light is on, it has a yellow-ish background color, otherwise white-ish
but now if my phone is in dark mode, i'd like the white-ish to be black-ish and also the yellow-ish to be dark-yellow-ish. it seems like the light-dark() css thinggy is not working here?

[dim halo]

I have two vertical stacks as highlighted in blue. How can I make the second one move to the right of the first one without putting both of them in a horizontal stack/using an empty space ?
*i want this to also look good on mobile

kind of like this

[vast crane]

Is that tile card in the first box?

[dim halo]

the titles (Lumini, Senzori) are in the stacks

[vast crane]

I mean are those items the stock Tile cards, or some kind of custom mushroom card

[dim halo]

yes
stock, mushroom and mini-graph-card

but i don't think that matters since it's a stack anyways

[vast crane]

I was looking at Tile card and it seems like it does have an improvement that could be made that would fix this. But as an end user you don't get to choose the height at which the columns break into a second column, unless you move to a custom type view.

[dim halo]

hmm...i guess an empty title card won't look too bad on mobile

Think i can live with that

[storm tundra]

when using the "sensor" card, how can I change the color of the graph that shows up?

[golden mirage]

you can use card_mod and padding,margin css

[fiery ledge]

saw your work (still in Dev) on the detailed energy graphs, nice!

given the amount of entities, would a 'disable all' be feasible to select only a few of interest?

[south osprey]

Which is the best "custom:vertical-stack-in-card" or "custom:stack-in-card" ? Both does not seem to be maintained

[south osprey]

I can see there are some updated forks to stack-in-cards. ( https://github.com/custom-cards/stack-in-card/forks )
Is it possible to add forked versiona via HACS ?

[fiery ledge]

just use core entities card, nothing you can not do (with the help of card-mod and hui-elements)

or vertical-stack ofc, depends on your wishes

[orchid minnow]

do you like my tablet's dashboard?
https://pasteboard.co/ghDM53Erran0.jpg

I tried to keep it as simple as possible, even though the buttons have multiple states. I'm happy all family members can use it

[tribal galleon]

@south osprey most of those forks are merely copies of the original without any new commits. It is old but still works with the help of card mod.
Regarding using a fork, it is just a matter of doing a manual installation, overwriting the current stuff. (I don't think updates will function though so you will have to maintain it yourself.)
You can get a similar effect with a custom:button-card and embed other cards into it. (I have an example in here somewhere showing a big light button with some extras added into it.)

[vast crane]

Hmm, not sure. I think maintainers are not a fan of busy interface with lots of buttons. Not confident it would be approved.

[fiery ledge]

yeah, but that is exactly the reason I am asking...... would be nice if we could have a small selection of main offenders there....

we can, but then need to deselect most, and keep only the few

[tacit cave]

your setup always amuses me marius

I 100% never see the need for the granularity you always have in your system, and it's the source of all your problems

KISS is a great philosophy that I follow with user interfaces.

https://en.wikipedia.org/wiki/KISS_principle

[fiery ledge]

hmm.. not having an issue at all. its just that main development seems to be aimed at smaller setups...

and when a supposedly nice feature comes along (I really like it!) there is just no way we can configure it to our requirements. at first.

I mean, ofc I can group all switches (as a matter of fact I have all that), but the whole idea here is to monitor Individual devices......

[vast crane]

Maybe make some noise in beta and see what people think. Personally I'd be happy to add 100 options to everything but that's just not the product direction it seems. Initial design feedback was to not even have a selectable legend here at all, i was lucky they let me keep even that 😂

[fiery ledge]

I believe this is the same discussion like we had with the history panel. I stopped using that because of the endless to and fro and moved to a custom card that could simply set the desired devices/entities.

with the energy panel that wont be as easy I am afraid, can we disable it completely? didnt yet discover that option

[vast crane]

disable this card or disable the panel?

[fiery ledge]

this card in the energy panel

[vast crane]

well no I guess not

[fiery ledge]

hmm, we can create our own dashboard though

was this card itself added to the energy panel cards?

[vast crane]

its in the stock panel

[fiery ledge]

yeah, but I mean here https://rc.home-assistant.io/dashboards/energy/

so I can disable the stock energy panel i the left menu, and create a custom one

[tacit cave]

I disagree, my setup is large and everything is fine for me. There are things that can be improved to make mass selection better. Hopefully taht will come in the future.

mass selection in general is a PITA on mobile though, no matter what way you go

[fiery ledge]

sure, its fine. lets do what Karwosts suggests, and see in Beta

[tacit cave]

and HA always tries to account for mobile everything

[fiery ledge]

on mobile, this is unusable very unpractical (with all of the indivdual entities). Good you mention that, I hadnt even checked...

I mean I have to scroll for a bit to even go past those displayed colored entities before I get to the graphs

[vast crane]

Thanks for reminding of that, just went to go add the documentation.

[grizzled kettle]

Hey, is this known? Should I open an issue on github, if so - where?

[tacit cave]

is what known

[grizzled kettle]

That trace rendering issue

[tacit cave]

what rendering issue? Are you talking about the letter c missing?

oh the graph, would help if you said that 😉

had to compare it o my trace to even see the differences

[grizzled kettle]

Ohh heh yea I opened an issue in frontend

[long yacht]

Update template-entity-row says "need to manually clear front end cache after updating". How does one do that?

[tacit cave]

depends on the browser you're using

[long yacht]

firefox

[tacit cave]

alright, then google "clear cache firefox" and follow the directions

[long yacht]

Thanks

[normal scroll]

IS there any way to compare two entities? The default action for one mushroom card light dimmer works (Inovelli Blue) but the other default tap action does not (also Inovelli Blue). Cant for the life of me figure out why

Two separate cards in the same vertical stack

[cinder kelp]

Does anyone have an idea why i do not find anything in HACS ? I searched in hacs for "solax" i dont find anything. Then i tried adding the repo manually (https://github.com/wills106/homeassistant-solax-modbus), it says it already exist, i cleared the cache, i relogged, but i cant find this addon. Does anyone have a idea ?

Thats the message i get: Repository 'wills106/homeassistant-solax-modbus' exists in the store.

But the integration i still dont find, how can i fix it ?