frontend-archived

[crystal wren]

I guess I'll have to put in the work of walking 5 feet and opening a door to check the battery manually like some sort of caveman

[frigid skiff]

I'm running HA on a pi hooked up to the offical touch screen. It is running in a container in rasbian. Does anybody know of a way I can add a button in HA that runs xscreensaver-command on the host so I can turn the screen on/off?

[spare drum]

How do I get this dual gauge card from 'www' into my dashboard?

[tired basalt]

Hey guys! Is anyone else having issues with the network page of the settings? I click on "Settings" then "System" then "Network" it's just.. blank.... It's a new install of HomeAssistant and this hasn't been working at all. I've restarted the server a few times and it's still problematic. Any ideas?

[terse valley]

i have a bit of an issue, since the latest HA update, layout-card.js only shows my cards as sharp edged boxes rather than the nice rounded mushroom cards im using

[faint rampart]

@tribal galleon so I changed the icons on my dashboard and removed the custom brand icons and it worked. Does sucks that I can used those custom icons though.

[tribal galleon]

Have you updated custom brand icons lately? Pretty sure they've released a couple of updates. Don't think they removed any icons though.

[faint rampart]

I did update it but just decided to take it off for now and stick with the default icons for now.

[scenic current]

You know nothing is easy. I'm looking at adding this progress bar for music playback. Would look really cool. So here's the thing: I'm using Music Assistant with HA. For unknown reasons, MA makes a second entity that it uses to interface with HA. So I have media_player.thinksmartLR and media_player.thinksmartLR_2 (<- MA playback). Now I can't tell you what's going on but the audio actually plays back on media_player.thinksmartLR but a bunch of meta data shows up on media_player.thinksmartLR_2. The duration is on _2 but the actual play position/current time is on the regular device.

That was a lot of words to ask, is it possible to use that Timer Bar Card to pull duration from an attribute on _2 device and the current position attribute from the regular device?

[summer star]

I'm trying to remove the icon and the space between the name and sensor value on the glance card but can't figure it out, I have card mod installed. Anyone that knows the code to use?

[shadow nymph]

Is there a quicker way to update my lovelace cards in HACS than having to click on each one and then click update?

[shut robin]

Hey guys, I'm using button card and am trying to use this bit of code I've made

              let g;
              let b;
              if (variables.power >= 0)
                if (Math.ceil(Number(variables.power)) >= variables.position)
                  r = ((variables.colour_red_r - variables.colour_orange_r) / variables.num_panels) * variables.position;
                  g = ((variables.colour_red_g - variables.colour_orange_g) / variables.num_panels) * variables.position;
                  b = ((variables.colour_red_b - variables.colour_orange_b) / variables.num_panels) * variables.position;
                  return 'rgb(' + r + "," + g + "," + b + ')';
                else 
                  return 'white'; ```
It throws an error about the else being an issue, and when I remove the else the error goes away but I don't know why? What have I missed in this?

[vast crane]

If that's javascript, multi-line control blocks need braces if (x) { ... } else { ... }, it doesn't care about whitespace

[golden mist]

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

[vast crane]

You only need braces if you have multiple statements following the if. one statement can be assumed without braces (but they are typically used for clarity)

ok:

if(foo) 
   x = 1
else 
   x = 2

wrong:

if(foo) 
   x = 1
   y = 3
else 
   x = 2

[shut robin]

Ah, like how HA needs single quotes if it's one line but doesn't otherwise? That makes sense, thanks!

Perfect, that worked, thanks so much!

[shut robin]

Ok, I've got another question using button card - this time I have this code in my editor

        house_power: 7.2
      custom_fields:
        power1:
          card:
            type: custom:button-card
            template: power_bar
            variables:
              position: 1
              power: '[[[ return variables.house_power ]]]' ```
