#frontend-archived

1 messages · Page 49 of 1

tacit cave
#

Ok, then you found a legitimate bug most likely

#

the only way it will get fixed is if it's an issue on github

#

dev's do not look in the release thread for issues, and if they do, they tend to only stumble on repeated posts (with the same issue)

mystic timber
#

I can try and have a look. I your card

zealous heart
#

forgot to say thanks to everyone 😉

kids really wanted to go play outside

scenic current
#

Is it possible to get my round badges back?

vast crane
scenic current
vast crane
#

Ultimately devs want someone from the community to maintain it as a custom badge. Don't know if anyone will step up to do it.

scenic current
#

I'm not entitled to anything by the way. Just saying it's odd to remove that functionality.

lime charm
zealous heart
fiery ledge
gloomy iris
#

Is there any good card to display changes in binary sensors?
I tried history-graph but if the change time is short compared to the displayed time, you see absolutely nothing. E.g. 12 hours displayed and 15 min state change: not visible 😦
I tried apexcharts-card with transformation of on/off to 1/0 but the card was extremely slow so I had to remove it again.

vast crane
#

Logbook might work

weary sphinx
#

Hi, ive had a go and can get it to work in a basic sense, but when I turn off the lights, I wish for them to be white again when they are next turned on. I have tried but cannot find a way to do it. is it possible?

stuck spire
#

Should be, yes. Can you post the code you have so far?

#

@weary sphinx

tribal galleon
#

I don't like clearing cache ... because I lose everything .
You don't have to clear everything. Just the files and images, not the cookies and history. Clearing your browser cache was recently updated to cover more browsers and more details.

#

@vestal pulsar ^^^

gloomy iris
upbeat hinge
#

Hello Guys,

is there any option to get the status of the floor heating valve (KNX) to be displayed on the frontend? I can select it, but then i dont see temperature anymore. Id like to see current temperature AND the status of the valve, at least when opening the card (popup). I hope this is well described so somebody understands my issue 😄

...or is there any known template/card/... that supports this?

#

and is this channel right one for this topic? 😄

slow solar
#

Hi All

I have card on my dashboard that tells me whose home or what zone they are in based on their phones location. is there a way to have this show the last updated timer also? I have the app set to update quite often but i've noticed sometimes it can go hours without an update so i'd like to see when the last update was without having to go into details. attached is how it looks currently for mine and i'd like the "last updated" time from the second attached image in brackets next to the zone name, maybe even a shorthand, like 2H for the example. is this possible?

image.png image.png
timber sonnet
#

Hi everyone, since HA 2024.7.x I can't make my cards sticky anymore. It works fine when I use a fixed position, but for some reason sticky is no longer working. I have tried so many things, but it looks like it won't accept anything. (it works when editing it in the browser console though).

#

Did anyone encounter this and found a possible solution to this?

tired wedge
#

Where do I report bug found in „experimental“ sections view?

hard blaze
vague blaze
slow solar
hard blaze
slow solar
#

let me check

hard blaze
#

Some cards you simply just add secondary_info: last-changed

slow solar
#

i think its a picture-entity

hard blaze
#

Could you use dpaste.org and paste your code ? Would help to find a solution for you

slow solar
gentle widget
#

Hi there, not sure of I'm correct in the frontend channel, but I'll give it a try. I recently played around with a third party package which created a bunch of sensors in my installation. Unfortunately, it s not working as expected, so I want to get rid of everything.
I've deleted all entities, the packages, and also the Long Term statics via dev tools. Many restarts of HA followed.

While the entities are gone for good, the LTS always reappear with a "problem" that the entity has no status and thus can be deleted.

I've repeatedly deleted the LTS from dev tools, but they come again after every restart.

Anyone can help?

hard blaze
#

yeah it has it but how do i get it to

gloomy iris
#

Is it possible to use e.g. a template sensor to change the state of a binary sensor? I do not mean create a new sensor with different state but actually change the source sensors value?
So if a binary_sensor only knows on and off, change those to 1 and 0.

vague blaze
gloomy iris
pallid zephyr
#

What's up with the graphs flopping all over the place when I try to hover over them? Energy page for example. Things go and reorder themselves.

tacit cave
#

what graphs

pallid zephyr
#

All of them. To pick one, the first one on my Energy dashboard is "Energy usage". As I move the mouse over it, it constantly redraws with different data, changing the y-axis labels and all the bar graphs. The x-axis labels just seems to shimmer a bit left and right but wind up the same.

tacit cave
#

not happening to me

#

have you cleared your cache and refreshed the page recently?

pallid zephyr
#

Just cleared and reloaded, didn't help. Firefox 129.0.

tacit cave
#

write up an issue then

pallid zephyr
#

Interesting, Chrome seems okay. I'll see what I can figure out.

tacit cave
#

It's likely a bug in firefox (HA bug), I only use firefox on linux and I do not have this issue. So it's best you write up the issue 😉

hard blaze
#

the same has happened to me, i re-installed firefox... it worked and then i deleted it hehe

tepid raft
#

Is there a way in the UI to present a select box (like input_select) for the source of a media_player entity?

tacit cave
#

You can make an input select that mirrors the sources with an automation, or you can make a template select entity

mystic timber
#

It doesn't work out well because my LR entity will stay as climate without any input_select unfortunately .
What do you guys suggest to do instead?

tacit cave
#

that makes no sense in regards to the message you're replying to

#

you're replying to a message where you take the object_id and put it into a string sensor.<object_id>_connectivity, which does not have climate or input_select in it.

mystic timber
#

Wait I will re-post the first message so you know better maybe you can help me

#

this one

tepid raft
#

Can sections be used with dashbardo YAML configuration? The docs are limited but appear you can, but if I try to use type: sections I get the following error: Unknown type encountered: sections

tacit cave
#

You can, make it in the UI first, then mimic the yaml

zealous heart
#

Hello, anyone know how I can set up a script and a dropdown to change fan mode in a card ?

image.png
fiery ledge
mystic timber
fiery ledge
#

then try first before reposting the same question please, cant help you babysit I am afraid...

mystic timber
#

I did reposted because had to understand how can I make exception on the Living Room entity because I want to leave it as it is.

#

