#frontend-archived

1 messages · Page 27 of 1

zenith stag
#

I suggest you start looking at custom layout card instead of trying to modify card dimensions with card mod. with layout card you can use a grid system to set whatever size you want to cards and still have them align. Doing this with card mod is just a quick fix in my opinion

tame oriole
sand python
#

might not be the right channel, sorry in advance
I am trying to use a theme, the path for the bg images is incorrect, purhaps not meant for docker
('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')
the images are in fact-here:
/opt/homeassistant/config/themes/ios-themes/homekit-bg-red.jpg
how do specific the config folder path ?
I tried this, but didn't seem to work
http://my-ha-instance:8123/config/themes/ios-themes/homekit-bg-dark-green.jpg

sand python
#

ok,
I fixed it by copying the images to the www folder, and adjustig the css to point to /local

zenith stag
sand python
#

yeah i created /www/images/ I was keeping the post short 🙂

placid linden
#

Hello, is anyone here familiar with minimalist design principles? I've recently ventured into creating a minimalist user interface and developed my mobile dashboard. Now, I'm looking to apply custom styling (with card mod for example) to specific button cards that have their own predefined templates.

I'm wondering if there's a way to style a single button card differently without creating an entirely new template. Is it possible to customize its appearance within the standard usage defined in the YAML file?

Additionally, I've been searching for documentation on this topic but haven't been successful in finding relevant information. Any guidance or resources would be greatly appreciated.

Or should I better just go work with mushroom cards and card mods.

tacit cave
#

don't include your style on the template and you can include it on an individual level. If you want default styles for some, then make a second template that contains a default style

zenith stag
#

anybody know if I can "call" the bottom row of buttons somehow? I wish to hide these and create new buttons for each...

Screenshot_2023-11-09_at_14.31.58.png
zenith stag
placid linden
golden mistBOT
#

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

📎 message.txt
zenith stag
# placid linden Sorry could give me an example? this card is a welcome scene card but I want to ...

well it depens on what you prefer. Is that the scenes card from UI minimalist? If yes, it uses Custom Button Card, which is really easy to adjust.
Either you edit the color in the template, or you add a variable fro the color in the template and add your color in the the dashboard instead or third option is to find out where the card fetches that color right now and edit that. If I remember correctly is is the "google-yellow" from the theme.

placid linden
#

will look into that

wet knot
#

I added a device and renamed it, and used the entity renaming option to make sure the entity name and the friendly name matched. After doing so, I have two Entities with the same name - one with the old entity ID, and one with the new one. The old entity ID is marked as unavailable, and says that it doesn't have a unique_ID. Can anybody point me to a way to remove this entity? Everything I'm seeing on Google points to a deprecated method.

tacit cave
#

restart

wet knot
#

Tried that. 😦

tacit cave
#

then it's in your browser, clear your cache and refesh the page

wet knot
#

Thanks petro, somewhere between that and doing a full restart of the host (rather than just restarting HA) it's gone.

devout socket
unkempt root
#

is there a way to rotate the camera feed?

Screenshot_2023-11-09_173641.png
tacit cave
unkempt root
tacit cave
#

well it's not a rotate

#

it's a vertical mirror and a horizonatal mirror

#

these are common things that happen w/ cameras, all controlled by your camera

#

HA just looks at the feed

#

somewhere in your settings will be a 'flip' for x and y

#

and when I say settings, I mean in yoru camera settings, not HA's camera settings

unkempt root
#

its fine here

Screenshot_2023-11-09_174923.png
#

camera is plugged into the sonicpad

tacit cave
#

not sure what to tell you, it's going to be a setting on whatever is producing the stream

unkempt root
#

and i havent touched any settings for it, was only when i started using it on my HA,

tacit cave
#

nevermind, you don't understand what I'm saying.

unkempt root
#

the other 2 is fine haha

Screenshot_2023-11-09_175116.png
unkempt root
#

found a solution, didnt know there was something called card-mod

Screenshot_2023-11-09_175852.png
#

but @tacit cave appreciate you trying to help me out dude

dawn palm
#

Where do I include another device in my Home zone in the UI, somehow my device is no longer listed, I only see my home zone and my wife's phone

distant nest
#

Somnole have à plex dash oard or something

harsh moth
#

Does anyone have an idea why my entity picture is showing this question mark on the HA app?

IMG_1621.png
#

Its working fine in my browser

vapid field
harsh moth
#

he takes them from the Life360 integration @vapid field

#

Is there any way to set the picture to one stored in the Home Assistant media folder?

vapid field
vestal zephyr
#

Hmm am I just being stupid, or is there something preventing CSS-editing browser addons like Stylus from working on the HA Dashboard? I'm trying something simple like

div[class*="title"]
{
    display: none !important;
}

But I cannot even get that to work.

vast crane
#

Not super knowledgeable, but I know the dashboard makes heavy use of Shadow DOM, maybe that is interfering.

vestal zephyr
#

Hmm alright, well that definitely sounds way past my front-end skills to figure out how to get around that haha 🙂

tribal galleon
zenith stag
lyric prairie
#

Did you raise an issue on GitHub? That is the place where most devs look to fix bugs

boreal lintel
#

I am trying to make my ipad dashboard look better for the hollidays. So I am trying to add snow on top of the card (so it lays on top and "over" the first part) of the card. Is this possible? As I understand I need to use card-mod and maybe ::after but not even sure it's possible with that? Anyone has any pointers if this is possible?

example.png
polar kelp
#

Criminally underused feature

boreal lintel
#

That looks perfect! Thank you! Will check it out

polar kelp
#

Unfortunately only a few cards support it...

boreal lintel
#

Yeah, I see now that my most used card (custom:stack-in-card) does not. But do you know if this can be done with card-mod? To just add a .png on top of the chosen cards?

polar kelp
#

I don't think so actually. card-mod deals with CSS and that doesn't really let you add pictures that aren't there from the start.

boreal lintel
#

Aah... I'll leave this idea then and just change the background to a more christmassy theme 🙂 Thanks for your help though

zenith stag
#

Here one way to add some christmas spirit haha
With the same setup you could add a layer of snow to the top. But ofc, I only know how to do this with button card. Like Thomas said, you need to create the actual snow element first, then you can apply the css to place it.

tacit cave
#

you should aslo post a link to the yaml, can't read shit from that video

#

oh, it's just discord being stupid

#

you could do snowflake: &flake <icon> then repicate that field multiple times using ancors w/ snowflake2: *flake
Then do the same w/ the custom field and extra styles

#

but you'd need a way to build in a position variable that staggers the flakes

#

(if you were trying to do multiple flakes)

zenith stag
#

sure, I cna post the yaml. But this is quicker to display

tacit cave
#

ya like that

#

it would be nice to move them in x or y

#

the starting position

zenith stag
#

This is me just trying something for fun for the sake of it. I'm not going to use this 😛

tacit cave
#

haha

#

yeah I get it

#

but I bet you'd make a ton of people happy w/ that if you made a forum post

zenith stag
#

if you know how to do that last part, let me know 😛

tacit cave
#

You could do it with templates

#

possibly

#

so I haven't fully understood what you're doing, what does the extra style do?

#

is that the drop effect?

#

and starting position?

zenith stag
#

yes, thats were you inject the CSS keyframes

tacit cave
#

Hmm, im not seeing how it corresponds to the fields, so it might not be possible.

#

wait

#

postion is set in the style

#

so do this...

#

hmmm, its not a dict.

#

you can only copy paste the snowflake styles and just change the right field for each one, can't use anchors

#

if the styles were a dict, you could use the yaml anchors merge dict functionality.

zenith stag
#

ah true

#

You can see now how this could turn into a full snow storm. It's just a matter of repeating and editing the code, and putting this all in a button card template

golden mistBOT
#

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

📎 message.txt
tacit cave
#

if extra styles are templateable, you can at least duplicate that w/ a for loop

#

I've always been annoyed that regular styles is a list, and now I remember why

#

because it makes using anchors impossible to segment up the styles

zenith stag
#

Anyway....back to the topic of snow on top of card 😛
I cannot seem to set the width to 100% of the card, so using a temporary fix of pixels here. But you get the idea.

Screenshot_2023-11-10_at_13.09.40.png
tacit cave
#

Nice look!

#

I'll steal that for sure

short willow
#

Is it possible to set a font size relative to the screen size? I tried style: font-size: 75% but that just shrinks the font relative to it's own default size. I created a nice floorplan using picture-elements that looks decent on my laptops but would like it responsive so it also looks nice on my tablet, without creating a 2nd copy with specific sizes of everything

zenith stag
#

you can use clamp to set different font sizes. For example:
font-size: clamp (1rem, 1.5rem, 2rem)
where 1= minumim, 1.5 preffered and 2 max

Then there are lots of different units to use. I found this works well for me at least

short willow
#

Hmmm

tacit cave
zenith stag
short willow
#

This is what I have so far. Not 100% there yet, but those elements on the left are the offending items. custom:hui-element glances, another picture-elements housing my weather view, and of course the statistics-graph via another custom:hui-element

image.png
#

And yes I know I need to fix my lounge light 😛

tacit cave
zenith stag
#

try this for a start and see what happens:
font-size: clamp(8px, 50vw, 16px)

tacit cave
#

but you can add any item

zenith stag
#

oh right you are, ofc. I'll try it

tacit cave
#

yeah, just make a new custom field that returns an icon

short willow
tacit cave
#

that icon will just be your snow SVG

#

then position it at the top right encompasing the whole card. You'll be able to set width too because it's not a separate card.

zenith stag
#

oh okay I though you meant replacing the icon. What I did now is add the image as a background in the img_cell. But not working to well with the width still

Screenshot_2023-11-10_at_13.26.17.png
short willow
#

Oh clamp() is perfect, thanks fredrik

zenith stag
#

Boom got it!

Screenshot_2023-11-10_at_13.31.53.png
#

what can do now is just ANY card you like as a custom_field which is really nice

tacit cave
tacit cave
zenith stag
#

a calendar for example 😛

Screenshot_2023-11-10_at_13.37.47.png
tacit cave
#

haha, now you just have to share the SVG 😉

zenith stag
tacit cave
#

Oh nice, you made it look icy

#

You could also put those SVGs in a list and have it randomly render 🤣

zenith stag
#

using png background btw, since I have not experience of svgs yet

tacit cave
#

oh

#

I'll look at it when I get home today, this seems like a fun thing

zenith stag
#

I think we've answered OPs question anyway, case closed

fading musk
#

I have an entity in the picture entity card tied to a script but whenever I click on the button a window pops up and then I have to click "run" to run the script. How do I make the script run when I click on the button?

boreal lintel
#

This looks so much better than I pictured! I will add this as soon as I can and post a screenshot! Holy damn you made that look good! Thank you! This combined with the snow effect JS to add snow falling on dashboard will make the perfect holliday spirit dashboard

tacit cave
fading musk
#

how do you change the tap action?

tacit cave
#

it's a setting in the UI

#

on the card

#

if it's not a setting, then you have to do it via yaml and the documentation will show you

fading musk
#

oh.. not that one. Im talking about the entities

#

the buttons at the bottom right of the picture

#

not tapping on the picture

tacit cave
#

what card

fading musk
#

picture entity

#

sorry picture glance card

tacit cave
#

was gonna say

#

tap_action

#

for the entity

fading musk
#

where do I add the tap-action for entity:script.open_car_gate?

tacit cave
#

I linked the entity section of that card, not the tap action of the card

#

format your code and I will add the tap action

polar kelp
#

I've been out of the game for too long

tacit cave
#

(to card mod)

zenith stag
#

well that made it a bit easier 😁 *all my hard work for nothing haha

polar kelp
#

Not at all

1548610957327.png
boreal lintel
#

That looks really good Thomas 😍 . Perfect actually. Is there a reason why this works so well with entities card and not custom:stack-in-card? On the entities card the snow lays perfectly on top of the card, while on the custom:stack-in-card it is within the border of the card 🤔