For some reason, the code I've got using the template doesn't work here (I think the value for house_power doesn't get passed through?), but if I change the last line from return variables.house_power to return 7.2, it works?

[tribal galleon]

@shut robin Variables set at the top custom:button-card do pass down into lower cards. I have a template that passes variables into a conditional card and an entities card and also a timer-bar-card. Maybe variables can't be passed into another custom:button-card because it has its own variables section. Perhaps adding something like yaml variables: house_power_bar_var: '[[[ return variables.house_power ]]]'to the lower level custom:button-card is what it needs.

[shut robin]

I was just doing some testing and it is passing the variable but it's not working right? I want the background changing colour based on the value of the power variable from the lower card, and as a quick test I have the background be green if the power variable is >=0 else be blue

Using power = return 7.2 shows the background as green, but having house_power =7.2 and then returning house_power makes the background blue? So it knows a variable is passed but isn't doing something right with it?

Ok, I've made the name of the card be variables.house_power and it's showing up with nothing?

[tribal galleon]

Confirmed that the variables do pass into a secondary custom:button-card without anything special. Perhaps something is going on in the template that is messing with it.

type: custom:button-card
entity: none
name: Top Level Card
variables:
  test_var: "It works"
custom_fields:
  test:
    card:
      type: custom:button-card
      entity: none
      name: '[[[ return variables.test_var ]]]'

[shut robin]

Maybe it's too deep? I've just realised I've got 2 levels of custom fields

So I've got
Button card
Custom_fields: house_power
Custom fields: power = house_power

Ahhh, that was it!

I put the house owee under the button card instead of the custom field and I think it's working now

That's confusing and not what I'd have expected?

[foggy tendon]

can somebody help me to understand from where i get these errors?

2024-04-07 16:38:46.911 ERROR (MainThread) [frontend.js.latest.202404041] Uncaught error from Chrome WebView 124.0.6367.28 on Android 14
Script error.
null
@:0:0

[tribal galleon]

Just tried nested custom_fields and the top-most level card still pushed the variable into the lowest.

[shut robin]

Yeah, the top one pushes down to the lowest but I was trying from the middle level and it wasn't working

[tacit cave]

clear your cache and refresh the page on that chrome device.

[shut robin]

I was expecting it to work if it was from the middle to the bottom but apparently not

[foggy tendon]

I already did it.... many times...

[tacit cave]

On all your devices?

[foggy tendon]

yes, on android and also on Chrome on Windows 11

[tacit cave]

so you have no other device that's opened up to HA aside from those 2?

[foggy tendon]

Hmm... i think no, but i'll check it.
After all i am having many issues regarding frontend like these:

2024-04-07 15:03:51.895 ERROR (MainThread) [frontend.js.latest.202404041] Uncaught error from Chrome 123.0.0.0 on Windows 10
ReferenceError: Cannot access 'e' before initialization
Object.callback (/hacsfiles/custom-sonos-card/custom-sonos-card.js:358:980)
callback (node_modules/home-assistant-js-websocket/dist/connection.js:23:33)
forEach (node_modules/home-assistant-js-websocket/dist/connection.js:15:25

[tribal galleon]

I see what you're saying. I moved the variable from the top-level into the first custom_field and it broke the third custom_field. Maybe custom_fields can't pass the variables even though you'd think that it would just be another instance of the custom:button-card. Still weird.

[shut robin]

Yeah, super weird? I'm glad it's not just me thinking that 😛

But yeah, at least it works, and I don't mind too much about passing it from the top level as opposed to the middle level, so at least I got that going for me - thanks for the troubleshooting though, it definitely helped

[woven dragon]

I need categories for all the labels I've created, lol

[foggy tendon]

I cleared cache on all devices running HA, restarted and got this, just after the restart;

Registratore: frontend.js.latest.202404041
Fonte: components/system_log/init.py:320
Prima occorrenza: 17:53:58 (3 occorrenze)
Ultima registrazione: 17:55:31

Uncaught error from Chrome WebView 124.0.6367.28 on Android 14 Script error. null @:0:0
Uncaught error from Chrome WebView 124.0.6367.28 on Android 14 ReferenceError: Cannot access 'e' before initialization Object.callback (/hacsfiles/custom-sonos-card/custom-sonos-card.js:358:980) callback (node_modules/home-assistant-js-websocket/dist/connection.js:23:33) forEach (node_modules/home-assistant-js-websocket/dist/connection.js:15:25)

[tacit cave]

sonos card is causing the issue

/hacsfiles/custom-sonos-card/custom-sonos-card.js:358:980

[foggy tendon]

Yes, i already opened an issue... but also the first part of the error?

[bright jolt]

Is there a way to make a screensaver for google cast? Like 8:00 it turns the media player on and on 21:00 it turns it off?

[wicked raven]

Hey guys. I'm trying to work out a few issues. One issue is the card that pops up when you get to the more-info of a shade or blind card. It has 2 different options. One option is a vertical slider and the other is a vertical 3 button option. It appears that the vertical slider is the default option. How can I make the vertical buttons the default? I have to manually pick that option every time I use it. My particular shades don't work well with a slider.

[broken marsh]

I have 10 different scripts sending my robot vacuum to different areas. How can I use input_select in a card to start the right service based on input_select values? Main goal is just to quickly send the robot vaccum to the right place but not have 10 small buttons too easily clickable. I don't want to accidentally start the cleaning.

[simple grotto]

how do you turn a template sensor into a Long Term Statistics Sensor?

[wicked raven]

You have to use the input select with an entities card and several conditional cards. The entities card's entity would be the input select you want as the drop down. The conditional cards would use the input select and it's state as the condition part and each card part would be the entity of the input select's state. In other words, you'd have to make a conditional card for each input select option. Here's a condition card example. The condition state entity and the card entity must be the same on the individual condition cards.```

type: conditional
conditions:

• entity: input_select.media_players
  state: media_player.sitting_room_yamaha_receiver
  card:
  type: media-control
  entity: media_player.sitting_room_yamaha_receiver```

[shut robin]

hey guys, i've got a bit of a weird one but i need a bit of feedback - i'm making a house power/solar card and i don't know what to make the text of it be - i'm thinking of having "House using xyz kW" (or W if it's < 1kW), but i think i want to have it say something different if i'm powering the house entirely through solar vs if i'm using power from the grid - does anyone have any suggestions for wording i could use for the card? the only issue is as per the screenshot, i don't have a ton of space because i'm using these cards throughout my dashboard and so i'm quite low on space

[wicked raven]

Are you planning to use condition cards?

[wicked raven]

If you use condition cards maybe space wouldn't be a problem, since there'd only be one card at a time.

[tribal galleon]

I would suggest taking a step back before trying to implement your plan into the dashboard. I think you should refine your script to be able to accept variables (the input_select) to say where to send the robot. You shouldn't have ten different scripts to accomplish (essentially) the same task. Script Syntax - Variables

@shut robin What about Consumption / Production?

[shut robin]

well i'm building it into one card - so it'll show different things based on solar production and grid consumption

hang on, let me fix up some code and paste a full screenshot and some examples

[shut robin]

@tribal galleon @wicked raven - i got the code fixed up so here's what i've got so far:

the first screenshot shows a mock of when the house is using power from the solar so far - the bars go from the bottom to the top and progressively get greener and greener

the second screenshot shows a mock up of when the house is using less power than solar - this time the bar goes from the top to the bottom and gets redder and redder the closer to max it is

each bar represents about 1kw, and it's rounded up to the nearest number, so 6.1 will show 7 bars, as will 6.948

[wicked raven]

If you're just concerned about wording and space, how about "all solar" if it's only using solar. Or just replace the kw with solar, since you've got a good idea of the kw by the bars.

[shut robin]

i like having the kw there

but maybe i could use something like "all solar", or "solar production" or something - i'll play around with it, thanks!

[wicked raven]

No problem. You're a lot better at the front end than me. That's a good looking card.

[real pond]

hi, are there guides to setup a GUI that's easy to load on windows.. I'm thinking of setting an old computer with touchscreen as a panel for HA

using your phone to control lights is such a move in the wrong direction lol

[tribal galleon]

@real pond In regards to dashboard development, there's really no guides as everyone's tastes will differ. Using an old touchscreen is just a matter of having a browser, preferrably in full-screen mode. Perhaps adding HASS.Agent for some sensors and remote control.
I have a 24" touchscreen with a Mini-PC (also connected to a 50" dumb TV) and several Amazon Fire HD 10 Plus tablets.

FKB is Android only, IIRC.

[wicked raven]

Is Fully Kiosk browser in the Windows app store?

[real pond]

idk

never used that

[shut robin]

it's taken a lot of work to get here - it's mostly based off minimalist but when i first started HA i tried minimalist and it couldn't do things i wanted it to do (or, more likely, i didn't know how to do them and so assumed it couldn't do it when in reality it probably could), so i found a tutorial on how to make them using mushroom cards and card mod, however as of a recent ish patch, card mod lags all my devices quite a bit, so opening up the dashboard loads the initial mushroom cards, then like 1s later the changes are made, which is very jarring on phones

so i found a basis for making minimalist in card-button which i used and have been expanding for my use cases

then in a funny turn of events one day i go to look up minimalist thinking it's all this comlicated code and find that it's all card-button stuff anyway, so if i had just stuck with it initially it might not have needed to be rebuilt twice 😛

[real pond]

the default HA interface is ok to edit but it's not a good GUI for daily usage

[tribal galleon]

FKB is only for Android. (My tablets use it.)

[real pond]

actually I like the overview page but the default widgets you can create for it are horrible.. i'd just need my own widget I guess

[wicked raven]

Or make your own dashboard to your satisfaction.

[real pond]

there should be a theme that does what I want.. I just find the sliders not very ergonomic

[wicked raven]

I hate the sliders for shades and lights!

[real pond]

everything else is more about how i have to set up windows I guess.. like the screen should open quickly or be always on

[real pond]

yeah and it doesn't help that they are tiny and won't react unless you grab the small circle.

imo sliders on touchscreen isn't ideal to start with

[wicked raven]

Nope, not for me anyway.

[real pond]

hmm yeah i guess this was simpler than i thought.. should have done this months ago

[hexed grove]

I just started using HA and have been looking at theming. I liked how the Minimalist theme looked, so thanks for this info! Ideally I’d like to make my HA look pretty similar to Apple Home

[shut robin]

no worries! yeah, i haven't touched minimalist since i tried it all those months and months ago, so i don't know how easy it is to customise it (specifically things like the templates and whatnot), but under the hood it's definitely button-card

that said, being button card you can also look through the code (like here https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_room/#usage) and at the bottom is the template code that you can use as a guide to make your own version!

[tribal galleon]

Was going to say the same. MinialistUI isn't really a theme. Even the Dev calls it a "theme" (specifically in quotes) but it is just templated custom:button-cards.

[shut robin]

ok, i think i've settled on some wording but have hit another snag - i've got two cards now - one for my house usage and one for my solar/grid usage

the first screenshot is when my house is using power solar power and my solar generating power (so basically during the day) while the second screenshot will be at night when solar produced = 0

the issue is that at night, the solar produced and house usages are going to be the same - does anyone have any suggestions on something i could do to make it look better than just having the same card twice?

[tender wedge]

I know Sections is experimental, but doesn't the Frigate card have support for it? I noticed a few bugs; The card can be moved around in non edit mode, small image size on mobile, menu buttons loading, just to name a few...

[tribal galleon]

By the looks of it, the Frigate card hasn't been updated in 10 months. If there's anything that needs to be configured by the Dev within the card, my guess it that it does not have it yet.

[tender wedge]

Ah okay thanks, that explains it. I didn’t realise it was a separate project from Frigate repo itself. Would you know of any good alternatives?

[tribal galleon]

For something that works with Sections, that I'm not sure. I'd suggest just being flexible with the development of Sections as new features and bug fixes will happen over time.

[tender wedge]

I understand. I’m not really too fussed about sections to be honest. Generally speaking I find Frigate card quite buggy, maybe any alternative that is regularly maintained perhaps?

[tight scarab]

Anybody know why an update or two ago all the icons on my mushroom entity cards disappeared? If I edit them, I can explicitly select an icon, e.g., mdi:light but if I just leave it to the default entity icon, it appears blank now

[broken marsh]

Thanks!

[broken marsh]

Thanks!

[lone umbra]

Why do Labels have a GUI max of 2 per labeled automation? When adding a 3th i get a +1 label, hiding the name and color of the label. Its fits eaaaasily on my monitor

so for example a motion controlled light with a frigate camera with RGB capabilities are 4 labels: RGB/MOTION/LIGHT/FRIGATE

but the automation shows: RGB/MOTION/+2

[random summit]

Hi All
I was hoping someone could help with something weird I'm seeing please:
My main HA instance has a driveway gate cover with icon template defined:
icon_template: >-
{% if states('binary_sensor.driveway_gate_sensor') == "on" %}
mdi:gate-open
{% else %}
mdi:gate
{% endif %}
As a part of cover definition.

I have a separate HA instance for testing purposes, and the same cover is defined in it in exactly the same way.
But in my main instance the icon template doesn't work (icons don't change, only color of the icon), while in the 2nd instance icons change no problem.

Cover state changes correctly, icon template works as per Dev tools.

[shut robin]

out of curiosity, since the icon colour changes, what code do you have for the icon colour?

[random summit]

No specific code. It's built in HA thing

[shut robin]

oh, that colour changing - i'm with you

you could try going to the developer tools and then go to the template section - if you haven't used it before it's a handy little way to see what the results of templates are

you could try putting the code you've got line by line and seeing what might be causing the issue

for example you could do something like {{ states('binary_sensor.driveway_gate_sensor') }} and see what it shows as the output - it could be that in one instance of your HA it shows up as "on" and in another it could be true or something?

[random summit]

Yeah, I did that. Template works obviously.. it's something to do with the icons itself imo as if older HA instance doesn't have them all or updated.. while the new one does

[random summit]

Just to remind you: all config is exactly the same between the 2 instances

[shut robin]

so if you put the template into the dev tools, does it output the right values when you open/close the sensor?

because yeah, that's super weird if so

[random summit]

Yeah.. exactly.

I'm lost 😂

[shut robin]

huh, that is odd then! i don't know if i have much more to help then since i've not had a ton of experience with this stuff but hopefully someone else here has seen this before and can help!

[random summit]

The only thing I realized is that icons change in my main instance never worked.. the only reason why I even figured it out that I've put exactly the same code into the freshly installed instance and the covers started behaving differently (visually)

[shut robin]

that's super weird because i've got changing icons and they've been fine, so not sure what would cause them to not work

out of curiosity are you just using default HA buttons?

[random summit]

Exactly button for this yeah

[shut robin]

fair enough - yeah, that's super super weird then

[random summit]

Yeah
Thanks for trying to help 🙌🏻

[shut robin]

all good - good luck and hopefully someone has some answers!

[tribal galleon]

@random summit Where is the code that you shared being used? Is it within the YAML of the button? Defined in a template sensor through the UI? Or defined in configuration.yaml?

[random summit]

no, it's config yaml
Can you define icon templates in lovelace?

[lyric prairie]

Some cards support templates for icons directly. But since you have setup it up in configuration.yaml, could you share the full snippet?

[golden mist]

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

[lyric prairie]

That should work, maybe any logs about that cover?

[tribal galleon]

Is icon_template supposed to be used or is it supposed to be just icon?

[lyric prairie]

icon_template

@tribal galleon https://www.home-assistant.io/integrations/cover.template/#icon_template

[tribal galleon]

Interesting. I only have one templated binary sensor defined and it uses icon.
State based binary sensor - Change the icon when a state changes
The one that I used is icon: "{{ 'mdi:check' if this.attributes.values()|reject('eq', 'OK')|list|length == 4 else 'mdi:alert' }}"
Maybe because it is in the template: section.

Which makes sense. Something that petro mentioned:

icon_template is only available on sensor: 's template platform (old style). It's not available in the template integration (new style)
#templates-archived message

[lyric prairie]

Yes, that is the difference indeed, the template integration actually implies that all keys support templates, so no need to add it to the key

[hybrid mauve]

Hi
Looking for some direction oh how to make a gauge dynamic. I have specified numbers in the settings for solar production. So let say in summer anything above 30Kwh is green. But in winter I would never make 30, so green display should be 10kWh. How could I get this 'green' field number to change XX.xx units a day to be 10,000 in winter and 30,000 in summer.

[surreal otter]

How can we change Area_id? Some of my areas has friendly names others are just random string

[lean compass]

Is there a way on the new "Sections" dashboard to make a tile double wide? I have a Cover tile for my curtains I'd like to make take up the full width of the section

[lyric prairie]

Put it in a horizontal stack

[lean compass]

Well that was embarrasingly easy! In my head I was thinking I only needed to use that if I was purposely trying to put multiple things in one row. Thanks!

[rugged hamlet]

I created a script to cast my dashboard to my nest hub. Does anyone have an idea of what I can do to make it "continuous" so after interruptions or after certain small delays in interruption it casts again? I tried the b0mbay catt method but can't get the cmd line commands to work or anything so resorted to script

[surreal otter]

Do I have to create a new area with name, then manually move 121323+ devices from old to new area?

[oak nexus]

Hello,

I would like to additionally protect the Admim Panel in my dashboard.

Is there a way to assign a pin code or something similar?i use Lovelace As a dashboard, of course

[opal geyser]

2nd user for standard reasons, admin section for only admin

You can also make it only visible for your specific user.

[rugged hamlet]

Anyone here able to help me with continusously casting my dashboard to my nest devices please?

[signal peak]

Hey guys! Maybe one of you can give me some inspiration on how I could realize the following:
I want a "two step operation" of a button, so I have to press the button twice for it to actually do something, kinda similar to the lock button they showed in the 2024.4 release Video.
How would I be able to do something like that? Is there already an implementation for something like this?

Thats not nice

[sweet kindle]

bro get a life, u out here trolling the home assistant discord 💀

[signal peak]

fr

[vital burrow]

You can have a confirmation popup for some cards

https://www.home-assistant.io/dashboards/actions/#options-for-confirmation

[signal peak]

You know an example of one that does?

Ouh, there you go

Thanks

[vital burrow]

👍

[rugged hamlet]

who 😮 whatd they say

[signal peak]

@vital burrow Works like a charm, thanks!

[rugged hamlet]

Is this the right channel for me to ask about how to continuously cast my dashboard? I needed help but don't want to waste anyones time asking in the wrong channel. Sorry new to this discord

[vital burrow]

There is a blueprint which renews the casting in intervals. But haven't tried, if it is still working.
https://community.home-assistant.io/t/cast-and-re-cast-a-lovelace-view-to-a-google-hub/259631

[tribal galleon]

The custom:button-card has a lock feature where you have to press and hold to unlock and then you can press the button. You can see an example of it here: #frontend-archived message

[signal peak]

@tribal galleon Sorry for asking, but how do I actually add the custom:button-card card?
For me it says 'Custom element doesn't exist: button-card'

nvm, I think I answer the question myself

@tribal galleon Works great, thanks for the input!

[random summit]

It's unlikely but if anyone will ever look for an answer to the same question: I had icons set in my cover definition and then in customize.yaml. 🤦‍♂️ Looks like customize takes priority in defining icons for entities. I guess when I was setting up my entities required device classes or open/closed change of icons by default weren't available.

[sour crag]

Hi, I am trying the new function to move cards

but i can't see any move icon, is there some limit if you have a yaml-dashboard? The dashboard i am trying with is a regular one, but i also have a YAML-dashboard

[dark dirge]

You can't move cards around in the UI if you're managing the dashboard in YAML

But you should be able to do it with a storage-based dashboard in the same instance

[sour crag]

hmm, weird

the dashboard is showing as "UI controlled" in the settings

[dark dirge]

Are you using sections?

https://www.home-assistant.io/blog/2024/03/06/release-20243/#drag-and-drop-rearrangement-of-cards-and-sections

[sour crag]

yeah, i did try making a section card on the dashboard to test

the sectuons i can move

[thorn granite]

You can only move old style dashboards around using the up and down arrows as previously.

[sour crag]

oh, so it only works inside of sections, I didn't catch that, thanks

[oak nexus]

Hello,
Can I give a user rights for a single dashboard?

[vital burrow]

In the views' settings (in visibility) you can select which users can see that view

Or you can limit complete dashbards to admins

[oak nexus]

That's stupid, because the user should generally not be allowed to do anything except work on this dashboard

[lean compass]

I feel like you're misunderstanding the answer. They're saying you can set it so the user can only see that dashboard by making it the only one visible to them.

Also probably "That's stupid" is probably not the best way to respond to someone trying to help you, just my 2 cents.

[simple grotto]

how do you turn a template sensor into a Long Term Statistics Sensor?

[green raft]

Does anyone know of a way to set specific entities up as stepped entities? For example, I have some lights and fans that only have 5 steps, not smooth transitions between %ages. Was hoping there was a way to set these up so they have "chunks" to select in the UI based on their steps.

[vast crane]

All sensors which have a state_class will be recorded into long term statistics.

[tribal galleon]

I'm don't think you would be able to adjusts the steps for entities. How were you wanting to interact with the steps? You could do buttons and make individual presets. You might be able to make input_select helpers and make sliders but you would need to make some simple automations to handle the changes.

This is an example of the preset buttons that I use. #1183081529111494698 message

[green raft]

Figured that would probably be the case. Looks like it's not a reportable feature from the device for lights anyway. It is for fans though (percentage_step), which is mostly why I was hoping there was a decent CC or card to emulate what's in your example. Trying to keep everything clean and "Mushroom-like".

[green raft]

So Bubbles is starting to annoy me, but I like the pop-up functionality. What other pop-up style things are around that can achieve a similar result - preferably in a Mushroom style of design?

Or am I better off just using subview navigation?

[golden mirage]

You can use custom_button_card

[tribal galleon]

Funny that you mention that. I mentioned to him about the lock feature with the custom:button-card and linked to our conversation back when you and I were working with it.
But, I think he's looking more for a two-step or confirmation method and not just a double-tap, hence the lock suggestion.

[signal peak]

Indeed, the lock thing fits my purpose perfectly. The double tap would have also worked, but wouldnt be as suited as the lock

[terse valley]

i have a bit of an issue, since the latest HA update, layout-card.js only shows my cards as sharp edged boxes rather than the nice rounded mushroom cards im using

[orchid willow]

hey 🙂 I have a question for customization on mushroom .. can I post it here ?

[golden mist]

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

[simple coral]

I'm having issues with stopping the screen from being used for my medical Items I need to keep alive from, is there any where I can go for help on trying to get the correct settings to stop this from happening? I don't want to try it again on my main setup but I have been given a free Samsung S6 Lite so I can try again to see if I can get a good setup! Everything went well to get it to work it was later that night it became know to be it was over ruling my medical to keep my display on! But think it be great if I can get it onto it so other people cannot change my settings! In cases where left on the stairs!

[tacit cave]

that's only possible with browsermod

if you make a view or a subview, you can navigate to the view/subview. You can't pop up a more-info page for a separate entity

[shut robin]

Hey guys, random question but does anyone know of a way I can have a duration picker from a dashboard? I'm trying to make a timer card that can accept hours, minutes and seconds but I haven't found anything good that works for them anywhere yet?

[tacit cave]

use a button on an entities card that has the word start. That start button will open the more info on a script which will have your selections.

[shut robin]

More info on what script?

[tacit cave]

scripts now show fields on their more-info page

fields allow selectors

duration is a selector

so you can click a button, it brings up more info. Then you just fill out the info and press run.

[shut robin]

Ah ha, that's cool! I didn't know you could have selectors in the more info page!

Hmm, is there a way to make the more info page look... Nicer?

Sec, I'm trying to find an example online but it's late and I can't think of the keyword I'm looking for 😛

[tacit cave]

You don't have to fill out all that info

keep your descriptions short and choose your selectors wisely

[shut robin]

Well I've only got one selector, but it'd be cool if there was a nicer way to input it

I'm quite partial to these types of selectors - has anyone seen this type of thing for ha, but instead of a time at the top it's a duration?

[tacit cave]

that would be something custom

[shut robin]

Ah shame, but ok

Are there any other inputs that aren't that then but look nicer than the default one? Maybe something to match mushroom or minimalist a bit more?

[willow berry]

Im using nmap tracker and i would like to know how i can do a network map with that ?

[plain mural]

can i make a conditional card that only shows the next 30 seconds. I set a datetime but i dont know how to set it in the conditonal card

[vast crane]

next 30 seconds of what?

[plain mural]

showing the card.

[vast crane]

I'd leverage a helper timer. Start the timer when you want, run it for 30 seconds. Show the card when timer's state is == active

[plain mural]

a great. thanks

[steel wind]

How can I make it so that a user only sees one dashboard?

[short kite]

Is there any way to keep the Overview dashboard visible (in the sidebar) but set another dashboard as default?

Update never mind, I figured this out myself but am leaving both question and answer here for future Discord searches to find.

The answer is to create a new dashboard through the UI and choose the "all devices" option - then you have one that's basically identical to "Overview" but which stays visible even when it's not the default.

[shut robin]

hey guys, is there a nice looking way to have something like an input number card on a dashboard that lets me change the number directly from the dashboard? i'm not having much luck finding anything

i should mention i plan on using this on mobile, so need it to have the ability to type into it directly from the dashboard instead of opening a more info or having a slider/buttons etc

[green raft]

What's wrong with just a plain old entity card?

[shut robin]

how do you do that? when i have an entity card with my input number, it just shows the value, and i have to click into it to get to the more info section before i can edit it, which is not user friendly at all? did i do something wrong when setting things up?

[green raft]

Apologies. Not entity card, entities.

[shut robin]

oooh, that's confusing - i thought the entities card would just be the same as the entity card but with more entities - why would they not make them do the same thing?

thanks -i'll check it out

[shut robin]

is there any way to remove the name and just have the input field for the entities card?

[shut robin]

bah, why is it so hard to just have a nice looking input for whatever you want that's customisable? it should not take 3 input numbers to make an HH:MM:SS timer all in separate rows with text between them - there has to be a better way?

like this is the best way to make an HH:MM:SS timer from the dashboard - i've had to hack the icons away by using icon: none so it doesn't show anything but it's still got the spacing, and then it's just 3 numbers in text fields that are huge for what's needed and it just looks really bad 😦

does anyone have any suggestions on how i can make it look better?

[lyric prairie]

do you care about the seconds being displayed? Else you could use an input_datetime helper set to time instead of three input_numbers

[shut robin]

i saw the datetime but i do care about the seconds

[lyric prairie]

The state includes seconds, but I saw an issue that mentioned that the frontend does not display them

[shut robin]

yeah, i saw a similar thing, but i do need to have the front end showing seconds

[green raft]

HACS is almost always the answer. https://github.com/junkfix/numberbox-card

[lyric prairie]

https://github.com/GeorgeSG/lovelace-time-picker-card
This one seems to be able to display seconds

[shut robin]

I don't want plus or minus buttons though - that's standard behaviour for the input number

[shut robin]

I'll check this one out and see how it is - thanks

[green raft]

Oh right, thought you could tap on the number to get an entry.

[glossy jungle]

I would like to have two users. One as admin and then another as a user which can only see the frigate dashboard. Help please

[foggy pendant]

is there an alternative to the tabbed card that would let me actually stick a whole bunch of cards in there rather than just one? Trying to get each room and all its controls set up as a tab but it looks like it doesn't support that 😦 so I am open to alternatives that achieve the same effect of only showing the controls for one room but minimising/hiding the others.

[green raft]

Anyone know if there's a way to specify z-index of the popup for browser_mod.popup? I am trying to get it to play nice with hue-like-light-card's own popup dialog.

Damn, doesn't look like Z-Index would even work. Elements aren't even in the same hierarchy.

Looks like it's back to sub-views for now :/

[foggy pendant]

Do you need the whole Frigate dashboard? Or would just the cameras and control suffice?

If the latter you could make a "UI View" and restrict its visibility to one user in the visibility settings. You can also stop that user from being able to see other "views". Then all you need to do is use the Frigate card (or cards) in that view and set up your cameras. You can always add a button of some kind to link out to the full Frigate dashboard if you need to.

[glossy jungle]

ok will give it a try

just want the ui

[foggy pendant]

Then yeah try the UI view visibility settings! I currently have one view for my desktop PC user and one for my phone user which are set up differently for ease of access to all my stuff on each 🙂

[glossy jungle]

ok thanks

[steel wind]

How can I make it so that a user only sees one dashboard?

[topaz mauve]

Is it possible to force these cards to have a wider width ?
or even better use a auto width to fit to text size?

[golden mist]

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

[shy gust]

Is there a way to automagically have Picture Elements rotate depending on the screen it's being viewed on (landscape vs portrait mode) ?

[fathom glen]

How can I do the equivalent of this pseudo-code example in home assistant?

type: vertical-stack
cards:
  {% for entity_id in area_entities("Living Room") %}
  - type: custom:mushroom-light-card
    entity: {{ entity_id }}
  {% endfor %}
``` I've searched around quite a bit and I've also tried auto-entities etc. couldn't get it to work

[dark dirge]

auto-entities would be the way

[topaz mauve]

So you want a card that will get all the entity in assigned room and show them in the card stack.

instead of having to add them manually

[fathom glen]

I guess, yeah

[dark dirge]

area: Match entities in given area (e.g. Kitchen)

[fathom glen]

Rob I'm not sure what I did but it didn't work

It may have been the custom mushroom card?

[dark dirge]

There's an example in the docs

[topaz mauve]

they are talking about this btw https://community.home-assistant.io/t/auto-entities-automatically-fill-cards-with-entities/147801

[dark dirge]

type: custom:auto-entities
card:
  type: entities
  title: Lights on
  show_header_toggle: false
filter:
  include:
    - name: /[Ll]ight/
      not:
        domain: light
    - type: section
    - domain: switch
      area: Living Room

Adjust to fit

[topaz mauve]

@fathom glen https://github.com/thomasloven/lovelace-auto-entities

Automatically populate lovelace cards with entities matching certain criteria.

There is prob a long winded way to do this built into HASS but I just saw someone mention auto entities

Seems you can filter and use templates to filter out what u dont want to show

Hope that gets you into the right pathway John

[fathom glen]

I just took a better look and it does say on the github page that you have to use a card that has the entities parameter, or rename it using card_param. A mushroom light card only accepts one entity at a time

[dark dirge]

Yeah, could be

[topaz mauve]

Just so this does not get lost I am also wanting to expand the card to fit entity names if anyone has a solution, ping me #frontend-archived message

• ATM this card cuts off entity names in the card if they characters are long ish, and I need it to expand the card W,H to fit the required names.

[opal isle]

I was looking for something like auto-entities, but instead of putting everything in an entities or glance card, I want to template a card for each item. Like a tile or a tile wrapped in a conditional, anyone know if that's doable?

[fathom glen]

This right

Do tell me if you find a solution yourself somehow :)

[tacit cave]

auto entities

[dark dirge]

That fills a card, it doesn't create them

[fathom glen]

Yeah, this

[tacit cave]

oh youngone

[dark dirge]

How would you use that to create a bunch of mushroom light cards?

[tacit cave]

give me a sec

type: custom:auto-entities
card:
  type: vertical-stack
card_param: cards
filter:
  template: >
    [{% for entity_id in area_entities("Living Room") %}
       {{ {'type': 'custom:mushroom-light-card', 'entity': entity_id} }},
     {% endfor %}]

@fathom glen ^

[fathom glen]

Just pasting it in gives an empty error, never seen this in home assistant

[tacit cave]

you need auto-entities

[fathom glen]

I definitely have it

I use it other places

[tacit cave]

what are the errors in the logs?

[fathom glen]

Ohh it's probably cuz I have to filter only lights

That's definitely it

[tacit cave]

type: custom:auto-entities
card:
  type: vertical-stack
card_param: cards
filter:
  template: >
    [{% for entity_id in area_entities("Living Room") | select('match', '^light.') %}
       {{ {'type': 'custom:mushroom-light-card', 'entity': entity_id} }},
     {% endfor %}]

[fathom glen]

So your code works, not sure what the syntax error is

Should it be cards

Yes that was it

Thank you so much

[tacit cave]

yes, yes it should

[fathom glen]

You are a magician

I don't even know what is going on in the for loop content

[tacit cave]

It's createing a list of cards

see your invalid config error?

looks like valid yaml

[fathom glen]

Yeah

[tacit cave]

this

{'type': 'custom:mushroom-light-card', 'entity': entity_id}

[fathom glen]

That's the confusing part

[tacit cave]

it's equivalentto

type: custom:mushroom-light-card
entity: entity_id

it's called a dictionary

[fathom glen]

I had no idea you could just switch between (I guess) json or python and yaml like that

[opal isle]

Oh man thanks yall

[tacit cave]

Yaml can use JSON or yaml

templates have the ability to return python objects as JSON

that's not how it works technically, but you can think of it as that

[fathom glen]

You learn something every day

While we're at it is there anything I can do to make this simpler

[golden mist]

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

[fathom glen]

Looking at it myself I think the worst part is the repeating condition. I should probably make that a variable

[fathom glen]

type: custom:mushroom-template-card
primary: Living Room
secondary: >-
  {% set lights_on = states.light | selectattr('entity_id', 'in', area_entities("Living Room")) | selectattr('state', 'eq', 'on') | list | length %}
  {% if lights_on == 0 %}
    All lights off
  {% elif lights_on == 1 %}
    1 light on
  {% else %}
    {{ lights_on }} lights on
  {% endif %}
icon: mdi:sofa
icon_color: '{{ "" if lights_on == 0 else "orange" }}'

This code will work, but the icon_color won't display correctly, because lights_on is only defined inside the secondary block. Can I change this to make it global inside the card?

[tacit cave]

{% set lights_on = area_entities("Living Room") | select('match', '^light.') | select('is_state', 'on') | list | length %}

You have to replicate the code in icon_color

[fathom glen]

Fair enough, thank you for the clarification

[tacit cave]

FYI, the reason I suggest changing that template is because states.light is throttled for template updates. If you go from the area_entities as the starting list, there will be no throttle.

[fathom glen]

I remember reading something like that in the docs. I don't know why but I couldn't make area_entities by itself work.
I appreciate the spoonfeeding 😅

What is the difference between |- and >-

[tacit cave]

there's a difference but it doesn't really matter for HA

you can just use > everywhere pretty much.

[fathom glen]

Yeah I just noticed after saving it converted to > automatically

So basically, there is no way to make this code a lot shorter by not having to redefine lights_on everywhere?

[golden mist]

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

[fathom glen]

I can definitely save lines where I only use it once but it does make it more readable

[tacit cave]

at that point, I'd just make a template sensor

[fathom glen]

That just requires me making a template sensor for every area too

I can definitely see how it will pay off though...

[golden mist]

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

[tacit cave]

yah but you can write a template to do that for you

[fathom glen]

What

[tacit cave]

you can write a template using the template editor to create your yaml configuration

then you just copy/paste

{% for area in areas() %}
..
{% endfor %}

[fathom glen]

Good idea

[foggy pendant]

Click the button to edit your dashboard and then the pencil icon next to the title of the view. Then use the visibility settings to restrict your view to one user.

[vocal gale]

Has anyone managed to get the sankey card from hacs to work with something besides energy? I think it would be a great card for DNS queries but I'm banging my head against it to make it show anything

[north monolith]

is there a way to make a horizontal stack 100% width, or at least 3-columns wide?

[vocal gale]

OK I was able to figure it out partially, but theres no line linking my entities together

[earnest eagle]

There probably isn't a way to use this energy dashboard value as a sensor/input number value?

[vast crane]

Correct

[opaque lagoon]

Any idea why using card mod has no effect when I use the new sections layout? I want the chips to not have the default 66px height that sections now forces on each card...

[steel wind]

Yes, and media dashboard?

[oak snow]

I'm running into an issue with trying to make a background on my dashboard screen. Is there a simple way to add a background image to a dashboard?

[tribal galleon]

Instead of using ha-card, try :host. Not sure if it will matter, but it is worth a try. There should also be a variable that can be referenced but I don't remember it at the moment. (I'm at work so I can't inspect the card to give a better answer.)

[opaque lagoon]

Thx for the suggestion, but ':host' does not change it either. When I inspect the page the row-height is mentioned in that element though.

[tribal galleon]

What about that ha-section-grid-row-gap variable?

[golden mist]

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

[tribal galleon]

Disabling slider in Entities card

[arctic sandal]

Since a HA update my weather card has changed, previously it showed the upcomming days as well

entity: weather.forecast_thuis
name: Weather
current: true
details: true
forecast: true
hourly_forecast: false```
This is the code I used, anyone know which attribute I need to add in order to show upcomming days again?

I thought maybe number_of_forecasts: 5 but it had no effect

[golden mirage]

lastest HA ver dont have forecasts for next days

you must call_service forecasts :

I encountered the same situation for my samples

[arctic sandal]

I need to use this in the yaml? with true?

[golden mirage]

I also had to delete the template
Haven't found a solution yet

[arctic sandal]

ok!

[golden mirage]

you can use call_service in template yaml
Then use varibles for next template

[hard estuary]

Hey folks, guessing as a result of a recent update, my home assistant web panel is constantly refreshing on all devices, about every 3 seconds, camera feeds will reconnect, history graphs will redraw, etc. Browsers network debugger shows it reconnecting to the websocket. Any ideas how to debug?

Edit: Looks like something strange has happened which is causing my previously working reverse proxy to do this, seems to not be an issue if I connect directly to home assistant, so gonna go dig into that.

Bonus edit: Seems like it's a traefik issue and not just me https://www.reddit.com/r/Traefik/comments/1c15h6z/latest_version_of_traefik_v2111_causing_web/ hopefully some answers will appear soon 🙂 - for now, downgrading to traefik:v2.11.0 has resolved the issue

[devout socket]

Hello, I think one of my users is banned possibly from logging in locally, where can I go to troubleshoot that?

They have permissions to log in remotely as well as locally

[vital burrow]

You can have a look at the ip_bans.yaml in the config directory.

[jagged elm]

I am trying to downgrade card-mod to version 3.4.0 (testing frontend performance issues on some tablets); older versions do appear in hacs/redownload but the system won't let me select anything else than the current version ( 3.4.3 ). Can you reproduce or help troubleshoot? thx

[visual onyx]

Thanks a lot, had the same issue, reverting traefik to 2.11.0 helped!

[hexed grove]

Having trouble even figuring out what to search for this: I just started using Lovelace Minimalist today. I'm making some good progress, and so far my iPad/iPhone HA apps look good. But when I view my dashboard on my computer, the spacing of my cards/labels/stacks are pretty wonky. Is there some type of scaling I can change to make it fit better?

My assumption is it's because of how I have the cards stacked?

[tacit cave]

🤷‍♂️ you keep deleting the photos for anyone to make judgments

[hexed grove]

@tacit cave I was a bit too quick and had my full name/a poor example in the first pic. Ha

[tacit cave]

that looks normal if you aren't using stacks

[hexed grove]

On my phone, my alarms are stacked correctly under the "Alarms" title card/rooms are under the room card, etc.

[hexed grove]

Got it, so I just need to stack it differently, and then titles/cards will line up?

[tacit cave]

use a vertical stack if you want things to move together

[hexed grove]

Here’s how it looks on my phone

Got it, will do! Thanks.

@tacit cave All fixed, thanks for the advice!

That helped me visualize how stacking works better than what I had done before

[solar vapor]

so i've got a raspberry pi running chromium logged in to a dashboard. is there a way to remotely make it navigate to another dashboard or trigger it to start a voice assistant though the browser?

not entirely sure this is the right place but seems like the closest place at least. I'm also totally find with whatever i do not working well for multiple clients viewing the dashboard since i'm setting up a specific one for that device

[tribal galleon]

Take a look at Browser Mod. It has the ability to remotely navigate dashboards. You'll register the Chromium browser for the Pi. Then, you'll be able to set up automations for what you want it to do. I'm not sure about triggering voice as I don't use it; things can get tricky when dealing with the device's camera and microphone.

[solar vapor]

perfect. i've already forcefully enabled the microphone there and the camera isn't needed for what i'm going to do at all (i'm making a patch for wluma to use it as a light sensor so it'll be unavailable anyway). that should let me then do some other stuff like triggering that automation through a webhook or mqtt or something for wakewords, the button press or something else then too i think

[tribal galleon]

As a bonus, Browser Mod is also used for creating pop-ups which can also be handled from the dashboard or via an automation.

[solar vapor]

oh neat, i hadn't even started to look at that. that'd be great for the doorbell cam which i just recently got working with 2 way audio then too 🙂

[tribal galleon]

That's a pretty common usage. When someone is detected, pop up the camera feed on whatever screen.

[solar vapor]

yea i probably won't use motion or person detection for that but instead the event from the doorbell. it's an apartment building hallway so too much traffic otherwise

[tribal galleon]

@arctic sandal @golden mirage The custom:weather-card currently has a beta that is supposed to work with the new forecasts. https://github.com/bramkragten/weather-card/issues/170 Instructions to install it are shown about a dozen posts down. Seems to be hit or miss as far as it working. For some it works, others it does not. (It didn't work for me.)

[golden mirage]

Why browser_mod popup in my phone the bottom look not good. The bottom area longest. Image 2. Image 1 is on Laptop

[tacit gate]

For those who had issues with Treafik and disconnecting / reloading frontend, v2.11.2 & 3.0.0-RC5 have been released which fixes the connection.

More info: https://github.com/traefik/traefik/issues/10598#issuecomment-2051207155

[pine spear]

Good morning: I am trying to create a picture card with the navigation action to an Android app. It works fine when I am on my Android phone. Is there a way to know if the user is on ( Android / Windows / Apple )? Is he using the companion app, and which browser?

[vast crane]

I don't know about app vs non-app, but conditional card can use any type of media query you can use, and it has some presets for various screen sizes.
So if screen dimensions can be a reasonable proxy for windows vs app, that is pretty simple to use.

[covert widget]

Hi guys, im quite new to home assistant and have been enjoying myself, right now i am configuring stat graphs for an overview dashboard, but i cannot find a way to make the time period selectable in the dashboard.

Does anyone know how i can create a period selector for the statistic graph card? Or is there another card that would be more suitable?

[pine spear]

I am trying to open the Reolink doorbell app when the user clicks the picture card. Android uses the URL_path "app://com.mcu.reolink", on Windows I get an error. I am trying to make a template that would know what platform the user is using. (Android/ Windows / IOS)

[covert widget]

am i asking in the wrong places? I have asked several questions in this discord but never have i gotten a single response, i must be doing something wrong

[vital burrow]

Either nobody knows the answer to your question or the ones who know, haven't had the time yet.
Also all your posts are less than two hours old. You need to have some patience

[tacit cave]

There's no way to to make it selectable that's simple. You can make an input_select with the timeframes, then use a conditional card to conditionally display each stats card

[vast crane]

I can tell you that's not possible in core HA. Whether or not someone hacked up a custom card somewhere to do something like this I can't say.

[tacit cave]

config template card could do it, I also think history explorer can probably do it?

nothing "easy"

[vast crane]

I did play around with prototyping once being able to set history card start and end range from timestamp/datetime sensors, that was kinda neat. No idea if something like that would be approved though 🤷. Too complicated maybe.

[tame oriole]

any reason Tile Card has icon for Home / Away / Sleep for heater but not for AC ? a bit odd

[vast crane]

That doesn't come from tile card, AFAIK the integration that provides the climate entity picks the icons for its presets.

So it's simply that your AC integration is missing icons.

[tame oriole]

is there any way in tile card to specify my own?

[vast crane]

don't believe so

[tame oriole]

its ecobee, a bit odd for a popular one

time for file a report!

[vast crane]

odd that home and Home are separate presets 🧐

[covert widget]

ok thanks for your input, what i have been trying this past hour is to create a dropdown helper with the timespan values, then a template sensor to convert those values into the values the "period" variable is expecting. I then edit the yaml to input the converted strings.

Sadly the graph just loads endlessly. I also wanted to add the dropdown helper to the card but that doesnt seem to work.

Do you think this method could work with the card types you mentioned?

[covert widget]

actually i have posted questions days ago in different channels, today is the first time that i have even gotten a response, im not complaining, i was just wondering why i feel like a ghost in here 🙂

[tame oriole]

just a small glitch from me adding it

[tacit cave]

only config template card will work with that

[covert widget]

ok i will try that, can i post my yaml here so you can take a look and see if im just missing a space or something?

gpt says its fine but LOL

[velvet sky]

Hey Everyone - been working on new content for HA, check out my channel and subscribe if you have not already, working on some new dashboard/touchscreen videos for coming weeks!
If you have not seen my recent one check it out - I used button_card as a hack, and it allows you to place cards on your dashboard exactly where you want them! Would love to get some feedback if you tried it!
https://youtu.be/KsNzPD0xnuI

[jaunty pivot]

is there a kind of horizontal bar i caould configure with 6 zones and display a cursor inside to show the value ?

[covert widget]

@tacit cave thanks for the conditipnal card tip, seems like the best "easy" option for now though it would be cool to have one card that shoes different things based off of the conditions instead of 5 cards for 5 states

[worn frigate]

Hello, I apologize if my English is not perfect and if I am using this community incorrectly.

I am currently using Home Assistant version 2024.4.3. I would like to set the maximum and minimum values on the y-axis of a history-graph card.

According to the History graph card documentation (https://www.home-assistant.io/dashboards/history-graph/), there should be min_y_axis and max_y_axis variables, but these do not seem to work in my version of Home Assistant.

As an alternative, I tried the custom ApexCharts card (https://github.com/RomRider/apexcharts-card), which worked well on the dashboard. However, when I click on the graph card and it redirects to the history graph, the y-axis max and min values are dynamically changed.

Can anyone advise how to set fixed min and max values for the y-axis of the history graph card?

[vast crane]

In what way do they not work?

[fiery ledge]

Thanks for the name option in the Energy panel!! That is super nice, hope it gets merged in a patch update soon https://github.com/home-assistant/frontend/discussions/19983#discussioncomment-9099782

[viral lodge]

Hi,
can someone explain to me how we can have a centered rendering like this. I tried several things but I always end up with more than 2 columns

[high thunder]

Hey, is there a way to show all entities with specified label?

[fiery ledge]

Sure, did you check the template options on the label?

[high thunder]

???

Do you have a example?

[fiery ledge]

Use that in auto entities or it’s direct label option

[high thunder]

Or documentation?

[fiery ledge]

The main documentation page on Templating

The one linked from dev tools template

{{label_entities(label)}}

[high thunder]

Do you have a link?

[fiery ledge]

Uhm you should be able to find that yourself or you’re in trouble 😉

[high thunder]

Is this a custom card?

[fiery ledge]

Click the Sjabloon (template) extensions link and look for label

Sorry but when did you start using Home Assistant

[high thunder]

Some years ago but never did much with dashboards

[fiery ledge]

This being the main page in HA to test your templates

[high thunder]

No, i know how to use templates, but where to use the template then?

[fiery ledge]

In an auto-entities card

[high thunder]

How to use the template in a dashboard?

Is this a custom card?

[fiery ledge]

Yes it is

[high thunder]

Ok, thx

[fiery ledge]

Check out its option to directly include label

Even simpler than using a template ( though templates allow for more customization)

[high thunder]

How to exclude hidden entities?

• hidden_by: "user" dont work

Im still having all the hidden entities in it

All benq except 3 are hidden

[lyric prairie]

Hidden entities are only hidden for the UI (mainly for the auto-generated dashboard). They aren't for templates, so if you use a template in the UI they will persist to show

[high thunder]

But isn't the - hidden_by: "user" filter for that?

[ocean moon]

did you refresh the page?

[lyric prairie]

Yup just wanted to mention you need a (hard) refresh of the page

[valid comet]

has anyone had any luck with the new web dashboards and local unifi?

i was hoping this wasnt just a wrapper for an iframe, but im guessing that might be the case.

[high thunder]

This fixed it....

[lean compass]

Is there a way to make a badge navigate on tap? I don't see anything about it in the badges documentation, but would be very cool. Like I have this sensor counting the number of lights that are on

Would be great to navigate it to my auto entities showing which ones instead of showing this

[vast crane]

Yes it is possible. Click to edit the view, select "edit in yaml", and add a tap-action: e.g.

badges:
  - entity: weather.demo_weather_north
    tap_action:
      action: navigate
      navigation_path: /energy

[devout socket]

I dont have any such file

[golden mist]

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

[lean compass]

Amazing, I was just missing the syntax, thank you!

[wet veldt]

Where has the temperature control for my reverse cycle air conditioner gone? (controlled via IR blaster) other people's examples look like the second image

[vast crane]

Please check the climate entity attributes from devtools. It will probably come down to it not reporting the target temperature correctly or something.
Image on the right is the legacy thermostat card which was replaced a few months back. Modern ones look like the left (although yours is missing the setpoint slider).

[wet veldt]

I don't really care about the target temperature though - it's an IR blaster, it blasts IR

[vast crane]

You just said "where has the temperature control gone". That is target temperature. Am I misunderstanding you?

[wet veldt]

oh, I thought you meant some automatic thing

where am I looking in developer tools?

[vast crane]

E.g. here is mine.

Developer tools / states. You will have a climate entity for your Kitchen AC. Please check what it reports for attributes.

[vast crane]

Hm yeah I would have expected to see a target_temperature there.

(if your heater does support setting target temperatures that is)

[wet veldt]

on the original remote yes it does

and before the UI was changed it was working fine

and now I see the dot but can't click to move it...

[vast crane]

the dot is your current temperature

the setpoint is missing from your attributes for some reason

[wet veldt]

it looks like HA is sending a temperature of zero

02:44:43.433 MQT: stat/kitchen_ir/RESULT = {"IRHVAC":{"Vendor":"DAIKIN216","Model":-1,"Command":"Control","Mode":"Heat","Power":"On","Celsius":"On","Temp":0,"FanSpeed":"Low","SwingV":"Off","SwingH":"Off","Quiet":"Off","Turbo":"Off","Econo":"Off","Light":"Off","Filter":"Off","Clean":"Off","Beep":"Off","Sleep":-1,"Clock":704,"iFeel":"Off","SensorTemp":null}}

[vast crane]

I guess if it's just an IR blaster HA does not know what the setpoint is?

or how does that work

[wet veldt]

https://github.com/hristo-atanasov/Tasmota-IRHVAC

the hell https://github.com/hristo-atanasov/Tasmota-IRHVAC/issues/131

[vast crane]

https://github.com/hristo-atanasov/Tasmota-IRHVAC/issues/67

[wet veldt]

https://github.com/hristo-atanasov/Tasmota-IRHVAC/issues/131#issuecomment-1858058084

02:50:21.034 MQT: stat/kitchen_ir/RESULT = {"IRHVAC":{"Vendor":"DAIKIN216","Model":-1,"Command":"Control","Mode":"Heat","Power":"On","Celsius":"On","Temp":23,"FanSpeed":"Low","SwingV":"Off","SwingH":"Off","Quiet":"Off","Turbo":"Off","Econo":"Off","Light":"Off","Filter":"Off","Clean":"Off","Beep":"Off","Sleep":-1,"Clock":710,"iFeel":"Off","SensorTemp":null}}

how the hell was anyone supposed to work that out?

[vast crane]

complain to your component dev 😂

[wet veldt]

probably, but they seem to struggle to keep up with the HA backend changes too

[vast crane]

yeah I'm sure it's not always easy

[wet veldt]

anyway, it works in time for the current cold snap here

thanks

[tiny glacier]

Found indentation issue. My issue is resolved.

[cosmic apex]

Heya! Am trying to use a custom card and getting this error. This card is being added to my bubble card pop-up as you can in the picture. What I am missing?

[meager helm]

Hi! I'm using the new experimental Sections dashboard and have a question: is there any way to hide a Section when it's empty? I have a section for "Low Batteries" and want it to show only when there are some low battery sensors.

[tribal galleon]

In your second screenshot, you show a file which is a template for the custom:button-card which is reflected in the first screenshot. The configuration template needs to be added to the Raw Configuration of your dashboard. Configuration Templates

[tribal galleon]

I don't think Sections has that ability yet. Something to consider is even if there are no entities being displayed, there is still a card present; the Section won't know that it needs to be displayed or not. The Auto Entities card has an option for show_empty but that only applies to the card itself. I imagine that could be a feature sometime in the future, though.

[tepid raft]

with panel_iframe going away, how should I proceed with a sidebar item that opens a web page in the main pane?

[dark dirge]

-> Dashboards

[tepid raft]

Can it be managed in YAML?

[dark dirge]

no

[sour canyon]

For some reason my weather tile is showing the forecast off by one day. Like it says Fri Sat sun even tho today is Saturday. And the forecast it has for Fri is clearly meant for today

[vast crane]

is it NWS?

[sour canyon]

nope - open meteo

[scenic current]

Hi there. Is anyone familiar with setting up button templates? I see the docs say to add it to ui-lovelace.yaml . I already have these as part of my dashboard but figured it'd be cleaner to have them stored elsewhere.

Do I need to do anything else besides just add it? Restart or anything?

So I added it to ui-lovelace.yaml. Looks like this:

button_card_templates:
  variable_template:
    variables:
...
...

Saved, restarted. Then tried to use it like:

type: custom:button-card
variables:
  var_weather_entity: weather.home
  use_24_hour_time: false
template:
  - variable_template
  - body_template

but getting a Button-card template 'variable_template' is missing error

[dark dirge]

You can only use that file if you're managing your dashboard in YAML. It seems that you are not

[scenic current]

That's right. I definitely am not. So the only way to do it is the way I am doing it now? Not terrible but not ideal either.

[dark dirge]

Correct.

[civic raptor]

has anyone made a font from the home assistant MDI library?

found a really old one that has the icons i need

[glossy jungle]

Could someone help me please. How do I change the view for each user. Basically I want two users. One that see everything and another that can only see frigate?

[sinful cove]

when listing entities in the UI any way to filter by 'Restored' status. I can group by Status and it then shows it, but not able to filter by that status. Looking for an easy way to select all restored entities so I can clean em up.

[unreal lodge]

Hello y'all! I'd like to make a dashboard view that requires no scrolling (it's for displaying on an rpi with touchscreen). Is there a good way to do that? E.g. A way to tell HA "cram all of this stuff in to this area no matter what"

[stable cobalt]

Hello. It is first time I am using home assistant . On the dashboard how do I channge the backgeround color to grey instead default white?

[unreal lodge]

https://www.home-assistant.io/integrations/frontend/#theme-format

[stable cobalt]

Is this common way to do it or should I use theme?

[unreal lodge]

HACS can be a great source for sharp themes.
https://hacs.xyz/

I recommend themes. Because then you'll find other colors that you don't like.

[stable cobalt]

Yea I already hacs. Which is most popular themes for dark background?

[unreal lodge]

Versus a high quality theme has already handled that. Unless you're into that sort of thing.

[stable cobalt]

I am going to setup dashboard with tablet on the wall 🙂

[unreal lodge]

I use Google dark theme (forget the exact name)

[stable cobalt]

I will have a look, thanks for guidance

Google Dark Theme – JuanMTech - this look nice

Graphite Theme look really nice https://github.com/TilmanGriesel/graphite?tab=readme-ov-file

[unreal lodge]

FYI I recently started experimenting with this for my tablet dashboard. Loving it so far.
https://community.home-assistant.io/t/wallpanel-addon-wall-panel-mode-for-your-home-assistant-dashboards/449857

[stable cobalt]

Very nice!

I am using Mushroom

[fast bloom]

Is it possible to make an entity icon show more than 2 states? This code works fine but I want it to react to other entity states.
- icon: | [[[ if (states['media_player.main_hall_tv'].state == 'on') return "mdi:television"; return "mdi:television-off"; ]]]

[dark dirge]

You can just repeat that construct

[fast bloom]

So basically just keep repeating the if statements and leave the singular return for last

[tribal galleon]

Adding another IF statement will work. The process will exit the code upon the first match (returns true). So, if the TV is on, the code will show the television icon and not process any further. If it is not on, the code will try the next one.
You can also use ELSE IF and ELSE. Here's something I put together that can help: Expanding the IF statement even further by using ELIF/ELSE IF (Take a look at the JavaScript example.)

[spark venture]

is it possible to make this graph the entire width of the section

[glossy jungle]

Hi guys, I really need help with the dashboard. How do I get it so I can get one dashboard to show to one user and a different one to show to another user

[winged frost]

Is there a simple way in a mushroom card to make an icon blink? For example if the alarm is on vs disarmed?

[safe sage]

Add

              grid_columns: 4
              grid_rows: 2 ```
In yaml (not yet available in UI)

[spark venture]

it works, but a bit cuts

[safe sage]

It might need a 3 row ... Or just delete the row setting

[orchid bridge]

Does anyone have any go-bys or examples of a notification system for the frontend? Such as a phones notification panel that I can stack notifications on and have a single icon with a badge count to access a pop up window with them?

[tacit cave]

You'll have to build that yourself

why would you even need that anyways?

use persistent_notifications

make a script that creates a notification for your device and also adds a persistent_notification

[spark venture]

i set 2.1 , now normal

[near wyvern]

I am looking for Raspberry Pi expert who can design and develop a GUI for a Raspberry Pi connected TFT
if you have interested in, please dm me.

[real chasm]

I have a room card for ly living room. One of the smart plugs on it is used for monitoring. The card has a "turn everything on/off" toggle at the top. Is it possible to exempt that smart plug from being turned off if someone operates the "everything" toggle?

[sterile violet]

for an entity card, is it possible to display "short relative time" instead of "full time" ?

[vast crane]

Entities card yes, entity card I think not.

entity is somewhat limited in features

[orchid bridge]

Have I missed a spot where I can place the persistent_notifications in a specific spot? I'm fine with using that route, just might have missed a card or something?

Actually, I'm an idiot, looks like home feed card can display them 🤣

[lethal tapir]

humm

can anyone explain this statistics graph?

[vast crane]

it can't really be explained, you just must have got some buggy data stored in your statistics table somehow

[lethal tapir]

the bar graph was fine?

[vast crane]

is this a one time fluke or is it always like this?

[lethal tapir]

its still like this

the data was coming from a python code querying a smart outlet since it wasnt supported

I reversed-engineered it and found how to update the values. Then it was passed to an integration sensor

I've edited the code to ensure that it always returns an integer

not that i think it would return other things per se

and this got abstracted to

a straight line

[vast crane]

Why blotting out the time axis? 😕

[lethal tapir]

Timezones --> abstract locations

well not that you dont know anyway...

just make it harder

[slate mesa]

I have a bunch of devices coming up missing in watchman:
fan.manual_fan_speed [missing] lovelace-dashboard.yaml

There are 28 devices that used to be in an ESPHome device, the original device is gone (Removed from ESPHome configs as well as removed from the ESPHome Integration) and not in any dashboard yaml, how do I find the lovelace-dashboard.yaml referenced?

[rugged hamlet]

Hi, can anyone please tell me how to get these scene pills (scenes from my Philip hue app) to show up on an entity card when I have Philip hue lights? I tried making area entities and created a helper light group but they don’t make these pills show up and I’m not sure what I’m doing wrong :/ please @ my name if possible so I see the notification easily 🙏

[old relic]

So, i'm a designer/art director by day, and want to make a slick dashboard for my office setup but don't have the time to dive deep into making something custom. Wondering if anyone knows of a service or perhaps an individual who would take a Figma design for a dashboard I'd like and lay it all out such that I can come in and add all my own entities etc

[lethal tapir]

@vast crane yep still looking like this after 8 hours

[golden mirage]

Out of box in Firefox Browser

[shadow nymph]

If I install a custom card that looks really bad for a specific theme, is that a problem with the theme or with the card?

[polar kelp]

yes

[atomic glacier]

@shadow nymphAnything outside of built-in themes and cards you kinda enter the realm of chance. Could be either one, but adjustments can usually be made to one or the other to achieve what you want
EDIT: definitely go with the answer below mine.....dude is way smarter than me 🤔

[polar kelp]

Seriously, though - It's hard to tell. But probably the card

[shadow nymph]

Okay cool. I'm using custom:timer-card with the mushroom support. It looks great until I add a theme to my view and suddenly it gets all compressed.

[atomic glacier]

@shadow nymph If you are referring to this particular card: https://community.home-assistant.io/t/timer-bar-card-mushroom-style/585035 I'd suggest seeking help in the forum I linked. It appears the card is very active and the dev is currently updating and debugging. Others may have ran across similar issues and may have a work around posted. 🫡

[shadow nymph]

Yup! I was looking int he github issues and didn't see anything but maybe I'll check that thread too

[tepid raft]

Is there a way to specify a conditional for the 'icon' based on the attributes of an entity?

[exotic prism]

does anyone have an idea why is the style not applied here?

[tribal galleon]

It depends on the card you're wanting to use. Generally, if you're using a stock HA card, you'll need to use Card Mod.

[stuck spire]

In the "sections" view, is there a way to force a tile to be bigger? Some of the tiles I would prefere to be the full width of a column as an example

[exotic prism]

yes, and I have it installed, so that's why I don't understand what's the issue

[polar kelp]

I don't use button-card myself, but is the chip really a ha-cardelement?

[tribal galleon]

@exotic prism Looking at some of my examples that I have saved, the chip does have an ha-card element. I wonder if being embedded in the button-card is affecting it.
Try something simple like --card-mod-icon-color: green;
Also, try putting a space before !important.

[unreal lodge]

"bumping" my question from the other day. 🙂

[unreal lodge]

If you go into the settings when logged in as that user on the device you can set the default dashboard for that user on that device.

[rich bramble]

I'm having some trouble with a card I'm working on

I'm trying to remove the border on the card

I have card mod installed, and it says its loading correctly

card_mod:
  style: |
    ha-card {
      border: none
    }

I have this on the card, but the border is still there

oh nvm it started working after a refresh

caching issue i guess

[spice estuary]

I am wanting to use the Frigate card. I have the base card up. I am trying to add two way and PTZ. If I add PTZ to it's yaml. It gives me an error. My cam should have onvif through go2rtc. Though I think my go2rtc isnt streaming. My live under frigate is jsmpeg. Thou I am not sure.

[lyric prairie]

#automations-archived

[golden mirage]

share full code

[vital burrow]

In #automations-archived

[pallid echo]

Hi, All looking for a little help with the Power Flow card plus and Octopus energy Greenness index. is this the right place? I am new here.

[tribal galleon]

Ask your question. You don't have to ask to ask. If someone sees it and can answer, they will. I don't know anything about that particular card but, looking at its GitHub, it looks highly configurable. If you don't get a response in here, consider visiting #energy-archived as the guys in there more-or-less "specialize" in that type of data and design. (Even though someone already pointed you to this channel. Another reason just to ask the question.)

[exotic prism]

hm, strange, the simple icon color doesn't work either

[hard shell]

I must be reading the docs wrong... https://pastebin.com/Q1pr6itx incorrect filter config

[hard shell]

well f me it still needs a condition...

adding
conditions:
- condition: state
state_not: 'off'

just to give it something fixed it.....

[pallid echo]

Hi all,

I am using the the power flow card plus and the octopus energy greeness index to download today's co2 % of the grid. This however is only available between 11pm and 6am.
The index itself is a daily figure but it does not seem to be persistent in the pfcp. It is this lack of persistence I am seeking help with. How do I get the co2 part of the card to recognise the figure then use it all day. Then download the new figure again at say 11.30

Thanks in advance.

[vast crane]

Cards can't store information. If your sensor or whatever becomes unavailable at certain times, you'll have to create a new sensor that snaps the value at the correct time, and then point your card to that.

[tribal galleon]

Just like what karwosts mentioned, you'll need to create a p persistent sensor. It will hold the value when the main sensor is otherwise unavailable. #templates-archived is where you can get help with that. (I need to make one too. When my laptop goes to sleep, the battery sensor goes to unavailable.)

[pallid echo]

I think the Octopus sensor is persistent. If I click on it and check out it's Attributes then I can see the various indices and times that are part of this from the last pull. BUT I might be wrong. I will go and chat with the PFCP git and that of the Octopus sensor people too. thanks all that has given some direction at least

[tepid raft]

Any suggestions for a collapsible card in the UI?

[tribal galleon]

This is something that I helped on that "simulates" a collapsible card. #frontend-archived message
You'll have to scroll around a little bit to get the whole conversation. I still have the example code at home that I can get for you later if you need it.

[pulsar talon]

Anyone have a good lovelace card like fan_control that also has a light control on it? I'm thinking one object on the left (fan or light, doesn't matter to me) and one on the right side of the card. Something like the second screenshot. Might also be nice to have 1/2/3 setting instead of a slider