(just using the climate entity without inputselect

fiery ledge
#

try simple, and make a very bare button, only templating the entity, so you understand the javascript

fiery ledge
mystic timber
fiery ledge
#

why do you use sensitivity: > [[[ var obj = entity.entity_id.split('.')[1]; var id = obj.split('_sensor_motion')[0]; return states['sensor.'+ id + '_motion_sensor_sensitivity'].state; ]]]

mystic timber
#

hold on, it says motion_sensor

fiery ledge
#

what are the 2 entities you are using. the input_select, and the climate

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

This part needs to be changed.

The input_select is input_select.office_ac_status and climate climate.office

#

The other rooms has same pattern input_select.ROOMNAME_ac_status and climate climate.ROOMNAME

fiery ledge
#

yes, so if you replace entity with climate.office, this would work

mystic timber
#

Yeah this will work on the status, but what about grabbing the attribute from climate entity and showing the temperature?

golden mistBOT
#

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

📎 message.yaml
mystic timber
# 
                          ? Math.round(entity.attributes.temperature).toString()
                          : Math.round(entity.attributes.current_temperature).toString();

those lines?

#

just change the entity to the climate one?

fiery ledge
# 
[[[ var obj = entity.entity_id.split('.')[1];
                    var id = obj.split('_ac_status')[0];
                    return states['climate.'+ id].state; ]]]
#

first line selects the object_id of the input_select. second line splits at _ac_status, and takes the string before that (which i this case is the room name). last line returns the state of the climate.[room]

#

`

mystic timber
#

oh nice, so where do I put those 3 lines of variables? under variables: ?

#

Thanks for help btw!

fiery ledge
# 
[[[ var obj = entity.entity_id.split('.')[1];
                    var room= obj.split('_ac_status')[0];
                    return states['climate.'+room].state; ]]]``` to make that clearer for you
#

yes, that would work. or at any other place you need them. advantage of creating a variable would be that you could use that variable in the rst of the button card, andnot have to redo the template anywhere

mystic timber
#

Does it has to be on top of the other cards? or can I insert those lines into one of the cards variables?

fiery ledge
#

??

golden mistBOT
#

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

📎 message.yaml
mystic timber
#

Like this inside one of my cards, or just somewhere in this yaml file?

fiery ledge
#

you should give it a name, just like the circle_input...

mystic timber
#

and I should change the input_select.office_ac_status to input_select.room ?

fiery ledge
#

and next, you should change the circle_input to use that variable

# 
                [[[
                  if (variables.climate) {
                      return states[variables.climate].state === 'On'
                          ? Math.round(states[variables.climate].attributes.temperature).toString()
                          : Math.round(states[variables.climate].attributes.current_temperature).toString();
                  }
                ]]]```
opal crown
#

Is there any way to put the humidity % number beside the legend in this history graph card? If not, is there another card I can use?

image.png
golden mistBOT
#

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

📎 message.yaml
mystic timber
#

For some reason I can't see the button

fiery ledge
#

see y edit above. and for JS errors, always check inspector

golden mistBOT
#

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

📎 message.yaml
fiery ledge
#

please stop posting too large snippets....

mystic timber
#

When it's off I still cannot see the room temperature, and when it's on there's no current_temperature shown up for me
In compare to the LR climate which we can see

image.png image.png image.png
fiery ledge
#

ah but wait, the variable climate now returns the actual state of the climate, and not the entity... thats why the seocnds template using that errors

mystic timber
#

Oh right

fiery ledge
#

change [[[ var obj = entity.entity_id.split('.')[1]; var room= obj.split('_ac_status')[0]; return states['climate.'+room].state; ]]] to [[[ var obj = entity.entity_id.split('.')[1]; var room= obj.split('_ac_status')[0]; return 'climate.'+room; ]]]

#

which would return the entity being 'climate.your_room'. and that you can use in the other template as abve

mystic timber
#

still can't see temp for some reason

image.png
#

also it used to change the icon_climate to blue if state = cool and to red if state = heat; but temperature are more important to me & the wife

fiery ledge
#

any errors?

mystic timber
#

none

fiery ledge
#

can you test the variables, eg in a tooltip, and set that to tooltip: > [[[ return 'Climate: ' + variables.climate + ' ' + Circle: ' + variables.circle_input; ]]]

mystic timber
fiery ledge
#

for now I dont care about that. just test what I asked above, and leave out all of the button-card templates. remember this is a test button....

mystic timber
#

and change in circle_input to tooltip.climate?

fiery ledge
#

where did I say that...

#

just do as I ask

mystic timber
#

button is missing now, and for some reason can't see any error in console however i see there are 2 errors

image.png
fiery ledge
#

please

mystic timber
#

that's after adding the tooltip

fiery ledge
#

tooltip is not a variable, it is the highest hierarchy

mystic timber
#

yeah in CSS

#

but where do I put it in the code then?

fiery ledge
#

and delete the tap_action: action: call-service service: script.toggle_office_ac double_tap_action: !include popup/office_climate.yaml template: - base - icon_climate - circle bit

mystic timber
#

removed it.

fiery ledge
#

and the tooltip?

mystic timber
#

I placed it on top of the yaml file

# 
button_card_templates: !include_dir_merge_named button_card_templates
kiosk_mode:
  hide_header: true
tooltip: >
  [[[ return 'Climate: ' + variables.climate + '  ' + Circle: ' + variables.circle_input; ]]]
fiery ledge
#

nonono..... inside the button.....

mystic timber
#

oh shit ok

# 
          - type: custom:button-card
            entity: input_select.office_ac_status
            name: TestButton
            tooltip: >
              [[[ return 'Climate: ' + variables.climate + '  ' + Circle: ' + variables.circle_input; ]]]
fiery ledge
#

typo , a missing tick : [[[ return 'Climate: ' + variables.climate + ' ' + `Circle: ' + variables.circle_input; ]]]

mystic timber
# 
          - type: custom:button-card
            entity: input_select.office_ac_status
            name: TestButton
            tooltip: >
              [[[ return 'Climate: ' + variables.climate + '  ' + `Circle: ' + variables.circle_input; ]]]
#

still cant see the button

fiery ledge
#

post yaml please, and check Inspector

mystic timber
mystic timber
fiery ledge
#

ok there is one more thing, since you are using variables with nested variable, you need to alphabetasize those. id suggest to use the climate as is, then rename circle_input to temperature. ofc change that inside the templat likewise

mystic timber
#

like I did before?

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

change the entity here I mean

fiery ledge
#

there is a strange quote in the tooltip, please past this tooltip: > [[[ return 'Climate: ' + variables.climate + ' ' + 'Circle: ' + variables.temperature; ]]]

mystic timber
#

Trying

golden mistBOT
#

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

📎 message.txt
fiery ledge
#

heck, sory for that...

#

so this works as expected, Ive got to go now, you try to adapt the rest please....

mystic timber
#

Thanks!

#

http://pastie.org/p/73zKExhfg4Qsol38rnuOsa

I had to put back the templates, when AC is on I still don't see the temperature, and when AC is off the circle of Celsius doesn't exist (unlike the LR entity that shows even if off)

image.png
golden mirage
#

share full code in the one
Someone can help easy

icy patrol
#

other than uptime card - what are ithers using for to display uptime kuma monitors?

fiery ledge
# mystic timber http://pastie.org/p/73zKExhfg4Qsol38rnuOsa I had to put back the templates, whe...

of course you have to adjust those template too.... I've given you all you need to be able to do that now, check this for some more use of the variables. Last thing, I believe the temperature template should be testing for a state in lower so 'on' and not the capitalized 'On'. Always make sure in the dev tools and check there for the true states, and not the states shown in the Frontend as they are beautified/translated

Schermafbeelding_2024-08-14_om_08.49.46.png 📎 climate_test_button.yaml
mystic timber
#

As you see here in LR the icon also changes to blue if attribute is cool and to red if it's on heat mode.
and ofc in the circle you see the temperature

image.png
viral spoke
#

Is there a easy way to generate a public readonly dashboard?

vague blaze
viral spoke
vague blaze
# viral spoke So what you are saying, use some sort of webhook to write the Information I want...

Not a webhook, no. There's a couple different things you can do. You can use a REST command or shell command to push sensor data to an external "source" (API or whatever), that would be the most secure. You could also have JS that calls your HA REST or websockets API directly (WAY less secure and exposes your HA instance information to the public). Personally, I'd go with the first option.

viral spoke
#

1st one is basically a webhook you sent to

vague blaze
#

Oh, I see what you mean... a webhook outside of HA. Yeah, that would work. Webhook, external REST API, etc, would all be WAY better than calling into HA itself.

#

TBH, the last thing I would want is for your HA instance to get hacked.

viral spoke
#

I wonder... is there a prometheus exporter? Then i could just use one of my Grafana instances...

#

nice, there is

vague blaze
#

Yup, both prommy and influxdb have integrations. 🙂

#

(I use InfluxDB myself)

viral spoke
#

the local ARM k8s runs a Prometheus anyway, can hook into that

#

and so the homelab complexity grows again

vague blaze
#

As it should 😉

inner ember
#

Hi all! HA newbie here, so I appologize for the incoming questions. I have entered code into the configuration.yaml for a temp sensor for my Rasp Pi 5. My question is how to get a card/entity on my dash to see the results? Can anyone please assist, or atleast point me in the right direction?

honest kayak
#

Hi guys, does anyone know how to fix a cards position to always be on the left? Im trying to make a sidebard with menus that take me to different sections and stuff

proven shuttle
#

Hey everyone, how do I make an arbitrary folder turn up in the media browser?

shy geyser
inner ember
#

@shy geyser Hi! I figured it out. There was an error in the logs. I was using old yaml code. All good now! I have a temp sensor for my Pi 5 on my Dashboard now. Thank you!

blissful parrot
#

is there a way i can have the color of a badge of a temperature sensor change from green-amber-red according to my own thresholds?

grizzled talon
#

If I have an entity with a numeric value that allows me to manually change the value with a slider, is there anywhere in the UI that I can just type in the exact number I want? The slider isn't precise enough and increments by 2-3 at the finest movement.

#

well... looks like clicking the slider, then using the arrow keys on the keyboard is able to increment by single digits. Still, annoying that I can't seem to find an editable text box anywhere that would allow me to just type a number

tacit cave
grizzled talon
#

It's a physical device I didn't create, I don't have the option of changing the entity type.

#

Specifically it's the brightness/contrast/sharpness values for my reolink doorbell poe camera

tacit cave
tacit cave
#

display mode: input field is what it's called

#

if you put it into an entities card, it defaults to a field

#

instead of a slider

grizzled talon
#

at this point, I think I have them dialed in where I want, and honestly I like having them as sliders too for quick coarse adjustment, it's just annoying that it's either/or when you could totally have both, like have it as a slider in the main UI dashboard stuff but just make this number a writeable field when you click on the entity details.

ha_number_input.jpg
#

but thanks for showing me how to do it, in any case

willow plover
#

Can anyone give me a lead where to start. I have a containered core version 2024.7.4 I want to get control of the dashboard to make the Tile numbers bigger. I don't have access to Add-one or HACS to get Card-Mode-Themes. Is there a way to do this manually please.

proven shuttle
#

Is there a way to display data from aws cloudwatch in HA?

modest vigil
#

Heya, also looking for a quick pointer. Am a web dev so competent in YAML, JS etc. HA newbie though so hopefully I've just not found the docs I'm looking for.

I'm using lots of little Mini Graph Cards around my dashboards. To get them looking the same I need to copy paste the config everywhere though and then making changes is painful as I need to update each one. Is there an easy way to create a reusable a set of "defaults" or theme for a card? The documentation on themes doedn't seem to solve this. E.g. the colour gradients on the card are very wordy. Thanks!

https://github.com/kalkih/mini-graph-card?tab=readme-ov-file#line-color-object

image.png
tribal galleon
# honest kayak Hi guys, does anyone know how to fix a cards position to always be on the left? ...

If you want a (relatively) easy, pre-built option, consider the Sidebar-card. I don't use it myself, but I know it's out there.
For more control over the layout, consider using the Layout-card. Then, you could use a Grid layout instead of the standard Masonry layout. You might set up three columns at 20%, 40% and 40%, for example. The bad thing about this method is you will have a lot of repeated cards/code and spots to update on each View.
If you like the layout-card method, you might consider converting to a YAML-mode dashboard (default is Storage-mode.) This is an "advanced" option; you have to deal with raw YAML and cannot use the UI Editor. But, you can make use of !includes and YAML anchors to reduce the repeated code and make a single spot for changes. You can run both Storage- and YAML-Mode dashboards at the same time. Use the Storage dashboard to help you configure cards through the UI Editor and then copy the code into the Storage dashboard. Look at the section called Adding more dashboards with YAML.

tribal galleon
junior olive
#

anyone know how to add paths to the map card? e.g geofence or other multipoint geo data, I can see that the ha-map can take paths and layers, I just don't know how to apply them, directions on how to store this as an enitity would be greatly appreactated too, if you know how.

modest vigil
honest kayak
#

Thank you for the tips @tribal galleon I was playing all night with the sidebar card, I was trying to add in-picture card i think its called to for my nest doorbell entity, there seems to be a compatibility error, it worked at first then it stopped working

📎 Sidebar_code.pdf
golden mistBOT
#

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

📎 message.txt
gleaming oriole
#

Okay I've adjusted slightly, using JS. An icon is now appearing, but it's defaulting to a sunny icon rather than an icon that reflects what the weather is. Just to be sure, the state is currently Rain so it should be showing the rain icon.

golden mistBOT
#

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

📎 message.txt
modest vigil
gleaming oriole
gleaming oriole
modest vigil
gleaming oriole
#

Will give that a go! Thanks

#

okay yeah, getting the default

modest vigil
#

Yeah so something in here is not what you expect as it's skipping all your conditions:
states['sensor.pirateweather_minutely_summary']

#

Either it's not a string, or its value doesn't match.

#

Can you just add a card to show the value of sensor.pirateweather_minutely_summary to check?

#

Also to match your original template the JS would be something like:
const minutelySummary = states['sensor.pirateweather_minutely_summary'].toLowerCase(); if (minutelySummary.includes('clear')) { icon = 'mdi:weather-sunny'; } ...
Note everything is moved to lower case, and it's an include, not a strict match.

#

(untested code out of my head :p)

gleaming oriole
#

oops

#

one sec

#

let me see if I can do it as a custom card as well

#

here it is just showing the icon

Discord_kEXzymqMww.png
#

and the entity from states

image.png
modest vigil
#

My newbie HA knowledge is running out sorry, but I am guessing there is something more you need to do with the states object.

gleaming oriole
#

Probably! Thanks for jumping in!

gleaming oriole
#

Yeah, I'm stumped! Everything looks correct. Would love if anyone could take a look at some point and see where I'm going wrong. I'll post the most recent version below:

golden mistBOT
#

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

📎 message.txt
gleaming oriole
gleaming oriole
#

Solved it, that was so confusing! I had to acquire the state itself by appending .state to the end of states['sensor.pirateweather_minutely_summary']

golden mistBOT
#

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

📎 message.txt
modest vigil
gleaming oriole
#

Next step is figuring out fonts. I think I did it once but have forgotten since.

I have a uploaded locally to local/www/ and I want to replace a line in the theme I'm using with instructions to use that theme instead.

Currently, the line in the theme is as follows:

font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"

And I want to use GoogleSans-Regular.woff
I have uploaded it, and have added/created a fonts.css file and created a loadfonts.js to go with it, but the font isn't being used

night cape
#

hi, is it possible to use templates in the new section visibility?

spark spear
#

1:41

copper kite
#

Someone knows how I can get the same way of displaying from the left in the right, the right is a mini-graph-card. So I see how the total is increasing, but I would like to know how much I am using today and at what time
https://ibb.co/r2Bczmz

hardy rapids
#

Except that it shouldn't perform the action immediately, only when I reveal it and press the button

#

I want to avoid accidentally opening the gate/garage door on the dashboard

broken marsh
#

Suggestions on how to have xiaomi-vacuum-map-card hidden/minimized by default but expanding at the click of a button? I can only think of a script or a button changing state of a helper and set visibily on the xiaomi-vacuum-map-card to only show when it matches that state.

gleaming oriole
#

Any pointers appreciated! Thank you ❤️

tired wedge
#

Hi all,

how can I trim a card?
I would like to remove top of the card, above the red line.

thanks for any help

image.png
golden mistBOT
#

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

📎 message.txt
toxic axle
broken marsh
golden mistBOT
#

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

📎 message.txt
arctic sandal
#

other people also have this issue?

image.png
short glen
#

I need some help. I may not know the right google terms here. I installed a custom card that shows the next x day calendar view. In my case I have 3 days that i would like to show on my tablet. I guess the resolution is too small because the 3rd day wraps to a new row on my dashboard.

#

I messed with the initial scaling option (fully kiosk) and the above photo was set at 120%

#

Here is what it looks like at 119%

#

It looks like there is plenty of room to show all 3 days in a single row... Is there a way I can override this. I suspect there are some CSS rules for the custom card defining how to make it fully responsive?

quiet ocean
#

Does anybody know what's the problem when the xiaomi vacuum map card does show a broken image? I already cleared the cache, refreshed the browser. I think I did the dreame Integration correctly because everything else is there. It's a X40 Ultra Complete.

But the image or map never worked

Screenshot_20240815-190930.png
supple torrent
#

how do i change the size of the background image. I'm trying to fit this picture for my mobile phone dashboard.

4f5064df6d28e2b0d0750503666a5f91.jpg
toxic axle
#

Is there a way to reference a custom font in a full yaml dashboard/view, or do you need to reference it in each card?

heady root
#

Im playing around with the updated badges functionality and would love to have dynamic visibility enabled on them for one of my sensors.

This sensor is about garbage collection and is part of HA core through ROVA, creating a bunch of sensors for when what garbage is collected.
These sensors return a date: 2024-08-15T22:00:00+00:00 with the device_class: timestamp.

Is there currently any way to hook into dates, especially comparing a date with the current time, for badge visibility? If so i cant find it, but was just wondering if im missing something.

Ideally id like to only show the badge if the date returned from the sensor is within...say...8 hours of the current time.

EDIT: ive got it sorted by created extra sensors and hooking into their true/false state, but was hoping for it to be possible right from the badge itself, either through the UI or through direct YAML.

proven shuttle
#

Which preconditions must be fulfilled for a picture to be displayable as content of a picture card?

#

so far I've checked that the directory exists, that the file exists, and I know for a fact integrations can write to that file, because they do.

#

Oh yes, and the file is a picture, it is intact and displays correctly in the media browser.

#

What am I doing wrong here?

vast crane
#

I don't think media files play well with frontend/picture card

proven shuttle
#

Huh? surely picture card should be able to display a picture, should it not?

vast crane
#

it can display a picture if it has access to it. media files are behind some kind of authorization tokens that the frontend doesn't use

proven shuttle
#

hm, I wonder if that is what @tacit cave was talking about earlier

tacit cave
#

not even 24 hours I see 😉

#

if you want to display in the frontend, use the www folder, anything else is a PITA

proven shuttle
#

Ok, so displaying on the frontend counts as streaming then?

#

I had understood you that I can't stream it outside of home assistant.

#

Hi ho, hi ho, it's off to reconfigure a lot of shit I go...

tacit cave
tacit cave
#

i.e. a web browser remotely

proven shuttle
#

Aaah, so INSIDE ha counts as everything the server does, but the frontend is technically running in my browser, so it counts as outside?

tacit cave
#

also, some devices like chromecast require SSL

#

which means you wont be able to stream from any media dir

tacit cave
#

but I probably wasn't clear enough on what I meant

proven shuttle
#

Anyway, the upshot is, anything I want to use in my frontend has to be below the /config/www folder, period.

#

Right?

#

Incidentially, can you give me a run-down of what properties go below the media_dirs stanza and what they do? I've found local, video and recording, but no explanation of what they do.

proven shuttle
#

Well now I've refactored everything to put the bloody pictures into /config/www/pics, but still I can't get them to display on the bloody card.

#

This is the yaml of the card:

image: >-
  /config/www/pics/amazon_rekognition/rekognition_kuechenterrasse_file_latest.png```
#

And this is in my configuration.yaml:

  allowlist_external_dirs:
    - /tmp
    - /config/videos
    - /config/videos/pics
    - /config/videos/pics/amazon_rekognition
  media_dirs: 
    local: /media
    video: /config/videos
    video2: /config/www/videos
    pics: /config/www/pics
#

I've also tried source://media_source/pics/... with no different result

#

How come the seemingly easiest tasks always turn out the most difficult and frustrating?!

vast crane
proven shuttle
#

It works.

#

So that's how you do it.

#

I would never have guessed that.

#

Thanks a lot

#

Would you mind breaking that path down for me into what comes from where in my yaml?

vast crane
#

see that link from my post, it just explains that files under /www/ directory are served as /local/

#

everything after that is just your directory structure

proven shuttle
#

Ah, ok. Now I get it. Sorry, it's getting late.

gleaming oriole
#

Hi all, I'm still struggling with getting a custom font to work on my theme:

font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
  • I have converted my desired font to .woff2 and placed it in /local/www
  • I have created a fonts.css file
# 
@font-face {
  font-family: 'productsans';
  font-style: normal;
  src: url(/local/googlesansregular.woff2) format('woff2');
}```
#
  • I have also created a loadfonts.js
# 
function loadcss() {
    let css = '/local/fonts.css?v=0.005'
    
    let link = document.createElement('link');
    let head = document.getElementsByTagName('head')[0];
    let tmp;
    link.rel = 'stylesheet';
    link.type = 'text/css';

    tmp = link.cloneNode(true);
    tmp.href = css;
    head.appendChild(tmp);
    console.info('%c Font Style sheet loaded', 'color: white; background: #000; font-weight: 700;');
}
loadcss();
#
  • I have created a resource for both fonts.css and loadfonts.js in lovelace
  • I have changed the line in the material_rounded.yaml to:
font-family: productsans, "productsans"

The font just isn't being loaded or used anywhere in the theme, and just defaults to a serif font/times new roman-esque
Where am I going wrong?

#

This is @crisp harbor's theme so perhaps they can sense check my post and provide any insight.

toxic axle
gleaming oriole
# toxic axle Is this possible?

Yes it is possible, and it's exactly the issue I'm having directly above. It doesn't appear to be working as expected for me on my setup

toxic axle
gleaming oriole
#

Normally I would agree but basically none of the available (community) documentation identifies that as a requirement.

golden mistBOT
#

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

📎 message.txt
dense hornet
#

wat

#

how do i not convert lol

gleaming oriole
#

You can't. It's automatic

dense hornet
#

ah rip ill send it again as broken messages, sorry for spam

#

I'm using minimalist to create a UI and wanted to vertically centre this text, but it applies the styling to the ha-card instead of the parent button card (see inspect element screenshot) is there a way to target the parent button card div? here's my code below

image.png image.png
golden mistBOT
#

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

📎 message.txt
terse briar
#

is there a way to have those fancy thermostat thingies show on my dashboard when I only get temp and humidity from a sensor? so I have no switch or anything to trigger

vast crane
#

You can make a generic_thermostat with your sensor, but it seems odd thing to do if you can't actually control anything.

terse briar
vast crane
#

which graph

terse briar
# vast crane which graph

from the pictures it looked like it’ll show me the current temp as well as some min/max range that I set somehow, but I just added a generic thermostat as you suggested and it does indeed not do anything remotely useful in my case. So I’ll stick to the line chart and data values for now. until I manage to somehow „smart“ my floor heating thermostats

vast crane
#

that's probably what you get when you add a climate entity to a History Graph Card

#

it will graph your setpoints as well as the current temperature, as well as the heating/cooling activity

terse briar
#

I’ll revisit this once I actually use my floor heating. Ill try the dumb thermostats first and then try to figure out how to make them smart

waxen ocean
#

I want to display a image that is from a URL from a sensor that is from a template. What is the card that will accept a template value and display the image at the URL.

somber reef
#

hmmm
{{state_attr("media_player.plex_plex_media_player_amd_nixos","entity_picture")}}
this gives a relative URL to an image on my hass instance

#

but i cant see any entities that can accept a template as a url.....

somber reef
waxen ocean
somber reef
#

without the newline

waxen ocean
#

That is the secret sauce !! Thank you !! This is going to help me make an awesome dashboard that updates.

somber reef
#

you can also use developer tools->template, to test out the templates more rapidly

waxen ocean
#

Yep I have been.

mystic timber
#

Hey!
I got some help here few days ago, however I still cannot see the temperature of my room when AC is on or off.
The thing is I get the state of the AC by input_select, and the temperature I get by climate entity.

In the living room card I have I only use climate entity and it works perfectly fine, but in the other rooms I need to use input_select to know the state of the AC.

The button that I cannot see the temperature http://pastie.org/p/0kyOxD2X8Lr3gVIM8kg48O
base.yaml - http://pastie.org/p/70lTgNl9xSNFAkLRPo4sMo
circle.yaml - http://pastie.org/p/4LwU6JmgEdWZyn9G95QQCo
climate.yaml - http://pastie.org/p/212FrDbQoMfUhcXufXv6tk

*Keep in mind that I want to retain that Living Room to be using only climate entity as it is now.
*Circle with temperature should be visible also when state of AC is Off, like in the photo that I added.
Really appreciate your help! also my wife does! 😂

image.png image.png image.png image.png
neat cobalt
#

hey there - can't figure out, how to disable the cooling option (blue bar) on the card since the device can't cool and it's quite irritating. It's a Bosch Thermostat II via z2m.

image.png
scenic current
#

I could REALLY use some help getting these 'snooze' and 'dismiss' buttons themed. I'm wantng them to be centered in the columns they are in and have the button outline to be bigger (pill shaped). I am terrible at this. Any takers?

https://dpaste.org/B2qFf

image.png
limpid burrow
#

@fallen haven I have successfully set up TeamTracker to show scores on a Sports page in Lovelace for ongoing games (and I really like it), but I would also like to use the entities and attributes from TeamTracker to set up a more compact Scoreboard for Main Page display. My initial example (below) used the "Custom: button-card". My goals are to:

  1. Show all of "Today's" games for my teams for the whole day.
    The Custom: button-card won't use more than one entity (that I can find) and the Entities card won't use the attributes (that I can find). I may try the "Conditional" card next.
  2. Get better spacing and appearance for the scores

(Undefined is the game clock)
Any suggestions? Does this already exist?

image.png
near wedge
#

guys i hope it's ok to post a possible bug here: i have a history graph on the very bottom of the (sections) dashboard and on mouseover the tooltip that appears, jumps too low and when trying to scroll down, it disapprears (so it's impossible to see the info)

daring junco
#

Hi, I'm trying to get an icon for the current weather - using this code :

return '<img src = "/local/ic/weather_icons/animated/' + states['weather.forecast_dom'] + '" width="70" height="70" />'

and I'm getting [object Object]. How can I get the string representation of current state?

dark dirge
#

I don't know where you're doing this, but in Javascript, states['weather.forecast_dom'] returns the state object. You need states['weather.forecast_dom'].state

daring junco
#

ah - that works. thanks. ;]

limpid burrow
#

Hello again. I downloaded the stack-in-card from HACS to try to solve my scoreboard issue (above 3:30 pm). The .js and .js.gz files are in yaml, but the card does not appear in the choices for a new card in the dashboard. I reloaded the yaml and restarted HA, but still no stack-in-card. Did I miss a step? What do I need to do?

dark dirge
#

what do you mean that they're in YAML?

limpid burrow
dark dirge
#

reloading YAML has nothing to do with frontend cards

#

but the card does not appear in the choices for a new card in the dashboard.
There's no indication in the documentation that it will

#

it shows you how to write the YAML for use in a manual card

limpid burrow
#

Great. Where do I put that YAML? I have written other YAML, so maybe I can handle it, but where should it be placed?

dark dirge
#

a manual card

#

at the bottom of the list

#

That card is 4 years old. I wouldn't advise relying on it

limpid burrow
#

"the bottom of the list" under custom components? Thanks for the advice. Haven't found anything else for this, but I'll keep looking before I try this. Ibeen at this over a year and still have a lot to learn.

dark dirge
#

literally scroll to the bottom of the list of cards and choose "Manual"

limpid burrow
#

OH, I see. Thanks.

dark dirge
#

And you will need to remove the leading "-" from the first line in the examples in the docs

limpid burrow
#

Wll do. I appreciate your time and expertise.

ocean rock
#

Whats your kettles brand

cloud wren
#

Hi, I'm trying to add a card for my Yamaha receiver, but can't find the one I want. If I go to "Add Card", then select "By Entity", then click the entity, a really nice dialog for the entity shows up already pre-configured. But there's no way to add this as a card to the dashboard. If I search by card type, there's nothing that looks like this.

image.png
tribal galleon
# spark spear hello there: i am trying to follow this video and want to have the day month and...

There's a pinned comment for that video saying the time/date bit is wrong. Replied comment gives a solution for the syntax: ```yaml
type: custom:button-card
show_label: true
name: "[[[ return new Date().toLocaleDateString('en-US', { weekday: 'long', day: 'numeric', month: 'short' }); ]]]"
label: "[[[ return new Date().toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit' }) ]]]"

image.png
golden mistBOT
#

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

📎 message.txt
zealous heart
#

hmm I hate this bot

zealous heart
#

Anyone understand how it's possible to access theses values ?

image.png image.png
stuck spire
zealous heart
limpid burrow
polar zinc
#

Hi guys, I'm trying to create a card here but I'm having trouble. Can anyone help me?

My air conditioning has a function to relax and heat. I'd like it to turn blue when the air is below 22 degrees, and to display Cool, and when it's 23 degrees or higher, it will turn red displaying Heat. Since it doesn't make sense to me to cool the room above 23 degrees or heat it when it's below that.

Is there any way to do this?

I was trying a conditional here to alternate between 2 different terms that ChatGPT suggested to me, but it didn't work very well. I don't even know if it's a more viable alternative.

If anyone knows an alternative, please let me know 😁😁

tribal galleon
tribal galleon
# polar zinc Hi guys, I'm trying to create a card here but I'm having trouble. Can anyone hel...

If you're trying to use stock cards, the Conditional card method will probably work. It sounds like you need a card that supports templating; most stock cards do not. Two custom cards to consider: custom:button-card and Mushroom card particularly its template card. I prefer the custom:button-card myself. The custom:button-card can use JavaScript instead of the more commonly used (around here) Jinja, but it does have a lot of built-in styling features. (Tip: It also supports templatable actions which could be useful in letting the card determine whether Heat or Cool needs to be turned on when tapped, for example.)

#

If you want to stay with stock cards, you might be able to get what you want using card_mod, but it is not the most user-friendly and has a steep learning curve.

limpid burrow
# tribal galleon | I downloaded the stack-in-card from HACS The stack-in-card by RomRider found i...

Thank you. I appreciate the advice. I think the Stickpin Stack-in-Card is the one I happened to use. I followed your link and it appeared to be the page I used (The code is the same.) I did use the custom:button-card, but I have not seen the Mushroom card. I will take a look. I don't code in Java Script. I have only used FORTRAN, VB, VB for Applications, and several flavors of BASIC. I not really a trained programmer, but I seem to be able to figure out the Jinja with occasional questions. Thanks for the advice. I will look at the mushroom card and accept any hints on improving the format of the card. Oh, and I will take a look at card_mod. It sounds interesting.

mystic timber
#

Hey!
I got some help here few days ago, however I still cannot see the temperature of my room when AC is on or off.
The thing is I get the state of the AC by input_select, and the temperature I get by climate entity.

In the living room card I have I only use climate entity and it works perfectly fine, but in the other rooms I need to use input_select to know the state of the AC.

The button that I cannot see the temperature http://pastie.org/p/0kyOxD2X8Lr3gVIM8kg48O
base.yaml - http://pastie.org/p/70lTgNl9xSNFAkLRPo4sMo
circle.yaml - http://pastie.org/p/4LwU6JmgEdWZyn9G95QQCo
climate.yaml - http://pastie.org/p/212FrDbQoMfUhcXufXv6tk

*Keep in mind that I want to retain that Living Room to be using only climate entity as it is now.

Really appreciate your help! also my wife does! 😂

image.png image.png
fiery ledge
#

as long as you keep reposting the same stuff over and over, #frontend-archived message and don't make an effort to change anything after I gave you all you need, there is not much we can do, than await your progress

mystic timber
#

Hi, I have tried your suggestions but it seems that the circle does not even show up, and I reposted it because my post is way up there in the chat 😦

fiery ledge
#

because you don't do what I suggested: don't use those other button-card templates, or adjust them accordingly.

#

if you decide to use the complex config of that other author, at least give an effort to understand what is happening there, or be lost in your own config...

mystic timber
#

When I don't use them there is a text only when you hover the card. but in the tablet i'm using this specific card there's no hover option

#

I do understand what's happening there, it's only grabbing info from climate entity... and I'm lost on changing the author stuff but I like this design a lot

fiery ledge
#

yes that is tooltip, and only used to test the js templates, you can use any other card option, like label, state, stae_display, or a cusrom field to disly those too, just as you like it

mystic timber
fiery ledge
mystic timber
#

that's shown up when I remove the author templates

fiery ledge
#

check those templates for the way it manipulates entity or its atrtibutes, and see if/how they relate to you card entity. You problem is the interchange between input_select, and the climate.

mystic timber
fiery ledge
#

and you entity domain is input_select.... so there you have it

warped yew
#

using the new sections dashboard, is there a way to dynamically change order depending on what's active or not? Not visibilty but order of columns

mystic timber
#

yeah, but my question is, how do I make another option here instead of changing this because I want to keep the Living Room entity to use only climate and the other rooms are going to use that ' input_select`

fiery ledge
#

if you want to exclude 1 card, then dont use that template, and simply put the relevant bits in the card itself

#

or, add the option here and use the input_select domain, but then adapt the return function below it

mystic timber
# 
           /* * * * * * * * * * * * * * * * * *
            *                                 *
            *             CLIMATE             *
            *                                 *
            * * * * * * * * * * * * * * * * * */

            else if (domain === 'input_select') {
                return circle(state);
            }

But If I change it to the input_select it won't grab the temperature from climate entity.

fiery ledge
#

I explained days ago how you can template the other domain using the object_id of the entity. but you got to understand the function Matthias uses here. since you dont. you might be best of not to use it at all, and hardcode the circle to show the temp of your climate entity.

#

makes me wonder though, why not use the same card (that works) for all of your climates, and adjust the one you need the input_select for showing its state by adding a field that shows that state. Seems way simpler

near portal
#

Hi! I am wondering on how to adjust the dashboard's sidebar width (the right sidebar of the 'sidebar' view-type dashboard) - I see in the browser inspection tool that the sidebar size is defined by css #sidebar { max-width: 480px; } - can someone tell me how we can add/overwrite this with custom CSS? Unfortunately, no matter how hard I look, I am not helped by discussion threads and the documentation.

mystic timber
gleaming portal
#

is there a way i can set up one light card to control 3 identical physical lights?

near portal
#

You can make a group (Settings > Device & Services > Helpers > Create Helper)

gleaming portal
#

that did the trick, thank you so much! i didn't realize there were group helpers

near portal
#

No problem!

autumn swift
#

What should be the data in "preset_mode_state_topic " in cliamte card? I have "eco, boost and sleep" modes but when i send ex. eco on "preset_mode_state_topic " nothong happens, should I send 0,1,2 or something?

flat steeple
#

custom:button-card Template dosn't render in front end?

river wren
#

Is there a way to create a button card that gives me the state when pressed eg. "on" and unpressed "off"? I want to create a button to move my shaders and that would make it easier to move it as far as i want them by holding the button

zealous heart
#

Hello, anyone know if it’s possible to remove the red part of a dashboard?

image0.jpg
hard blaze
zealous heart
#

Nice it works, thanks

vocal trench
#

I got a spare Raspberry pi that i want to put my HA dashboard onto linked to a touchscreen.
Any recommendations for a OS to use in order to do this?

zealous heart
#

maybe magic mirror ?

vocal trench
#

Really? Not one i would have thought of
I was just thinking more so taking the URL of my dashboard and putting it to the display. A worthwhile kiosk mode type thing

zealous heart
#

If you have a google nest you can cast on it

vocal trench
#

Nope i do not have one of those. Not the amazon equivalent

#

I have the official rpi 7 inch screen with an rpi connected to it. So just wondering what OS is good for it pretty much

zealous heart
#

If you have an old tablet, you can reuse this too, there are tuto on internet, but I have never cast my dashboard so I can't help you.
For the moment I m fully mobile

vocal trench
#

I have a screen which the rpi links to as stated.
You've suggested options which involve other screens but not the one i have talked about. I assume you relaise this, right?

#

I will look at the link
But if anyone else has suggestions too then im intrigued to hear

vague blaze
pliant mural
#

When creating a UI controlled dashboard, how do I connect it to my HACS cards? Like button-card and such? When making a YAML Dashboard, I put button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/" in it but where does that go for a UI dashboard?

flat steeple
#

Browser mod is not available anymore?

#

Cant find popup service

dark dirge
spark spear
fossil dirge
#

Can someone point me to a video showing how to make a custom dashboard?

shut pollen
#

ffffff i just dleeted a whole dashboard by accident

#

is there ANY way to undo that?

#

i got some of it back ferom a backup but the one i just spent an hour building….. gone :/

jagged cove
#

Hi There, is there any way to force the new section column to be full width on the screen? E.g. i have selected max_columns: 1 - but i would like the column to be full width of my tablet view

golden mirage
#

someone can change color of badges

vague blaze
golden mirage
#

i will try
Thanks

lapis tundra
#

Have the extra cards been taken out of the newer home assistant installs? Or am I doing something way wrong here? I go to make a new dashboard, and there is 1 card to choose from.. I am at a loss here.

golden mistBOT
#

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

📎 message.txt
tribal galleon
#

@rough summit Try refreshing your browser and/or clearing your browser cache. Also, looking at the doc for the card:

Add the following lines to a view in 'cards:' as a 'manual card' or use your yaml configuration and add:
The card does not show up in the list of cards to pick from. Scroll to the bottom and select Manual. Here's some sample code.

type: custom:simple-clock-card
use_military: false
hide_seconds: true
bold_clock: false
font_size: 4rem
paddingLeft_size: 32px
paddingRight_size: 32px
paddingTop_size: 32px
paddingBottom_size: 32px```
lament oyster
#

okay, so I have a helper that I disabled temporarily, and ... it completely disappeared from my helper menu. I thought maybe I accudently deleted it, but when I tried to make another with the same name, it says it still exists

vast crane
lament oyster
#

Thank you! I was going nuts (and realized I could just turn off the button I wanted by commenting it out of the card it was being used for)

rough summit
inland lava
#

With the dashboard background feature of 2024.6, can we set it to a picture entity? Or set the URL to that of a text input that contains a URL?
I'm wanting to change the picture through an automation.

fiery ledge
cloud pivot
#

I am trying to better understand how dashboard works.. it seems to get cached in my phone when I login. I had to delete all data from companion app to see new devices I added there. this is a feature, bug or there is a place to refresh it in the UI?

mossy timber
#

so i have a group of lights, which when i add it to the front end i get a toggle which toggles all the lights on/off at the same time.

and then if i tap on the entity, i get a 'more info' window where i can control the color, brightness, state, etc.

is there a way to have a similar window where i can turn individual lights from that group on or off?

#

bubble? i saw something about bubble 🙂

vapid field
#

Yes, I have bubble card and I'm looking for a slider.

#

Bulbs B 1, -4 are separate lights, but I also have a "Ceiling group" entitity, that is a group of all bulbs

#

do you know if bubble supports a slider, which would slide Bulb 1-4 view only if you press it?

#

Like this: For opened state:

image.png
#

when closed

image.png
mossy timber
#

oh. no, sorry 🙂

last time i played around with frontend was 3-4 years ago ... my dashboard has been static (and pretty basic) since then ... i'm trying to figure out whats all possible now

dense hornet
#

hey can anyone provide any tips on this please, noone responded yet so just thought id follow up again 😅 #frontend-archived message

river wren
#

Is there a way to change the state font size inside of a card? Like with card mod or something else?

toxic axle
#

Depends on the card

river wren
#

So far it is a standard button card

toxic axle
#

In custom button card it would be:

styles:
  state:
    - font-size: 14px

Not sure if the standard button card works the same way. But I guess you could try.

river wren
#

Doesn't work in standard button card.. maybe I should change my card to a custom one

fiery ledge
#

of course the above does not work.... this styles object is a special options configuration for custom:button-card only, please check the docs on the matter. Core cards dont use that at all, (there are but a few cards that allow you to inject css natively). for any other modification you require custom card_mod. There is a huge thread on the card, and a post in the first topic at the bottom, with an overview of many of its options

#

its even pinned in this channel , see the 2nd by Petro

mystic timber
#

hi, trying to put an action in one of my cards; in Dev Tools it works perfectly on Actions section.
and on my card it wouldn't for some reason..

  entity_4:
    entity_id: button.tami4_boil_water
    templates:
      - yellow_on
      - red_off
      - red_unavailable
    tap_action:
      action: button.press
      target:
        entity_id: button.tami4_boil_water

What am I missing here?

vast crane
#

Depends on what kind of card that is, and if that card supports tap_action. I don't recognize that yaml so I'm assuming something custom.

mystic timber
fiery ledge
#

did you see button.press in the available options? (in the documentation I mentioned a few times now).
but, in this case you are in luck

      tap_action:
        action: call-service
        service: button.press
        data: # target: works as well
          entity_id: button.your_button```
last garden
#

Hi All, I trust you are well.

I'm currently looking at the energy dashboard where I have added my current electricity usage (and under it the cost entity) using BottlecapDave's HomeAssistant-OctopusEnergy integration guide. I am with Octopus, I have an Octopus Mini, I am on intelligent tariff and i charge my electric car overnight using a 32amp commando socket.

As I understand, on intelligent tariff, in a 24h period, there is an on-peak rate between 05:31am to 11:29pm and two off-peak rates: 00:01am - 5:30am and 11:30pm - 00:00am.

I wanted to ask if there is a way I could see for the current day, the usage split into on peak and off peak usage. Current view is without any split (as a continuous bar) that shows total usage over a 24h period.

Thanks.

vast crane
dense hornet
#

ulm_card_generic_aa_name: "[[[ return entity.attributes.friendly_name ]]]" what should i put here if i want to be able to have a custom string instead of the friendly name?

#

so if i want to put
ulm_card_generic_aa_name: CPU

#

in the actual card

fiery ledge
#

just that would work, did you try it?

dense hornet
#

i have but for some reason it keeps returning the friendly name instead of whatever i write

fiery ledge
#

maybe something else in the card overriding that

dense hornet
#

actually it's not even a friendly name, it's just the name of the entity that its given

#

hmm

#

ill try a different entity

fiery ledge
#

you can also test this: ulm_card_generic_aa_name: "[[[ return 'CPU'; ]]]"

#

but its silly to use a template for a string only 😉

dense hornet
#

yeah i would need to do that for each sensor which would be a mess

#

I basically just want a title card with CPU and the usage in the label

#

and then same for GPU temp or whatever etc

fiery ledge
#

what did the test return?

dense hornet
#

now im doing it with a title card and im trying to return the state of the entity (aka cpu usage) as a string

#

this isn't something i can do, right?

label: "[[[ return entity.attributes.state ]]]"```
fiery ledge
#

no

dense hornet
#

😭

fiery ledge
#

unless the entity has an attribute state

#

what do you want to do?

dense hornet
#

just return the value of the pc_cpuload entity

fiery ledge
#

then why return an attribute?

#

[[[ return entity.state; ]] would work

dense hornet
#

ah i thought state is technically an attribute as well

dense hornet
fiery ledge
#

what happens if you delete the template there, and use a button-card pur, for testing

#

ofc add show_label: true

distant briar
#

having a brain fart, how do you create a simple software button that does some kind of action.. ie i want a button on my dashboard which turns on/off my TV via ie. I have a service etc set up to do that, but I can't work out how the button works. I've created a helper button but i can't seem to do owt with it.

fiery ledge
#

use a core. type: button and add the script to the action?

dense hornet
fiery ledge
#

or use the button option in an entities card

distant briar
#

ah so i can put all the service code stuff in the actual entity button card itself?

fiery ledge
distant briar
#

ah yes looks like script is the way to go .. .i was overthining it

#

ah ok, will try that too 🙂 thank you

fiery ledge
distant briar
# 
        metadata: {}
        data:
          delay_secs: 0.4
          hold_secs: 0
          device: screen
          num_repeats: 2
          command: up
        target:
          device_id: 9bdc89093943a387cdf0a508de22dc6f`````

is what i want it to "do" when i push the button
dense hornet
#

let me try a different sensor

distant briar
#

oh you were replying to him ... lol oops

fiery ledge
distant briar
dense hornet
# fiery ledge should show this

yeah doesn't work with my bathroom temp sensor either. not sure if it makes a difference but this is all being written inside of a custom card, not in the view file itself

#

although i dont see why that would affect it

fiery ledge
#

no need to create an extra entity

dense hornet
#

ha it works in the view file

fiery ledge
dense hornet
#

so it's something to do with my custom_card file

fiery ledge
#

at least now you know how to template the state of an entity 😉 [[[ return entity.state; ]]]

dense hornet
#

yes! thanks very much 🙂 hopefully i can get the other issue resolved too

fiery ledge
#

sure

dense hornet
#

it is quite weird that it won't fetch it though

#

i think the js error i showed from the console is a syntax issue

fiery ledge
#

well it says your entity is undefined

odd badger
#

is there a request / way to have a person entity with image to be transparent when displayed on a map / dashboard / etc?

image.png
fiery ledge
#

other than installing some custom element to code the styling, there is not no. check Ildars post on styling Map

#

fwiw, I set my person entities using a custom_template on the picture, so they are grayscaled when not_home. Also, you can make and use better pictures, so they dont have that white background, (make m transparent)

mystic timber
shut gorge
#

How can i show a Dashboard on localhost without the side menu?

toxic axle
shut gorge
#

I looked at it, but it's discontinued?

toxic axle
#

Not like it's a product that won't be delivered. Works fine for me on 2024.8. I'm sure there are other options as well

fiery ledge
#

Maykar has set his repo to archived with a reason

shut gorge
#

Yea, figured out after searching HACS 🤦‍♂️

plain delta
#

https://imgur.com/a/th4cdmV
Any idea how to modify these state changes. currently its a Ambient color on some. Can't seem to find where to do this again

shut gorge
#

Any way to bypass login for a specific user on localhost? trusted_users seems to be crashing home assistant and booting it in recovery mode

sonic dock
#

why does paste not work here?

image.png
#

it makes 0 sense, can paste into every field in home assistant except here?

vast crane
#

paste works fine for me there

sonic dock
#

weird, a right-click extension as preventing it

golden mistBOT
#

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

📎 message.txt
mystic timber
shut gorge
#

Yay, proof of concept working.

Made an addon spinning up a RTSP server and a NodeJS process using puppeteer to record 3 seconds of a specific dashboard. Every 15 seconds a new 3 second clip will be recorded. Then the recording is streamed through the RTSP server and added to Scrypted, which then exposes it to Homekit etc.

So the dashboard can be shown on e.g. an Apple TV.

image.png
plain delta
#

Any ideas why i can't get Advanced Settings to appear for me? Advanced Mode is enabled under the profile

image.png
vast crane
#

I don't understand where that screenshot is from. That looks nothing like what the stock more-info dialog looks like.

#

There is no "advanced settings" for a binary sensor.

#

@plain delta

cloud pivot
#

does anyone has a problem on android that the dashboard is saved in an old state (missing new devices for eg.) after you change in from the web ui?

plain delta
vast crane
#

Or you're using some custom UI that you're not mentioning.

plain delta
mighty timber
#

Good afternoon. I'm working with a button-card and trying to pull a zones icon based upon the pesron at hand. This {{ states.zone | selectattr("attributes.friendly_name","equalto",states("person.x"))|map(attribute="attributes.icon")|first }} functions well on the template side of things. is there a way to bring it inside the button-card or would it be best to create a sensor for each person that feeds the result as a string that I might call from the button-card? ( Snippet lifted from j0dan here: https://community.home-assistant.io/t/adding-mdi-icons-to-presence-detection/122677/3 ). The state being returned as the zone's Friendly Name is what has me stumped. I don't know how to use that to get back to the .attribute of the zone entity.

last garden
#

I'm working on setting up a generic camera for Ring Floodlight Camera. I was able to setup the generic camera for Ring Doorbellc amera, using still image and stream source, but when i do the same for the Floodlight Camera, i get an error Timeout while loading URL for the stream source.

#

any suggestions are welcome.

#

in the server log file, i get some errors which would suggest the stream doesn't exist:

Logger: homeassistant.components.stream.stream.test_stream
Source: components/stream/init.py:448
integration: Stream (documentation, issues)
First occurred: 19:34:35 (21 occurrences)
Last logged: 20:10:49

Error from stream worker: Error opening stream (ERRORTYPE_5, I/O error, rtsp://:@03cabcc9-ring-mqtt:8554/343ea4dc3974_live)
Error from stream worker: Error opening stream (INVALIDDATA, Invalid data found when processing input, rtsp://:@03cabcc9-ring-mqtt:8554/f83331f3f434_live)
Error from stream worker: Error opening stream (HTTP_NOT_FOUND, Server returned 404 Not Found, rtsp://:@03cabcc9-ring-mqtt:8554/f83331f3f434_live%5C)
Error from stream worker: Error opening stream (ERRORTYPE_5, I/O error, rtsp://:@03cabcc9-ring-mqtt:8554/f83331f3f434_live)

distant briar
#

How does one go about changing the default dashboard globally please? I can only seem to see a way to change it "for this browser" which isn't much use.

vast crane
mighty timber
#

If you'd like to make a work around for the future...you could just copy the yaml of the new dashboard over the old for any device/browser still pointing at the old. Hacky for sure.

distant briar
#

thats.. crazy. how are you supposed to make a new dashboard then? was i supposed to construct it using the normal default dashboard instead?!

mighty timber
#

Each device/browser and by extension user selects where they land.

distant briar
#

yeah thats what i figured I would have to do but there is a lot of references to other tabs within the dashboard and it always refers to it by actual dashboardname/tabname so i'll have to do a ffind/replace on all references to the dashboard name i guesss

#

fingers crossed that it works.

#

having each user/device have their own default is all well and good, but I am the admin, I should have the rights to mandate this and override/change it

mighty timber
#

How many devices are you working with? What enforces a user from changing things out? I just set up the wife and kid with the default for their device by hand and keep working on other dashboards independently.

mighty timber
fiery ledge
mystic timber
jagged cove
#

Hi There, does anyone have any suggestions to achieve the 3rd image in the post here? I would like to increase the column width to the full width of my wall tablet: https://imgur.com/a/EmAu3ot I would also like to be able to use the new badges at the top of this screen.

long elk
#

how can i integrate system bridge into my dashboard? it does not create a card...

dark dirge
#

it appears to create a bunch of entities that you can add to any card that displays the state of entities

#

integrations don't create cards

long elk
limpid remnant
#

Developer Tools > YAML > All YAML Configuration seemingly would do just that - reload any and all YAML file changes. But, changes to Configuration items like Recorder and InfluxDB entries require a hard restart. Is this expected behavior, or a bug? I run HA in Docker using YAML files wherever the UI is not required. What YAMl file changes DO require a hard restart?

vast crane
#

It's a bit misnamed. All YAML reloads all the reloadable components.
Its essentially the same as clicking all the other individual buttons on that page.
If it can't be reloaded individually, it can't be reloaded at all via All Yaml.

fiery ledge
pliant mural
#

How do I get custom button card templates into the UI editor? Whenever I try to use one, it just says the template is missing.

gilded blaze
#

Hi all
I've created a sensor in configuration.yaml and I want to assign it a helper category. Is there a way to make it configurable in the UI so it can be assigned a category? Or perhaps a way to assign it a category directly in the yaml file?

lyric prairie
remote garnet
#

My custom light buttons with help from chatgpt

SmartSelect_20240820_190900_Home_Assistant.png
fiery ledge
graceful blaze
#

Hi Guys, I am trying to get weather icon based on weather. Basically i get current weather state into state, then get name as concatenate (second row) and i want to use string which is stored in name as a path/name for icon. Any suggestions what to do ?
icon: >
{% set state = states('weather.forecast_home') %}
{% set name = '/local/community/weather_icons/' ~ state ~ '.svg' %}
{{ name }}

tribal galleon
# graceful blaze Hi Guys, I am trying to get weather icon based on weather. Basically i get curre...

First, you'll need to use card that accept a template; most of the stock cards do not. The Mushroom Template Card (included with Mushroom cards) can do it; it uses picture: instead of icon: in order to use an SVG. I took your code and modified it to work with the icons that I have and changed the minus signs to plus signs in the name variable. (Note: my weather state is currently clear-night which I don't have an icon for so I manually set the state and I put the path as another variable.)

# 
type: custom:mushroom-template-card
picture: |
  {% set state = states('weather.home') %}
  {% set state = 'cloudy' %}
  {% set path = '/local/icon/amcharts_weather_icons_1.0.0/static/' %}
  {% set name = path + state + '.svg' %}
  {{ name }}
primary: |
  {% set state = states('weather.home') %}
  {% set state = 'cloudy' %}
  {% set path = '/local/icon/amcharts_weather_icons_1.0.0/static/' %}
  {% set name = path + state + '.svg' %}
  {{ name }}```
image.png
tribal galleon
# pliant mural How do I get custom button card templates into the UI editor? Whenever I try to ...

Like Bas mentioned, you'll need to add the custom:button-card templates to the Raw Editor. You can look at my dashboard's YAML; the templates start at Line 162 LINK.
header_example_template: I used for reference (and never bothered to remove it). The generic_custom_button: at Line 178 is my main template. Templates can also reference other templates (which Bas mentioned as nesting). You can see an example in the oversized_custom_button: template at Line 226 which references the generic_custom_button: template. (At Line 299, you can see a template referencing another template which references another template...)
The first template to get used on the dashboard is the oversized_custom_button at Line 1382; it only takes 6 lines to make that card since the template is used.

graceful blaze
#

if i remember correctly, i tried this in custom button card, but i am not able to check it now, will do once i am back home. Anyway thank you for suggestions, will also report here if it is working for me as well

tribal galleon
# graceful blaze if i remember correctly, i tried this in custom button card, but i am not able t...

custom:button-card doesn't use Jinja like you used; it uses JavaScript. And, IMO, much easier to accomplish what you are trying to do (provided you have icons that match all of the states): yaml type: custom:button-card entity: weather.home show_entity_picture: true entity_picture: | [[[ return `/local/icon/amcharts_weather_icons_1.0.0/static/${entity.state}.svg` ]]] name: | [[[ return `/local/icon/amcharts_weather_icons_1.0.0/static/${entity.state}.svg` ]]] This syntax also works but I recommending learning to use the method above; it is way more elegant. ;)yaml entity_picture: | [[[ return "/local/icon/amcharts_weather_icons_1.0.0/static/" + entity.state + ".svg" ]]]

image.png
graceful blaze
#

i did find the original idea for code somewhere on internet and it was using JavaScript, but it was not working as described, so i started asking GPT and it seems i was headed towards wrong direction using Jinja. And yes, i have all icons stored locally and named according to each state.

tribal galleon
graceful blaze
#

i usually don't using AI for HA, but i was trying to figure this out cca 3 days without any luck, so i tried GPT. I can't code at all, everything what is incorporated in my HA is something that i found somewhere over internet and modified/optimized to my use case. For future, i will rather ask here.

tribal galleon
#

That's the best way to learn. That's what I did. Roaming in the forum and seeing something that caught me eye, taking the code, and then messing with it to understand how it worked. And then, what else could be done with it. (And picking up a little bit of Jinja, JavaScript and CSS along the way.)

mighty sigil
#

Can I easily display a time entity with seconds? I got it to display a time rather than in x minutes by adding format: time, but it only shows "6:20" for example. How do I get it to show "6:20:24"?

warped yew
#

Anyone know how to change the background color of a mushroom badge template card for the new sections views?

graceful blaze
ashen pier
#

does anyone know of a way to have a secondary check to the "home zone" if you want to set the home zone to like 20 or 30m, since it will trigger routines randomly if its set that low? It sucks that there is nothing that can check if your mobile phone is connected to your local network (WiFi). lol as I typed this I left home and returned while the phone is on the end table and I never moved out of my chair.. thank god I disabled the Away automation or my computer would have gone into sleep mode.

vast crane
ashen pier
#

I'm sorry I may not understand .. I cant see anything that tells me what connection my phone is using like my ecovac does have an entry that show its ip address and which network its using but I don't see that on those indicators on what home assistant has availabile for my phone .. and I don't want to take my robovac with me every time I go out 🙂 lol

vast crane
#

Do you know where in the app you can enable sensors?

#

called "Wifi Connection" under network sensors I believe

ashen pier
#

ok sorry .. I found it .. I cant believe I didn't look in there before .. I usually do that with all my devices because there is often things I need that don't show up ... DOH

tribal galleon
ashen pier
#

is there any way of changing the update rate of the sensors in the Mobile app . I disabled my wifi so I'm on mobile data but its still showing me connected and its been like 5 minutes

vast crane
#

Android you can choose every 15m or every 1m update.

ashen pier
#

ok it must be on 15 minutes. where can I change the setting I don't see it but I may be blind like I was for enabling the sensor?

vast crane
#

its in companion app settings next to the sensor menu

ashen pier
#

I have been dealing with home assistant for about 2 years and Im still not used to the terminology .. since everyhing changes and names change its hard to keep it straight. sorry I don't know what is meant by companion app .. I did realize you were talking about the thing in integrations why you mentioned Mobile app but I looked and don't see companion app there. can you clarify .. are we talking about the home assistant app on my phone or is it something else? sorry again .. I'm struggling with everything home assistant has to offer because it is so difficult to understand and changes so much

vast crane
#

Yes you have to go on your phone, into the ha app, and in the settings menu there is a special settings page for companion app

#

setting says "Sensor update frequency"

ashen pier
#

ok thank you very much .. I would have never found that 🙂

lunar bolt
#

hey, I want to add a button to a frontend card, by basically overlaying two cards on top of eachother. My endgoal should look something like the screenshot. <the button is supposed to toggle a helper entity which in turn will change the displayed weather card. I want to avoid having the button below or above the weather card as to not add height to my dashboard. I thought about doing this with custom:button-card and custom fields for the clock-weather-card and another button-card for the helper toggle but couldnt quite get it to work. Does anybody have a quicl idea to help me? 🙂

image.png
tribal galleon
stiff cipher
#

does anyone know how to get full screen on a tablet running lineage os 15.1 (android 8.1)?

#

i can't seem to hide the android navigation/status bar

#

running kiosk mode to hide the homeassistant bars

slender fjord
#

In the companion app settings choose put app in full screen, kiosk browser (app) has a similar option as well

graceful blaze
gusty glen
#

oh nevermind, I just found the themes folder in my config dir 🙈 it's crazy how fast asking for help on discord helps finding a solution

#

hmm, just adding it to the themes folder seems to be insufficient

gusty glen
#

ahh I've checked everything, I have

frontend:
  themes: !include_dir_merge_named themes

the yaml is in my themes folder in its own subdirs, like the other hacs installed themes
I have restarted ha, reloaded yaml.
the theme does not show up and there's no error in the logs.

what am I doing wrong?

gusty glen
#

gnrrrr the file was named .yml not .yaml

stable jasper
#

is it possible to style the section title with a theme or something ?

#

Need to have it in another color

fiery ledge
#

Ofc also use the correct extension 😉

buoyant pelican
#

I'd like to use the new badges and mushrom badges in other places. Does anyone know if there is a component for badges?
For example, I can use energy components despite them not being listed as components using type: energy-usage-graph
I kind of hope there might be something like:

type: badges
badges:
  - type: entity
    ......

The closest I can find is the mushroom chips entity, but it's limited by not being able to have labels showing on the chips so not really great for what I'm needing 😦

stiff cipher
#

if I was wanting to combine elements from these two remotes into one, how would I begin going about that? for example:

  • i've never had luck getting the remote on the right to show what's playing, while the plex one does
  • i like the background image when something is playing like the plex remote (left) has

things like that

image.png
deep vector
#

HA Not showing all entities (Core 2024.8.2, Frontend 20240809.0)

safe ember
#

Is there a way to make the badges area grow horizontally (and scroll horizontally) instead of adding new lines for overflow badges?

karmic whale
#

anyone have some experience with state-icon and template logic for colors?
I have been banging my head for a few hours and chat gpt to get this to actually change color. It either stays "default" blue color, or goes to white. But never does it show an indicated color, even when I try to force it with just a static return

  - type: state-icon
    entity: sensor.2024_ioniq_5_car_battery_level
    title: 12v
    state_color: true
    style:
      left: 25%
      top: 0%
      padding: 1px
      transform: scale(1.1, 1.1)
      '--paper-item-icon-color': >
        [[[ return red; ]]]
tribal galleon
junior scarab
#

Is there a way to edit the grid card yaml to adjust padding/height?

karmic whale
tribal galleon
#

The next thing, the card may not accept templating like what you're wanting to do.

karmic whale
# tribal galleon The next thing, the card may not accept templating like what you're wanting to d...

I've gone both with JS and Jinja and they both do not work to change the color.
And what's more frustrating is that I've copied this template/card from another user so presumably it's worked for someone else.

I've tried with this jinja as well, still no go. the "Template Editor" returns "green" when I validate against that

{% if states('sensor.2024_ioniq_5_car_battery_level')|float > 1 %} green {% else %} red {% endif %}

Heres full entity:

  - type: state-icon
    entity: sensor.2024_ioniq_5_car_battery_level
    title: 12v
    state_color: false
    style:
      left: 25%
      top: 0%
      padding: 1px
      transform: scale(1.1, 1.1)
      '--paper-item-icon-color': |
        {% if states('sensor.2024_ioniq_5_car_battery_level')|float > 1 %} green {% else %} red {% endif %}
floral cove
#

@karmic whale : Try:
{% set battery = states('sensor.2024_ioniq_5_car_battery_level') | float(0) | int %}
{% if (battery > 1) %}
green
{% else %}
red
{% endif %}

#

it failsaves to 0

#

and perhaps you need some additional quotes around the colournames

#

'green' and 'red'

#

not sure

#

#untested

karmic whale
vast crane
#

What card is this?

karmic whale
#

The whole card/parent is picture-elements.
The sub-entity "element" is state-icon

vast crane
#

You can't put templates in there.

#

Stock cards don't use templates (except Markdown card)

karmic whale
vast crane
#

huh I can't explain that

karmic whale
vast crane
#

I'm wondering if card_mod lets you put templates into style section even when that style section is not under card_mod heading.

karmic whale
#

that's probably the path I need to investigate. I can take another look later

vapid nymph
#

Is there a way with the new Sections view type for dashboards to widen a section? I don't want to add columns in this case, but I don't want the dashboard to be a single skinny column on a desktop.

vast crane
vapid nymph
tribal galleon
karmic whale
#

is that what you meant? or did you mean the card_mod lovelace plugin

stuck spire
#

How do people handle guests in their homes? I'd like to setup a very limited dashboard for lighting control (only) tied to a "guest" user. This part is easy.

Ideally, I'd like to have a QR code setup that could log the user into the companion app once downloaded. Anyone have thoughts on that? I do not have remote access configured (and won't in the future) so I'm not super concerned about the security aspect of this.

vast crane
tribal galleon
# karmic whale is that what you meant? or did you mean the card_mod lovelace plugin

I think what that is showing is, in fact, using card_mod. I think it is using the deprecated syntax. I don't know enough about picture-elements and don't want to point you in the wrong direction. Looking at the code, I see the colors being set by a variable but not with a template. Like karwosts mentioned, that part won't work. I'll take another look at it when I get home from work to see if I can figure the card_mod part.

stuck spire
tribal galleon
#

Or a tablet that you contol or voice commands.

#

Unless I have a long-term guest, I would not grant someone access through the app.

karmic whale
copper isle
#

Hi I am looking for a way to implement confirmation dialog while entering Input Number. Is it possible?

pliant mural
#

Is there a way to make a block of tiles that can be used in multiple dashboards? I am creating dynamic tiles but I do not want to have to update 3+ dashboards when I get a new item. Is there a way to update in one spot and have the changes reflected in others?

safe sage
#

Ok my fault I did mess with .storage but when restarting I got an error in lovelace_dashboards telling me that it was corrupted and that it was saved as corrupted so I can fix .... but lovelave_dashboards.corrupted was an empty file (not really helpfull - should be with the error still inside) Should I file a bug ? with frontend or core ?

broken marsh
#

I'm trying to set options of an input_select via the input_select.set_options action. It works but when I open the helper via UI afterwards, it only has the first option I added manually when creating the helper. It doesn't show all the options I added via action. Why is that?

vast crane
broken marsh
vast crane
#

IDK it works for me

#

show a screenshot of what you set, and what the UI looks like?

broken marsh
vast crane
#

Ok I see what you mean. I think that's expected.

#

The options you set in the config are the "permanent" options. Calling set_options service is more temporary, I think it just changes it until you next restart, and then it goes back to the permanent options.

broken marsh
#

Crap. I was hoping to use the set_options to populate the options more easily. I have 600 options. 😄

vast crane
#

That's quite a select.

broken marsh
#

Yeah. List of jokes to be selected by | random was the idea.

visual oak
#

Hi all, my system is overflowing with unhandled promise rejections referring to my Nest Hubs (https://github.com/home-assistant/core/issues/124371). I have tested all kinds of things; restored a backup, started in safe mode, removed browser-mod but nothing is slowing the stream of errors I see. Somebody can offer some advice what to search for or what to test to see if I can find the cause?

golden mistBOT
#

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

📎 message.txt
visual oak
#

I see these messages coming by hundreds/thousend times per minute

lofty tiger
#

Got a quick question, and i think the answer is "blueprint". Bought some water-valve zigbee units (sonoff SWV). Works fine in ZHA. I want to create a dashboard that provides a front end to changing the different watering schedules for each unit(zone). My google searching wasn't finding anything. Before I go create an automation, anyone know of anything off hand i should be looking at instead?

#

Looking for a simple, "every day on/off, or weekly view"

lofty tiger
#

(Trying to make a dashboard page or similar for "normal" HA users to change the watering schedule)

vast crane
lofty tiger
#

thanks, that was my other thought, to create an automation that used vars that were modifiable from a dashboard page, but wasn't sure if something like this already existed.

vast crane
#

Helpers & an automation is how to do this in HA.

#

There's no "custom dashboard per automation" or anything like that.

lofty tiger
#

i can't be the first to want to do this though 🙂

#

(the watering schedule)

vast crane
#

You surely aren't the first. And those who came before you create helpers and an automation 😁

lofty tiger
#

and never published how they did it, so that i could ~~steal ~~borrow their example

vast crane
#

Really though you might want to think if manual scheduling is the right answer. Perhaps even better is to do automatic scheduling based on the weather data. That would be more effective automating.

lofty tiger
#

i live in northern california, it's either hot and sunny, or it's raining and i can turn off the automation.

#

I was looking for a simple pre-built manual "length of time" + starting time. Which I will do with helpers. And create a dashboard so the wife can change it if she wants to.

fossil dirge
#

Is there a website or app I can use to take pictures of my homes interior and it’ll generate a floor plan I can use for the dashboard?

wooden coyote
#

100% pro move
Google maps picture top of your house
And draw lines around the house fillup the floor and draw lines for walls takes about 10 min per floor (if u dont live in a villa)

fossil dirge
wooden coyote
unique kite
#

Hi, can anyone help me understand how to use custom yaml-files? I have installed the goSungrow addon, but I cant figure out how to use the lovelace files provided

steep turret
#

Hello!
I am trying to use a custom chip template in order to use it in UI-Lovelace-Minimalist dashboard, in order to avoid changing things on the premade chip templates.
I am trying to figure out where to put the my_chip.yaml and make and use it in my dashboard yaml.

mystic echo
#

Is there a way to link to an entity’s detail view?

Eg a scripts fields UI allowing to start the script with custom parameters

image0.jpg
vast crane
mystic echo
vast crane
terse delta
#

I dont know if anyone can help me but i cant figure it out. I want to make an entity card in the frontend which displays the current state of the sensor(input_datetime helper) as the secondary information. (The Name should just be called "Last Watered".
For that i simply use {{ states('input_datetime.dachboden_plants_monstera_deliciosa_lastwatered') }} . However i want that when i hold the card that, that it changes the input_datetime to the current date. I just cant figure out how to do that

lethal linden
#

Has anyone had an issue where a card works well on 1 dashboard, but copying and pasting it.... it wont save. I have tried to copy and past both standard and with copying and pasting the YAML code with the manual editor. I have verified all resources are available in both dashboards. Any ideas?

vast crane
terse delta
#

Okay with the script it works, i have like 50 entities to do that with, do i have to create a script for every single one of them? And another thing i want to do ist that when the input_datetime is change the color of the symbol depending on the time passed. Is that possible?

vast crane
#

scripts can have input fields, you can have one script and pass the entity_id to it from the button

#

color changing: not possible in stock HA, but you can do maybe with card mod (advanced)

open seal
#

[Coming from](#general-archived message) #general-archived

Hi!
I would like to add a custom text to the login page.
**I'm not trying to rebrand/resell HA. **
I would like to display an info text like: Contact: admin@domain.com or This is my home, pls leave something like that.
Is it possible?

terse delta
vast crane
#

If mushroom card supports template for icon color then that would work too.

terse delta
#

i dont quite understand what i have to change so that i can select the entity i want when turning on the script with the button

image.png
#

in the field i put the type to target and selected the two entities i want to test it with

image.png
fiery ledge
#

coming from integrations (where I sought for a way too disable the action on the alarm_panel buttons in a tile, only to show the current state, I wonder if anyone here would know how to set action to none on the buttons, but keep the tooltip. (so not using pointer-action: none

#

reasoning: I have a full set of backend automations that take care of the alarm activation based on the state of various variables. I d like the panel to only offer the action on Disable, and the others to be a mere status indicator. Ive checkec the core options for the card, but they can Not set none to the buttons:```
features:

  • type: alarm-modes
    type: tile
    entity: alarm_control_panel.ha_main_alarm
    icon_tap_action:
    action: none
    tap_action:
    action: none
Schermafbeelding_2024-08-23_om_17.16.53.png
stiff cipher
#

if i use media card and target plex, it'll show me what's playing with progress. if i use media card and target my tv, it just shows the plex app is open.

is there a way to combine this data? i like the minimalism of the tv card, but i want it to show what's playing on plex

image.png image.png
golden mistBOT
#

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

📎 message.yaml
gleaming oriole
#

dunno how to delete that ^ hehe

#

is there any way to colour an icon with a gradient?

#

I'm getting this, and I'd like it to be the opposite basically, where the icon itself is coloured, not the background

image.png
gleaming oriole
#

Also, I've been looking for a few options to have a background for a view change dynamically with the state of a sensor. I found this: https://github.com/TRusselo/lovelace-animated-background but I'm struggling to get it to work. I expect the new additions for setting a background for a view has broken this, along with other HA changes. Any ideas?

#

It looks like it's actually not possible to set a background dynamically for a single sections view without editing the overall theme of the dashboard, which I want to avoid. Feature request it is!

tribal galleon
tribal galleon
acoustic flume
#

How do I get my blinds to appear like this popup when on the dashboard

image.png
#

I want this to be replaced with the pretty popup UI

image.png
stuck spire
#

I think it’s just the tile card

acoustic flume
carmine briar
#

When i click on Settings - Devices and Services, the integrations selection screen shows me that there's a problem with some devices missing for some integrations and not for others. If i select the devices under those integrations that claim to have devices not responding, i see a list of ALL devices, but none of them are indicating in any way that there is a problem. I have to open them all up one by one until i eventually find the one that isn't working. This is painful. Most of my devices are EspHome and ZWave, these integrations don't even tell me anything is wrong. Listing devices under the Devices tab gives me the opportunity to filter by state, however "disabled" is the only state to choose from, and it gets selected by default. The list of devices does not change when i select or deselect "disabled", and "unavailable" or "offline" isn't even among the options. I also have no way to list devices and sort by elapsed time since last check-in. How can i track down devices that are problematic? I have 140 devices, going at it one by one is really tedious. Entities gives me the option of "unavailable" in the state filters, but i have almost 4 thousand entities, and there's more unavailable entities than i have devices, seems like a wild goose chase. How can i quickly filter my devices list so that i can work on the ones that aren't connecting for any reason other than dead batteries?

unique kite
#

Can someone please help me. I have installed the GoSungrow addon, but I cant figure out how to use the lovelace files. (I am a complete beginner!)

gleaming oriole
gleaming oriole
# tribal galleon I use this fork: <https://github.com/Skapershik/lovelace-animated-background> T...

Thanks! What I'm trying to achieve is to set the background on one particular view, not the whole dashboard with all views. (I.e. I have a view in my dashboard for weather).

The other thing is that I'm using sections layout, I'm unsure if that affects anything.

If I wanted to set this up for just one view, where would I put the animated_background: and is there anything specific I'd need to include? I know there's a views option in the background integration but usage isn't clear to me.

mystic echo
mystic echo
# unique kite Can someone please help me. I have installed the GoSungrow addon, but I cant fig...

Maybe ask in this thread: https://community.home-assistant.io/t/home-assistant-community-add-on-isolarcloud-sungrow/411602

If your trying to integrate https://github.com/MickMake/HomeAssistantAddons/tree/main/GoSungrow/docs/lovelace

It looks like you‘ll want to setup a blank dashboard with just a single example tho g on it and then while in edit choose „edit as yaml“ in the top right and replace the view: part with what’s in those files.

unique kite
mystic echo
mystic echo
unique kite
#

Still cant make it display the images, do I need to create a folder named local in www folder or does that refer to the www folder?

gleaming oriole
gleaming oriole
stuck spire
# acoustic flume this isn't expanded

@acoustic flume @mystic echo you're both right, I definitely misunderstood. You can add a feature that would add the slider in the same style (which is what I thought you wanted), you can't add the pop up screen as a card natively.

hushed agate
#

does anyone have a nice example to animate an icon on a mushroom template card for when it has been pressed

#

i use em to add items to a list and some feedback would be kinda nice

acoustic flume
polar gate
#

Hey, ive been working on a 3d floor plan and ive gotten a lot down, but im having issues using CSS lines to match hue and some other things. I was wondering if anyone in here more knowledgeable than me would be willing to message/hop in a chat here and there to help me along the way?

quasi bone
#

I'm using the experimental sections + new resize feature. I'm running into a slightly silly thing:
Most cards look best at 2 or 3... "internal columns". Very few cards support 1 "internal column".
My IHD resolution supports 2 section columns, which contain a total of 8 internal columns.
The problem is that while 3 + 3 + 2 = 8 which should allow three things per row, It actually becomes (3 + 1) + (3 + 1) due to the section boundaries.

I assume there is no way to work around this (unless I can use css to adjust the columns per section and it all magically works).
What are other people doing with this new dead space?

image.png
quasi bone
slow citrus
#

anyway to auto update a card with newly added entities to that area

vague blaze
slow citrus
#

i guess i cant add a camera feed to a normal entity card with my lights / switches

#

not sure if i should just make a new area just for cameras

vague blaze
#

You can add the camera entity to an entity card that will show the feed when you click on it.

slow citrus
#

ah but not a live stream like the picture entity

vague blaze
#

Correct.

slow citrus
#

i dont think my cards are auto updating anymore mmm is there a settign you need to enable

vague blaze
slow citrus
#

definetly some websocket failures

vague blaze
#

I figured as much. Websockets can be wonky sometimes. You can try clearing your cache (sometimes that helps) or just force reload the page. Also, look at your networking setup if you are doing something like cloudflared or other external access options.

slow citrus
#

did all that no errors now trying to readd this smart switches but dont seem to be auto filling into the card 😢

covert wren
#

Hi--I've been searching the web and here and tried about a dozen different tweaks, but keep getting this error in the logs with regard to one of my template sensors, specifically for my garage door, and I am not sure what the log is trying to tell me.

#

"Received invalid cover is_on state: unknown for entity cover.garage_door. Expected: open, opening, closed, closing, true, false, none"

#

The template renders out exactly as expected in the Dev Tools template window. But it returns 'unknown' out of my templates.yaml file.

safe sage
dry pendant
#

someone posted a javascript snippet to put into fully kiosk browser to automatically trigger the browser mod interaction button on page load but I can't find it anymore, does anyone have something working for that?

tribal galleon
golden mistBOT
#

Please use a code share site to share code or logs, for example:

Please don't use Pastebin, since it can randomly add spaces to the main view. Please also don't share text as images since it makes it harder for people to help you. Remember that others may have colour blindness, impaired vision, etc.

tribal galleon
shut pollen
#

is there a way to have the default overview dash in the sidebar when another dashboard is set to default? I use overview for cell phones and a few other things because the iOS app has a bad habit of forgetting the user default, and i dont want to reconfigure my wifes phone every time - but I have custom defaults set on other devices. I would love to sill open the overview without having to go into settings

modest vigil
#

With the masonry view, shouldn't the light at to bottom go in one of the shorter columns?

image.png
mossy timber
#

Looking for some help with displaying weather forecast data. Is it possible to show ONLY the 'next hour' forecast of a weather.xx entity?

slow citrus
#

is there a way to restore the default overview back to its original state after playing around with it

image.png
vital burrow
mossy timber
#

I get all the forecast data. It's showing me the next 5 hours of forecasts if selecting 'hourly' in the frontend, and the next 5 days if selecting 'daily'. Thing is .. I want only the next 1 hour & tomorrow 🙂

vital burrow
#

You each use the second response for your template sensors or template weather (which does not support precipitation for the main weather attributes shksShrug )

mossy timber
#

I assumed it would involve a template sensor 🙂

#

Thanks, I'll have to dig into that a bit

vital burrow
#

I am using a template sensor that stores the hourly and daily forecasts in attributes (can store more than 255 chsracters). So I can use that one for further sensors or weather entities without the need to call the action again and again

mossy timber
#

is there a 'weather' type template possible?

vital burrow
#

After that I just have to process the JSON from the attributes

#

Yes. There is a template weather entity

mossy timber
#

that came out wrong

#

yeah what you said 🙂

#

Ok, interesting. I'll have to dig into this!

#

Thanks! Appreciate the help!

vital burrow
mossy timber
#

Hmm, that builds a weather entity where values can be pulled from all over. Is your suggestion that I use this as follows:

temperature_template: "{{ state_attr that pulls forecast data for the specific hour i want off of my main weather entity and takes the temperature from that recor }}"

rinse & repeat for other data points

And then display that in the frontend?

sudden charm
#

Hi Folks, I removed the header on one of my dashboards and now I cannot access the raw configurator since the pencil icon is in the header view. Any ideas?

dry pendant
sudden charm
vital burrow
dry pendant
dry pendant
sudden charm
dry pendant
sudden charm
tribal galleon
mossy timber
vital burrow
#

The forecast has been an attribute, but now it has to be actively retreived with the weather.get_forecasts action. Its response is a lot of JSON. You have to process that response somehow.

#

The attributes of a weather enitity are just the present weather.

mossy timber
#

Oh! Ok, that makes sense then.

sudden charm
#

kiosk_mode:
hide_header: true

#

I then just disabled using

#

?hide_menubutton

mossy timber
#

Oh dear. Excitement. I’m going to have to delve into new parts of HA that I have no experience dealing with. Scary!

tribal galleon
#

browser_mod has some options to hide the header if you want to go for a trifecta. :p

sudden charm
#

Thanks for your help! It led me to question what changes I could recall.

vital burrow
tribal galleon
mossy timber
vital burrow
#

That example extracts one part of the forecast as sensor. There are multiple ways of handling that forecast data. I store the full forecasts as attributes on a time pattern, so that other template sensors don't have to use that action call, but pull their data from my cache sensor.

mossy timber
#

Gone are the days HA was simple!

vital burrow
#

That change might have been technically justified, but was not user friendly indeed.

#

But - we are a bit off-topic of frontend stuff 😅

mossy timber
#

I was just typing that 🙂

sudden charm
#

I cant seem to find this answer on Google. But is there a way to resize picture elements card? i.e Video camera feed card on your dashboard?

celest pendant
#

I'm having some issues with the bubble card separator, there is massive space between the separator and the buttons while examples of the creator have a lot smaller gaps than this.
I tried with some CSS but not really finding the right way to do this :(

image.png
#

oh it has to do with sections.. nevermind :(

rough silo
#

can I change the default "overview" to the new Sections system? I like it a lot more than the older one

celest pendant
upbeat valve
#

Is there a way to have a card control volume of a group of speakers, but on a certain volume ratio?

For example, if I have 3 speakers at my desk, can one slider control all 3 at once, but I always want the middle speaker to be 10% quieter than the L and R speakers?

vast crane
upbeat valve
vast crane
#

This is HA's media control card you're asking about? Or a custom card?

#

I don't see a volume slider there, except if you're referring to the one in the more-info popup when you click on it.

upbeat valve
dry pendant
arctic field
#

Hello, I just migrate mushroom chips to new Badges (2024.8). I have a dashboards with a lot of badges (7+) it's ok on PC. But not for phone. Is there a way how to shown them in one horizontal scrollable line on phone?

polar gate
#

would anyone knowledgeable in using config-template-card with css to make 3dFloorplans be willing to help me out? i can make my floor plan just fine but when i try t o use CSS in any way it either doesnt work or breaks my entire view! not sure what im really doing wrong here!

Screenshot_2024-08-26_124046.png
golden mistBOT
#

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

📎 message.txt
vast crane
#

I would guess that's just the way it's intended to work... that the color is for the entity in the active state, and it uses the default inactive color when it's in inactive state.

#

If you're interested in a workaround you can make a template sensor with your desired state string instead of a binary_sensor. Then the sensor won't have any concept of an "active" state and will just show the desired color at all times.

tribal galleon
polar gate
zealous heart
#

Hello, anyone know how I can display if there are HA update or hass update or other intergation update ?

#

ok found out how to get the HA up to date status

tribal galleon
zealous heart
#

Ok so I have this 2 update card now, is it possible to know if there are updates for the front element or integration ?

IMG_3224.png
tribal galleon
tribal galleon
#

@zealous heart Are you trying to make an "update control" panel? Consider implementing auto-entities. It can watch all of the update entities and display it when "on". Perhaps a tap-action to perform the update.

vestal pulsar
#

Its already a kludge that I need to define multiple badges, one for each state instead of just setting options multiple states

zealous heart
upbeat radish
#

Is there a way to override the name of state attributes to something more human friendly? The integration is giving the raw internal name, which does not look good in any interface. Eg.
"low, LOW_MID" to "Low, Low-Medium"

tribal galleon
polar gate
# tribal galleon The part of code that i mentioned is known as a template literal. Super useful ...

thank you, i ended up getting it to work sorta my only issue now is the colors when they overlay no matter what blend mode i seem to use dont really change the light color properly for all colors , this is the image with it set to green it works better than most of the other colors, red just shows up more or less ass white, purple and pink seem to work best EDIT: im also having an issue with the mobile side, it doesnt seem to find the Flr1_livingroom_lamp.png image i have as it seems to give me the grey square, but! the other images work just fine on the phone and the living room image works fine on the computer browser i use to edit!

📎 message.txt Screenshot_2024-08-26_195216.png
upbeat radish
lethal linden
#

Why would a card work fine on an imac but resource not found on pc or iPhone? I checked resources and it is available. And I reloaded it. Team tracker card...

upbeat radish
#

Looks like you may need to move to the v014.3-beta1 branch.

lethal linden
#

Thank you

#

Problem solved. You are my hero! Update to beta v014.3

upbeat radish
#

Excellent!

golden mistBOT
#

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

📎 message.txt
gentle widget
#

Hi there. Is there a known bug in the Statistics when I try to delete? I want to "Fix Issue" for several statistics, the proposal says: `Entity has no state
This entity has no state at the moment, if this is an orphaned entity, you may want to delete the long term statistics of it from your database.

Do you want to permanently delete the long term statistics of sensor.heizkorperthermostat_fenster_temperature from your database?` but when I click delete, and then reload the browser, the sensor is there again... any ideas?

near wedge
#

I'm using GTFS2 integration, getting next departures from attributes, but how to make the text more compact? just the timestamp would suffice

image.png
gentle widget
mossy timber
#

Is anybody aware of a card that can produce spark lines? (a spark line is a tiny little graph, which in HA could replace a sensor value in an entities card for example)

torpid elk
#

is it possible to make horizontal sections in the section layout dashboards instead of columns? i'm trying to put 4 graphs in a horizontal style

vast crane
#

no

torpid elk
#

darn. thanks!

gusty acorn
somber pagoda
#

Alo all,

How can i make those custom button cards looking exactly as the default tile cards?
With default i mean the icon as a circle and the name / state way more close to the icon then it is right now.
Maybe a sidenode: Im using aspect_ratio, but anything what is needed will be used. The only point for me to use aspect ratio is to auto adjust towards all screens. Many thanks!

image.png
stray forge
#

My ha-icons sometimes contain a iron-icon, other times a ha-icon-svg. It only shows anything in the latter case. These happen often in the menu bar, sometimes in the dashboards, but only to icons which are not of the shape mdi:*. When they happen, they are not necessarily consistent over the whole page. Pictured is a phu:* (HACS:Custom Brand Icons) which displays correctly in the selection and the list but not the sidebar, and similar instances also happen with hue:* (HACS:Hass Hue Icons). Reloading is enough to trigger different behavior, with the usual frequency. Any clues? On the same page that these icons fail, window.customIcons gives me the expected {hacs: {...}, hue: {...}, phu: {...}} suggesting that it's not a cache/Resources issue

image.png
tepid raft
#

I created a subview in the UI that is a panel with a webpage card (so it embeds the page in the view), but when I hit the back button, it doesn't navigate back to the previous dashboard. Any trick to getting this to work when using a webpage?

tribal galleon
# gusty acorn Hey Guys, i installed animated backgrounds and add this to my dashboard but the ...

Looking at your code, it looks like you added the configuration but did not actually apply it to a View. I use the fork by Skapershik as it is the most up-to-date (LINK); if you use the regular fork found in HACS, it may not work as it is outdated. You need to add animated_background: to each view for the background. ```yaml
views:

  • path: display
    title: Display
    animated_background: weather #this is the line to add to your view to use the "weather" group configuration.
    #Set to 'none' if you would like to disable the background for this view
    cards:
gusty acorn
#

Thanks D, i will try that later!

tribal galleon
# somber pagoda Alo all, How can i make those custom button cards looking exactly as the defaul...

I can't find the actual discussion, but a while back I worked to recreate the mushroom-light-card's styling in a custom:button-card. While this isn't the card you're looking to recreate, maybe it can help you with some of the layout configuration. https://pastebin.com/Sq87n2Ee
If you share your code, perhaps I can look at it sometime and try to add some input.
Ironically, earlier toady I was toying with the idea of making a collection of templates that simulate the stock HA cards.

image.png
tribal galleon
# upbeat radish Currently just the default thermostat card. Mushroom Climate doesn't seem to hav...

Yeah. Probably your best bet is going to be the templated entity. The stock thermostat card can't do templates and, I'm pretty sure, the Mushroom Climate card won't either.
If you want to get really sneaky to make something work, you could use a custom:button-card with the Mushroom Climate card embedded inside of it with another button overlayed over top of that to "make" a swing option. It would take a bit of work but could have good results. This is a mock-up in a simple form but it would be functional. (Note: this is a custom:button-card as the container and not a stack-in-card.)

image.png
lone sail
#

I hooked up Google Assistant SDK so that in Developer tools > Actions > Google Assistant SDK: Send text command > Turn Off Bedroom Light, it will turn it off. Is there a way to make this a button on the overview?

tribal galleon
uncut lava
#

Hi all, I don't think mushroom does this, not sure about bubble. but is it feasible to have a card that shows an entity state and on press controls a different entity? eg. I have z-wave tilt sensors for garage doors, but tuya wifi controllers for them. Currently I just have two cards for each door, one with state, one with action.

stray forge
#

mushroom can define tap/hold behaviors on entity cards. the 'Perform action' option can call a script/service/action to interact with the other controller, maybe.

tribal galleon
uncut lava
#

ahhh okay, completely brainfarted when I didnt see the controller in perform action. will tinker with this now. Thank you both!!

somber pagoda
#

Sorry for the tag🫣

lone sail
spark spear
zealous heart
#

@spark spear Hello, I m following "My Smart Home" youtube video

spark spear
zealous heart
#

Yes I ve struggle weeks to reproduce his cards ^^'
You can get the code for free if you go in his dashboard video, there is a link in the description

spark spear
golden mistBOT
#

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

📎 message.txt
polar gate
#

can someone help me figure out why the colors on this 3d floor plan i made arent working as intended the red shows as white basically green is very washed bluew and purple seem to work best!

📎 message.txt Screenshot_2024-08-26_195216.png
stray forge
#

I don't think you want hue-rotate, unless your base lighting color in each of your overlays is pure red? see https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate
you can kind of hack your images into a red one by means of the following, to see whether that at least gets you into the right ballpark in terms of color, but it's extremely hacky.
filter: ${ "brightness(50%) sepia(100%) saturate(1000%) hue-rotate(" + hue + "deg)" }

if your overlays are red, 🤷‍♂️

golden mistBOT
#

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

📎 message.txt
somber pagoda
keen belfry
#

Hi,
I have an auto-entities section, filled with all my switches, sorted by state. I'd like that the size of this section remains fixed and, if needed, scroll in the section. Is that possible?

tepid bison
#

Im looking to get a dropmenu like this: https://i.imgur.com/XuML6YD.png
Is this a custom made one, or am i missing something..
I almost got it to work but it doesnt look as clean as the person did there.

Anyone can guide me into the right direction?

tepid raft
#

Is there a way to reference theme colors in custom styles of cards? Specifically for custom styles of mushroom or bubble cards, I want to change the background color to be that of a color defined by a theme.

somber pagoda
stray forge
# tepid raft Is there a way to reference theme colors in custom styles of cards? Specifically...

Often yes. Usually these themes work by changing css variables (or having them changed by the user in some style sheet). There's a bunch of them defined here, but this is probably not exhaustive. Your browser's Developer Tools are your friend here. Usually the biggest problem is figuring out how to scope your changes to specifically what you want.
https://github.com/home-assistant/frontend/blob/399efca41179aa3cae48a8f9a5dc7c94ca2994af/src/resources/ha-style.ts

image.png
#

obviously that only works because this Mushroom card sets its background like the following, but generally cards are 'good citizens'.
background: var(--ha-card-background, var(--card-background-color, #fff));

tepid raft
#

Follow-up question: is there a way to provide a 'global' set of CSS styles myself that layers on top of a theme? I want to change some styles of all bubble cards for example.

stray forge
#

On top of a theme but globally is more difficult. You can maybe replace your whole dashboard with a Custom Layout Card and style that with Card Mod or whatever to have those styles apply to the whole layout at once. I think the best option would be to make a copy of the Theme you intend to use and add your own styles to it instead.

tepid bison
#

Like this.

image.png
stray forge
#

isn't that just a primary_info: name?

tepid bison
# 
type: custom:mushroom-select-card
entity: input_select.dropdown2
name: Room Select
primary_info: name
secondary_info: none
layout: horizontal

You are a legend, thanks @stray forge i had issues with the layout i feel stupid, but i really appriciate your help man

vapid nymph
#

Is there a way to remove the outline around a section on a dashboard? I've tried many things, but can't seem to eliminate it.

image.png
faint prism
#

anyone really good with custom cards in particular card_mod?

#

i have a web-rtc-camera card with multiple streams and I expose the controls.. but I also have a custom shortcut whose icon changes based on state.. but when I use card_mod to do that it changes the icons for ALL the stream controls to that of my custom icon

#

how can I get the card_mod to only apply for the icon on my custon shortcut

boreal oyster
#

Hi everyone, I am trying to configure my button card so that it changes the icon based on state of the light. I thought I figured it out but now it doesn't show an icon at all.

This is what I have:

show_name: true
show_icon: true
type: button
tap_action:
  action: toggle
entity: light.front_door_light_front_door_light
name: Front Door Light
theme: Google Theme
icon_height: 100px
show_state: false
icon: >-
  ${ states['light.front_door_light_front_door_light'].state  === 'on' ?
  'mdi:toggle-switch-variant' :'mdi:toggle-switch-variant-off' }```
vast crane
#

Is that custom button card or HA's button card?

boreal oyster
#

HA's button card

vast crane
#

I'm not sure where you're getting that from but you can't put that kind of code in icon field at all.

#

Perhaps confusing with a different card that supports inline javascript

#

you can only put a static icon string there

boreal oyster
#

ah ok

#

I guess I can just change the whole esphome code from light to switch

stray forge
tribal galleon
dusky slate
#

Is cardmod broken? I had a script that always worked (changed temperature colours based on what mode the thermostat is running on)..seemed to fail the last few days

dusky slate
prime narwhal
#

Do people normally have separate dashboards for mobile + desktop, or is there a good way to make it somewhat responsive?

runic garnet
#

Hej all, one short question. Does anyone else have problems going back via the well known back arrow (top left corner) within the UI no matter where you are? Nothing happens when clicking it.. Never had such a problem before but it seems to be the case since 2024.8.3..

jade tendon
#

Question i wanna make a card that turns orange when any light is on in a specific room, is there a way to do that?

#

i dont need help with the turning orange part, but with the getting any light in a room part

dusky slate
dusky slate
#

I wish I can say it works, but....mine suddenly stopped...so I'm suspecting my setup of card mod is broken or something

jade tendon
dusky slate
#

you can...you just need to know the "name" of your bedroom light(s)

#

although, I haven't tried tying it to multiple lights...so I assume its up to your decision : do you want to tie it to one light? or multiple lights

jade tendon
#

i have them in a area named bedroom

#

and i want that if any light in that area goes on

dusky slate
#

I apologize I haven't played with "areas"

#

I would have done the stupid way of : check if light 1 is on or light 2 is on or light 3 is on...etc

#

which, while inefficient, is guaranteed to work

jade tendon
#

jup but too much work if you setup new lights etc

#

cool, you can collect all the KWh thats being used in that room

image.png
toxic axle
#

In Sections dashboards, is there a way in yaml to modify the margin/padding between headings and content section? It takes up loads of screen real estate

image.png
stray forge
vapid field
#

I know something similar to this has been discussed before (adding a color attribute to calendars), but here's what I want:
Currently, I use Dakboard to display a bunch of different information on a wall-mounted monitor. I am trying to migrate to home assistant, but there's one feature I want that doesn't seem to be possible by default: a week planner card (showing each day of the next week and all events on the calendar) that includes the colors of events from Google Calendar. I know this isn't possible with a calendar entity, but has anyone worked on a card (or something I can just embed) that integrates directly with Google calendar to allow this functionality? otherwise, I'll have to implement it myself

knotty veldt
#

how can i customize an attribute icon in customize.yaml? i have an ac that has min and max fan speed but the icon is not set and appear a small circle

image.png
vast crane
#

you can't

dusky slate
clever rose
sleek nimbus
#

Is there a way to change the color of the icons on an area card? I note that the background is red and the icons are also red. I can't find where this is set or what determines it.

lofty jungle
sleek nimbus
worn badge
#

waddup you beautiful things, how does one make these things have some space inbetween them?

image.png
toxic axle
simple grotto
#

Where is “all entities”?

fast bloom
#

Can anyone help with mini-media-player? I can’t get the code right to fire-dom-events on shortcut buttons

#

It works fine on the card itself. For the button, keep getting the error Failed to perform the action fire-dom-event/undefined. required key not provided @ data['service']. Got None.

solar raptor
#

I just created my own home assistant theme. I'm working on porting a color scheme that I found on NvChad to many different environments, such as terminals, code editors, applications and I'm now building this home assistant theme that looks like this:"

image.png
#

I also made the vs code theme for it

zealous heart
#

Hello, I m not sure to understand the auto mode of the HVAC HA card
Also I don't understand the "idle"

image.png
vast crane
#

Your room is 26C and you've set the heater to 21C. Therefore it is not heating, or "idle"

#

if the room falls to 20C then it will say "Heating" and not "Idle"

zealous heart
#

Oh ok, I tough idle was an unknow state or something

zealous heart
#

It's strange I don't touch it and it change temperatue and mode by itself every few second ..
goes from 21 wanted to 5 then to 21.
Same for heating

#

hardcoded it to 21 goes back to 5 by itself

image.png
#

hmm if I understand
when I set it to off, the temperature value is forced to 5..

when it’s on heat mode, whatever I change the value, it always goes back to 21

Is this a normal behavior ?

vast crane
#

doesn't sound like it

zealous heart
#

when setted manually the temperature is stable. So a smart manual only thermostat ?

gentle comet
#

Hello,
Because of somfy rts blinds without open/close status I would like to use the report of the open or close button. Where can I find this information?

rocky hinge
#

is there a way to show a heads-up screen inside of home assistant?
i currently have a automation that cycles through different vpn servers. if i dont click the button again, after 6 seconds it sends a shell command to switch vpn server on my router. when i click the button, i hear the name of the server through text-to-speech on a media device nearby. but preferable i would also like to see a screen on open home assistant devices (or kiosk browser) what server is selected.

is this possible?

torpid harbor
#

I think this is a front end issue... Can someone help me understand what's happening here? The switch says it's been on for 3 minutes, but history shows that it's been on for 34 minutes (which is much more accurate).

image.png image.png
#

I guess in the long run, it really doesn't matter, but it is a bit confusing and was jarring to see that the switch thought it was only on for 3 min. That's why I went to look at the history - I was preparing to go check my humidity stats to see how it had triggered a turn off, then a turn on again, but it seems to have been on the whole time.

#

Unless... It's because HA restarted & the switch stat only knows how long it's been on since the last restart?

vast crane
#

if you restarted 3 minutes ago, I think that's the very likely reason

torpid harbor
#

OK. I guess that does make sense. It, along with several other lights, were all on when I restarted. They're all reporting that they've been on for 9 minutes, even though I know it's been considerably longer.
It just threw me, as I've never noticed this before. Thanks.

vast crane
#

that number would just be from the last_changed value in the entity state object, which I believe is cleared on a reset

solar raptor
#

is it possible to overrule the high contrast mode of windows in home assistant? I have home assistant on a specific url, but it's not applying my theme when high contrast mode in windows is defined....

#

or does my theme need special support for high contrast themes?

lilac carbon
#

Does anybody know where I'd look for further logs if I'm hitting an Invalid JSON in response error in Media Sources? I don't see anything popping up in the available log files under Settings > System > Logs, I assume that there's a filename it's having issues with but I can't seem to surface the actual point at which it's hitting the error. The screenshot is all I get. (I do also have Media Assistant installed and encounter a str is not valid UTF-8 error but there's no further info in the Music Assistant logs either)

image.png
#

I did also try just popping up the browser tools to check console in case a more detailed error was getting that far but not rendered to the actual page, but didn't see anything in there.

sonic ether
#

Out of curiosity, have there been any noted performance regressions with recent versions of HA's frontend? To the extent that it causes the IOS companion app to crash, or if it does load, my phone feels like it's on fire. On multiple computers, it takes 30 seconds -> minute+ to load, and then interacting is basically impossible.

#

or it just took 6.4 minutes to load the "default" unconfigured dashboard

stuck spire
#

Are you running themes? What are you hosting HA on?

sonic ether
#

ThinkCentre M900, 16GB, Intel(R) Core(TM) i7-6700T CPU @ 2.80GHz - load average: 1.61, 1.81, 1.69

#

only one theme installed from HACS: iOS Themes - Dark Mode and Light Mode

stuck spire
#

try switching to the default theme and see if the problem persists.

sonic ether
#

A recent issue with themes? [Classic User Response Incoming] Been running this theme for 3? years.

stuck spire
#

Did switching to the default theme resolve the loading?

sonic ether
#

Still trying to get the editor to load so I can disable the theme

#

yeah that did not fix it. Even went so far as to comment out the ```#frontend:

themes: !include_dir_merge_named themes

stuck spire
#

Ok. Anything in the logs?