image.png
zenith stag
#

maybe the stack-in-card is not a ha-card. So then you need to adjust that part. Not my expertise sorry

tacit cave
#

it's hard coded at 100px high

#

probably need to have a calculation for the height based on the width

zenith stag
#

The spouse is about to get home so that's enough Home Assistant for today. But before I take off I wanted to show you all the power of Lovelace Layout Card for a fully responsive dashboard 🔥 . That way you do not need to create seperate ones for each device 🙂

boreal lintel
#

That looks so fluent!

#

But I think you are onto something about the card not being a ha card. Thomas wrote that in the readme on his github too that card mod injects itself into the <ha-car> element of the card. So I will need to try to find a workaround than to use the stack in cards. Even if it's really hard as I love the way stack-in-card "gathers" all the other cards and make it whole...

image.png
pine cairn
#

could someone tell me how i use custom cards from hacs in my install?

do i need to add them all to resources or am i messing something else up?

boreal lintel
#

Depends on the card maybe.. Most cards I use works after I install them from hacks...

pine cairn
#

lets say, mushroom, button-card stack in, swipe do you use any of these and they just work?

#

or this list?

image.png
boreal lintel
#

Yeah. An when you add a card after you just search for mushroom.. I don't recall doing anything special than to install through hacks..

image.png
pine cairn
#

proof that it is empty for me :/

image.png
tacit cave
#

clear your cache and refresh your page

#

if that doesn't work you have to add it as a resource

pine cairn
pine cairn
tacit cave
#

if they aren't showing and you cleared your cache and refreshed the page, then you need to add them as a resource

#

if you're running a yaml dashboard, then you need to add them via yaml

pine cairn
tacit cave
#

no clue what mushroom-strategy is

pine cairn
#

auto generating dashboard based on mushroom cards, i wanted to try it out

tacit cave
#

well, then you need mushroom..

pine cairn
#

if i dont press reload on that pop up it doesnt add it to resources for me, does it?

tacit cave
#

did you install mushroom cards? Yes or no?

#

via hacs

pine cairn
#

yes but i never hit reload button

tacit cave
#

you don't need to hit reload

pine cairn
#

now i removed it and reinstalled it and hit the reload button now it works

tacit cave
#

you need to add the resource

pine cairn
#

thank you it works

tacit cave
#

np

acoustic wraith
#

is it possible to change a picture or picture-element based on an entity value?

fading musk
#

- camera_view: live type: picture-glance image: https://demo.png entities: - entity: script.open_car_gate camera_image: camera.19_18_10_59 hold_action: action: none title: Open Car Gate

fading musk
tacit cave
# 
  - camera_view: live
    type: picture-glance
    image: https://demo.png
    entities:
      - entity: script.open_car_gate
        tap_action:
          action: call-service
          service: script.open_car_gate
    camera_image: camera.19_18_10_59
    hold_action:
      action: none
    title: Open Car Gate
fading musk
#

oh wow! thanks!

umbral harness
wind smelt
tacit cave
#

what front page?

#

did you find my repo?

#

if yes, those photos are out of date by like 4 years 🤣

wind smelt
tacit cave
#

that's not my repo

wind smelt
wind smelt
tacit cave
#

I would assume that's custom button card

#

based on what he has for the smart home button

pine cairn
#

quick question is it possible to use variables in templates and if so how? by templates i mean something like this, i dont know the correct term

type: custom:android-tv-card
remote_id: remote.shield
slider_id: media_player.android_tv_192_168_178_181
keyboard_id: media_player.android_tv_192_168_178_181
rows:
  - - spotify
vast crane
#

as a general rule, frontend cards do not support templates.
Some custom cards support a kind of templating language that is specific to the card, and will be explained in that card's documentation.

#

but those are different from HA templates.

#

otherwise just refer to a card's documentation to see what is possible.

pine cairn
#

so variables isnt specific to when i use yaml config editor and it needs to be supported by the cards and whatever uses them

tacit cave
#

all of HA is like this, you can't just make up fields in yaml and expect things to behave differently

#

consult the docs and see what's available on each field

acoustic wraith
zenith stag
pine cairn
zenith stag
#

Are you talking about the button card template? It depends on what kind of dashboard you are using. Standard GUI or alla yaml?

pine cairn
#

a mismatch i think that that the answer is i mean like battery_custom_button: and the generic one

zenith stag
#

A mismatch is not an answer, it’s one or the other :p

pine cairn
#

then i dont know, sorry i do use yaml like auto entities, but i also have a visual editor, i know how to acces the dashboard yaml and for example edit the header or add kiosk mode

so i guess standard gui?

zenith stag
#

Sen a screenshot and we will find out:p

pine cairn
zenith stag
#

yeah that's the GUI editor. And you want to know where to add a button card template, correct? To do that you open the raw config editor up in the top right corner.

Screenshot_2023-11-10_at_22.40.22.png
#

you then scroll down to the very bottom of the page, after all your code and add:

button_card_templates:

Below that, you add your templates

#

here on line 19 you see my first template

Screenshot_2023-11-10_at_22.42.21.png
pine cairn
#

and i tried searching through all the settings and never found templates besides the developer thing, thank you sir

zenith stag
pine cairn
#

no, i thought it was native to home assistant, lesson learned better searching

zenith stag
#

ah I see 🙂

tribal galleon
pine cairn
#

hehe, yup

tribal galleon
#

@pine cairn Did you get everything figured out? Looks like @zenith stag pointed you in the right direction.

pine cairn
#

yup, i got it the way i want it to

tribal galleon
pine cairn
#

this makes life just so much easier

tribal galleon
#