[drowsy igloo]

type: picture <- is there a way to resize the image? Show it maller

[pulsar talon]

Actually, I just stumblked across the entity view for my fan that looks like this. I would love to bea ble to just embed the entity controls in a card, is that possible?

Found it! On the type: tile card, there's a "fan-speed" feature that can be enabled

[solemn shuttle]

Is there a way to have a tap action navigate to a subfolder in the media browser ?

Added a folder in the config.yaml like:

homeassistant: allowlist_external_dirs: - "/config/camera/garage" media_dirs: media: "/config/camera"

I am trying to find a way to navigate to that view when a button is pressed 🤔

Another alternative would be if someone has any suggestions of a card that can list and play filed in a media folder 🙂

I am getting to the root media browser folder, but not any longer then that. Not sure what the path to the view would be.

[tepid frigate]

I'm scraping a webpage with data that is only updated between am 09:00 and pm 5:30

Can I get a graph that does not include "unchanged" values ​​?

[vast crane]

You could make a sensor that is unavailable during those times with a template sensor

the graph would look the same except those flat lines would be omitted I believe

[tepid frigate]

true, but i want a more "compact" graph like this

[tame gazelle]

Please consider hide the text for this state in responsive view? 🙏

[green raft]

What's the go-to way to remove the HA header/edit bar on mobile these days?

[honest moon]

is it possible to make the area tiles have a solid color background? NOT an image?

[rugged hamlet]

Is it possible to basically copy someone else’s dashboard if they share the yaml code or something? Especially if they have nice cards and designs?

[atomic glacier]

@green raft I use https://github.com/NemesisRE/kiosk-mode
@rugged hamlet yes, but probably should just experiment with it on a totally different created dash and try just adding one view at a time
@honest moon Yes. Just use a colored image. Probably the fastest way 🤔

[rugged hamlet]

Adding one view at a time? Sorry what do you mean by that. I tried making dashboards but they look so plain and boring and not well organized :/

Does anyone have a recommendation on a good tablet that’s easy to use kiosk mode with so I don’t have to worry about timeout like with nest screens? I only need it to display the dashboard, don’t need to use any other apps

[atomic glacier]

You can copy anyone's yaml and it will work if you use your entities and you have all of the custom cards they use installed and working

I have 2 x $89 Android 10.1 tablets from Amazon running FKB and they work as expected. I also have a 10.1 running Windows 10 and using Chrome browser to display, but the Android is much more reliable

[green raft]

Perfect, thank you!

[edgy river]

Hithere, in 2024.04.03 release https://www.home-assistant.io/blog/2024/04/03/release-20244/#labels-tag-everything-any-way-you-want are labels. I am looking in doc where "batch" adding of devices to label is described (https://www.home-assistant.io/docs/organizing/labels/). Is there a way to batch remove labels? Reason - time to time I change / remove old esp32 (esp32 are described by MAC snippet) I would like to remove label from old sensors previously bind to none existent esp. and add old sensors, but connected to new esp. Btw - if there is a roadmap / backlog ... I would be happy for link to look there for such thinks.