I made that template over a year ago and still use it on my dashboard. (Don't mind the weird colors. Animated colored smoke in the background right now.)

image.png
small loom
#

So I apparently have installed or configured something that has caused a horrific Javascript memory leak.
Chrome's memory analyser is showing between 700kiB/s and 1.2MiB/s of memory growth.
Anyone got some good advice on debugging that, beyond disabling frontend add-ons one at a time?
(I think it's card-mod, but having a hard time pinpointing exactly what it is I've done)

acoustic wraith
dusky oyster
#

Question: Is it possible to make the history-graph not clickable? I noticed that changed in a semi recent update, and hate accidentally clicking on entities while on my phone when reviewing the timetable

tribal galleon
dusky oyster
fossil yoke
#

Is there a way to toggle multiple input Boolean helpers with a button press?

I have a set of quick access buttons that toggle a helper on or off. Then I have a conditional card below that shows up when that specific helper is toggled.

If I don't untoggle each item from my quick access menu they stack and I have to scroll to view.

muted frigate
#

Anyone aware of Lovelace Card / integration that can actually stream from the latest generation of Google Nest cams?

I use this one today, but it doesn't seem to work with the newest cameras:
https://github.com/AlexxIT/WebRTC

Returns "Can't get URL for <entity>" for me.

zenith stag
honest ferry
#

Hello , someone could please help to have a card like this one but with 4 buttons ? I'm a newbie . Thanks a lot

image.png
vital burrow
#

Depending on how you want them to appear, you can use a horizontal stack card, a vertical stack card or a grid card and put several button cards in that

honest ferry
#

@vital burrow thanks to reply me

honest ferry
#

I've found glance card, please where is glance configuration file ?

tribal galleon
#

What do you mean by glance configuration file? You simply Add Card to your dashboard and select the entities you want to show.

image.png
#

But, I don't think the glance card is going to work the way that you're hoping. You probably still need to use Jorg's suggestion. Here's using a grid card set to 4 columns:

image.png
#

With a little bit more effort (using a custom:stack-in-card and some card_mod to hide the borders of the button cards) you can acommplish something like this.

image.png
acoustic wraith
#

Picture-Element, state_image are overlaying the original image

wanton vortex
#

Can someone help me indtall lovelace or this Mini player card i wanan add to my system ?ill send you $20 lol

wanton vortex
#

I will legit cashapp or cryptou $50 if u can help! thanks haha

vital burrow
vital lily
#

Koogeek DW1 Smart Door and Window sensor Bluetooth Homekit integration into Home Assistant

I have several Koogeek DW1 Bluetooth Door and Windows sensors originally designed for Apple Home Homekit and transitioning to Homeassistant, want to have everything integrated through Home Assistant and then back to Apple Home using the Homekit integration.
I managed to integrate several bluetooth Homekit compatible accessories using the true and tried method of first connecting them to Homekit then removing them and then again adding them first to Home Assistant and then back to Apple Home using the Homekit integration but for reason the same trick does not work with the Koogeek DW1 Bluetooth Door and Windows sensor.
Can anybody help me with this? Could anybody do the same before?
Any help would be appreciated!

zenith stag
wanton vortex
#

Yes lol I have

#

once i do it once I learn quick tho ... not worried

#

im a developer i can set things up i just dont know whats up theres so many diff installs of HA idk where the right files are that I ned to edit to import the .js file for that speciic plugin/addon for the HA UI

#

I did the docker version on ubuntu

#

everything runs fine just wanted to get this widget on my homepage some

honest ferry
tribal galleon
#

Thank you so much it's exactly what I

warm crane
#

is it possible to use the !include_ stuff in yaml dashboards?

#

ah sorry nvm I had a typo

fresh anvil
#

Is it possible to map a custom action to clicking a button in the default HA button card? I want to turn my TV on and off using a script because it doesn’t support media_player.turn_on

halcyon mantle
#

Is it possible to add the default more-info dialog of a climate/humidifier device into a browser_mod popup? The default climate/humidifier cards lacks some of the options available on the more-info dialogs.

halcyon mantle
# 
            tap_action:
              action: call-service
              service: script.turn_on
              service_data: 
                entity_id: script.xxx
fresh anvil
mighty zodiac
#

Hi,
i got a kind of random issue on my raspberry pi;
the gif of the weather has an weird offset and i can't find any way to fix it.. has this happened to anyone ?

(FYI if i set the same screen resolution via F12 on my "main / not rp3 display" i don't get this issue)

image.png
small loom
prime perch
#

I've been searching through the history trying to find a solution on this but I didn't quite find what I was looking for.

I have a custom:button-card that I'm trying to alter its background transparency. Not the icon or text or anything else, just the background.

I am able to set it with style: card: but I can't seem to alter only the alpha.

#

When I do:

                card:
                  - background-color: rgba(var(--card-background-color), 0.6);```

 the background goes completely transparent. I can't vary it from 0.0 to 1.0
tribal galleon
#

@prime perch I used card_mod instead of the custom:button-card's styling for rgba and it seems to work. You can see a screenshot of it in use here using 0.2: #1167984195545595934 message
Try this:yaml card_mod: style: | ha-card { background-color: rgba(var(--card-background-color), 0.6); }

prime perch
prime perch
#

It's not critical. It's forced me to go another direction with the look and I actually am liking this better. Would be good to know for the future, however. I would like the buttons to not interfere with the theme colors, which would happen if I had to set the colors manually.

tribal galleon
#

@prime perch I'm working on one of my custom:button-card's template (I haven't done anything new with it in years) and I just noticed that it is using rgba. yaml styles: card: - background-color: rgba(0, 0, 255, 0.5)I also wonder if your issue has something to do with the variable. I hard-code everything and don't use theme colors.

prime perch
#

Right. I could do that (hardcoding) because I rarely change anything and I'm using the default dark theme. I just got to thinking that it would be useful if the theme was changed.

# 
  card:
     - background-color: rgba(50,50,50,0.1);
     - backdrop-filter: blur(3px);```
Is what I'm currently doing, which is giving it a nice effect.
ionic anchor
#

In the 2023.10 update, the notes talked about how i could show an entity's state on a map card but when i try it, it doesnt show up on the map. i thought that maybe it would need a location associated with it but I cant figure out how to do that. Documentation didnt seem to help me
https://www.home-assistant.io/blog/2023/10/04/release-202310/
Anyone have any ideas on how I could accomplish this? (@me so i can see your replies)

zenith stag
zenith stag
gloomy iris
#

Do themes allow changing of an icon based on state?
I know it can be done on a per card basis, but I was wondering if it could be done "globally" using a theme.
E.g. if a light is 'on' use a special icon rather than change its color.

tacit cave
#

no

pine cairn
#

couldnt it be done either with css psuedo elements or css fake text?

tacit cave
#

yeah, with custom elements, sure, but he's asking about themes. And that answer is no.

polar kelp
errant plover
#

I have have a massive card-mod theme. It is very powerful. I've forgotten how most of it works though 😬. Never tried changing icons based on state. I'm seriously thinking of going back to the default theme with some minor state colour changes.

prime perch
zenith stag
#

Ok well then you cannot use rgba. You can hower add two digits to convert hex to hex with alpha. #ffffff40 is for example 40% opacity

prime perch
zenith stag
#

Uesh I know, but does it work for you in the app? Or only in browser?

prime perch
prime perch
#

That was taken on my phone

#

The phone is using the companion app. The nspanel is using fully kiosk.

Looks the same on both

zenith stag
#

Oh okay…. So strange i have not been able to make it work. Only shows blur in the browser for me :/ I’ using the iPhone app

prime perch
#

I don't know anything about iPhone.
I have come across the need to use webkit styles for some browsers tho

zenith stag
#

Yeah I’ve tried that too. Maybe not just found the right one yet. Will have to do some more research on that app I guess. Let me know if that hex alpha works for you. I have not tried myself. I do however have rgb from the theme + alpha as you first tried

prime perch
#

Well...
- background-color: "#ffffff77;"works
- background-color: rgba(var(--card-background-color)77);does the same as the rest. just acts like "#00000077"/"00,00,00,0.5".
- background-color: var(--card-background-color);sets it to the theme default card color.
--card-background-color: #1c1c1c; is what I find in the browser for that css value.

zenith stag
#

But you did not try:

  • background-color: var(—card-background-color)77;
    ?
lime charm
#

hi i am trying to set up hoas for my family but i don't wan't every member of my family to see every default dashboard in the sidebar. is there a way to hide dashboards for specific users?

#

i want to hide things like overview dashboard history media To Do list ...

prime perch
tribal galleon
lime charm
lament vortex
#

Some info needed, I would like to create a dashboard regarding our house water system (we have a system that runs by a PLC with pump in/outputs and water reservoirs) what would you recommend to display this
(I was thinking about the left side inputs with colored dots like green or red) and right side switches and in the middle some schematic drawing)

tribal galleon
# lime charm if this hides the sidebar is there still a way for them to see the energy dashbo...

I just tried this to ensure I give you good information. You can create a tap_action to navigate to the Energy page. I use a button card here but you should be able to use any card that supports a tap_action (which the majority of them.)yaml type: button entity: null name: Energy icon: mdi:lightning-bolt show_name: true show_icon: true tap_action: action: navigate navigation_path: /energy

lime charm
#

alr thx

distant nest
#

Hello everybody, is there someone who uses de plex meets HA Card? And who works with an input list and its possible to chose which library you want to see ? So i don't have to make several cards for each library

gloomy iris
swift halo
#

When making cards with entities and the card gets a title, sometimes it removes the title prefix from the display of the listed entities, sometimes it does not. How can I make it consistent?

polar kelp
#

AFAIK it's only auto generated cards that does that?

#

And that's only where the "prefix" is the Area of the entity.

swift halo
#

Hmm. I see this on (some) custom cards as well. Maybe its unintended behavior?

polar kelp
#

Do you have an example?

swift halo
#

Actually I might not. When digging into it to show and looking at the yaml, I see that the difference is that some entities have names set and other not and that seems to be the difference I observe. This is probably my bad then

toxic axle
#

Hello, I am trying to run a service by pressing a button-card. This service works from dev tools, but not in the button card. Anybody that could point me to what I am doing wrong?

template: light
icon: mdi:robot-vacuum
name: kök
action: call-service
service: vacuum.send_command
data:
  command: app_segment_clean
  params:
    - segments:
        - 17
    - repeats: 1
target:
  entity_id: vacuum.roborock_s6_pure
lime charm
tribal galleon
#

honestly, I didn't consider that... The only thing I can think of is using the phone's back button...

lime charm
#

can't u rebuild it in my own dashboard?

#

the energy thing

tribal galleon
#

I don't actually use the Energy page but I see a bunch of question come in here about it. Generally, most of the questions that get asked end up with answers like "it can't be done."

lime charm
#

you can find the nergy cards yaml on the homeassistant website so i think the best thing for me to do and for others that have the same issue is to make your own and have more options

#

you can find them here

tribal galleon
#

Yeah. That's true. Plus you can show the relevant information that you want to see.

lime charm
#

exactly

woeful tapir
#

hello, not sure if this is the correct location for the question: In the media browser, is there a way to scan for new content or to rebuild/refresh the media content? I've got an issue when browsing jellyfin music, it's only showing a few m3u files instead of all the content

shy mist
#

does anyone know if by using state-switch or card-mod one can hide only certain icons a dashboard view? In desktop mode I want to have around 15 icons at top, but in mobile mode I'd like to see only 5. Navigation between all 15 views will be made using a back button which goes back to the main view.

woeful tapir
#

I just noticed it's changing the displayed data in the media browser depending on the selected media source

prime perch
wet veldt
#

Feature request: better logging/debugging of frontend issues. I had a thermostat card that wasn't working and it wasn't clear if anything was happening at all when the card was clicked

#

Is there a way to make a switch require confirmation or hide a toggle from an autodetected entity? (Sidenote: why would only some Tasmota devices automatically appear?) I have my PC power switch in the dashboard now and don't want to accidentally hit it

zenith stag
sacred mauve
#

Hi , I'm using "<area name> <device name> ..." as my naming convention for all my device and entities.
It used to be, that the GUI would hide the <area name> part, if it is identical to the area the device is located in. Eg: "Keller Steckdose" would display as "Steckdose" in the area view. (The same way as Homekit does it btw)

However, this is not the case anymore. Everything ist show with the complete names everywhere.

I did not (knowingly) change anything, nor do I know if there is any setting for this behaviour. Any ideas?

acoustic wraith
#

Hi, doies anyone has knowledge with picture-elements and or state_image?

shut robin
#

hey guys, i'm trialling out mini graph and apex charts and was curious about something - in mini graph, the graphs look really nice and smooth, whereas in apex, they're a little jagged no matter what i do (mini graph is on top and apex is on the bottom

https://i.imgur.com/OpcQUqe.png

this is my code for my apex charts solar production (orange line) - is there a way to make it smooth like what mini graph can do?

series:
  - entity: sensor.gosungrow_virtual_1224647_1_1_1_p24
    name: Solar production
    curve: smooth
    float_precision: 3
    group_by:
      func: avg
      duration: 1hour
      start_with_last: true```
vast crane
acoustic wraith
#

What is the best approach, when I have an entity which should change the image on a card on the dashboard?

tacit cave
#

state image on picture elements

acoustic wraith
#

the images has the same dimensions

tacit cave
#

you most likely have to position and size the image via style

vast crane
#

Why picture elements instead of picture entity?

pine cairn
#

is there a way to merge it more together? and maybe is there a better design available for the direction?

acoustic wraith
tacit cave
verbal flame
tacit cave
#

you can also do what @vast crane posted, picture entity

pine cairn
tacit cave
#

how many options are in those dropdowns?

#

@pine cairn ^

pine cairn
tacit cave
#

ah ok, so it's alot of options

#

I personally hate dropdowns on mobile devices

#

so I break mine out into buttons

#

but it requires a bit of extra work

pine cairn
pine cairn
#

could someone help me get this card working using mini-graph?
and if this is not the best place to ask, where would it be?

the issue is showing the future instead of history
data: start: 1699907100 start_human: "21:25" precip: - 0 - 0
i tried attributes: data.precip

image.png
winged carbon
#

Have anyone figured out how to fix the missing sliders on older ios-devices?

vast crane
winged carbon
vast crane
#

I'm not suggesting there's something for you to do, as far as I know there's nothing you can do, you just have to wait for it to be merged, and then update your home assistant installation with the next release after that fix has been merged.

winged carbon
#

Ahh thank you, that clarifies a lot. The key is to be patient.

halcyon mantle
#

Is it possible to add the default more-info dialog of a climate/humidifier device into a browser_mod popup? The default climate/humidifier cards lacks some of the options available on the more-info dialogs. Any advice will be appreciated...

#

The envisioned end-result is the default dialog with additional entities below on a popup.

tribal galleon
#

@halcyon mantle That's probably one of the most frequently asked questions in here lately. The short answer is no. However, @timber flint suggested using the more-info-card in order to replicate HA's climate more-info. You could use that within the browser_mod popup. I just added the card and that part at least worked for me.

image.png
halcyon mantle
#

Awesome! Thx - I will try that. Hopefully a more elegant solution presents itself in the future.

#

Much appreciated 🙏

finite panther
#

Recently, it has become really difficult to edit my main dashboard as either the Edit 'button' doesn't show or it does but then no YAML shows. I have to close and try again a few times. I think I am having some issues with camera feeds stalling stuff from loading, and/or 2 APEX charts loading data. Can whatever data is being loaded bog down the editing of the dashboard?

#

Once edited, I get the twirly circle over the save button and I am never sure it actually saved or not... in some cases I have to bail (close window).

vast crane
finite panther
#

Would I not see the effects of that on CPU load?

#

I have 10 cores assigned to the VM and it barely ever moves the needle

#

regardless of how poorly the dashboard is behaving

vast crane
#

I'm thinking about the CPU of the client, not the hass server.

finite panther
#

also, i tend to move cards I am troubleshooting to a different hidden view... is that the same as removing or it still gets loaded (or can cause issues all the same)?

#

ah, client is Ryzen 5800X and while I have not checked, it doesn't appear taxed.... BUT I do have about ~80 chrome tabs open and the RAM it hogs is between 7GB and 14GB (or somewhere there). There are chrome processes that are way high in memory usage but low on CPU but I can't figure which ones they are. The tabs with HA usually never exceed 200MB.

vast crane
#

I believe moving to a different view is probably sufficient.

finite panther
#

ok. Looking at console errors I had seen several thousand errors caused by plotly and they appeared to stay regardless of which view I was on so I just deleted them entirely.

#

All errors/issues appear related to the system struggling to get data from the DB

#

I use the default HA DB and it is just under 3GB

vast crane
#

safe mode would be my next thing to try.

finite panther
#

@vast crane Can camera feeds that are taking a long time to load cause issues? I guess that might be included in "a card behaving poorly". Since my main dashboard is built using 3 vertical stacks, I guess I can move 1 or 2 to another view and see how the individual vertical stack left behaves...

vast crane
#

couldn't say.

finite panther
#

ok, no worries. I have some testing to do...

#

thanks

shut robin
#

hey guys, i'm trialling out mini graph and apex charts and was curious about something - in mini graph, the graphs look really nice and smooth, whereas in apex, they're a little jagged no matter what i do (mini graph is on top and apex is on the bottom

https://i.imgur.com/OpcQUqe.png

this is my code for my apex charts solar production (orange line) - is there a way to make it smooth like what mini graph can do?

series:
  - entity: sensor.gosungrow_virtual_1224647_1_1_1_p24
    name: Solar production
    curve: smooth
    float_precision: 3
    group_by:
      func: avg
      duration: 1hour
      start_with_last: true```
normal belfry
#

is it possible to use sensor attributes in lovelace-state-switch?

I'm trying to show/hide the allergen types from the IQVIA integration depending on what they are on my dashboard. If they are tree...show them basically

wet veldt
zenith stag
brazen ridge
#

Playing around with dashboards and grid layout for the first time right now. How can i resize the mushroom cards so it fits better?

image.png
craggy schooner
#

Trying to get a layout that i built and that works in a sample dashboard using custom:grid-layout card to display in a browser_mod.popup but it just displays empty. there any specific place where I should be looking for any errors cause i can't find anything wrong and the layout works in a regular dashboard view

#

Just doesn't want to display at all in the popup (loads with a title and a close button but no content)

zenith stag
#

are you trying the add the whole layout in the pop-up, or just a card from the layout?

craggy schooner
#

yeah the whole grid layout.. figured it out. had to use

type: custom:layout-card
layout_type: custom:grid-layout
#

instead of using custom:grid-layout

#

in the type

#

Next question... is there any way to get the forecast-card to display more days? my weather source has a 10 day forecast and I'd love to be able to display it

brazen surge
#

So i decided to update to the most recent HA version (OS: 11.1, core: 11.2) and i got the (shopping)list update. previously i have had a notification that provides me a shortcut to my shoppinglist and opened fine pre update. now after the update the shoppinglist tries(?) to open in app but then redirects to browser. My GFs Iphone has identical automation but in hers phone the list opens correctly in app (as did pre update), any tips? I tried clearing HA app cache and reboot both HA and my phone..

#

Data on Action:
clickAction: /shopping-list
url: /shopping-list

tacit cave
#

change the url to the actual shopping list url

#

they are now called todo

#

so I doubt the url is still /shopping-list

brazen surge
#

Actually i tried that aswell! /todo and /todo/shopping-list
same result...

tacit cave
#

so, all you need to do is open the todo list and copy the url

#

i.e. click on your todo list, look at the top of the page, and copy the url beyond your HA's url

#

e.g. if your url is http://192.168.1.11:8123/calendar, then you'd copy calendar

#

and calendar would be your url

#

I dont' use todo so I can't give it to you, you have to get it yourself

brazen surge
tacit cave
#

can you post what you tried?

#

exactly, word for word

brazen surge
#

by far:
url: /todo
url: todo
url: "/todo"
url: "todo"
url: /todo/shopping-list
url: /shopping-list //this was original that still works on GFs IOS

tacit cave
#

post the url that you're copying from

brazen surge
#

Its local ip;
192.168.X.YY:8123/todo

#

as external url i have nabucasa on my companion app*

tacit cave
#

if you use url, you have to provide the full url

#

and it'll open a new tab

#

if you use navigate, it will use the current window

#

but it'll only be able to navigate within the dashboard

brazen surge
#

Are we on the right page? currently it opens the list in browser and i want it to be opened inside companion app (as it did pre update and as it does with my gfs phone)

tacit cave
#

yes, but you're using url

#

you need to use navigate

#

can you please post the card configuration that you're trying to use

#

that is doing the navigating/urling

brazen surge
tacit cave
#

is that a custom card?

brazen surge
#

not a card, automation

tacit cave
#

so this is an actionable notification?

brazen surge
#

when i enter location (near store) it sends push notification to phone to open shoppinglist

#

Yes

tacit cave
#

the reason for the confusion is because this channel is about building a user interface, i.e. your frontend

#

so i'm answering your questions as if you were building a card in the frontend 😉

brazen surge
#

Oooh i see, my bad then 😅 i'll try that then! thanks anyways, I'll try some things with the navigate tip tho

tacit cave
#

that probably won't work from a notification

#

FYI check your companion app settings

brazen surge
#

So i got it.... i had to change to this:
clickAction: /todo

and removed URL/URI part totally

#

previously it was:
clickAction: /shopping-list
url: /shopping-list

timber flint
#

There is a built-in solution to make cards transparent? Or only card-mod is still an option like it was earlier?

tacit cave
#

it would be way easier to use card-mod than to use a separate card that makes your background transparent

#

just apply the style with card mod and it should pretty much work with all cards, you can even theme it if you want

vast crane
#

I believe with themes you can give an RGB-Alpha value, so I'm not sure if any mod is necessary.
Yeah just theme card-background-color: #rrggbbaa with whatever alpha percentage, that makes it partially transparent.

timber flint
#

Thanks mate I try this.

winged carbon
honest herald
#

Im trying to remember the card that only shows up under certain conditions. In my case, I want a card to appear when a timer becomes active and disappears when its finished.

vast crane
honest herald
#

Thats the one thanks!

devout socket
#

Is there a way to make an input text box trigger a script once you press the enter key?

vast crane
#

not to my knowledge. but you could trigger a script when the state of an input_text entity changes, maybe that is what you want?

devout socket
#

I dont think that would work for my case

tacit cave
#

make a button, enter text, click button

#

if it's for a UI that's doing TTS, that's exactly what I do

devout socket
#

yeah I read the feedback you provided about the custom input text row but for me there is a background color to get rid of and I also want the button on the same row

harsh moth
#

Hi there, i'm using a mushroom chip card, and i want to add a statement to it, that when a certain light is on, the icon color changes to a certain color, and if the light is off, it changes to black. can someone help me with this?

pine cairn
#

card-mod can do it i think but i am quite new to the customization of homeassistant

unreal ermine
#

Hi there, I've created a sensor to obtain the last RGB value of a light entity.
Is it possible to use this sensor created for in a custom button card to set the color to the ON state.

image.png
timber flint
#

Hey Community! How would you hide that frame?

image.png
golden mistBOT
#

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

📎 message.txt
pine cairn
timber flint
timber flint
pine cairn
#

How do you guys manage mobile devices with different zoom levels, not?

dark dirge
#

conditional cards can now take screen size into account

#

I used to use a different login on each device (mobile/desktop) and now base it on screen dimensions

pine cairn
#

that sounds awesome, thank you

dark dirge
#

I'm no CSS expert, but it's just a mediaquery:

          - type: conditional
            conditions:
              - condition: screen
                media_query: "(max-width: 1300px)"
#

I use that, combined with card_mod:

          @media (max-width: 1300px) {
            ha-card {
              background-color: var(--primary-background-color);
              --card-primary-font-size: 1.9cqw;
            }
          }
unreal ermine
#

How can I modify this card to set the color with the sensor I created that send rgb(r,g,b)

entity: switch.commande_table
color_type: icon
icon: mdi:table-furniture
show_name: false
state:
  - value: 'on'
    color: sensor.table_color_rgb
  - value: 'off'
    color: black
styles:
  card:
    - height: 80px```
pine cairn
#

how can i add comments and keep them after saving in yaml? is there any solution

tacit cave
#

don't use the UI

#

that's the only way

pine cairn
#

thank you

placid anvil
#

I have made a custom lovelace view. In the automatic "Overview" one, I've noticed that entities that start with the same name as their area name get the area name removed. Like, Bathroom Ceiling Light simply shows up as Ceiling Light in the Bathroom area. How can I replicate this in my custom view? I have the following yaml.

# 
type: entities
entities:
  - entity: light.bathroom_ceiling_light
title: Bathroom
state_color: true
honest ferry
#

Hi, may I ask support to understand why this card belonging to one dashboard cannot be moved in another dashboard ? Thanks a lot in advance

image.png
pine cairn
#

is the dashboard available?

honest ferry
#

Yes, I've called test.

pine cairn
#

is it an automated generated dashboard, could you show the test dashboard if you are unsure
may i ask what did you use to blur things out is it inside your screenshot tool, if so which?

zenith stag
shut robin
#

hey guys, i'm trialling out mini graph and apex charts and was curious about something - in mini graph, the graphs look really nice and smooth, whereas in apex, they're a little jagged no matter what i do (mini graph is on top and apex is on the bottom

https://i.imgur.com/OpcQUqe.png

this is my code for my apex charts solar production (orange line) - is there a way to make it smooth like what mini graph can do?

series:
  - entity: sensor.gosungrow_virtual_1224647_1_1_1_p24
    name: Solar production
    curve: smooth
    float_precision: 3
    group_by:
      func: avg
      duration: 1hour
      start_with_last: true```
unreal ermine
zenith stag
#

you need to define what is going to be colord. in your case the card

# 
styles:
  card:
    - background: white
state:
  - value: 'on'
    styles:
      card:
        background: >
          [[[
            return `rgb(${states["light.table"].attributes.rgb_color[0]},${states["light.table"].attributes.rgb_color[1]},${states["light.table"].attributes.rgb_color[2]})`;
          ]]]
#

I see nie you have something called color_type: card. I have no idea what that is, perhaps it is to meant to replace what I just wrote? Eiher way, try the code above a let me know if it works for you or not

unreal ermine
zenith stag
#

try removing it and see if it makes a difference (when using my code above)

mighty zodiac
#

Hi,
first time trying to do this, it might just be me who is blind and cannot read documentation (or its 11am and i need to go to sleep soon)
but im trying to get a card that only displays this info, but im failing to do so, anyone can help please? D:

vast crane
#

Markdown card probably

dark dirge
#

(or its 11am and i need to go to sleep soon)
put in a full day, eh? 🙂

tribal galleon
#

How can I modify this card to set the

mighty zodiac
dark dirge
#

I was joking because 11AM is before noon 🙂

tribal galleon
#

to whoever just deleted your post asking how to get a label to return the value of the sensor instead of the text:

label: '[[[ return entity.state ]]]'```
distant nest
#

Hello Guys does someone use the plex meets ha card?? Is it possible to have an input list to chose from that will change the displaying shows or movies to chose from? I now have 3 to 4 cards and would like to have one with an input list of possible thx

prisma hinge
#

hey guys so i finally found a reference that i dont need to do a manual install/creation of ui-lovelace.yaml because i have HACS.
but im having trouble getting say dual guages card to work because its not available when i try to add card to dashboard. what am i missing?

shut robin
#

hey guys, i'm trialling out mini graph and apex charts and was curious about something - in mini graph, the graphs look really nice and smooth, whereas in apex, they're a little jagged no matter what i do (mini graph is on top and apex is on the bottom

https://i.imgur.com/OpcQUqe.png

this is my code for my apex charts solar production (orange line) - is there a way to make it smooth like what mini graph can do?

series:
  - entity: sensor.gosungrow_virtual_1224647_1_1_1_p24
    name: Solar production
    curve: smooth
    float_precision: 3
    group_by:
      func: avg
      duration: 1hour
      start_with_last: true```
keen heath
#

Frontend error logging killed my DB. I'm still tracing the original issue, somewhere between Chromecast and card_mod, but does anyone have any suggestions how I can stop the impact in the short term? Essentially, Frontend sends a service call to system_log with this debug message: "Unhandled promise rejection from Chrome 116.0.0.0 on Chromecast". It gets filtered correctly by my logger (set to error & above), but the event from the service call swamps my DB. I get millions of events per day. Ideally of course the error should be handled, but is there anyway (other than manually purging the event-log)?

sturdy matrix
#

anyone got stack-in-card or vertical-stack-in-card to work recently? I tried installing both of them through HACS but neither shows up when I try to create a card

#

other suggestions for making groups of cards with a shared background is also welcome

tribal galleon
placid linden
#

Hi does someone knows how I can add a custom button card template (From minimalist) in this case to a new dashboard configured mostly in the UI?

whatever I try (Tried to put the template in raw configurator) I get the error template missing

lyric prairie
#

Minimalist is build on nested templates, so most likely the template you’ve added calls another that you did not place in the raw-editor

placid linden
#

Ah and unfortuantely I can't use !include in the raw configurator right?

lyric prairie
#

Nope

placid linden
#

Trying to get best of both worlds with minimalist and some other cards for my tablet design

lyric prairie
#

That’s the reason that minimalist does not support the GUI

placid linden
#

I understand thanks

lyric prairie
placid linden
lyric prairie
#

Guess that’s me yess haha

hard shell
#

Thank you Thomas for that layout-card. I was able to control my security camera cards into a mobile first responsive layout that looks good on my phone, tablet and desktop under 1 view

zenith stag
barren burrow
#

Hi all, my "overview" dashboard had diapered and displaying "Home assistant staring, please wait .." everything else is working just fine. I can not edit that dashboard bit can add different dashboards. Where should I look?

velvet knoll
#

Can Media play through the local sound card? I am running HASS OS and the local sound card is showing up in the OS devices but Media doesn't show an option to use it in the player drop down list.

golden mistBOT
#

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

📎 message.txt
shut robin
#

hey guys, i'm trialling out mini graph and apex charts and was curious about something - in mini graph, the graphs look really nice and smooth, whereas in apex, they're a little jagged no matter what i do (mini graph is on top and apex is on the bottom

https://i.imgur.com/OpcQUqe.png

this is my code for my apex charts solar production (orange line) - is there a way to make it smooth like what mini graph can do?

series:
  - entity: sensor.gosungrow_virtual_1224647_1_1_1_p24
    name: Solar production
    curve: smooth
    float_precision: 3
    group_by:
      func: avg
      duration: 1hour
      start_with_last: true```
lyric prairie
#

And the smoothing of mini-graph also divides the difference between 2 points by 2 so for the same effect you will probably reduce the duration to 4hour in the apex config

shut robin
lyric prairie
#

But then you cant really compare both card as apex is way more powerful and more dedicated to precise data

shut robin
#

ah, i didn't realise i manually told mini-graph to have one point per hour using

group_by: hour```
shut robin
jagged elm
#

need some help with the following:
added a variable named "test" to a custom:button_card and trying to nest it within a service-call
the script is under script.myscript, but the following has obviously a syntax error in the "service:" part.
can you help pinpoint the issue? thx!

  - type: custom:button-card
    variables:
      test: myscript    
    hold_action:
      action: call-service
      service: '[[[ ''script.'' + return variables.test ]]]'
tribal galleon
#

If you're able to change the variable to script.myscript you would only need to use something like this: yaml double_tap_action: action: toggle entity: '[[[ return variables.var_entity; ]]]'

#

You could make the variable append the script part if you need (like if you're trying to use an entity state for the script name). This is one of my test variables: yaml variables: var_entity: |- [[[ var e = states["input_select.navigation_test_variable"].state; if (e == "living-room" ) return 'light.living_room_lights'; else if (e == "kitchen" ) return 'light.kitchen_lights'; else if (e == "bedroom" ) return 'light.bedroom_lights'; else return; ]]]

jagged elm
#

Thx, the script name will be dynamic so can't use script.myscript as the variable. Will try 2nd option and report back,

tribal galleon
#

That's what I was saying about the message above. You can build the dynamic part of it into the variable.

#

@jagged elm service: '[[[ return "script." + variables.test ]]]'

#

This just worked for me:

type: custom:button-card
name: '[[[ return "light." + variables.test  ]]]'
variables:
  test: bedroom_lights
tap_action:
  action: more-info
  entity: '[[[ return "light." + variables.test  ]]]'```
jagged elm
#

Mmm... pretty sure I did try this syntax earlier....will have to test again. Stay tuned. Thx

tribal galleon
#

Your original code probably would have worked except the return is in the wrong spot.

jagged elm
#

had a long day I guess... as per your suggestion I did try

service: '[[[ return "script." + variables.test  ]]]'

earlier today, but all along I was testing changes with the wrong button... 😕
so was getting "undefined" script as the variable was not set on this button.
case closed. thanks for your support!

golden mistBOT
#

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

📎 message.txt
tribal galleon
#

Do note, however, that that card is probably abandoned. It has not been updated in two years, there are 93 open issues, and 26 pull requests (where others have submitted fixes). The author has only had 1 contribution over the past two years...

stiff cipher
#

Thank you for taking the time to respond. I've been messing around with it and learned there's if/else statements that you can use with card mod and I seem to have something that's working.

#

I think I'm going to explore some other options though to make things a little more compact and efficient.

What's an up to date super customizable card? Mushroom?

tribal galleon
stiff cipher
tribal galleon
#

Bubble cards are new and have a lot of features. Dev has put a lot of work into it over the past couple of months.

stiff cipher
#

Those look great. I might have to play around with them

tribal galleon
#

A nice feature about the custom:button-card is the ability to make templates (so you don't hate to keep repeating your code for each button.) The same concept can be applied with the Decluttering card for use with other cards.

stiff cipher
#

That was actually one of my followup questions. That's excellent

tribal galleon
stiff cipher
#

Yeah, I got 99% of what I was wanting through inspect. But I haven't quite gotten the hang of the states of the actual toggle switch yet

tribal galleon
#

Another difference to remember between the Mushroom card and custom:button-card with they rely on different languages: Jinja and JavaScript, respectively. So when you starting getting fancy and applying code, they're not directly interchangeable.

tribal galleon
#

If you're trying to get the entities toggle, it was kind of tricky. In this screenshot, on the left, I made a custom:button-card to "act" like a toggle. On the right is a card_modded entities card.

image.png
golden mistBOT
#

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

📎 message.txt
stiff cipher
#

in the on state, with yellow icon/text, having trouble targeting the 'checked' state of the pseudo checkbox they use for that toggle switch

#

.mdc-switch.mdc-switch--checked .mdc-switch__thumb this is the checked id/class
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb and unchecked

broken oak
#

I'm making a floorplan. Is there a way I can have state-based images as below, without specifying an image for the 'off' state? The below works but has a constant loading symbol, I'm assuming unable to find the 'off' variable...
state_image: 'on': /local/home-living_room_light.png

shut robin
#

hey guys, with apexchart card, is there a way to make it span from the start of the day to now? I can't seem to find anything on it? here's my code so far, but it goes from midnight to midnight, which isn't ideal since if there's no value yet it fills in the current value, making it seem like i'm going to have solar production all throughout the night which is odd

series:
  - entity: sensor.gosungrow_virtual_1224647_1_1_1_p24
    name: Solar production
    curve: smooth
    float_precision: 3
    group_by:
      func: avg
      duration: 0.5 hour
      start_with_last: true
span:
  start: day```
timid beacon
#

I have an always-on tablet running Fully Kiosk and I've noticed the dashboard seems to disconnect and stop updating until I interact with it. Is there a way to make this more robust?

#

I think it the past I just call Fully to reload the dashboard every X minutes, but wondering if there's a better solution

deep rose
#

How would one move the 'Eco' to make it a Mode and not a Preset? In the code editor I tried writing '- eco' under hvac_modes but that obviously doesn’t work. This is a Nest Thermostat.

Screenshot_2023-11-16_at_16.45.02.png Screenshot_2023-11-16_at_16.46.45.png
jagged elm
#

in a custom:button-card,
this works:

styles:
  card:
    - background: url("https://images.radio-canada.ca/q_auto,w_635,h_357/v1/ici-info/16x9/test.jpg")
#

and this doesn't for some reason ( extract image from entity attributes):

styles:
  card:
    - background: url("[[[ return states['sensor.radio_canada_rss'].attributes.entries[0].image]]]")
#

which technically returns the same url... syntax error I guess?

and as a reference this works with the same exact format (extract name from the same entity attributes):

tacit cave
jagged elm
#

still not working, are the backticks accurate? thx

styles:
  card:
    - background: >
        [[[
          return `url(${states['sensor.radio_canada_rss'].attributes.entries[variables.index].title})`;
        ]]]
#

forget it, all good. had the title attribute instead of "image".... thx again!!

dim jolt
#

hi folks, anyone know if bubble card - name: can take a template (before i begin the battle with it, wanted to check it was possible first lol)

#

i just get [[Object Object]]

#

(also can people stop making new fun stuff, i have to keep improving my UI)

#

(side question - have we ever had a "UI competition") with votes?
Have a cell phone award
Wall mounted Tablet award
Big screen award
Most creative use of a HA UI award

Then get the community to vote 🤷‍♂️

lyric prairie
dim jolt
#

ah - thank you - i had a scan and had drawn a similar (less technical conclusion). dang it

#

i'll raise a github FR as templating would be handy

tribal galleon
dim jolt
#

its under the user settings

#

click the user icon bottom left, and its something like the setting you mentione "keep connection open" or similar

timid beacon
dim jolt
#

no HA

#

"Automatically close connection" its called

#

just checked
"should we closed the connection to the server after being hidden for 5 minutes"

#

i also reload the dashboard every hour anyway just to be safe 🙂

tribal galleon
#

Might have to check that tablet. It is a per user setting and the tablets all use the same username.

Screenshot_20231116_130654_Home_Assistant.jpg
dim jolt
#

i think its per device per user - i had to set on all

tribal galleon
#

I'll double check. Thanks for pointing me in the right direction.

timid beacon
#

Thanks! I disabled that so I'll see how it works

#

I'm a little skeptical because it isn't really "hidden" but who knows how that's classified

vast crane
#

a lot of those settings are just in the local browser storage, and not really saved in the backend at all. I think they'll reset anytime you log out or change users.

timber flint
#

Hello Community, I need some short help. I cannot find any reason why this is happening. I created a new frontend and I created logos with markdown in the cards. I aligned to the center of the card as you can see on this second picture. This looks good but as soon a few minutes left on every device the logo and the title goes to the left. I need to go edit the page and just save it again, does not need to change anything so the code is good, but it keeps happening many times daily.

#

Mobile , Browser and Tablet same happening.

golden mistBOT
#

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

📎 message.txt
flat quest
#

Anyone aware of a way to turn a header switch like this:

IMG_0261.png
#

Into a button:

IMG_0262.png
#

I'd like to be able to turn on off all lights in this group with a press and use press/hold to open a sidebar panel with more detailed controls

upper blade
# 
- type: "custom:button-card"
    template: card_binary_sensor_alert
    variables:
      ulm_card_binary_sensor_alert_name: "Vibration"
      ulm_card_binary_sensor_alert: true
      ulm_show_last_changed: true
    entity: binary_sensor.schlafzimmer_fenster_vibration_vibration
#

Any idea why? It was working.

tacit cave
shut robin
#

hey guys, is there any way to use apexchart card to show the sum of two entities? i've got solar production and grid usage, but no entity for house usage, though it would be solar production + grid usage, but i don't know if i need another helper for that or not

fierce ridge
#

Is there a any way I can get a web search bar card on the dashboard? I couldn't find anything via HACS

broken oak
#

Can you use !include in lovelace yaml?

dark dirge
#

if you're in YAML mode, yes

broken oak
dark dirge
#

no

broken oak
#

ohhhh i see now

#

I was wondering why !include kept getting unable to parse errors

#

So if I have one dashboard, that has multiple views, ie Overview/Floorplan/Lights, once I set the dashboard to yaml mode (using a ui-lovelace.yaml file), am I unable to edit any of those pages via UI?

dark dirge
#

correct

broken oak
#

So my thoughts on going this way, on the floorplan view it was getting quite lengthy, so I figured why not just refer that to a separate yaml. The rest I manage via UI.
What's the benefit then if I set it up to be uncluttered via YAML mode, then have to move it all back anyway to be able to edit via UI?

dark dirge
#

so make it a separate dashboard that you control in YAML

broken oak
#

I guess probably if you were just going to have one dashboard that was entirely yaml

#

Yeah righto

dark dirge
#

I do everything in YAML

broken oak
#

But can't edit any dashboards via UI? Add any cards etc?

dark dirge
#

you can create cards in the UI in a scratch dashboard and then copy them into YAML if you want

#

isn't your last question just this again?

So if I have one dashboard, that has multiple views, ie Overview/Floorplan/Lights, once I set the dashboard to yaml mode (using a ui-lovelace.yaml file), am I unable to edit any of those pages via UI?

broken oak
#

It's a shame you can't just break out a particular part of the raw config referring to an external yaml file

dark dirge
#

you can if you make another dashboard

broken oak
#

While i'm talking about dashboards and yaml, i'm trying to use picture-elements card for a floorplan. Is there a way to NOT display any image when the state is off? The below works but shows a loading symbol constantly when light is off. Can it be set to null or something? Or another avenue?
state_image: 'on': /local/home-living_room_light.png

rich solstice
#

I just use a transparent image for the off state

broken oak
rich solstice
#

Guess it depends on the use case. I use the same image size on a room and it is more an overlay to show the status of the room. For example, heating, lights, movement etc. When I click the “image” the room itself opens in a subview.

lime charm
#

hi i think this is the right place to ask but if not feel free to redirect me.
i have a weather card in my dashboard and would like to change the background image when the weather state changes i did it when it is sunny there is an image off the sun on the background with an if else but how do i do this for the other weather states like rainy clouded ... in one card

show_forecast: false
type: weather-forecast
style: |
  ha-card {
    color: black;
    background-color: #172a46;
    width: 100%;
    border: 0px;
    background-image: url("/local/zon.jpg");
    }
entity: weather.forecast_home
forecast_type: daily```
#

this is what i already have

#

i use card-mod to change the appearance

hushed sinew
#

@zenith stag I am currently between some projects and have some availability. I love your work on MiniHass! If you want, I can help/support you with setting up / tweaking your GitHub repository:

  • Add tests
  • Add badges
  • Add call-to-support (so that people actually can pay you for your work)
  • Detailed Wiki

Feel free to DM me 🙂

sand python
#

how do I set the size of the card / icon on a custom button ?
its giant, the styles I found only control the name text

type: custom:button-card
entity: script.test_blink
icon: mdi:camera
color: auto
tap_action:
  action: call-service
  service: script.test_blink
  target: {}
styles:
  card:
    - font-size: 12px
    - font-weight: bold
#

I guess I can do that, but I feel like there is a better way

styles:
 icon:
  - width: 10%
lime parcel
#

just curius do homeassistant not work on brave browser
open the adres in edge, chrome or firefox it works on brave its infinate loading loop

ember fjord
#

is there any card, or how to make one, as the purpose is to make one-time timings, it is performed once (for example switch on, something simple), and then the timing is destroyed when it is done. ideas?

timid beacon
#

@dim jolt @tribal galleon So after a day of testing it doesn't seem like that "Automatically close connection" setting fixes the issue as I had suspected since it isn't really being "hidden"

#

After I interact with something on the dashboard like trying to turn on a light, it says the service call fails but then everything updates and it goes back to working normally. I'd really like to know what the root of the problem is, but I guess for now I'll just have to have Fully reload the page on a schedule or something

placid linden
#

Hi, hopefully someone can help me out.
I'm trying to add a background image to my lovelace dashboard. (I've added the following code in the raw config)
views:

  • title: Home
    type: custom:horizontal-layout
    background: center / cover no-repeat url("/local/images/tabletwallpaper.png") fixed
    I was using a theme before (So i thought perhaps removing the theme would help but unfortunately not yet. Is there something im missing?

I've restarded / emptied cache browser.. not sure else what I can do. perhaps the image is not good?
Tried a different one JPG also the same.

golden mistBOT
#

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

📎 message.txt
zenith stag
placid linden
#

If I for example only want that page how should i use it?

lime charm
#

hi i am using card-mod to change my card collors but is it possible the disable home assistant from canging the collors when changing to light or dark mode?

placid linden
zenith stag
placid linden
fast wadi
#

hello, i want to change the color of that text (with red color) have any one idea how i can do this,

image.png image.png
placid linden
#

also tried double

#

"

zenith stag
placid linden
#

this is correct right ?

image.png
zenith stag
#

Nope, should not be in community 🙂

#

Move up one step

placid linden
#

Thanks bud 👍🏼

#

it's working now 🙂

lilac arch
#

Navigate in your Home Assistant frontend to Settings -> Add-ons -> Add-on store.

#

Hi all, I can't find Add-ons at all, can anyone share some screenshot?

vast crane
#

What's your install method? I think you only get addons with HAOS (or supervised)

lilac arch
#

I'm on Synology NAS

digital swallow
vast crane
#

I guess that probably implies container, in which case you're on your own for running addon containers.

lilac arch
#

Hmm... I'm not so familiar with the installation kinds, it is just an app on my NAS system

digital swallow
#

I can't read any of that but seems to be a core installation which doesn't come with addons. See my link from earlier.

lilac arch
#

How can confirm that on web UI?

#

or via ssh

golden mistBOT
#
System info

Open your Home Assistant instance and show information about your system

lilac arch
#

OK, it seems "Home Assistant Core"

#

So addon can never be enabled, right?

digital swallow
lilac arch
#

thanks

#

sorry for out of topic, I'm a new bee here

golden mistBOT
#

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

📎 message.txt
honest ferry
gaunt ingot
#

Does everyone have this issue with the HA graphs or is it just me? The popup for more info on graph data does not go away easily when clicking away from the graph. It even stays visible when transitioning to other pages. Is there a consistent way of making the popup go away that I don't know about?

tribal galleon
#

Generally, I would suggest ensuring the card type is the first line.

vast crane
golden mistBOT
#

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

📎 message.txt
honest ferry
#

but I got an error when I tried to start the button 😭

honest ferry
#

Hi in the picture in red square there is the peace of code that does not work with the error in the bottom. In the second picture there is the code that work perfectly out the grid , third picture, all works, the issue is related to the yellow button 😦. Thanks a lot to who can support this. I appreciate.

image.png image.png image.png
lime charm
#

@zenith stag sorry for the ping but if i added all the templates in my filles in /homeassistant/ui_lovelace_minihass but if i try to use them in my dashboard it says Button-card template 'custom_card_garbage_collection' is missing!

zenith stag
#

As per the instructions on Github, check the documentation for custom button card on how to use it in the UI 🙂

placid linden
#

Is it possible to use card mod on mushroom chips ? changing a background to cetrain rgba colours? ha-card { can't seem to find it clear in the documentation

tribal galleon
#

@honest ferry First, your tap action looks messed up. I'm assuming the data and zone sections are supposed to be indented appropriately. Data and target probably should not be null. You'll need to look at the documentation for the vacuum's integration.

#

The yellow icon is because you defined a switch entity and it is currently turned on. If you're just using the button card for the tap action then change the entity from switch to null.

lime charm
#

is this because i need a sensor that tells howmany days there is left?

zenith stag
#

Correct 🙂

lime charm
#

what is the best way to make this sensor? is there an integration for this?

zenith stag
#

Well the best way is to search on google until you find an answer in the forums. Its a template sensor that shows the days left until an event in the calendar. The easy way to ask me to share mine with you 😝 I can do that the next time I’m at the computer

lime charm
#

does it work with an on off sensor?

zenith stag
#

As the card is now you need a number. I dont’t see how on/off would tell you how many days are left

lime charm
#

ow yea thats's true 😅

#

i was thinking of using the local callender but that doesn't have a days left sensor

zenith stag
#

Sure you could have Garbage Collection is today (on). But what would you have for “off”? Not today? :p

#

I’m using the local calendar, but you need the template sensor to extract the daya

lime charm
#

ow alr i will look around the forums for that thank you

golden mistBOT
#

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

📎 message.txt
sage garden
merry anchor
fierce ridge
#

https://pastebin.com/B4kDLEVM

would it be possible to remove the collapsable feature and just display everything from inside instead? (yes it would be a long list but that's ok)

xuTYu4a.png
flat quest
fallow flare
#

is someone able to assist me with Picture Elements cards, possibly one on one..

golden mistBOT
#

Don't ask to ask, just ask your question. Then people can answer when they're around.

When you do ask a question, try to provide as much background detail as possible. Ask yourself these questions first so that others don't have to:

  1. What version of the Home Assistant are you running? (remember, last isn't a version)
  2. What exactly are you trying to do that won't work?
  3. Is the problem uniform or erratic?
  4. What's the exact error message?
  5. When did it arise?
  6. What exactly don't you "get"?
  7. Can you share sample code, ideally with line errors where the error occurs?
raw stream
#

Hi. What would be a good card to display a the state of a sensor containing 100-150 chars of text? It's my text-summary weather forecast. The entity card has a large font and doesn't scale down

errant plover
#

Markdown card

sturdy matrix
#

is there any way to increase the size of the code editor window when editing cards? without copy-pasting it into vsc or something

errant plover
#

Click on the edit window title.

#

Just like any pop-up card in HA.

sturdy matrix
errant plover
#

Yeah it's not exactly obvious design.

polar kelp
#

I had no idea...

sturdy matrix
#

another topic still bothering me: I can't get stack-in-cards or vertical-stack-in-cards to work at all. They show up in my dashboard resources but I can't access the cards. I have reinstalled them, cleared cache, rebooted HA etc

lime charm
vestal zephyr
#

I want to make some small modifications to the Lovelace Mini Graph Card integration (https://github.com/kalkih/mini-graph-card). Is there a guide or something for how to build and install the output of that locally in my HA?

vast crane
vestal zephyr
#

Ah lol, perfect, there was so much configuration to scroll through first that I missed that, thanks!

raw stream
# errant plover Markdown card

Thanks! But how do I make the markdown card show the state of anything? I can use a template inside the markdown text?

vast crane
#

Yes it can use templates in markdown card.

dark dirge
zenith stag
#

hi i got the callender working but the

fallow flare
#

I am trying to add a picture element card with my Sweethome 3D layout as the image, but I cannot figure out the correct image path to have it find my pictures.

errant plover
#

config/www/ then restart if you just created the www folder. You can access it at /local.

fallow flare
#

thank you!

fallow flare
#

I got this far, but how do I make it into a switch button for that area that is useable?

image.png
golden mistBOT
#

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

📎 message.txt
unreal ermine
# 
entity: switch.table_pixel_1
icon: none
color_type: card
show_name: false
state:
  - value: 'on'
    styles:
      card:
        - color: |
          [[[
            return states['sensor.table_color_rgb'].state;
          ]]]
  - value: 'off'
    styles:
      card:
        - color: black```
#

Hi, did you see something wrong in that card. The state sensor is like :

image.png
zenith stag
tawdry ivy
#

What do you use for dashboard on PC? I use Firefox, so thought to auto open HA dashboard in chrome on boot.. But then realized that chrome eats ram...

zenith stag
tawdry ivy
#

Win11 :/

vital burrow
#

Don't be too sad. The Windows HA app is still quite experimental. The last time I tried it, it was using the Windows Subsystem for Android to run the Android app.

tawdry ivy
#

Guess il use chrome for now

honest ferry
# tribal galleon <@1151185832770809917> First, your tap action looks messed up. I'm assuming the ...

Hi @tribal galleon , thanks for reply. I don't know how to sort out the part of code in the red box (part of a grid) considering that it work in another card perfectly as show in the second picture (OK, NOT OK).
In the third pictur I put the code (in the green box) that correspond of the "OK" in the second picture and I don't succecced to put as th last button in the grid (NOT OK, 1/2 CUCINA). I don't know why appear the
error that you can look at the botton of the first picture "incovation of service dreame_vacuum_clean... ... .. not succeed. I am not care about the indent propeperly just trying to copy the green box code into the "grid".
I've difficulties to understand the code indentation rules. sorry
Any suggestion is very welcome. thanks a lot for your help

image.png image.png image.png
tribal galleon
#

@honest ferry Again, the reason the red code does not work is because it is not indented properly. YAML is very particular about the indentation of the code. Think of it as separating sections.
The red code and the green code are not the same. Compare lines 67-72 of the red code to 13-18 of the green code. Pay attention to the spacing.
The error at the bottom of the screen of the first screenshot even tells you there is a problem with the data section. In this case, the data section is technically missing because it is not part of the tap_action section. It needs to be spaced properly, like in the green code.

lime charm
#

hi does someone have an alternative to vertical and horizontal stacks and vertical stakcs because my cards take long to load if they are in a stack

tribal galleon
#

This is an example of using the layout-card. Note that card 3 will not be shown on a screen less than 800px wide. It's a bit more on the advanced side of things but something it is capable of doing.

image.png
lime charm
storm glen
#

Can anyone help me? I am trying to create a view but when I go to edit the dashboard I don't see any add button

cosmic apex
#

Hey there.. since upgrading to 2023.11.2 my minimalist adaptive dashboard has lost most of its cards. Has anyone experienced this?

storm glen
#

When I try to run in Safe Mode the views tab reappers

honest ferry
#

Thanks for this input

vague vortex
#

when I click on an entity in my dashboard to see the mini history graph, that graph doesn't show current values - it lags behind. If I click on "see more", the full history graph is up to date. How can I fix this?

nova pasture
#

what am i doing wrong?

image.png
#

when i press the power icon it tells me that i have to give almost one entity

#

i tried this way and with

#

target:
entity_id: switch.divano

same result

polar kelp
#

Did you try entity_id with an underscore?

#

On line 29

nova pasture
#

f*

#

doesn't work either

#

this is what the visual mode write but doens't work

tribal galleon
#

@nova pasture Try changing the target: at Line 28 to service_data:.

#

Also, note that that card has not been updated in almost two years so it may not work properly...

nova pasture
#

Thanks! and it's working well!

tribal galleon
shell kelp
#

hey, how do you access the value of an entity with a js template ?

#

(something like that) - color: >- [[[ let foo = states[sensor.toaster_battery].state; ]]]

tribal galleon
#

@shell kelp Try putting the entity in single quotes.
let foo = states['sensor.toaster_battery'].state;

jolly cliff
#

Hello. If not asking in the right channel, please advise which would be best. I am getting train timetables from external source (a python script). I wish to use the API to update values in home assistant specifying when the next 3 trains are leaving. Updating a simple text box would work just fine. Is there such a type of object that I could create and then update for that purpose ?

shell kelp
tribal galleon
#

if you had a defined variable, then quotes would not be used.

golden mirage
#

type: picture-elements
style: |-
ha-card {
--my-icon-color: {% if states("switch.1000b9d917_1") == "on" %} red {% else %} green {% endif %}
}
elements:

Why icon color don't change
Thanks!

image.png
polar kelp
cerulean walrus
#

can somebody help? why this is not working? type: conditional
conditions:

  • entity: binary_sensor.buro_licht_sensor
    state: 'off'
  • entity: light.strom_schlafzimmer
    state: 'off'
  • entity: light.schlafzimmer_centris
    state: 'off'
  • condition: and
    conditions:
    • condition: time
      after: '10:00:00'
      before: '17:00:00'
      card:

... (deine restlichen Konfigurationen)

entities works perfect, but not the time conditions

polar kelp
brisk oxide
#

Proper section now: 🙂
Hi all, new user here. i installed the latest version on a docker install on my Qnap nas and it's working fine, already integrated Loxone with it which seem to work too. unfortunatly i cannot get any new theme to work?
I installed HACS and wanted to try Mushroom but nothing changes in my UI, i tried numerous things. is there anything that i'm overlooking?
(restarted HA server, even the container, other browser, cleared cache, ... )

distant briar
#

hello. is it at all possible to have a dashboard which would do the following? it seems like an unlikely longshot, but wanted to check anyway.

  1. a page which shows cards for multiple camera streams of some kind
  2. if any movement is detected on any of the cameras then that card is automatically made full screen for x amount of time.

I expect it would prob take a fair bit of scripts and automations if it was possible. but i suspect its quite unlikely that it could do this anyway. thanks

fading musk
#

hi, is it possible to have a button open up another window (i.e. a sub view with multiple entities)?

tacit cave
#

You can have it navigate to a URL, or navigate to a subview

#

A url will open in your browswer

#

navigating will keep it within the app

#

none of them are pop-ups

fading musk
#

what I want to do is to have the button open up a group of lights/switches and be able to navigate back and forth between the "main menu" and the "Sub menu"

tacit cave
#

Just make it a sub view and use the normal navigate tap action to keep it in the app/browser

fading musk
#

1 more please. how do you group different entities like lights, switches, cover. etc? It wont allow me to group different types of entities in Helpers

tacit cave
#

You can only group different domains using old school groups which are all yaml.

fading musk
#

I have to create a group.yaml file and do I have to enable something in the configurations.yaml file?

tacit cave
fading musk
#

if I want to use a group.yaml file, I will have to add:

#

group: !include groups.yaml

#

in the configuration.yaml file. is that correct?

tacit cave
#

yes

fading musk
#

ok thank you!

lyric garden
#

I am using transform in a apexcharts card to get a numerical value from a binary sensor, and that works fine as
transform: 'return x === ''on'' ? 300 : 0;'
but I don't want the "on" to be fixed at 300, but instead be the value of sensor.14_day_electricity_price_max
I have tried
transform: 'return x === ''on'' ? hass.states['sensor.14_day_electricity_price_max'] : 0;'
but that does not work.

tacit cave
#

typically, if a card supports templates, it needs template identifiers

#

secondly, if you're escaping your quotes, you're missing escaped quotes on sensor.14 day

distant briar
karmic tendon
# distant briar anyone? i've found there is an integration called surveillance_card but its no...

I donot have the exact answer but I believe setting a card full screen won't work. And then the question is 'where' do you display that then? I can give an example of what I have, I have 2cams and they are visible on a tablet, they show parts of the garder/road invisible from the house and help identifying movement. For the moment I trigger only on one of them , i.e. when some approached the front door and then it changes to another tab which has a full-size link with the same cam. I believe you can make it refer to different camera's based on a template (using configure template or config templater card) ...

vast crane
#

Seems like you could probably do something with panel/1-card view and conditional cards.

karmic tendon
#

That is an idea too..if you can make the panel conditional ...donot know

#

and my 2nd tab is in panel view btw

vast crane
#

not make the panel conditional, but just make the panel card a v-stack, and then load it up with a bunch of condition cards

#

either a single camera view if that one is triggered, or a grid card otherwise

karmic tendon
#

if you have (say) 5 cams, then you'd need to think how to prevent streaming this all the time

#

my small views are a low bandwidth

#

already

polar kelp
#
  • Set up automations to set the value of an input_select based on which camera you want displayed
  • Make a dashboard in panel mode.
  • Add a vertical stack to it.
  • Put a bunch of conditional cards to show the camera you want full-width when the input_select has the right state
  • After all of those, put a grid card, and populate that with the cameras.
#

So yeah, what they said

distant briar
#

so mines a bit awkward i guess. I currently have 2 ring doorbells, a hikvision ip cam and a kiosk browser . I appreciate that the rings are not live anyway, but i'd like it to show live if they get movement

polar kelp
#

Or install browser_mod and make automations that show the camera feed you want in a popup on all displays around the house regardless of which dashboard they are currently showing.

distant briar
#

interesting, I'll have to look into conditional cards then, i've not used those before. to be honest i've never really done anything beyond basic lists in most of my dashboards.

wet blade
#

so if this is the wrong place, i'd appreciate a heads up.. But I just installed a HACS card that mentioned something about configuring a resource for the front end. so i googled it and followed the instructions but it still can't find it.. supposed to be in a folder called /homeassistant/www/community/HA-Firemote/ in config file

#

hmmm meant that to be a separate message but oh well

turbid edge
#

In the frontend, I wanted to remove (for me) useless things like the Map, Media playback, Cloud. To do that, I removed the "default_config:" from my configuration.yaml and added lots of other, usually empty, clauses, like "logbook:", "ssdp:" etc etc. That seems to work so far --- with one exception: several helpers like input_boolean etc are no longer available. Adding "input_boolean:" to the configuration.yaml doesn't change anything.

How to fix this?

timber flint
#

Hello Community. There is any buil-in solution to change what is shown in the card if I dont like the value of the entity?

    entities:
      - entity: sensor.uptimekuma_192_168_0_21
        name: Access Point```

Its showing "up" but I want to replace "up" to "Reachable".
image.png
#

or I need to use "lovelace-template-entity-row" downloadable solution?

tribal galleon
#

@timber flint If you want to stick with a built-in card, you can do just about anything with the Markdown card. Here, I used some HTML and JavaScript to make something similar. yaml type: markdown content: |- <table width="100%" style="margin: 0px"> <tr><td align="center"> <font size=4 color="white">Access Point</td> </tr></td> <tr><td align="center"> <img src="https://icons.iconarchive.com/icons/martz90/hex/128/wifi-icon.png" width="64" height="64"> </td></tr> <tr><td align="center"> <font size=3>{% if is_state('binary_sensor.unraid', 'on') %} Reachable {% else %} Unreachable {% endif %} </td></tr> </table>

image.png
#

With a little bit more work, I'm sure it wouldn't be hard to add some colors or animations based on state.

spark sorrel
#

My dashboard is suddenly casting to my device in light mode no matter how many times I turn the cast on and off, and it’s too bright to sleep. What should I do to put it back in dark mode?

tacit cave
distant briar
#

going back to my question yesterday about dashboards for cameras. would it be possible to create the following
dashboard 1: shows the 4 camera streams
some kind of condition which if motion is detected on the binary sensor for one of them, it will go another dashboard which has a full page camera stream.
after x amount of time to automatically flip back to the original dashboard?

would conditional cards do this or just some of this or

tacit cave
#

you'd probably have to use auto-entities

#

otherwise the frontend doesn't do 'switching' like that without user intervention

zenith stag
#

I believe you already got the answer earlier above. I would use conditional card and layout card paired with a helper switch to make one stream go full page (in the same view). All-tough, it would personally not work on my Rpi4. That many camera streams would make it lag too much ^^

karmic tendon
fading musk
#

is it possible to get the font to change color instead of the icons in a light button?

tribal galleon
# distant briar going back to my question yesterday about dashboards for cameras. would it be ...

You might be able to accomplish this with browser-mod and/or Fully Kiosk Browser and controlled via an automation. The automation would watch the binary sensors and then could send a navigate command or Load URL to the specific device/tablet.
Another thought would be to have the automation initiate a browser-mod pop-up which would essentially be full screen which has an auto close option.

tribal galleon
tacit cave
#

make a map that maps binary sensors to cameras, then iterate the binary sensors that are on and choose the most recent one. Display that camera. If all are off, display all 4.

fading musk
worthy falcon
#

Trying to get real-time cameras in Lovelace - help!

tribal galleon
# fading musk Im using the custom:mushroom-light-card and this allows the card to show the per...

The custom:button-card isn't going to have the same look as the mushroom-light-card (at least not without a bit of extra work). It is just a matter of figuring how to get it to work the way you want.

type: custom:button-card
entity: light.living_room_lights
show_state: true
state_display: '[[[ return Math.round(entity.attributes.brightness / 255 * 100) + "%"]]]'
layout: icon_name_state2nd
styles:
  card:
    - height: 100px
    - width: 275px```
image.png
lone night
#

I can't add an Entities card or a Custom card in a View. It looks like it is working in the editor but when I close the card is not there. Bard says this is a known problem and it is being worked on. Is this true?

vast crane
#

I'm pretty aware of the current issues and I've never heard of that.
@lone night - try Safe Mode maybe?

atomic glacier
# tribal galleon <@544176222842912770> If you want to stick with a built-in card, you can do just...

Reminds me of the good old days LOL...__ glad to see you pointing that out. Useful in many cases☑️

  - type: markdown
    content: |-
      <table width="100%" style="margin: 0px">
        <tr><td align="center">
          <font size=4 color="white">Bathroom Door</td>
        </tr></td>
        <tr><td align="center">
            <img src={% if is_state('binary_sensor.bathroom_door', 'off') %} "https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/door-icon.png" {% else %} "https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/door-open-icon.png" {% endif %} width="64" height="64">
        </td></tr>
        <tr><td align="center">
          <font size=3>{% if is_state('binary_sensor.bathroom_door', 'on') %} Open {% else %} Closed {% endif %}
        </td></tr>
      </table>
door-icons.png
lone night
#

@vast crane Thanks, I'm a newbie to HA, how do I get into safe mode? I'm running HASSiO supervised appliance install on a Dell 3050. Everything else seems to be working fine.

vast crane
lone night
#

Thanks, I'll try it...

#

@vast crane Safe Mode did not help. Maybe I'm missing the boat on how to add an entities or a custom card. I click Add Card then select an Entities card. I give it a Title, clear out the entities that are there with X's. Then I add my entities, they show up on the right side with the correct state. I don't see a Save button anywhere. When I click the X in the upper left corner it closes and there is no card in the view. What am I missing?

vast crane
#

There's supposed to be a save button in the lower right.

tribal galleon
#

Save should be in the bottom right

vast crane
#

screenshot?

tribal galleon
#

But karwosts I've noticed some buttons disappear on my dashboard, but I have bunch of stuff going on that I just attribute it to something that I've done in a card somewhere...

vast crane
#

Well if you want to pursue that, would need more information.

tribal galleon
#

The EDIT button likes to disappear for me sometimes but I know where it is so I just click where it is supposed to be.

#

It generally happens on my "Lab" dashboard. Probably not something that I can replicate or document properly.

vast crane
#

I have not heard of that happening.

lone night
#

Crap! the window was too small. When I stretched it down I could see the Cancel and Save buttons. Thanks for the clue!

vast crane
#

actually I can also reproduce that. I think that's a bug that needs to be fixed, it gets messed up if the window is wide and short

#

thanks for mentioning it

#

it's like going halfway into the mobile dialog format but just breaking since it's not in narrow mode

lone night
#

The goofy part is when I asked Bard about my problem and said that I did not see a Save button, he told me that it autosaved and just to hit the X at the upper left. Clearly the wrong answer. I've been down this rabbit hole for an hour and a half. Thanks guys...

vast crane
#

AGI at its finest 😁

lone night
#

It's got a ways to go...

fading musk
limpid burrow
#

I’m having a problem with Studio Code Server. Whenever I highlight and copy code, HA freezes. This also happens in Template. I have restarted HA and removed and re-added Studio Code Server. No help. And now I can’t figure out how to get SCS back to dark mode like the rest of HA. Any suggestions about how to fix this?

dusky jackal
fading musk
tribal galleon
#

I tried this with my light setup which

zenith stag
tribal galleon
zenith stag
tribal galleon
#

@zenith stag That's awesome. Using the Big Slider Card did not create the same result as the my-slider-v2 (at least not right off the start). I'll have to look more at the my-slider-v2 a bit more. I like the fact that it has a vertical option; that's not very common.

#

I'm seeing the colors being a little bit off (but I'm just being nit picky).

343537 = 2c2c2c
6f6f6f = bdbdbd
ff9800 = f19c38
493416 = 3e2e16```
zenith stag
#

Yeah I just took a screenshot and picked the colors in Photshop 🙂
Yes the vertical slider is great, I use that in this pop-up for my Sonos.

Screenshot_2023-11-22_at_09.18.02.png
tribal galleon
#

So... I just found out that my shortcut for my color picker utility (Shift+Win+C) is very close to the shortcut for Firefox extension Reload All Tabs (Shift+Alt+C). 🤦‍♂️
I don't know how many tabs I have open (it's a lot) and Firefox is using about 15GB of memory... That was a fun moment.

tribal galleon
#

Made a couple of changes to bring the custom:button-card a little closer to the Mushroom Light Cardyaml state_display: | [[[ if (entity.state === 'on') return Math.round(entity.attributes.brightness / 255 * 100) + "%" else return "Off" ]]]

#
  • changed colors to match post above
  • changed icon size to 21x21px
  • changed secondary text color to 9b9b9b
  • changed name font weight to bold
  • changed secondary font size to 12px
  • changed secondary font weight to bolder
  • changed slider container height to 42px
  • added more-info hold_action (default is toggle)
    (Colors came from PowerToys Color Picker and other settings from Inspecting in Firefox.)
fading musk
#

sorry my bad. I was working with the group entities from the classic groups which did not have a "light" entity so it showed only on or off. I grouped them using helpers as a light entity and now it shows the percentages

fading musk
#

question on the styling. how do you make the buttons auto align to say half of the width?

tribal galleon
timber flint
#

Hello Community,

How would you chand that code to replace the "up" value on the first 3 entity in this glance card, so if the value is "up" write instead of up this : "Reachable"
https://paste.debian.net/1298927/

image.png
#

Thank you for your time.

tacit cave
#

template sensor or a custom card

timber flint
heavy umbra
#

with a normal button-card I can see and choose philips hue's effects.
how can I trigger the effects from a button in one press, instead of open the action "more-info"

Screen_Shot_2023-11-22_at_13.10.09_PM.png
heavy umbra
#

with a normal button-card I can see and

quick depot
#

So guys. How can i stop my cards to flow to three columns?

vast crane
celest stag
fiery veldt
#

Hey, i have a noob question, i am displaying a webpage in the dashboard, the index.html is located in /www/map/index.html.
if i would like to have some sensors values within the html, how do i reference those?

tacit cave
#

You want sensor values to be placed and update live in /www/map/index.html?

fiery veldt
#

is it hard to do?

vast crane
#

add an iframe of home-assistant dashboard with those sensors inside the index.html inside the dashboard? 😁

tacit cave
#

you'd probably have to craete a custom card

vast crane
#

but in seriousness, I guess you could do either of:

  • have HA write a new index.html anytime the sensor value changes
  • write some JS websocket thing inside your html to query states from the HA API.
fiery veldt
#

the idea is from reddit

image.png
#

it is a heatmap of all my temperature sensors, and having those values interpolated, on top of my floorplan

#

i have added this via the webpage card, but currently the temp values from all the sensors are harcoded

#

maybe with all this info you get a better picture on how it could be done

tacit cave
#

this would be a custom card

#

i.e. it requires development by you in typescript or js

fiery veldt
#

can chatgpt do it?

tacit cave
#

doubt it but you're welcome to try

fiery veldt
#

can you link me a guide on how to create a custom card?

tacit cave
vast crane
fiery veldt
#

guessing neither of you is interested enough in my project to take it forward 🙂

#

thank you both

tacit cave
#

it's interesting for sure, but I'd have to learn TS or JS to do it

#

I know js, but not enough to write from scratch

vast crane
#

Other than an "ooh shiny" factor I'm not really sure if that really provides that much useful information. I would think it would pretty much just look the same all year round.

limpid burrow
#

I asked this last night with no response, so here it is again: I’m having a problem with Studio Code Server. Whenever I highlight and copy code, HA freezes. This also happens in Template. I have restarted HA and removed and re-added Studio Code Server. No help. (And now I can’t figure out how to get SCS back to dark mode like the rest of HA.) Any suggestions about how to fix this? Since then I have observed that Edge CPU usage goes to 25% while it is "frozen". If I delete the Edge tab and reopen, it is working again until I copy.

drifting latch
#

is anyone of you guys familiar with swipeable cards by chance?

tacit cave
#

or was that a different person

#

either way, it's whatever browser you're using

limpid burrow
#

Yes and it is still a problem.

tacit cave
#

copy/paste is handled by your browswer and the clipboard is managed by your os

limpid burrow
#

I believe I tried Chrome and Firefox and got the same result.

tacit cave
#

and when I say OS, I mean the computer you're using not HA's computer

limpid burrow
#

I recently reinstalled Win 11.

tacit cave
#

not sure what to tell ya

#

i'm fairly sure I recommended trying a completely separate computer

#

if none of that points to the issue, there's nothing you can do on HA's side to fix it. Addons just display the software that they contain

#

it could be an issue with ingress or vscode, but both are still out of your control

limpid burrow
#

I tried again on Firefox and it worked fine. It did not during our last discussion. I'll try reinstalling Edge if there is a good way to do it. Maybe that will do it. One last item. After I reinstall Studio Code Server, I'm unable to get it into Dark Mode. The rest of HA goes to Dark Mode fine. Any suggestions? Did I mis somethind stupid? I appreciate your help.

#

SCS doesn't go into dark mode on Firefox either.

tacit cave
#

Pretty sure you have to set that in vscode

#

At least I had to

vital burrow
#

Dark mode in Studio Code add-on can be set in Settings - Workbench - ColorTheme. But not dynamically like the HA UI

vast crane
#

There is this:

image.png
vital burrow
#

I have enabled that, but at least the add-on ignores it. Neither the HA dark/light mode setting nor the Windows one effect it. 🤔

vast crane
#

hmm it's working for me

#

I believe the OS passes the setting to the browser, and the browser passes the setting to the window, so you may have changed your browser to a fixed mode

vital burrow
#

Might have to look deeper into it when I'm back home note

pine cairn
#

could someone help me with making all the cards the same height?

it is the same card but swiped to a different page

image.png
vital burrow
#

You can put them in a grid card

light meteor
#

i guys i have a problem i don t see "additional components" section somebody can help me?

polar kelp
#

Oh, sorry, was that my horn?

polar kelp
light meteor
#

is the HACS

#

but i see more tutorial and many go to "configuartion" and have a "additional componets" pre-installed

pine cairn
polar kelp
pine cairn
# light meteor is the HACS

what do you mean by additional components you mean like /config/lovelace/resources(web address) or do you mean already installed stuff in hacs? can you maybe send the tutorial you are talking about?

light meteor
#

(tutorial is italian)

#

tutorial

Cattura1.PNG
pine cairn
#

that seems to be called addons now

light meteor
#

i have this

Catturad.PNG
pine cairn
polar kelp
#

That requires a supervised install. Like HAOS

pine cairn
#

which means you will most likely want to setup a vm or install HAOS on bare metal(i dont know of other solutions)

#

may i ask how you installed your home assistant installation? docker?

light meteor
#

yes docker

#

with porteiner

pine cairn
#

he is just setting up a file editor to easily change his files with a smb share to the home assistant files

if you can acces your appdata/config/datadir of home assistant it is basically the same

#

but with a docker install anything that is done inside addons needs to be done outside of home assistant, like mosquito broker, esphome dashboard, etc

light meteor
#

ah ok thanks so much now I'll try to access via ssh with visual studio.

fiery veldt
#

do i need to restart home assistant if i add something to the www folder for it to be visible?

dark dirge
#

If you just created the www directory, yes. Otherwise, no, but you probably need to clear your browser cache

fiery veldt
#

does ctrl-shift-r do the trick?

#

any ideas of what could be going on?

dark dirge
#

you didn't add it as a resource

fiery veldt
#

i have it

#

/local/map/custom-leaflet-map-card.js, i'm guessing it doesn't have to be in the root of www and it can be in a subfolder

vast crane
#

afaik it should be named leaflet-map-card (not custom-leaflet-map-card in customElements.define) and instanced as custom:leaflet-map-card

#

@fiery veldt ^

dark dirge
#

custom:leaflet-map-card
yeah, that's right

#

it's hard to tell with all the pictures of text 🙂

fiery veldt
#

this is the manual card configuration
type: custom:leaflet-map-card
this is the resource definition
/local/map/custom-leaflet-map-card.js
and this is the card itself

image.png
vast crane
#

and?

dark dirge
#

please stop with the pictures of text

fiery veldt
# 
Custom element not found: leaflet-map-card```
fiery veldt
vast crane
#

make sure to do the cache clearing thing again, I think you have it correct

fierce ridge
#

I have four horizontal stacks here, all configured the same just different sensors. Any idea why the first 3 overlap?

title: Recent Movies
type: horizontal-stack
cards:
  - type: custom:upcoming-media-card
    entity: sensor.recently_added_movies
    max: 10
    flag: false
    image_style: poster
    gridCols: 5
    line1_text: $empty
    line2_text: $empty
    line3_text: $empty
    line4_text: $empty
    card_mod:
      style: |
        ha-card {
          border: none;
        }
WNXPJXb.png