[ruby kayak]

Hi everyone, I am pretty new to HomeAssistant and want to add a cart to my dashboard which links to homeassistant.local:9928. Due to not having https using the website cart with a neat little overview doesn't seem to be possible. Is there an option for just having sort of a clickable button which redirects the user to the website?

[white nova]

Does anyone know how to change the name and color of the icon based on the value of a sensor using a mushroom extention ?

[untold elk]

I found this really helpful for styling mushroom cards - https://community.home-assistant.io/t/mushroom-cards-card-mod-styling-config-guide/600472

[golden mist]

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

[vivid brook]

Hi all, i have an automation that calls a script to create new sensors and devices on a raspberry PI but i need to retrieve these new devices that will have a dynamic ID on creation, and a known name for each sensor inside it, so it will look like this : http://localhost/#/devices/66225ecc68f3190a9f5dfe86/sensors/temperatureSensor_0
is there a way to automatically get these added as entities ?
So far i'm getting them added as entities like this in my configuration.yaml file :

• platform: rest
  resource: http://localhost/devices/66225ecc68f3190a9f5dfe86/sensors/temperatureSensor_0/value
  name: SOIL-AREA-1/Raw value from SEN0308
  unit_of_measurement: "%"*

but we can see that i can only do that for static ID and not dynamic
upon adding them as entities, is there a way to place them on my dashboard aswell automatically?

[opal jay]

does anyone know if its possible to place the buttons below the bubble card?

type: grid
cards:
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: media-player
        entity: media_player.shield_woonkamer
        name: Woonkamer
        hide:
          next_button: false
          volume_button: true
columns: 2

[iron sonnet]

Anyone know, if it is possible to change color of entities -type buttons? Tried to do something like that with card_mod but didnt work https://dpaste.org/qJT1F

[humble blaze]

Is there a way to make the history graph that comes in HA in a mini-graph card format ? i just hate how clunky it looks and want to have some more customizability

[vast crane]

no, you'll need to use a custom card if you want changes to the history graph

[terse raven]

Hi, I've got a question, how do I install this?

https://github.com/jeremywillans/ha-rest980-roomba

the instructions seem confusing

[dark dirge]

I suggest trying it and asking more specific questions. They seem quite detailed

[neat igloo]

Can anyone help me with my lights? I'm trying to combine the Switch with the actual lamp. I want the switch to turn the light on and off and use the lamp to change brightness or color.

Licht and Wohnzimmerlampe: Id like them to be combined or just having Wohnzimmerlampe without the toggle switch on the right

[signal peak]

Please @ me when you got an answer on how to combine multiple lights into one widget.
I also wanna combine three lights into one of the light cards, so all of them are in sync

Edit: found it myself :-)

[humble blaze]

anyone with mini-graph cards, is there a way to change the number displayed on a temp/humidity graph? it shows current but id like it to show average at a quick glance without having to mouse over a ploted point

[supple bear]

Does anyone know with the latest HA as of the last year, when a hacs frontend integration is added which has its own custom js, do we really need to add that js file link in some of the HA yaml files to get loaded. It doesn't seem needed for me on my dashboards, they seem to load fine but often in the chrome console report me as having suboptimal performance.

I do notice however today when I try to load my dashboard on a google nest hub max via cast, that the dashboard has errors about some of my hacs custom cards like bubble-cards not being available. So it got me thinking, why do they behave differently and is the custom links to the frontend js files needed.

[tacit cave]

you always need to add the js resource to resources. HACS does that for you.

[supple bear]

Thanks petro, I'm not 100% sure when you say 'HACS does that for you', does it mean I don't then need to do it?

[carmine briar]

I have a NVMe that is already partitioned, i wish to use one partition for media, one partition as a data drive for HASS and leave the third and forth partitions alone. HASS doesn't appear to see anything but that last partition on this drive though. How can select the desired partition when there's only one option offered in the move-data-disk dialog? The size of the only partition visible matches with my last partition on that drive. It's a Pi5 with latest version of HASS. Help plz.

[rugged hamlet]

Which android tablets are you using? Easy to hide the charging cable in wall?

[neat igloo]

Would you please share?

[vital burrow]

My guess would be, they used a light group

[signal peak]

@neat igloo exactly what Jorg said

[neat igloo]

Could you share yours? Last time I tried it it didn't work

[vital burrow]

Settings - Devices & services - Helpers - Create helper - Group - Light group

[winter cairn]

Is there a way to re-size a picture in a picture card ? because in my fronted everything is aligned except the picture who is like, 10px too big

[fathom prairie]

these days I often turn to chatgpt to upgrade/debug my home assistant setup, already got some devices to work . It does not seem more clever than the community as a whole, but usually faster for standard questions

it seems to have swallowed a large chunk of the docs already

but ever so often, it cheerfully makes some obvious mistakes, which it then promises to fix with equal enthusiasm

[neat igloo]

This doesn't let me add the switch since it's not a light entity

[vital burrow]

You can turn switches into light entities. Either via the switch's details page or with a switch_to_x helper

[dense hawk]

Hi. I made a maintenance list with an entities card which uses counter helpers. For example, one line says "Furnace filter, days until replacement" and then displays the value. Is there a way to do this better with a markdown card? I can't get the counter helper value to display in a markdown card.

I'd rather it say something like, "Furnace filter: [counter.furnace_filter] days until replacement"

[golden mist]

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

[kind hill]

Any suggestions would be welcome. Not a vital fix, but I thought it would be a nice addition to the mobile dashboard

[stuck dove]

https://mero.ng/i/bHyOXHkq.png < anyone know what the icon on the right means? (on an area card)

[vital burrow]

The left is for light entities in that area (all are off) and the right is for switch entities (some are on)

[stuck dove]

Thanks!

Turns out it's the on/off state for Pihole on the NAS, which got integrated and assigned to that area

Let's say "got confused by the unexpected awesomeness"

[tribal galleon]

type: markdown
content: |
  {% set counter = states("input_number.number") | int %}
  Furnace filter: {{ counter }} days until replacement
```Note: With a little bit more Jinja added, you could potentially make it change colors if the value is under a certain number... 🤔

Markdown down it pretty useful once you get the code formatted properly. You could even include green checkmarks, yellow exclamation marks, and red Xs, if you wanted. Or include multiple items to check with the appropriate styling.

[tribal galleon]

This is just pseudo code; everything is hard-coded but you can get the idea from this:

[whole frost]

Love where Automation table is going. Here are a couple improvement ideas: 1) Assign multiple automations to [areas | labels | categories] 2) Add option to delete empty categories

[vital burrow]

You can delete categories

Open the filters, expand categories and select the menu of the category you want to remove

[scenic current]

Can a dashboard be shared and imported? Can dashboards be installed via custom integration?

[raw stream]

hi. what's a good card to show a (future) timestamp sensor as a relative time -- "in 90 minutes". The Entity card doesn't seem to have any formatting

[vast crane]

Entities card I think will do it (not Entity)

[raw stream]

It does, but it's super small.

[vast crane]

Also Glance, but that's not much bigger.

[raw stream]

Glance indeed is most of the way there modulo some font size adjustment. Thanks!

[grizzled rock]

Hi! I've searched for this and tried things, but (to my surprise) without any luck. In table views, is there a hotkey to jump to the search bar (like / or ctrl-f) or a way to make the cursor start there? Thanks!

[vast crane]

not to my knowledge, don't think there is a hotkey

[neat igloo]

Thanks, that was the missing key!

[silk igloo]

i'm late to this but i appreciate the recent changes to the ui (eg real inputs in settings, a direct edit button, new menus in some places)

[fleet leaf]

Any tips on how I can center the four light icons here at the bottom? They're in a horizontal panel, and they're mushroom light cards.

[dusky kayak]

Hey everyone!

I'm looking to add a PIN lock feature to my garage door opener card in Home Assistant. Unlike a blind card, I want the card to remain visible but require a PIN for certain actions, such as opening/closing the garage door.

Here's what I'm aiming for:

• Keep the garage door opener card visible on my dashboard.
• Add a button to open/close the garage door, with PIN protection to activate.
• It's important for me to customize the PIN and ensure it's secure.

If anyone has experience with this setup or knows how to implement it in Home Assistant, I'd really appreciate your advice! Examples, configurations, or tips would be incredibly helpful.

Thanks a lot for your support! 🙏

[fierce dagger]

How can I navigate to a device page with a button? Can't find any info on that

[vast crane]

Something like this:

type: button
tap_action:
  action: navigate
  navigation_path: /config/devices/device/6a3645bb75f176c8fc524d8e8d86a179

just grab the URL of the page you want, and strip out the http://URL:8123/ part.

[fierce dagger]

Thank you very much 🙂 Didn't know that I just have to remove that part

[scenic current]

So no to being able to export a dashboard and import it on a different HA install? How are these files even stored?

[silent yoke]

Hi is it possible to change the interval to something else other than the default 5 min?

[steady patio]

I don't understand with the card-mod you can use style but I don't understand how to use it.
Multiples times with HACS you have to use the frontend stuffs to add into the lovelace but I don't understand what is the lovelace
can someone tell me more about the lovelace stuffs seems to be related to dashboard but I don't get it!

[vast crane]

No. Those are short term statistics, and fixed at 5m

[vast crane]

Have you looked at Strategies? Sort of like custom blueprints for generating dashboards.

[scenic current]

This is the first I have heard of it. What I am doing might be unique but the dashboard I've created is designed to be dynamic for the content of my project and I think should distribute without issue. The user could easily just copy the code and paste it in a new dashboard but I'd like to simplify this if possible

https://developers.home-assistant.io/docs/frontend/custom-ui/custom-strategy/

[silent yoke]

Is it possible to change it to long term for hourly aggregation instead?

[vast crane]

As far as I know, your options are use a strategy or just copy and paste.

[steady patio]

Hey guys do you know how to get the grid with the markdown table?

I don't want how to do so I am struggling if someone can help me haha!

I tried this ->

type: markdown
content: |
  | Monday | Tuesday | Wednesday | Thursday | Friday | Saturday | Sunday |
  | ------ | ------- | --------- | -------- | ------ | -------- | ------ |
  | Organic| Mixed Waste | Organic | Recyclable | Organic | Mixed Waste| X |
title: Waste
card_mod:
  style: |
    ha-card {  
      font-size: 12px;
    }

but don't have the grid..
So tried to add some borders but somehow the borders are not working.
I tried with ha_table maybe this another tags?

I am looking for a result like this ->

[tribal galleon]

Assuming you meant you want the icon centered within the card, try changing the layout to vertical.

type: custom:mushroom-light-card
entity: light.all_lights
layout: vertical
primary_info: none
secondary_info: none```

[tribal galleon]

The Markdown card can accept standard Table HTML formatting. Not as easy to incorporate into the content but it works. This is a Markdown card that I put together using Table HTML. Just added border="1" for proof-of-concept.

[green raft]

How would I go about adding a <ha-icon> as a background element to a card using card_mod? Been quite a while since I've used CSS. Would want it to be bottom-left of the card, but a bit outside of the card (cropped by the card), with a slight tilt to it.

I.e. here

[visual rain]

Is there a way to consolidate some of this information?
the fact that each panel needs to take up that much space is really bothering me

[polar kelp]

Many of the sensors could work well in a glancecard instead of an entities one.

And if you only ever turn on or off all lights at once, you should group them into one entity with a helper.

[sly pulsar]

Thomas, is it possible to add a margin: 0px to this?

[polar kelp]

You could also look into headers and footers for the cards https://www.home-assistant.io/dashboards/header-footer/#buttons-header--footer

[sly pulsar]

layout_type: "custom:grid-layout"
layout:
  # Mobile
  mediaquery:
    # Mobile
    "(max-width: 800px)":
      grid-template-columns: 100%```

[polar kelp]

Maybe with card-mod. layout-card in itself only handles css properties starting with grid-

[tribal galleon]

Consider adding lovelace-multiple-entity-row.

Show multiple entity states, attributes and icons on entity rows in Home Assistant's Lovelace UI
You could use the Markdown card with a table and sensor data in each cell. Wouldn't be useful for the lights though.
You could use the custom:button-card and incorporate each printer's entities into a single card. Sensors could be added as custom_fields.

[potent sapphire]

with the frigate card how can i add a custom button up there with the other?

[weak loom]

I was told to ask the same question here as I also appears on mobile/safari
Can someone help me fix this new issue? I can’t drag the sliders on the home assistant mobile app! It just jumps back when I drag at a slight speed. It seems to work if I do it super slow. Also I think the scrollabar to the right is new?

[vast crane]

may be fixed by https://github.com/home-assistant/frontend/pull/20586, not sure

[golden mist]

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

[polar kelp]

[[[ ]]] only work in a few custom cards - not in any built-in things

[limpid elk]

Alr

Thx

[polar kelp]

card-mod can help here, but that's a different syntax

[ruby kayak]

Hi everyone, I wanted to ask y’all if there is a possibility to display a http website (i.e. homeassistant.local:1234) in or as a dashboard?
If I try it, it says that hass wont allow firefox to open this embedded site

[limpid elk]

Yes

type: iframe
url: https://www.home-assistant.io
aspect_ratio: 50%

Change the URL and Aspect ratio to your liking

For me, I use it as a quick way to look at my next class using the time table we made with a scrolling type of thing at the top to show the essentials about the current and next class

||If you want to have a look at the website and how I implemted it into HA, here you go
Website: https://acy-info-edt.vercel.app/1/22?banniere=true

type: iframe
url: https://acy-info-edt.vercel.app/1/22?banniere=true
aspect_ratio: '17'
```||

[ruby kayak]

Thank you 😄

But since I want to display a http site this doesnt seem to work (with HA in general?)

[mortal cape]

@zinc robin settings > dashboards, click on dashboard in list, choose “delete”

[zinc robin]

Thanks - in hindsight I should've been able to find all that myself 🙄 much appreciated!

[tacit cloak]

Hi, new to HA and in the process of making a panel. I've put lights in and now I'm going in with my one camera. However, I get a small icon of what it films and want to replace it with an icon instead that you have to press to be able to look at the camera. What do I need to change to achieve my goal?

• type: state-icon
  entity: camera.videodorrklocka
  style:
  top: 73%
  left: 50%

[green raft]

Anyone got any idea on this? #frontend-archived message

[tribal galleon]

In general, you can't simply add stuff to cards. Card_mod is used to modify stuff that's already there.
What card are you using in the screenshot? What you want to do can be done with the custom:button-card and some styling. MinimalistUI is a good example of making that happen. You can look at the templates for how it's done.

[green raft]

I tried, but I don't know enough CSS to understand button-card at all, especially with the complex MinimalistUI implementations. The card that's in the example is minimalist-area-card and it's almost perfect for what I need.

Was hoping I could insert with card_mod using the CSS content attribute, but can't seem to work it out either 😦

[tribal galleon]

Customizing a custom:button-card

[pure pendant]

Hi all, on a regular entities card, using default HA theme for now, I have a vehicle presence sensor which has the wrong state color associated to it’s state, i.e. it lights up yellow for the on/home value, instead I’d like it to be dim blue when home and yellow when it’s off/away.

I understand that this might be done with cardmod. Any chance someone can assist with the necessary voodoo to make this work? Thanks a bunch in advance!

[tribal galleon]

Take a look at some examples that I've put together: Card modding an entities card's icon and icon color. Look at the one state example.

[pure pendant]

@tribal galleon Oh cool, think these are exactly the droids I'm looking for, thank you!!

[misty mango]

I need some help with a "Custom: bubble card"

https://github.com/Clooos/Bubble-Card

I want to make a popup card but have the cards to popup in a different dashboard, how do I link the button and the POPUP card together? so that when I close the pop-up it goes back to the original dashboard I pressed the button on.

I already use normal popup cards, but want to have a centralized dashboard for all popup cards, so I only need to update 1 dashboard with all new entities instead of 5+

[white nova]

Does anyone know how to import enphase in energy dashboard ?

[green raft]

#energy-archived

[real idol]

hello folks! i need some help with a custom:apexcharts-card
the problem is that Solar Forecast (D1/D2/D3) do not appear in the graph and they should
see also the entity and the attributes.
any hints? thanks!
attached the YAML

[tribal galleon]

I don't think that is possible with the Bubble Card pop-ups. They're limited to the view in which they're added. Though I could be wrong; I haven't used the Bubble Cards since it was in the alpha stages.
For something more like what you're wanting to do, you would have to probably use browser_mod popups along with a dashboard in YAML mode (which would allow you to use YAML anchors and !include; written entirely in YAML and no UI editor) instead of the default Storage mode.
But, IIRC, you can't use a !include for the anchors; the anchors have to reside in the RAW portion of the dashboard. *But that's only useful info if you break up your dashboard into multiple files. *

With the YAML anchors, you could design the pop-up in the anchor, and then "call" the anchor via a card's tap/hold action.yaml hold_action: action: fire-dom-event browser_mod: service: browser_mod.popup data: <<: *popup_style content: type: entities state_color: true [...more stuff removed to make the example shorter...]In this example I use the popup_style anchor to handle to styling for my pop ups (which is 18 lines long), but I don't think anything would stop you from making the entire pop up this way.

[raven urchin]

Hi. I made a graph using Apexcharts. The problem is that i have multiple y-axis with different IDs. I cannot find a way to name such multiple y-axis. I can do it only if there is just one. Can someone show me a method to do it?

[misty mango]

Will check it out later,

---

I might also be able to make a alternative dashboard just for popups

Do you know if its possible to automatically return to dashboard_XXX after some time has passed in defauls HA

[tribal galleon]

@real idol @raven urchin Questions about ApexCharts usually go unanswered in here. IMO, it isn't used as much as other cards such as the stock HA cards, Mushroom cards, and custom:button-card. I'd recommend visiting the forum so get more "specialized" help: ApexCharts card - A highly customizable graph card.

[raven urchin]

thanks

[tribal galleon]

Do you know if its possible to automatically return to dashboard_XXX after some time has passed in defauls HA
@misty mango Do you mean for use with a tablet dashboard? If I were to try something like that, I would use browser_mod or Fully Kiosk Browser to enable some entities in HA. I would probably use an automation to handle returning to a default dashboard. When the appropriate sensor has changed but is not equal to the default browser path after a certain amount of time, then have that tablet navigate to the default path. With FKB, there is a button entity that the automation can "press" to Load the Start URL. Or there are navigation services available to each.

You might be able to embed some JavaScript in a custom:button-card, for example, but I'm not sure how to go about that. I was playing with some code the other day that, if the page has been "scrolled down", it would return to the top of the page after a certain amount of time. The code did work, but it subsequently broke being able to scroll around the page once it returned to the top. (It's still a work-in-progress using JavaScript and window.scroll.)

[raven urchin]

finally actually managed to find myself. Took a looong time though

[weak loom]

Ah yeah seems to be the issue im having! Thank you for the info (:

[thorn ridge]

Hey guys, im seeking for some help on the card here where im using 'custom:text-divider-row '. Ive pasted a screengrab aswell because the text appears to be 'striked through'.

code here: https://pastebin.com/nTCM16eL

What can i do to fix this?

[atomic glacier]

@thorn ridgeIt's the styling elements in your theme or card styles. I use the same code and have experienced the same problems. I used card_mod and played around with the elements until I corrected it.

[thorn ridge]

hmmm

[atomic glacier]

I'll take a look and see if I can find which one fixed it...(it's been quite awhile 🤔 )

[thorn ridge]

What a pain to sift through all that code.

[golden mist]

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

[atomic glacier]

probably this one --ha-card-background: rgba(0, 0, 0, 0);

[thorn ridge]

thanks for tagging along btw, ill have a look

[thorn ridge]

@atomic glacier not working, failed miserably fffing up the card..

[indigo willow]

Anyone have any nice looking cards for their garage doors?

• Ratgdo garage door I should specify

[atomic glacier]

@thorn ridge If you tried to copy and paste everything I posted...yeah, it probably did. I posted so you could compare the different styling elements to see what differed from yours. I as stated above, this line --ha-card-background: rgba(0, 0, 0, 0) is probably what you needed. That's just a guess 🤖
sorry I didn't see your code link b4...😵‍💫

[thorn ridge]

nah, i didnt just blatantly copy/paste it, ive been working on this for 3 hours now, haha

[atomic glacier]

@thorn ridgelooking at your code now ✅

[thorn ridge]

o ok! i didnt got it to work

[atomic glacier]

o ok! i didnt got it to work

[misty mango]

Do you have a example for this automation that I can test out?

[still rose]

Use Lifetime Energy Production for Solar. If you have net-consumption CT installed use Lifetime Net Energy Production and Lifetime Net Energy consumption for Grid export / import.

[limpid elk]

Hi I would like to make a button to refresh my page

Can someone help

[limber dew]

could just link it to the current dashboard?

[limpid elk]

How ?

[polar kelp]

I just had a cool idea. A row of buttons which are only shown if they have state on and the label dashboard

With auto-entities:

type: custom:auto-entities
filter:
  include:
    - label: dashboard
      state: 'on'
      options:
        type: button
        show_name: false
        card_mod:
          style: |
            :host {
              --card-mod-icon-color: orange;
              --card-mod-icon-dim: none;
            }
card:
  type: grid
  columns: 6
show_empty: false
card_param: cards

[limpid elk]

How about my refresh button ? 😅

[limber dew]

you should be able to use a button card: https://www.home-assistant.io/dashboards/button/

[tribal galleon]

I don't have an automation for specifically what you want to do. The closest I have is an automation for when HA is shutting down, the tablets are shown a "HA is restarting" page. Upon startup, it loads the Start URL (dashboard) for FKB.
If you look back at the description of the automaton, the trigger, condition and action is there. It just depends on if you're going to use BM or FKB. (Or a combination of both.)

[tribal galleon]

Browser Mod has a browser_mod.refresh service that you can call on a tap or hold action.

[severe bane]

anyone knows why this is happening

[vast crane]

I'm assuming you do have light entities?

[severe bane]

Yes

Plenty

If I build the automation straight to YAML it works but the front end is not listing them for some reason

[surreal isle]

Is there an automatic way to be able to control all lights in an area (colour/brightness/toggle) without having to create light groups for each room?

[vast crane]

Call light.turn_on and pick the area in the target picker?

[surreal isle]

Sorry I may be missing something, how would I do this as part of a dashboard button?

[vast crane]

ah, hmm, yeah maybe there's not a solution for that then

[dark dirge]

You just do exactly that

The first example: https://www.home-assistant.io/docs/scripts/service-calls/#targeting-areas-and-devices

[vast crane]

I'm thinking hes not doing a service call, but wants like an interactive more-info type color picker/slider for the area.

[surreal isle]

Yeah, trying to get this but for areas without having to manually create the helper each time - the photo is of the helper which has all the lights in an area

I know how to get the list of entities in the room automatically just unsure how to get them into the button

[vast crane]

I don't think you can

groups are the way to do that

[surreal isle]

is there a way to auto group?

[green raft]

Doesn't have colour adjust in it, but you can use the excellent Hue-Like Light Card to emulate the Hue interface. It will allow you to control all lights in an area at once.

Anyone know if it's possible to combine auto-entities with manual chips in a mushroom-chips-card? E.g. 2-3 manual chips, then auto-entities chips.

[surreal isle]

This is close will play with it but its not letting me change all lights so far in the area - I may be missing something.

though I have got home assistant to auto create a group for me with the entities - just need to find away to get a list of entities from the area instead of manually adding them so will continue to play with that

[green raft]

It lets me change all lights at once when using the header toggle/slider.

[surreal isle]

its giving me the option for one or both individually but not together

[green raft]

That toggle/slider at the top controls both at once.

[misty mango]

I still need to wait to get my tablet so I cannot say which method I will use yet.

[ionic rivet]

is it possible to "drag" the entity in the picture element dashboard configuration so that you don't have to write numbers to guess and get it to move to the right place in the picture? have thought of making a similar one for solar cells. I found this one for the heat pump online

[polar kelp]

You can find it in the element inspector of your browser, and then step the left and top properties with the up and down arrow keys.

[hardy lynx]

how do i add new resources to the dashboard if the resources page is gone? do i simply use the + add dashboard button?

specifically i need to add a URL.

man it's such a headache trying to setp some of this stuff up when most utube videos have a different UI 😅

had to enable advanced in user profile bruh 😂

[ionic rivet]

Thanks

[timid beacon]

For a button's state_color color, what determines if this has an effect? I have a template sensor whos value doesn't seem to affect if this is colored or not. I'm guessing you need to set device/state class?

The sensor shows what OS my desktop is booted into (linux or windows or off). Maybe I can't have this handled automatically with show state

[vast crane]

I assume you mean state_color, not show_state?
AFAIK it's domain specific, to whatever that domain considers to be "on". E.g. a cover would be open, a binary_sensor would be on.
I don't think it will do anything for sensor.

[timid beacon]

Yes sorry, former

[timid beacon]

Actually, could I set it's device class as enum? Just came across that incidentally. Dunno if that would fix the problem with color though

[vast crane]

I don't think it would make a difference, "off" has no special meaning for a sensor.

it's just 3 arbitrary text strings

[timid beacon]

Yeah. Well putting a device class on it still makes me feel better otherwise I guess lol

I wonder how HA actually uses enum otherwise though

I mean it's basically saying "this is typed, but I have no idea of the structure" which seems almost just as useless as it not being type? lol

[vast crane]

enums generally has a list attribute called options

it will use it to populate state pickers in automations

[timid beacon]

oooo that's cool

[vast crane]

so like you'll get a dropdown you can pick from all the listed options

that looks like the only usage in the frontend

[timid beacon]

Are there any template sensors that let you specify those options though?

[vast crane]

it's an attribute, can't you add arbitrary attributes to template sensors?

[timid beacon]

Ah right

[vast crane]

e.g.:

options: falling, rising, steady
attribution: Data provided by AccuWeather
device_class: enum
icon: mdi:gauge
friendly_name: Home Pressure tendency

(that's not a template, but gives you an idea of how its used)

[timid beacon]

Weird, in the selector in an automation it's splitting per character

Not on commas

attribute_templates:
  options: Linux,Windows,Off

It's a legacy template sensor. I forget why

[vast crane]

it needs tobe a list, that just looks like a string with commas

the devtools/states is unhelpful here, in that it replaces lists with csv strings when displaying 😦

I am not a template expert, but maybe this:

attribute_templates:
  options: 
    - Linux
    - Windows
    - Off

[timid beacon]

No yeah that's what I did after your comment

Looking now in the automation

template value should be a string for dictionary value 'sensors->desktop_os->attribute_templates->options', got ['Linux', 'Windows', 'Off']

[vast crane]

hmmm

[timid beacon]

Maybe this works if it isn't a legacy sensor. I thought I was using a legacy sensor here because of icon templates but it looks like they support that

Maybe that was added more recently?

[vast crane]

maybe ask in #templates-archived, this is getting more into the weeds than I know

I don't know if templates support complex attribute structures

all my enums are provided by integrations 🤷

[tacit cave]

my ears are ringing

[timid beacon]

I'm using friendly_name, unique_id, device_class, attribute_templates, value_template, icon_template and I think they can all be used with normal template sensors

Although slightly different names

[tacit cave]

the configuration expects a string

so, feed it a template

attribute_templates:
  options: "{{ ['Linux', 'Windows', 'Off'] }}"

this is a voluptuous issue when checking the yaml

it's not like the variables section for automations, although it should be

[timid beacon]

If I convert a legacy sensor template to a modern one and use the same unique id will that like...work?

[timid beacon]

Ahhh interesting. Makes sense

[tacit cave]

yes

[timid beacon]

Could this just be "['Linux', 'Windows', 'Off']"?

[tacit cave]

no

then it will be the literal string

just use the template if you want a list

[timid beacon]

Oh right it still needs to be a list object

Damn that's satisfying. Love typing things wherever I can

Thanks @tacit cave and @vast crane. Got it converted to a modern template sensor too while I was at it

I'm pretty sure it was because icon didn't support templates for new template sensors. I must've missed that in the release notes or maybe it wasn't mentioned

[tacit cave]

it does?

the field is just icon now and it can't be in attributes

it just won't create an icon attribute

[timid beacon]

No it's a template now

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

Or it has been for however long.

[tacit cave]

I guess I don't follow your comment then

[timid beacon]

I just meant I didn't realize it was. I was just trying to figure out what the reason was I created these legacy template sensors

I know there was something not supported but I don't remember what anymore lol

[tacit cave]

🤷‍♂️

so many things change

I was able to remove a large portion of my config when I went through my sensor.yaml file

I'm down to like 3

[timid beacon]

I still need to move everything to packages. I can never find anything lol

But that's partially due to me not having everything checked in to source control so vscode doesn't index it

[ionic rivet]

Someone that nows a good picture size to show of good in mobile app HA for dashboard picture element?

WEB GUI

Mobile

[golden mist]

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

[polar kelp]

If you install it through HACS, then HACS should add the resource.

If you want to use the icons outside of the dashboards - e.g. in settings and stuff - you need to add the file as extra_module_url too.
https://www.home-assistant.io/integrations/frontend/#extra_module_url

[haughty crown]

Hello, I'm trying to make a simple button-card like this:

type: custom:button-card
custom_fields:
person: '[[[ return <img src="/homeassistant/www/467715.png"/> ]]]'

But the card does not contain the image... I installed both card-mod and obviously button-card, and sure I put that image into that path.

I use button-card because of I'd like to develop more code before, but already like this I have the first problem

[fiery ledge]

just set the image on the background-image of the button? styles: card: - background-image:
or use the dedicated entity_picture: > [[[ return '/local/family/' + variables.id + '.jpg'; ]]] entity_picture for that matter. Btw, note the string for the image file pointing to /local, and not /www

[shut robin]

hey all, i'm trying to make a remote button for my dashboard using button-card and have been having some success but have hit a problem - i'm using button-card and making a custom grid area within it, and once i've got the buttons set up the buttons are way off to the left. i can fix that using this bit of code, which gives the second screenshot

        card:
          - left: 45px```
however, the 45px is the correct spacing on my computer screen - on my phone the spacing is different, so i thought i'd try to use a percentage, but whenever i have any % in the left property of card, it just treats it as if it's 0px for some reason 

i'm still very new to css and whatnot - is there anything with css that might be better to use instead of %, or is there a better way to do it in button-card to make it work? the code is all over the place in templates and whatnot, but if need be i can try get a minimum version going if that helps

[tacit cave]

you should be using a grid, not pixel placing

[shut robin]

ah, sorry, i forgot to mention i am using a grid but the problem i was facing was that the buttons were way too big and so i tried to make them smaller, and when i did they were being placed on the far left of the grid, which is why i tried to use left: 45px to move it across a bit more

but like i said, i'm very new to all this so i could be doing something very wrong

[tacit cave]

You only have 1 row defined but your grid-template-areas have 7 rows

[shut robin]

the issue though is the columns, not the rows, no?

[tacit cave]

rows will determine the horizontal size

of each grid

then the button size itself is based on your input.

the last thing you want to do is change the position of the buttons, they should default to the center of the grid

if they don't you need to specify where they fall by setting the alignment

not by moving the pixels

[shut robin]

so for example this is what my remote looked like originally, but the buttons were too big, so i went and changed the card height and width, like so:

[tacit cave]

You want the button to be that large for pressing with your finger

you just want to adjust the icon size

[shut robin]

          - height: 50px
          - width: 50px```
and while that made the size better, that then made the cards be on the far left of the grid section rather than centered

i feel like the button is too large though atm

[tacit cave]

again, you don't want to decrease the size of the button

[shut robin]

50px is too small, but atm it feels too large and i want to adjust it while keeping it centered

[tacit cave]

when you do that, you decrease the size of where you can click with your mouse or your finger

i.e. just decrease the size of the icon

[shut robin]

that's what i want - i don't want the down button to be activating if i hit within the red circle here

i haven't figured out what size i want the buttons yet, but i just put in 50px as a test - that's probably too small so i'll want it a bit bigger, but not as big as it is now

[tacit cave]

change the margine on the card then

[shut robin]

the problem is when i change the size the button isn't centered any more

[shut robin]

so like this?

        card:
          - margin: 50%```

[shut robin]

(+ everything else of course)

[tacit cave]

where the green is your button and the outer black box is the grid container

inner black box is the contents inside the button

[shut robin]

so margin-left does move it, but not when it's set as a % - only when it's a px?

[tacit cave]

if you do a margin of 50% from each side, how large will the contents be?

50% + 50% is....

100%, so 100% of your grid area is margin and 0 % is card. Do you think that's correct?

[shut robin]

it doesn't

but even something small like 10% margin doesn't seem to move it

i feel like i've done something wrong here?

[tacit cave]

don't use margin-left

use margin to apply all

[shut robin]

it doesn't make a difference

[tacit cave]

then use pixels instead

percent may not be supported

remove height and width

[shut robin]

out of curiosity since i don't know css, if you're using pixels why use margin instead of left?

ok, it works with percentage without the height and width, but then the height and width is too big 😛

sorry, i don't know if there's a way to turn on gridlines as a style to make things easier to see?

[tacit cave]

use f12

then the mouse click button and hover over the grid

you'll see the container lines

[shut robin]

ah, nice! thanks!

so that's with 10%

[tacit cave]

make height and width 80% then

[shut robin]

hmm

so i think the issue is coming from the width

[tacit cave]

10% + 80% + 10%

[shut robin]

no width style

with width style

[tacit cave]

show the grid position

are these buttons inside a custom button?

[shut robin]

hmm

yeah, they're within a custom field within a custom button

i can get the template code i used as well if that makes things easier - maybe something's clashing with that?

also with the width thing, if i have the height set to 50px and no width, the margin works as a percentage, but if i then make the width 50px, that's when it gets forced into the far left of the grid container

[tacit cave]

try using different percentages then

you have 3 buttons

so each button may only be 33%

i.e. 10% * 33% = 3.3%

3.3% + 26.7% + 3.3%