#frontend-archived
1 messages · Page 42 of 1
Thank you, put there the normal one and getting informations now
I need some Help with the totp login...
Now just wait for rasberry pi, solar assistant and put solars there
i cant login anymore with my 2nd browser
does anybody know how to remove the state of entities in an entity filter. It is for a sensor. The state is green but I dont need it to say that in the filter as all of them are going to be green: https://imgur.com/a/gQtDLTQ
so it will say:
Green
Green
Green
Green
Green
The value of the sensor was only intended to be seen by me and used by the filter
i tried show_state: false but no luck. Starting to think it can only be used on glance entity filter
I managed to find a solution using template-entity-row mod
Evening!
Not sure what it is called in English, but I'm using Chips and wonder if it somehow is possible to create a "Hold action" that opens up more "Chips" next to it?
Kind of like "reaction" on many applications, if you get what I mean.
I'm trying to create a second lovelace dashboard and have it show up in the sidebar. I tried to follow https://ui-lovelace-minimalist.github.io/UI/setup/customizing/#add-multiple-dashboards and reloaded all YAML, but the second dashboard doesn't appear in the sidebar or in Settings/Dashboards. ui-lovelace_2.yaml has the same header stuff as mentioned on the page and includes one view. Said view seems to work fine if included as a tab on my main lovelace dashboard. Nothing in the HA log. One thing I'm unclear about is whether the name lovelace-minimalist-2, under dashboards: in configuration.yaml, has any significance, because they don't seem to refer to anything by that name.
Looks like it just needed a full HA restart.
yes it's hard to know when something requires a full restart, or just a reload of the configurations
I blame the Windows influence. "Oh, just reboot."
I am trying to create a car travel log like start home stop somewhere. Anyone know if already exist ?
I have this card working nicely using template-entity-row and card-mod https://www.dpaste.org/09ohb Except i really wanted it to sort by when last change. So i did some googling and came across auto-entities which can do sorting. However i cant figure out how to use template-entity-row/card-mod the same way for the filtered entities in auto-entities. I managed to make this: https://www.dpaste.org/o8wgb which sorts how I want but it basically bypasses the filter part of auto-entities. so all entities show all the time.
so I can either sort them and show all of them or filter them properly and not sort them.
Would anybody know how i can achieve what im looking for?
Hello, how can I make a color of a button (in CSS) change on a white and dark theme basis, using car-mod 3?
ha-card {
z-Index: 1;
position: fixed;
bottom: 10px;
left: 10px;
width: calc(100% - 20px);
background: #2B2B2B;
border-radius: 100px;
padding: 10px;
}
can i limit who can see what entites? or have a custom dashboard for that person?
Yes in the dashboard look at the top where the tabs are. you can use the edit button up there to edit the visibility of the tab and you can make 2 similar tabs but have one limited for you and the other limited to someone else
no idea why this is here or how to get rid of it.
What is that?
some random group of lights
woah how did you post that usually have to use imgur
honestly no idea
just pasted the image off my clipboard
maybe it's a channel specific thing
yeah you can upload files here
well i mean what are we looking at is it a card on the dashboard?
a card on overview
are you saying you have no idea what any of them are?
i have no idea why they're there or how i can remove them
go to settings > devices & services > devices find them click on it then from there you can disable/delete them
the razer stuff must be a keyboard and mouse. maybe rgb control? Someone on your network got anything like that?
@tall sage
so the pc stuff is all via openrgb
i know what lights they are just didn't put them there
overview by default puts everything new into it i think you can change that behaviour in settings> dashboards > overview
i'm not able to edit the overview on it's own. seems i have to create a whole new dashboard
yeah you know what i dont remember how i did it now
but why not just edit the dashboard and remove the card?
Anyone?
its the pencil icon on the top right when you click the dashboard that you are looking for not editing the dashboard per se but rather the tab i guess
that's what i clicked
you can't edit overview
this guy right?
yeah then what next
this is next
i cannot make this any more clear
Okay well don't give up its definitely possible one way or another
i just made my own dashboard.
that works i guess
you can hide the overview one by holding home assistant at the top of the sidebar
im not sure if its what you want or not but maybe check this out https://github.com/thomasloven/hass-browser_mod
What if you could change the more-info dialog for some entity to a dashboard card of your own design?
variable_template:
variables:
var_assist_group: group.assist_satellites
var_assistsat_default: |-
[[[
return hass.states[variables.var_assist_group].attributes.entity_id
.find((eid) => hass.states[eid].attributes.type === "view_audio")
]]]
I could use some JS help. I'm wanting to pull the first item in the group that has an attribute type whose value is view_audio . I modified something else I had to come up with this but this is not returning anything. Can someone tell me what I am doing wrong?
This is being used with custom button card
This is the error
ButtonCardJSTemplateError: ReferenceError: var_assistsat_default is not defined in 'return var_assistsat_default'
when I try to use it I mean
Does anyone have suggestions for debugging .yaml files? I'm trying to build my dashboard with !include but for some reason they're not showing up on the dashboard and I'm not sure why
Are you managing your dashboard in YAML mode?
Yes
I suspect it has to do with how I'm trying to break things out
Because if I just copy and paste everything into one file, it works
Okay, so doing
type: custom:mushroom-chips-card
chips:
!include location_chips.yaml
Works. However when I try to do
type: custom:mushroom-chips-card
chips:
!include location_chips.yaml
!include door_chips.yaml
It fails. Both YAML files are a list of - template's
I also tried
type: custom:mushroom-chips-card
chips:
- !include location_chips.yaml
- !include door_chips.yaml
but then it just doesn't load that content at all (I think due to the -)
Ahh, the problem is that I need to use !include_dir_merge_list
How can I make a timestamp sensor not show relative time on the dashboard? I want to know what the clock is when it's finished.
anyone can tell me where i can find the dashboard yaml files ... i edited a dashboard and added fullscreen to it , now i'm no longer able to edit the raw config , woeps
I found a way at last 🙂 For others who have the problem, it's possible to add the field type: simple-entity in the code editor for the entities card, as:
type: entities
entities:
- entity: sensor.washer_dryer_remaining_program_time
type: simple-entity
name: Remaining Program Time
Don't know why simple-entity would make it better, but it worked at least 😛 formatting magic
That is a great mod, but not for my needs here. Hmmm...
Or actually maybe..
Hello, i would like to have quick question:
We have home power on 3 phaes, so import A,B,C, can i in code somehow add them up?
So like on the screen have:
Sensors.A + Sensor.B + Sensor.C
Thank you
what could be here the problem
#devs_frontend-archived might be able to help
You add that two colours you want in the theme yaml, and federence those using ”var(—button-color)”
Or whatever name you like to use
Many moons ago karwosts answered my question about finding a group member:
Well we can get the entity id of the first group member that meets that criteria with this:
const entityId = hass.states['group.assist_satellites'].attributes.entity_id
.find((eid) => hass.states[eid].attributes.mic_device === hass.states['sensor.assist_last_called'].state)
I am trying to do something similar but not getting results:
variables:
var_assist_group: group.assist_satellites
var_assistsat_default: |-
[[[
return hass.states[variables.var_assist_group].attributes.entity_id
.find((eid) => hass.states[eid].attributes.type === "view_audio")
]]]
The error shows:
ButtonCardJSTemplateError: ReferenceError: var_assistsat_default is not defined in 'return var_assistsat_default'
When I try using the var_assistsat_default in a view
I am trying to get the first group member that has attribute 'type' that has a value of "view_audio"
Please disregard . I forgot what my good friend @tribal galleon told me about how JS processes the variables in alphabetical order. Simply changing my variable name from var_assistsat_default to var_default fixed my issue.
hello - I have this card working nicely using template-entity-row and card-mod https://www.dpaste.org/09ohb Except i really wanted it to sort by when last change. So i did some googling and came across auto-entities which can do sorting. However i cant figure out how to use template-entity-row/card-mod the same way for the filtered entities in auto-entities. I managed to make this: https://www.dpaste.org/o8wgb which sorts how I want but it basically bypasses the filter part of auto-entities. so all entities show all the time.
so I can either sort them and show all of them or filter them properly and not sort them.
Would anybody know how i can achieve what im looking for?
Hello, how you know if addon is out of date and not work, like yesterday.
I found this: https://github.com/slipx06/Sunsynk-Home-Assistant-Dash?tab=readme-ov-file
But have issues with horseshoe cards: https://github.com/AmoebeLabs/flex-horseshoe-card, not getting the ui at all.
Thank you
Hello, when i tap on an image inside a picture elements card, the active image shows this ugly black circle in the background. Can i remove this? Edit: This appears only on the PC in the browser using the mouse.
has anyone been able to make a dynamic widget on ios?
I was trying to make something that just toggles between these 5 in a singular action but couldn’t get it to work
so i was wondering if it’s even possible lol
also when you add actions to siri, do they work even with homepods?
or is it just your phones local siri
@limpid kestrel You'll probably get a bit more specialized help in #ios_and_mac-archived
thank you!
@civic brook I converted your message into a file since it's above 15 lines :+1:
hello, I m feeling dumb but how can I update the lovelace setting ?
Which setting are you talking about?
I m searching everywhere and I can't found ui-lovelace.yaml
should be there www/custom-lovelace/ and it's not there
I want install this card: https://github.com/NemesisRE/upcoming-media-card
everything is done except the
This goes into ui-lovelace.yaml under "resources:"
`
resources:
- url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.1.1
type: js`
Those instructions are at least not updated for 2 years. If your primary dashboard is GUI based HACS handles the resources automatically
That card is ancient... (Maybe through HACS, it seems). But, you can create a custom_components directory in your root config folder and install it there.
when I try to use it I got this error:
Configuration errors detected:
No type provided.
The hyphen is not needed in the GUI editor
I've noticed a fair amount of custom cards like to show example code beginning with the hyphen. It would make sense to have it if the card is included in a stack or grid, but it usually messes people up more than anything else especially, like you mentioned, working with the GUI editor.
Does anyone here have a nice persons card for iPhone home assistant app / tablet dashboard I could copy please? 🙏 something that doesn’t use iCloud v3 hacks integration (I didn’t wanna give it my login). Thank you for any help! Also interested in any nice dashboards I could copy!
https://community.home-assistant.io/t/person-cards-show-off-yours/347020 has some good ones. I stole mine from there.
Unfortunately I tried some before including the very first one posted but could never get them to work
I’m not sure what to change here. Or if the first option is meant to work with iPhone. Anywhere I saw person.xxx I changed to my person entity but that’s all I changed
You need to have the proximity integration installed and set up.
Ok I set that up although the service configuration only shows feet and not an option to change to Miles. Where would I inject that service into the code please?
share your code will easy for support
How do I best share the code here? It goes past the limit by 24 lines
@rugged hamlet Check all of the entity names. You may have missed one: proximity.ad_home
I don’t know what value I’m supposed to give for that sensor, can you please tell me? I set up the proximity integration someone mentioned but that gives a different format entity: sensor.travel_time_to_work
Please use a code share site to share code or logs, for example:
- https://dpaste.org/ (select YAML for the language, and consider picking a longer expiry)
- http://pastie.org/ (select YAML for the language)
- https://paste.debian.net/ (you guessed it, select YAML as the language)
Please don't use Pastebin, since it can randomly add spaces to the main view. Please also don't share text as images since it makes it harder for people to help you. Remember that others may have colour blindness, impaired vision, etc.
Here is my YAML code: https://codepen.io/sabbirgold/pen/KKLWOvx
Are you sure the sensor.travel_time_to_work entity came from the Proximity integration? That looks like something the Waze Travel Time integration would make. Go to Settings > Devices and Services > Integrations tab > Proximity to see what entities it gives.
What do you have at the very end of the YAML? This doesn't look right. ```yaml
}
]]]
}
]]]```Once you figure out the entity name, you'll probably also need to delete the last two lines.
And, you still have some entities not correct. For example, in the battery section, you have sensor.ad_s9_aim_battery_level, but the original code's sensor.mobile_battery_level is still there.
the ]]] brackets are definitely an issue!
Yeah, but I don't think it is being reported yet due to the invalid entity names.
I remember the thread that gold dude is referencing. I made this a long time ago.
Invalid entities will block the custom: button-card all day long. You are definitely on point!!
Where it says sensor.mobile_wifi_connection would I need to change it to my iPhone entity? And other things that say “mobile” such as battery level?
Hi. I usually try to go in an request an update to the documentation whenever I find things like this, but I'm hesitant here since the card hasn't been updated in years.
Why did you want this version specifically, and not the upstream one at https://github.com/custom-cards/upcoming-media-card ?
📺 A card to display upcoming episodes and movies from services like: Plex, Kodi, Radarr, Sonarr, and Trakt. - custom-cards/upcoming-media-card
Sorry I m at work and I got issue to open github. But I didn’t take the last version ? I did use this card because it’s in the DD documentation under the list of premade components.
dwain Dashboard*
Updated my code, I still get nothing showing except now no error codes show either https://codepen.io/sabbirgold/pen/KKLWOvx
If there is a new version I ll try it, I need the new media added from Jellyfin 😉
You still missed a couple of entities. I changed your code to reflect my entities and it works fine. (Check lines 117, 126, 131, & 140)
I would also change the grid-template-areas to
- grid-template-areas: '"icon icon" "n n" "battery proximity" "wifi status" "sd sd"'```and the `status` layout to ```yaml
status:
- padding: 0.5em 0px
- align-self: middle
- justify-self: start
- color: gray
```This will move the Home status custom_field down to the bottom right corner and allow the icon to use the whole space. (It's mentioned in the thread as being an issue.)
browser_mod popup can not use variables: in custom:button-card
Are you referring to custom:button-card's internal variables? They seem to work for me. (Manually running an automation using browser_mod.popup service. Popup appears on remote screen but no screen capture available on it.) yaml type: custom:button-card entity: "[[[ return variables.test_var ]]]" show_label: true label: "[[[ return variables.test_label ]]]" variables: test_var: person.derek test_label: "Variables work for me."
i will try again, thanks
I didn't try the fire-dom-event but can check that too if that's what you're using.
I don't use fire-dom-event
I just tried and it working
Thanks
I am trying to create a custom-button template that has 2 input booleans 'in' it ... I have searched everything I can think of keyword-wize but it always comes up with nothing that I am looking for ... does anyone have a good example or a link on how I'd acomplish that?
(best i could chicken-scratch)
@fathom wagon This should get you started. https://discord.com/channels/330944238910963714/1140425401139724448 (Code in the thread.)
interesting.. thanks!
You could also consider a stack-in-card and "combine" individual cards into one. I haven't tried this fork yet. The one that I use is outdated but I still make it work. The dev recommends this one: https://github.com/stickpin/stack-in-card
I'll be damned if this isn't almost what I'm looking for, actually .. I think I can work this out
just gotta get the width of the boolean and positioned a little higher and we're good
thanks man!
if you have any pointers on minimizing the padding between the rows, and the top of the button-card I'd appreciate it
basically got what I want, it just pushes the name of my button off the card
Check the margins of the inside elements or the padding of the card
I got the padding fixed, just gotta make them closer together
@fathom wagon Post your code to show what you're working with. If you want, start a thread where the bot won't eat your code or post it on a code site.
Are you sure you wanted to share a Google ID and secret?
And some company communication
@DeadlyPantsD Post your code to show
Mmm didn't realize that was in there I'll see to resent that ha
How do I unshare ?
Also realized was the wrong code I'll read do it with the secret then
Can I unshare the file ? I already changed all the IDs so not to worried about that
Hello!
Can someone help me? I'm struggling with add background to one of section (new type of dashboard). Is it even possible?
Or how can I make kinda background for vertical-stack?
you can't alter the background of cards without card-mod or something custom
@spark spear I converted your message into a file since it's above 15 lines :+1:
I need some help with this code and need to figure out why it is acting up. Can someone help ?
describe your problem
I have a feeling he's not seeing state1, 2 or 3
to access the state you need states[entity_id].state
Well there's alot wrong with it, that's why I asked for clarification
the grid doesn't contain the custom fields
there's no styling for the custom fields
all the non custom field styling is in the wrong spot
touche
use the syntax that Bas posted above
for state1 2 and 3
e.g. return states['sensor.system_monitor_disk_usage'].state;
should probably add them to grid-template-areas also
I was following the one YouTuber and it is a bit confusing
Can I possibly message you directly if that’s okay with you please?
is it possible to adjust a CSS value for just a dashboard without creating an entire theme? Want to adjust the ha-view-sections-column-gap: 10px for the new sections, since the gaps are too large
I'm trying to do it straight in config.yaml based on this https://community.home-assistant.io/t/customize-gap-between-new-sections-dashboard-layout/701480/5, but getting an indentation error.
frontend:
themes: !include_dir_merge_named themes
google_theme:
ha-view-sections-column-gap: 7px #indentation error here
row-height: 0px
type: custom:button-card
variables:
background: "/local/viewassist/announcebird.png"
template:
- variable_template
- body_template
card:
- background: center / cover no-repeat url({{background}})
- background-size: cover
I'm trying to move my card background image to a variable definition and call it in the card definition. Not working. Am I way off?
is there a way to have like a grid of 4 columns, and have one card be 3 of those columns, and the last card be 1 of those columns?
Jinja aint gonna work in button card
Also, the variable will be called with variables.background, but I think without the {{ }}.
Can message me or start a thread in here to keep messages and progress grouped together.
Messaged you!
Check out the custom:layout-card. It takes a bit more to set up but gives more flexibility in terms of what the layout can look like.
I probably should remember that but it's been a few months since I've worked on these views 😦
I'll give this a go in just a bit. Thanks!
Just tried it. Didn't work like this:
- background: center / cover no-repeat url(variables.background)
you're going to need to use JS templates
Might have to do a "[[[ return 'center .....' ]]]"
d_sellers1… I’m havin the dangedest time trying to get the button card to do what I want, but I haven’t given up hope
I got it looking good on the PC, but looks like crap on mobile, and vice-versa. I have gone with the custom button layout vs entities because of scalability on the screen
I think if I have enough time and brain left I’m gonna try a grid style version and use 90% for a label, then 10% for the button per row
"[[[ return variables.background ]]]"
And put the center / cover no-repeat in the variables instead, since that is something you might need to alter depending on the image
This is what I needed! Thanks again. Hope you guys are doing well. I'm back at working on these View Assist views again.
cool 🙂 Yeah I'm slowly getting back into the game too haha
Needed some time off to focus on other parts of life XD
@spark spear I converted your message into a file since it's above 15 lines :+1:
This is what I got as code now see above
Want to achieve
try removing that " at the end and you should make some progress
<div style="background:${color}"
hi @vital burrow

i have a dashboard that i use for a tablet on my wall and it's being shown through the Fully Kiosk app. im not sure what the trigger is, but sometimes it will show as a single column, and sometimes it will show as two columns. i want it to be two columns so that everything shows without needing to scroll. is there anyway to force the two columns? or am I just gonna have to be at the mercy of the app making it's own decision on how to display the cards?
@tribal galleon Here is what I ended up with using the example that you gave earlier this morning:
it looks the same on mobile too!
Hello! I have never posted here before and am wondering if anyone knows why the tile card position slider for covers seems to be opposite of others. For example, the left most position is 100% and the right most is 0%. Feels backwards to me?
IIRC this was discussed when it was implemented, maybe in the discussion thread you can find some comments about it.
https://github.com/home-assistant/frontend/pull/16110
Awesome thank you.
Now I just need to figure out why the font-size in the stat1 2 3 not applying ? Would you be able to help ?
Yes check your indentation. As you can see your custom_fields says ”null”.
I have card
On browser on laptop can swipe
On HASS app on moblie can't swipe.
no matter how i indent it it does not seem to work what is the proper syntax ? i never seem to get it right 😚
it works for me....
i want the 3 stats to be displayed lstat1 start stat2 middle and stat3 end so it shows all the 3 in the corners and middle does that make sence
you need to define your columns under grid for that to work I think. Add - grid-template-columns: 1fr 1fr 1fr
that should give you this grid
ok ill have a look
Almost seems like re-inventing the wheel: custom:bar-card... (Cards can be embedded into the custom:button-card as custom_fields.) Screenshot from testing. Even incorporated it into an auto-entities card.
I was going to say that too, but then again, his code is pretty simple for a simple thing. Maybe that's better than embedding yet another custom card?
that worked thanks
ill have a look at the custombar-card too then 😄
Hello, @spark spear
Hello did you want to ask me something ?
is it possible to 'embed' mdi icons in custom button-card names without using <ha-icon> ?
Yes in the icon area
i've included the url and type in my resources, using <i> italices the text, and <img> doesnt render
not the button icon, the name: tag
But if you want to use html tags you need <ha-icon to render the mdi-icons
ex:
name: >-
[[[
if (states['input_boolean.testbool'].state === 'off') {
return `<span class="material-icons md-18">light</span>Lights`;
} else {
return `Lights (Auto)`;
}
]]]
you have to embed the svg
aww man that sucks
otherwise if you want to use mdi icons, you need to use ha-icon
unless the field accepts icons
why does that suck? what are you trying to do?
if you want custom icons, use the font awesome custom integration and add your own icons
otherwise, using ha-icon has no drawbacks
I mostly use the icon area and name area on 1 row and add it without tags
So I can utilize the engine for button card itself
I pretty much always hide the icons and go straight custom fields
the imgcell is too much of a PITA to deal with, where ha-icons are much easier
hang on lemme start a thread and show you what I have
Yeah, agree if you dont need the extra styling options
why does that suck? what are you trying
interesting, I was just about yo suggest the exact opposite of what you wrote ^^
it's easier for me, not sure about others.
if we had a button card that was just a grid you could modify and it accepted cards and js, I'd be happy
You can but it involves nesting multiple button-cards
you can do it without nesting cards
My point was that I don't need all the fluff custom button card provides
I'd just need a button that has a css grid
the rest would be css & js done by me
can you guys give me a quick nudge here? https://community.home-assistant.io/t/how-to-create-a-child-theme-a-theme-modification-without-messing-the-original-file/735800
you've been asking that question for days, someone will reply just be patient. If someone knew, they would reply
sections is new, not many veterans use it or know the CSS off hand, you may be on your own for some time
you're right. 😦 Just felt ignored.
Thing is the question is not related to sections or CSS at all, that part is solved. That's just the use case. But the question is just about themes.
Seems like you're asking for help related to a feature that you invented in your imagination and doesn't exist. So that's likely why nobody knows about it.
might be. Just looking for confirmation if it indeed is not possible
I would just assume this is not possible.
got it. I can stick with that. So the correct process is just to create myself a theme, right?
I would duplicate the original plus whatever change you want to make.
cool. I was just looking for confirmation before committing, to avoid getting myself into more issues down the road.
I think I’m missing something really silly because it isn’t showing anything on my cards but I cant figure it out. (Will swap titles out for media player cards once I get it working). Thanks for the help!
type: custom:state-switch
entity: template
template: >
{% if is_state('media_player.master_suite', "playing") %} A {% elif
is_state('media_player.master_streamer,'playing') %} B {% else %} C {%endif%}
states:
A:
type: custom:mushroom-title-card
title: A
B:
type: custom:mushroom-title-card
title: B
C:
type: custom:mushroom-title-card
title: C
@hidden needle can an option be to use -includes in the theme yaml instead? to split it up.
I'm not experienced in child themes so don't know your purpose
try using lowercase
hmm not familiar with -includes. Might work. THe purpose is just to avoid "duplicating" a theme code, so I'm able to do small mods without unlinking from the actual theme for updates. So applying a mod on top of the actual theme.
I was now looking if it was possible to use card mod on a dashboard level, to change a CSS variable for an entire dashboard
Your template and config if fine otherwise. So it must be because you're using uppercase. Typically HA wants lowercase keys becuase .lower() is used all over the place to ensure the correct key is grabbed
do you know what's the syntax for -include? It it like !include in YAML? Or have some example for me to learn?
@tacit cave do you remember that function where you reference yaml in a seperate file and edit it. Not talking about includes or anchors, there is another option. Cannot remember the name
Not sure what you're talking about outside !include
been speaking about it before, trying to find.
Meanwile I trying to use !include right now in the theme, but not going to well.
Good to know, but just changed it to lower a b and c and still nothing
Found it! Merge Keys
try removing the spaces before and after your letters then
you can also use -%} to remove trailing or {%- for leading whitespace
sorry cant help. Merge Keys which I though was an option seems only for within the same file, and I'm not managing to use !include in the theme either :/
no prob. Thanks for trying. I also tried !include, but it seems it needs a frontend: or something like that (not sure what's the name for those keys)
I don't think so, I'm using !includes in my dashboards to seperate big chunks of code sometimes
Found it! Was missing a ‘ in my elif. Thanks for the help!
oh... then? Well, it kinda makes sense not to work.
This would be my theme:
CustomTheme:
!include /google_theme/google_theme.yaml
ha-view-sections-column-gap: 7px
But that includes this file:
Google Theme:
modes:
light:
# Header:
app-header-background-color: rgb(248, 248, 248)
So the indentations and keys are messed up I guess.
at least the theme key should go, but I don't think that can be done without tweaking the original theme file
I wsa trying the other way round, to include and custom changes into the original theme file. But cannot get it work
do you think its because there's a space in your theme name? 'Google Theme' vs Google_Theme
(stab in the dark)
no not really. I already tried that, I wasn't sure. The filename is with _ but the Theme "ID" is with the space.
that might be a #cameras-archived question
oh crap, I thought I was there lol xD
Is it possible to assign line colors in the History graph card?
I think the link appears to say it can be done. With themes? Let me make sure I'm not asking about wrong things. I have two cards, One has the temperature, one has the humidity from the same physical source. I would like both lines to be the same color when there are multiple entities on a given card.
card mod while utilizing the solution in that thread
but you'll have to make sure your entity order relates to what you're card-modding
the theme variables can be overriden with card mod
if you didn't follow what I'm saying
Hmm...so, that goes in the yaml of the card?
entities:
- entity: sensor.outdoor_case_humidity
title: Humidity in case
hours_to_show: 48
view_layout:
grid-area: c15```
Hello everyone,
I tried to create a 3D dashboard.
I installed 'Config Template Card' via HACS and created this code in connection with a YouTube video.
My data synchronization takes place with Samba, the folders are all set up correctly.
Unfortunately the overview doesn't load, nothing appears, can someone help me?
I have read all the tickets in github from the creator but I haven't found a solution
thanks in advance
what youtube video? what's 3d about the dashboard?
https://www.youtube.com/watch?v=OJm9RONSQ7U&ab_channel=Tristan'sSmartesHeim
This video, it is german but he has linked his code in the bio
I have created images with sweethome3d and would like to switch lights on and off which can then be seen in the image
yes I'll try it out with the bedroom first and would like to rebuild the house in the future and be able to switch lights, sockets and everything else
it doesn't really mesh up with what I want out of my smarthome, but I can at least see why you like it
have you tried reaching out to the youtuber?
Having a large tablet in the entrance to the house and being able to control everything is just great, I'm an electrician and build alarm systems and would like to add something like that in the future. Large manufacturers have KNX boards that should make this possible
No I haven't tried it yet, I copied his video 1:1 but even with his code it doesn't work for me
that video is 2 years old
there have been pages and pages of breaking changes since then, I'm not surprised it didn't just work
there are new comments that are not older than 1-2 months. It has worked for all of them so far
not to mention that I'd be stunned if your entities had the same names as his
no i edit my entities and image names
the basic configuration is the same, I don't know where the error is that the images are not recognized.
I have already inserted other images in other projects with samba
but thanks for your help
sure. Sorry it wasn't actually useful
is there an actual error in a log? or just a blank card that you don't know how to troubleshoot?
it looks like this
what does the code editor view look like?
here is the full code
What I noticed is that I downloaded another template from hacs and this is displayed as a custom card. The template I needed wasn't displayed, so I deleted it and reinstalled it. Nothing happend
Weird question. I'm running Docker. Is there any way to run a second frontend for the same instance?
I got a Lenovo SmartThink View to use with HA, but it loads too slowly with all the frontend modules I've added. I'm thinking I could use a second frontend and remove all the HACS modules it doesn't need.
No. But, you could create another dashboard with less cards on it and it should be better.
You'd think, but it appears to be loading all the modules and not only the modules used by that dashboard.
At least that's my assumption on why it's slow.
I'll probably spin up a second container and use Remote Home Assistant to sync them, but I'd prefer if I didn't have to haha.
How many integrations/frontend cards are you using? I have 39 frontend cards/things and I haven't had any issues even on my older iPads.
38 modules total. I have no issues with my other devices but this display only has 2GB of memory.
Yeah... I think you're right in that it's loading all the js for everything you have. I don't have a good solution here (aside from getting a better tablet? lol)
Haha I'm not going to do that, these things were dirt cheap given the specs.
I did notice with 2024.2, the browser memory usage for the frontend spiked on all my devices, but it seemed like a memory leak and I don't think that's the cause here.
Could also be because this is a 32-bit OS, though. Wonder if that causes any issues with the JavaScript.
Yeah, a 32-bit OS will definitely affect JS performance.
anyone figure out a good way to do subheadings in the sections view?
or pretty much just the markdown card
Hey. I've a question. Is there a way to construct an URL that opens specific device editor?
What is a 'specific device editor'?
If I have a light, for example, I'd like to have an URL to open it's configuration (brightness/color etc). Usually you can see it when you tap the icon on the dashboard. For sensors there is a graph, for things like buttons and lights — controls.
That's generally called the more-info dialog
oh, OK, sorry. Is there a way to construct a URL for that? So that I open it in the browser, and it opens automatically? For entityId, or deviceId, or some other identifier.
browser_mod can show the more-info dialog for an entity: https://github.com/thomasloven/hass-browser_mod/blob/master/documentation/services.md
Perhaps the custom:more-info card?
It's not a page by itself and doesn't have a specific URL
It's not a page by itself and doesn't have a specific URL
Yeah, I was afraid of that.
Maybe there is another, similar page that does have a URL?
@north wave Depending on your usage, the custom:more-info card may do what you want. Here, I made a new view and set it to One-Card mode. The more-info card has a defined entity, but you can use the URL specifically for that view. http://10.10.10.2:8123/dashboard-lab/more-info (I called the view more-info on the dashboard named dashboard-lab).
Or, perhaps, you set the one card as a Grid with two columns and show two more-info cards.
The more-info can be called from tap_actions and (I think) can be set to show the more-info of a different entity. If you're looking at being able to get to a bunch of different more-info pages, then that may complicate things a bit.
Revisiting this. Template literal is the way to go. So your initial code (which wouldn't work because it was a matter of getting the background line to reference the variable) was : ```yaml
type: custom:button-card
variables:
background: "/local/viewassist/announcebird.png"
template:
- variable_template
- body_template
card:- background: center / cover no-repeat url({{background}})
- background-size: cover
The fix is:yaml
- background: "[[[ return
center / cover no-repeat url(${variables.background})]]]"```
Note the backticks inside the double quotes; those are not single quotes.
sneak peak of the latest home view 🙂 Not sure how I feel about the cards scrolling behind the footer menu. A bit messy with all the layers. Might try again with some blur but if I remember correct I could not get that CSS to work in the iOS app.
Could you apply some opacity to the background color of the footer menu in lieu of the blur?
yes that's also an option. Allthough when I've tried it previosuly I did not really like the look of it. But well try it again for sure
Actually, the opacity with gradient was pretty cool:)
How do you show the last card? Does the z-index of the footer prevent you from interacting with it? Or do you have a "spacer card" at the bottom to compensate for the footer? Or does it scroll and the last card will be above the footer automatically?
I'm using Layout Card and the very last row (which is empty), has a height of 120px
so yeah, kind of like a spacer card
Gotcha. Didn't think of that one.
So this is the very bottom.
was hoping to use CSS backdrop-filter with blur otherwise but does not seem to work
Yeah. MariustHvdB and I were looking at that a couple of months back. #frontend-archived message
Maybe he's come up with something since then.
could anyone kindly help... I have the map card that so location of users. i need to disable the ability to click the entity picture. I have tried so any ways from looking on the forums, like,
tap_action:
action: toggle
this dosnt work. I have also tried
pointer-events: none
this appears to disable all buttons on the dashboard. Any help would be greatly appreciated, I have been going around in a circle for a few days now.
There isn't such a function for the map card according the docs
that is such a shame.. will need to have a rethink. thank you.
Hi all, I'm trying to create a entity card for my garagedoor motor. And i would like a message to popup like, are you sure you want to open the garagedoor ? i have magnetic sensor, so based on the state the message should change between do you want to open or do you want to close. Can someome point me in right direction how to solve this? thanks!
I have created a template sensor that change depending on the magnetic sensors.
garage_door_message:
friendly_name: garage_door_message
value_template: >-
{% if ( (is_state('sensor.garage_magnet_open','1')) and (is_state('sensor.garage_magnet_closed','0')) ) %}
Do you want to close?
{% elif ( (is_state('sensor.garage_magnet_open','0')) and (is_state('sensor.garage_magnet_closed','1')) ) %}
Do you want to open?
{% endif %}
While I'm not sure exactly how to do it, I imagine with the right combination of cards, card_mod, and styling, you could put an invisible card with no tap_action on top of the map card. It would prevent any kind of zooming or scrolling though.
The custom:button-card supports a confirmation. It can be templated but it relies on JavaScript and not Jinja.
Tap_actions, in general, can have a confirmation but I don't think it can be templated. One option would be to use a conditional card. Make two cards: one for open and confirm close and another for closed and confirm open.
I'm assuming you have two magnets on your garage door. What happens when the door is stopped in between and it is neither open nor closed based on the magnet states... 🤔
Fantastic! This will definitely clean things up. Perfect timing as well as I am about to roll out this piece of the View Assist configuration!
Ok, thank´s i will check it out. Yes thats correct i have two magnets, It shows 1 when there is "magnet connection". Yes, you are right there can be an issue if it stops between, need to think a little more about that. 🙂
Thanks!
More than likely, you really only need the lower sensor which will report when the door is closed. When that connection is broken, the door should be considered open. In fact, you can set the sensor's Show As to be a door and it will show open/closed states. This will also make it easier to automate later on.
The only reason I can think of adding a second sensor is perhaps if you wanted to set a "low open" position (like to vent heat). An automation could start opening the door, wait for the second sensor to make contact, and then issue whatever stop command you may have to the opener. (That's provided the sensor reports quickly enough.)
I'm trying to edit row-height in the new sections, and the CSS detects the rule from my theme, but it gets overruled by this default one. !important doesn't fix it either. What can I do?
@hidden needle To make a modification like that, usually you could use card_mod. But, layout-type cards can't be card_modded because they don't have an ha-card(?) section. Looking at the Raw Configuration of a Sections view, it is comprised of Grid cards and, therefore, can't be card_modded. I'm not sure if you can wrap a card-mod-card around the Grid cards to "enable" that kind of modification. (The card-mod-card is highly discouraged from being used in general and I have no clue what it would do to a Sections view so experiment at your own risk.)
Point is that I want that everywhere, not in a specific card. Hence why I made a custom theme just to fix that lol xD
I do use card-mod for plenty of cards, but I imagined the right way to do a full dashboard tweak was via a theme
I get that, but you're trying to make a modification to something that is not intended to be modified and probably is not supported with a theme variable. (At least not yet.) That's why the mention of trying with card-mod.
Hardcoding a height is a bad idea anyways
Especially if you use the theme on different screen sizes
awww I thought I could apply any CSS rule. Didn't know it had to be supported by themes.
Well, it's a weird thing the new sections do. Tbh don't know why that value exists at all. When removed or set to 0, Mushroom title cards compact themselves while nothing breaks. Not even the same cards containing subtitles. It's like a hardcoded min-height by default.
not sure where that --row-height variable is being used either. Can't find it.
Yes, that's how HA does things with autosizing screens
the min height is defined to allow the best looking information
(on small screens)
it's a new thing from sections AFAIK, or at least increased. I'm just trying to convert my dashboard to sections and this is just to achieve the same look. All I see it's that it enforces that blank space, same in desktop and mobile. If anything I'd say it's especially bad in small screens.
actually I see that I already had tweaks before sections. With sections it seems they just get ignored. Will try adjusting them
type: custom:mushroom-title-card
title: ''
subtitle: Living room
card_mod:
style: |
ha-card {
margin-bottom: -15px;
margin-top: -15px;
margin-left: -10px;
}
yeah I think this is the issue. I can affect the ha-card as I'm doing. But the sections have this row-height value a few parents on top, which prob I cannot reach to mod.
I will personally not encourage you to try modding the sections view. It's still experimental and can and probably will break if mods are applied when other design decisions are implemented. And if you are lucky and place your needs in the right spot, maybe they are added in the future
Also wise to leave a reference to this topic: https://community.home-assistant.io/t/a-home-approved-dashboard-chapter-1-drag-and-drop-sections-view-and-a-new-grid-system-design/699342 Since that is probably as best recognized by the design team
do you have sample code for that posted anywhere?
i might need to steal it 😆
For the bottom gradient? I can post here later tonight
isn't that just a normal gradient
was thinking the whole UI
I feel like a complete idiot. Instructions for adding a front end dashboard card are as follows:
V
On your sidebar go to HACS > Frontend
Click on the + button at the bottom right corner
Now search for Bubble Card and then click on the button at the bottom right corner to download it
Go back on your dashboard and click on the icon at the right top corner then on Edit dashboard
You can now click on Add card in the bottom right corner and search for Bubble Card
When I go to HACS, I dont see a "front end" When I search for bubble card... I believe its searching for repositories. Im sure its something simple... but Im lost. Also, I went to addons thinking so search in HACS there and nothing as well. Any help would be appreciated
yes, everything hacs returns is a repository
So, Following the instructions gets me nowhere. Where do I find "frontend" on HACS? I search for bubble card and get nothing. Not totally lost, but confused.
Maybe I am in the "wrong repository" or dont have the standard hacs repository? I have cleared the filters as well
did you wait a full day after installing hacs? Do you have other filters applied on the right hand side of the screen?
Ive been using HACS successfully for weeks
then look at the filters you have applied and clear them
all filters off
then you have no internet connection or there's an error in your logs
that's with experimental features off, he has experimental features on
oh
don't use experimental features if you need to come to discord for help. that's just my personal rule
IMO that's for people working with a developer directly
I agree. Im computer savvy. Just a newbie here. Ill catch up quickly. I believe its only searching my downloaded integrations.
I'm savvy too, but I don't need another complicated thing that requires work from me three times a month to keep working after an update in my life so I don't go for experimental or beta anything
that would be a filter that's applied
it's not going to work for eveyrone else, but not you. The only way that would happen is if the database isn't fully populated (You didn't wait the 24 hours), or that your system can't access github in some way
https://github.com/hacs/integration/issues/3549 Seems to be an issue cropping up with many others on the HA community. It may be browser dependant. Ill try another browser and see if it corrects.
looks like people on that issue can't follow directions
Developer "Post debug logs", everyone "Same issue!?!?!??!!!"
and then "closed this as not planned"
well, if people can't follow directions and just post logs... what can ya do
Its interesting. Getting involved in a new venture (HA) without friends or a community is tough. I learn most of what I know about HA from Youtube. Im trying to get help.... I understand most of you are seasoned. As I too will be soon. Trying to get past a hurdle, thats all.
Ok, friends that are involved with HA... I have friends. (Trying to head off that slam)
lol
I'm not saying that I don't want to help you. I'm just saying that you need to learn the basics before you decide whether you need experimental features
get the basics running really solidly, then expand. And try to avoid experiments when you can't communicate directly with the person running it
learn to tie your shoes before you try to pilot a sea plane
experimental features is just hacs 2.0 at this point, there's not much experimenting happening
and luduess will force experimental features on us at some point, he's been saying this as much for the past 2 years
you mine as well switch over now
it's just a different UI and update entities
Well, thank you for trying to help.... a lowly HA user who likes experimenting.... On to Homekit, I guess. 🙂
have you tried manually finding the card?
you know, scroll and eyeball manual
also, ctrl+F5 for good measure
clear the cache and refresh the page
Hey! I am trying to make a dashboard for my garage. I want to hit a button and be taken to a different dash using and iframe to display lubelogger. However I want to be in kiosk mode (which ends up hiding the subview back button) What is the best way to add a back button in this case?
I did not know this.
Hi guys, i install place with openstreet and i got a sensor with my tracking location. how i can do a lovelace card to show a list from, to, date
Kind of breezed over your conversation. I noticed the other day that a custom card was not visible in the selector UI. Hadn't noticed it until someone was needing help; I always jump to manual and type it in. But the card worked fine when typed into the manual editor. (Not sure if this is relevant to your conversation.(
Thanks, I manage to do what I needed by overlaying an invisable card as mentioned, does stop the scrolling of the map too but this was needed too,
Had a feeling that would happen. I think you're on the right track with the pointer-event, targeting those specific elements is going to be the hard part.
Is there some way to have a row in an entities card behave like an entity card? I don't want the switch to appear in the row. I want to click the row in the entities card and then have a pop-up like what happens when you click an entity card.
(I am trying to prevent accidentally turning something off)
set type: simple-entity on your entities row
entities:
- entity: switch.foo
type: simple-entity
Is there a way to profile/performance test a dashboard? I'm worried I'm maybe doing something stupid with custom cards on a particular dashboard/view and I'd like to track down what that is
Browser developer tools generally have some profiling features, you can see what's being called and where the time is being spent.
Yeah I took a quick look but wasn't able to see too much
This wasn't what you're looking for?
I wasn't able to find anything that stood out in there as a performance issue
I mean I can see auto-entities seems to be doing a lot, but I can't seem to pin it down to a specific card or anything
Is there a reason you expect to find a problem? Does it feel sluggish? The best thing I can think of to do is make sure cards don't update/render on every change of hass. Beyond that I would expect to see things mostly idle.
I have a fire tablet that has been having a lot of issues recently. I don't know if it's the dashboard or the tablet. I do make pretty heavy use of auto-entities and card mod
fire tablets are horribly slow, especially if its on the stock Amazon ROM
Trying to configure GIT on a green box, to version my configs. GIT is not using my configured user.name, it is accessing my private git repo ssh://home.local/git/HSConfig.git with the username root instead of the one I have configured. Any ideas?
configure git what?
Configure GIT on my green box, so I may version my configs, onto my own git server.
there is more detail here: https://community.home-assistant.io/t/config-git-for-vscode-editor/736628
wtf are you following?
you can't install git on HA
If you want to use version control, the best way to do this would be to use a separate computer that links to your config
all you need in your config folder is git settings
GIT came installed, you can access it in the Studio Code editor and the File editor addon
right, but then all you need is git settings and you use the button on the side
you just need to point it to a bare git repo for the remote source
there is no "installation"
regardless, this is an #add-ons-archived question, not a #frontend-archived question
as a sidebar to your question, you'll have a much easier time setting that up if you don't use the addon. Instead set up samba share, then on a separate PC, install git & vscode &git extension and go from there. You'll have access to all the VSCode menu options and things wont be burried, hidden, or disabled.
I am struggling to follow your instructions, do you know if this is actually documented somewhere?
It isn't documented, you'll need to figure it out
the addon wasn't set up to do this
the addon forces you to use the command pallet to get things done because the environment is locked down.
Hi, in custom:button-card, is it possible to get the state from another entity than the primary one used for the card? I'm trying to do:
view_layout:
grid-area: A3
name: Days until next garbage collection
show_state: true
show_label: true
entity: calendar.garbage_collection
label: >-
[[[ if (automation.notis_sophamtning == on) return "On"; else return
"Off";
]]]```
Kind of like what Fredrik has done here, I think
You can access the state of any entity by accessing the states object.
label: >-
[[[ if (states['automation.notis_sophamtning'].state == 'on') return "On"; else return "Off"]]]
Ah! Almost got there with the syntax. Thanks 🙂
Or using the power of button-card
label: >-
[[[ return helpers.localize(states['automation.notis_sophamtning'])]]]
This also translates the state according your language setting @toxic axle
Awesome
Another button-card thing I haven't been able to figure out. I want to define the entity from the person using the dashboard. Can this be done? Like so:
entity: person.merlin //This doesnt work: '[[[ return "person." + user.name ]]]'
I just created a button card with person.tom and it worked fine
show_icon: true
type: button
tap_action:
action: toggle
entity: person.tom```
Yes, but the entity should be dynamic depending on what user account is viewing the dashboard.
user.name can be Uppercase, and I am not sure if button-card really supports templating the global entity
I usually use custom auto-entities cards when I want them to only show sometimes. I hadn't thought of doing it in a regular card
Just checked, you cannot template the main entity of the button card
but also I'm the only one who ever looks at the dashboards
Right right, thanks guys. I guess either showing the whole card(s) conditionally or template the specifics is the way to go then
Can it though? The entity is lowercased for me at least. Oh well
Oh correction, the newer versions can support it, but with some restrictions
Yeah it accesses the friendly name
Maybe I'm not following, but I figured this would work since it's jsut the attribute that is uppercase, not the actual entity. But guess it doesn't matter in this case anyway 🙂
user.name returns the friendly name, so it can be uppercase. Since you want to use it in the entity_id that only supports lowercase, you need to be aware of that
Ah, gotcha
Hmm what are you trying to do here? Display the users name in uppercase?
Show a personalized welcome message, show phone related sensors and stuff like that - where our entieties are named the same bar our individual names. Could probably just put them in conditional cards, but it would be more convenient just to be able to dynamically determine the person using the dash
To then be able to use stuff like entity.attributes in js templates
And it can’t be done? Sorry trying to follow the thread but suddenly Bas started talking about ”uppercase” and I lost track:)
No apparently the entities portion cant be templated
But you can style the state in styles, if that is what you need
Lets say I've got a card displaying my phone battery, steps counter etc. The entity used in the card is called sensor.pelle_phone. My wife has a phone sensor called sensor.lisa_phone. I would like to give button-card the entity sensor. + {{ user }} + _phone so that would show the phone info of the person actually viewing the dashboard
Ah got it, makes sense. But then I suppose putting it in a variabe like Bas showed would make sense. If the variables can be templated. Have not checked that
Did I get the syntax correct here? This is deep water for me 🥶
- type: custom:button-card
view_layout:
grid-area: A0
variables:
myname: '[[[ {{ user.name }} ]]]'
entity: '[[[ return "person." + variables.myname ]]]'```
If so, it doesnt work
this part is confusing javascript and Jinja:
myname: '[[[ {{ user.name }} ]]]'
if the user variable is available, you can probably use
myname: '[[[ return user.name; ]]]'
Yea, doesnt seem to work :/
99% sure custom button card only gives you the user
which is just [[[ user ]]]
well, it's the user object
not sure what that entails
it may be user.name
Yeah name: '[[[ return "Hello " + user.name ]]]' works for name, just not for entity - if thats what you mean
it won't work for entity
entity is used to let the system know when/how to update the card
so any template that's allowed for it will be limited
i.e. it won't have access to user
Got it, but the idea was to try a workaround with a variable as Bas suggested here
But that does make sense
right, but I mentioned long ago that the only way to do what you want is to template each field while omitting entity
Is anyone using bubble cards?
and if so, any idea how to entirely hide the header as the author does in his example images?
You can use kiosk mode, and choose werher you want to hide the header for a certain user, or a certain device/browser or all together. I have the header visible on desktop where I do all editing, and hidden on my phone for example
Apologies, when I refer to header, I'm talking about the header properties in a bubble card with the "popup" card type.
not the generic dashboard header
Can anyone help me.. How can I stop the swip navigation on a dashboard?
Anybody know the default colour in rgb value of home assistant icons?
I am hoping to find the default (blue) icon colour for icons that are off
24,188,242 (#18BCF2)
I just used a color picker on the HA logo... so, I dunno?
I wonder if maybe its the correct colour but incorrect brightness?
that does seem a little closer https://imgur.com/a/1HTmbxh But not quite right
of course, it cannot be denied if its in the code. But it strengthens my idea that it might be a brightness situation rather than colour
Maybe I had better explain myself?
I am trying to use a mod called card-mod which has a cool feature that locks the card until you hold it. https://github.com/custom-cards/button-card?tab=readme-ov-file#lock-object
Which is absolutely awseome for my needs
but messes up the colour of the icon
as you can see here https://imgur.com/a/cGGgjpk it does not matter with a normal button. But for a button that calls a service the colour gets messed up
the mod has options to change the colour of the icon including specifying rgb values. But using the values you guys found ended up providing an icon that we percieve as not the same exact colour
You may not get an exact match as I don't think you can passing in brightness or luminosity to the rgb() params.
well...
It looks like my other two choices are 1. live with it or 2. set all the icons on my entire home assistant to a new, different colour 😆
Maybe? So, looking at the svg, the two colors used are #18BCF2 and #F2F4F9. The #18BCF2 roughly translates to rgb(24, 188, 242). So, you might be able to get close, but I'm not sure about exact.
yeah that looks brighter like this https://imgur.com/a/0q4ueMo
Okay you might have an idea if i pose this to you... if its fine with button toggles that are off but the problem is only present with "buttons" that call services rather than toggling switches.
well
im thinking what if the button that calls a service when tapped was an entity that was actually a toggle
that never turned on
even when asked
aka entity
I just tried something. If i set the entity of the button card from a dummy button entity i made with a helper to the same entity the on button is, the colour corrects
So, a switch?
but then if i turn on the power they both go yellow, as you would expect
so I could do with a switch (yep) that never turns on
So, basically, the button state (because it really only has one state), is being treated differently than a switch with static on and off states?
So, my suggestion is to raise that as an issue and see if the author can handle that differently. What it sounds like is that the state handling is different between buttons and switches (which it should be), but given the hold action, it should probably use the same logic.
At least when applying the color to the icon.
The mod is not... errm what do you call it
like
looked after
since 2023
The author bounced
Ooooffff yeah, I see that now. 😦
Yeah, then a switch makes more sense... but, you would have to handle the resetting of the switch to whatever state you want in an automation or something so that it still acts like a button.
well it would be a dummy switch
maybe an automation
trigger = dummy_switch went from any state to on
action = turn_off.dummy_switch
I can only try, right
Seems to work 😜 not so much as a yellow flash
OH its even easier than I thought. The tap_action is not toggle anyway. It is call service. so the dummy toggle never turns on in the first place
so the automation is redundant
Ha! Yay! Even easier then... so you have your solution?
Yep the solution was to create a dummy toggle and use that as the "entity" of the button card rather than dummy button
Thanks for your help 🙂
lol I didn't really do much... but you're welcome 🙂
Sure but I would have given up if i never asked
I guess I just needed some inspiration
lol happy to help! 
Any chance you could share how you made the graph card?
I'm trying to use fields in a script to broadcast tts to different devices. I've found the number selector where I can use a slider to set a volume. But is it possible to display the current volume of the media player and ideally position the slider at current volume?
This is how I planned it to look. But using default: "{{ state_attr('media_player.nest_audio', 'volume_level') }}" doesn't seem to do anything except for displaying that template.
IIRC fields don't accept templates
@night cape I converted your message into a file since it's above 15 lines :+1:
I created a helper Schedule, but I am unable to drag or insert times into the calendar. I have tried on a couple different computers and browsers now and I can't get it to allow me to enter any new times. I also cannot add entries to previously existing schedule helpers. Is something broken? Do other see the same behavior?
Adblocker?
Core 2024.6.0
Supervisor 2024.06.0
Operating System 12.3
Frontend 20240605.0
I do have adblockplus, will check if disabling helps
Was already disabled for my HA site on one and disabled it for the other same result
RPI4
Other ideas to control volume of a media player with fields in a script?
There is a logged issue for this already: https://github.com/home-assistant/frontend/issues/21005
thanks!
After a reinstall of HA, something changed on the auto-generated dashboard: I have a LG C9 tv, which was on the auto-dashboard. It had a power button on it, like all the google home mini's in my house also have. Now, after the reinstall, that power button isn't on the LGTV mediaplayer card... Did I miss a setting? It does show up when the power is on, but it used to be there all the time so I could use it to turn it on... wrong channel.. sorry
I'm trying to display the map card behind other entities in a custom:button-card. Could someone tell me where I'm going wrong? I'm pulling my hair here. It does not show the map card at all. https://www.dpaste.org/0rcvd
No idea why bit I get issues sometimes when defining both width snd height to 100%. Try removing one of them. Maybe also att top and bottom: 0
Hey everyone, i've created a helper to pull information about my cars GPS location and want to show this on the map card. The helper is getting the long/lat of the vehicle. I'm assuming if i put this in the raw editor of the map card it'll work
dev_id: "car_gps"
gps_accuracy: "10"
gps:
- "{{ states('sensor.corsa_e_latitude') }}"
- "{{ states('sensor.corsa_e_longitude') }}"```
@dry sparrow you need to run the service call you mentioned in #templates-archived
you can use #automations-archived on every state change of these longitude and lattitude sensors to run this service call
and then you will have a device_tracker.car_gps which you can place on the map
that's why I asked if the device tracker was already working
I haven't got it working yet. I've checked and its picking up the correct GPS now when i ran it in the template tester
the states get changed to the gps values from the json
@Plattnat you need to run the service
Hi guys, i install place with openstreet and i got a sensor with my tracking location. how i can do a lovelace card to show a list from, to, date for a logbook of my kilometer ?
Hello everyone, i have an issue with the Home Assistant Frontend using the schedule helper, when i try to configure the times when it's on / off when i click in the cells, it doesn't do anything, i tried on my windows machine using brave web browser, chrome, firefox, also on my android mobile smartphone using the home assistant companion app and the same thing happens. All i can do is remove existing action times but i cannot add more, i haven't add this issue last week so i think it may be a result of a recent update like the 2024.6.0 that i did yesterday, has anyone had this issue and figured out a way to fix this ?
It's a known reported issue.
oh ok, so do you have a link for the github issue or something like that to provide me ?
or maybe a workaround ?
https://github.com/home-assistant/frontend/issues/21005
No workaround I know of but to downgrade or wait (or maybe you can make a helper in yaml)
Hey everyone, i'm trying to combine two sensors from my nas box to show how much space i have on a volume and how much is in use... is this possible?
Hi guys. I got ... a question. Somehow my Lovelace seems to be broken - see screenshots.
Some cards work, some cards are completely off. Reloading, cache emptying, nothing works.
Those two are only examples, basically it is broken everywhere.
I am using Floorp as browser, but i also experienced it on Thorium (which was the reason why i switched to floorp, as it is basically firefox on steroids).
any ideas what could cause this ?
if I had to guess I would say this:
https://github.com/home-assistant/frontend/issues/17182
I think it's an old firefox bug, but if you're using a derivative browser maybe it's based on old version or something
you can try disabling the has-selector, but I think that might cause other regressions
looks exactly like that, yes - i will investigate, thanks
Hi there. Is it possible to limit a Slider value on the LovelaceGUI card?
For example, i have following YAML code generated:
`type: entities
entities:
- entity: switch.miner120th_active
- entity: number.miner120th_power_limit
secondary_info: last-changed
max: 3300
min: 2200
title: Mining
state_color: false`
Here i have included the "min" and "max", but i get a error message for that.
Is there a possibility to limit the Slider values here?
Cant find any attribute for that here: https://www.home-assistant.io/dashboards/entities/
Thank you and have a nice weekend!
for the love of ")$&"$ i cant figure out which version it is based on 🙄
anyway, one strange thing is that i had similar problems with Thorium, which was Chromium-based
Hey all, is there a way to create a mushroom card (like pic) that can show which doors/windows are open (with a short name, like FRONT), ONLY when they are open? Thanks!!
non-mushroom works as well
appreciate it!
The mushroom-template-card with an template that extracts that info with help of #templates-archived
Thanks! Ill check it out.
damn. you are correct.
thanks a lot, problem solved.
actually @lyric prairie I was able to use the mushroom chips with a condition to do I what I wanted, but thanks again!
Hello, I have a bunch of state-badges in my dashboard that look like this.
Is there a way for me to control the background color inside the blue circle depending on the on/off state?
Hello, since updating to 2024.6 I'm having trouble getting the file notification service to work with a custom:button-card. I've setup the notification service in the integration and it does write to the file. But I'm using a template as message and it writes the template itself and does not evaluate it. When calling the service from the dev tools with the same parameters it works fine. This is my button code:
show_name: true
show_icon: true
type: custom:button-card
icon: mdi:file
tap_action:
action: call-service
service: notify.send_message
target:
entity_id: notify.sensor_csv
data:
message: '{{ now().strftime("%Y-%m-%dT%H:%M:%SZ") }}'
can anybody figure out how to get names (of who actioned something) to show up in this custom logbook card? https://github.com/royto/logbook-card
the normal logbook card has annoying names of the entities. so I found the custom one which is very nice. But I cant find how to have the names of the people that actioned the change
Hey all. Am I going crazy or can I not edit what is shown for this conditional chips card anymore (or add a new one). I just added them 20 min ago but I cannot find how to change what is shown when the condition is fulfilled. Either that or I am blind
I don't know if custom:button-card is different, but generally any frontend card tap_actions do not support templates.
If you want to use templated actions you would need to create a script that runs your service calls, and put the templates in that script.
Maybe it supports JS templates and not jinja templates?
Im pretty sure it was working like this before updating to 2024.6. I had specified the service in the config and used it with the code above (of course I had to adapt it for the updated file integration)
Does anyone know how I can make this toggle switch for nightly vacuum a normal switch like I have sketched up!? Currently I tap it anywhere and it switches between on and off but I would prefer a normal slide toggle.
am I being completely thick? the card maker says the default is 18 but that causes this error until you lower it to 5
I think that only works if the entity is seen as a switch?
although this is the only example I have of switches
Don't know that card but I'll guess that the default is hardcoded, but the actual number possible depends on your particular entity.
and I'm using the accuweather api, I would have thought that would return more than 5 points of data
the old openweathermap one returned tons but they've gone and blown all that up with 3.0 which is why I'm changing both api and card
try pulling the forecast in devtools and see what it returns
oh, it says it doesn't support hourly, how weird
I would like to use an image I have uploaded via media browser as a background. Can someone tell me how to find url?
The free API says it can do 12 hours though
I think you can't, or not easily. It's possible to get a URL but it includes some kind of authentication token that expires when you log out, so you'd need to be frequently fixing the URL I think.
Disappointing but thanks for clarifying. Trying to simplify things for less-than-technical users but all good. They will have to get technical if they want cool backgrounds 🙂
You can upload pictures directly for background in 2024.6, maybe that's easy enough.
Probably not. I'll have to look at it but I've got button-card templates with views that have more button card stuff in them so I don't know how easy it'll be but will look into it.
Does the .1 include the fix for schedule helper not working in the frontend? Don't see it mentioned in the changelog.
nope it is not fixed
Thanks.
For some reason, I can't get an Entities card with tap-action to toggle a light with a transition
I can toggle the light with transition 0.1 (if i provide 0, the zigbee light ignores the transition property), when I use developer tools to call the service
however, this doesn't work:
type: entities
entities:
- entity: light.niche_light_1_light
name: Niche 1
tap_action:
action: call-service
service: light.toggle
data:
transition: 0.1
entity_id: light.niche_light_1_light
title: Niche Lights
state_color: false
I think the problem that you're running into is you're trying to use a Jinja template in a JavaScript-based card. I'm pretty sure the template is handled at the card-level before being passed into the tap_action. Try using JavaScript (which FYI, is not easy to work with date and time, IMO.)
type: custom:button-card
entity: none
show_icon: false
show_label: true
name: "Yours: 2024-06-07T23:34:13Z"
label: '[[[ return "Mine: " + new Date().toLocaleString()]]]'```I used a simpler version than the string you used. If you need that exact format, it can be done, but it is a bit more complicated. You can also use `.toISOString()` to get a similar format but I'm pretty sure it is based on GMT and not local time. The more complicated method uses the `Intl.DateTimeFormat` object which enables language-sensitive date and time formatting. [LINK](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat>)
@vast crane Tagging you on this.
> Maybe it supports JS templates and not jinja templates?
label: '[[[ return "Mine: " + new Date().toISOString()]]]'```
Thicker than a snicker
?
does anybody know how to remove the toggle on entity filters?
this is the entity filter and toggle I am talking about
I thought i could use a roundabout way if i make sensors for each switch that turn on when the switch is on and the entity filter could use the sensor entites instead. but it seems like a loong way of going about. would anybody have any better ideas?
Just an idea that might help. what if you made a script that did what you want with the transition. And then the button on tap action calls the service of the script (dont include transition parameters in the entity - only in the script).
I'll give it a go, but this would be considered a bug, no?
idk not a dev 🤷♂️
possibly
@brisk marlin you might have to make one script to turn on. one script to turn off. then an input toggle helper for it. then automations that run the script when the toggle helper state is changed. again one for on, one for off. (maybe you can skip the script step and have the automations triggered by the input toggle command the lights directly)
script to toggle works, however, for some reason this doesn't call the script (or at least, doesn't apply the transition)|
type: entities
entities:
- entity: light.niche_light_1_light
name: Niche 1
tap_action:
action: call-service
service: script.toggle_niche_light_1
title: Niche Lights
state_color: false
You want a state instead of a toggle, right?
one sec i think i confused you...
'power' is just the title in this case
I already used a mod to get rid of the state for individual entities
but the title toggle remains
You need no mods for that.
Are you sure you are using the entity filter card, like you stated. That does not provide the switch all switch (edit: without a title - see below)
yeah for sure
Show your configuration
are you sure its not just because you do not have a title set
@upper dew I converted your message into a file since it's above 15 lines :+1:
If I remove the title there is no master toggle so that might be what you are seeing?
Also i understand you would normally not use - entity:... but that is how i achieved not having state toggles per entity
Yeah, the title was the culprit.
Add show_header_toggle: false
awesome thank you. Is that in the docs? I promise i did look through
its in the docs but i think only in an example at the bottom not in the list of config options 🤔
Thanks again it has saved me a lot of time
And for showing the switch's state instead of the toggle, you don't need a custom card.
type: entity-filter
entities:
- entity: switch.sonoff_1000c67596
type: simple-entity
- entity: switch.sonoff_1001d4d80d
type: simple-entity
...
Instead of simple-entity, sensor-entity works too
It is in the docs of the entities card, the entity filter card is referring to
Works also for input_numbers and so on, if you just want the state and not the field for entering the value
oh
cool
I will change it to that then for potential increased longevity and reliability
Hey! Hopefully a very simple question... but I am struggling to find the answer 😄 on every screenshot I seem to see of a dashboard, each card seems to be enclosed in a box (as in you can visually see its surroundings/background).
Mine, are not. They just blend into the rest of the page.
Am I missing something really obvious to have the cards actually look like cards?
let us see 🙂
Sure, sorry I should have lead with that 😄
Each of these vertical stacks (there's only 2 there, one on the left and right), I expected to be somewhat enclosed
are you using a theme?
I am trying to, but for the sake of simplicity, there's no theme used yet (in that screenshot)
It does not look like stock cards
But the vertical stacks don't have lines on their own
Oh sorry the actual elements are from Bubble Cards
Ah ha it'll be this. So I'd need to modify each stack for that "styling"
That makes sense, should have noticed that other card types do have the boundaries
i just looked in the docs of bubble card and found this:
.bubble-icon-container {
background: rgb(230, 128, 41);
}```
maybe experiment with that?
i have never used bubble so i cannot be sure
actually i think that won't work
I don't think the issue is bubble itself, it's the vertical stack lacking the styling that other cards have
.bubble-button-card-container {
background: rgba(12,120,50,0.5) !important;
}```
wel my vertical stacks using mushroom cards have seperations
try this
Its from the docs
Yeh that changed nothing (but thanks!) that selector is for the individual elements
yeah so you would have to put that styling under each element
yeah i think maybe I don't understand something 🤷♂️
this is one of my vertical stacks:
is this what you are looking for? hui-vertical-stack-card
That's the element I (I guess incorrectly) assumed would be enclosed, yep
have you got card mod?
I do now 😄
please can you send me an example config of the card. the full config so click show code at the bottom when you click edit card. i have an idea
@finite stream I converted your message into a file since it's above 15 lines :+1:
Looks identical to me
if i do the same thing i get this:
if you compare it to the previous one, its got a border around the stack now
How odd, I don't know what to say 😄 That's not the outcome here
well I did not add any styling
so i think thats the next step
so try this i think @finite stream
So yes, that does as expected
of course you will need to edit it to your liking
@finite stream you probably want to use this: border-radius: Roundest border;
Found a better solution, sec
Though actually doing this makes it quite clear this isn't really how the UI elements have been designed (bubble stuff), so maybe a bad idea
hey if you can make it work - it works
Well this does exactly as the normal card would, with the right inherited styling. The issue is just now it looks out of place, so I think I am doing something that wasn't its design
I'll have a think about it :/
thanks for your help ❤️
this is what I mean btw, it's clearly not right like this
I don't think that's even going to cut it, the colours seem out of place
i see
I think if you had some padding around the blinds card it might look good but you will know better what you are looking for
Happy to try it, give me a moment
Maybe you're right
can't help but feel like the header would need it too
(sorry for the image spam 😄)
yeah if we are not careful someone is gonna tell us off
looks like you beat me to it but i was going to say the blinds card mod part of this might work (untested) https://pastebin.com/KzFXZRUd
Yeh basically that, went with 0.5em
Yeah i used a random number
I dont see the difference between your last two screenshots
look at the desk icon in the top left
oh i see
though realistically I think the style would belong on vertical-stack-in-card
Yeh, just have to weigh up if it's rational now 😄
🙂
Is this ````max-height: 100%;``` something "new" in Home Assistant?
It's preventing me from making my recycling icon any bigger than the card.
Using Cusom button card and this was not an issue last year.
ha-state-icon#icon {
height: 100%;
width: 100%;
max-height: 100%;
position: absolute;
}
I came across it in the Chrome Inspector
Thank you for trying, I created a script to write to the file with my wanted format and I'm calling that script in the tap_action instead of writing directly to the file. That works perfectly again
Hello, can someone tell me how can I style vertical-stack card? I mean, add i.e background to this to make kinda sidebar with contrast color.
@cyan talon I converted your message into a file since it's above 15 lines :+1:
I'm trying to display the weather card as a 1 panel card on a tablet display. Is there an easy way to scale everything up? Graphics are too small as is text. Card-mod or something maybe?
I came across something that helped me out greatly but I want to shift the whole thing up as it is showing too low on my display. It's really hard for me to share everything as this is actually stored within a button card that acts as a framework for my View Assist views, but here's the whole thing. See the bottom for the card I'm working on:
I'm wanting to move that inner square containing the weather data up and really just get rid of as much of the top space as possible.
What weather card is that
howdy - before I file a bug... I'm running 2024.6 and the + sign to add a dashboard doesnt work in lovelace. Anyone else seen that?
like this?
screenshot
no error, tried Safari, Chrome, and Firefox
What are you telling me? I have this set already. I am trying to move the whole thing up so it is closer to the top bar
mine touches the top bar
Oh nvm..
Not in the screenshots you are showing me
yeah, rebooted a few times, checked for updates, etc... no way to add a new dashboard
.: |
ha-card { background: #059bf9}
ha-card.type-weather-forecast {
justify-content: start !important;
}
ha-card.type-weather-forecast>div.content {
div {
padding-top: 0;
}
}
ha-card.type-weather-forecast>div.content {
display: flex;
}
try that
@scenic current
Thanks. I'm away but will try when I return
I’d update your units to be vh, vw (view height and view width) instead of pixels because those scale. 20 pixels looks different across different screens/resolutions
@scenic current Do you need something simple like this? (I use this to show an icon in the top right corner of the screen when motion is detected. The z-index is just to ensure it is shown on top of the header, if it is visible; at least if used to but doesn't seem to work on top of the header even though it only has a z-index of 4.) yaml card_mod: style: | :host { position: fixed; top: 0%; right: 0%; z-index: 99; }
Can you tell me more about this? I am really interested in scaling things to fit other screens
Oh nice. I will try that soon. Thank you!
Afaik using values like 2vh would make something 2% of the view height which would scale to display size, 2% (without vh) would be 2% of parent height
I'll give that a try as well. Thanks for the tip!
It appears that generic_thermostat doesn't remember it's state (heat/off) over a HA restart. They always turn on (heat). Is this a bug? The temperatue setting is maintained.
Did the yaml I sent work?
Will be a bit before I can try. Probably not until tomorrow.
Can you use card mod with the default cards?
I can’t get a background color to change on a stock vertical-stack card
vertical-stack is not a card, meaning it doesn't have an <ha-card> element, but you can use mod-card for that ...
https://github.com/thomasloven/lovelace-card-mod?tab=readme-ov-file#more-examples @untold trail
That doesn’t work with the stock vertical-card though
I need the stock vertical-card to allow drag and drop
I can’t explain how to write yaml to my dad
OIC....it works for me using yaml, but never tried the d&d, so prolly not then 🤷♂️
Damn
I guess drag and drop isn’t even entirely necessary? I just want it to be editable without yaml
And to have a cohesive background that kinda group cards together
Or can you set the background color for a layout card??
Anyone know what the exact card-mod path would be for this?
any ideas..?
i cant find the right selector for cardmod.
the xpath is /html/body/home-assistant//home-assistant-main//ha-drawer/partial-panel-resolver/ha-panel-lovelace//hui-root//div/div[2]/hui-view/hui-sections-view//ha-sortable/div/div/hui-section/hui-grid-section//ha-sortable/div/div[3]/hui-card/layout-card//vertical-layout but that doesnt work as a card_mod selector.
Hi, I'm having trouble with setting the transition property on the light.toggle service. When I call the service from Dev Tools, or through a script, it works fine (only when running the script from the Automations UI). When I call the service from an Entities card, it ignores the transition property, and if I call the script to toggle the light with 0 transition, it also ignores the transition property.
Does anyone know what's causing this behavior and if there's a workaround? Thread: #1248935141519265902
To be clear you are looking to join cards so they look as one?
Correct..I ended up just switching back to vertical stack in card which doesn’t seem to support drag & drop :/
Something else must be in play. I created a test card and it drag and drops fine.
type: custom:vertical-stack-in-card
cards:
- type: entity
entity: sensor.sun_test
card_mod:
style: |
ha-card {
background: blue !important; }
- type: entity
entity: sensor.sun_test
card_mod:
style: |
ha-card {
background: blue !important; }
You can’t drag the individual cards inside the vertical stack though can you?
No, I must have missed that in your post
Idk if I originally asked it
It's treated as an individual card.
I mainly just need my dad to be able to add/remove devices from the ui directly
You mean the entire stack is treated as 1?
Yes
Yea
I hear you, trying to simplify it for your dad.
Yessir I have to do everything through yaml cause he doesn’t understand it lol
So I’m trying to simplify it now yeah
My dad wouldn't even touch the smart thermostat after I installed it...lol
what was the ha version that added rounded corners to the ui?
what would be the smartest way of make energydata public available?
i would like to present the Energy tab(dashboard) to the public without login
Hi all,
think I found a bug in the area card: all my temperatures are shown +10 °C, so value is 23.5 °C and it shows 33.5 °C. HAppens for all my area cards.
Would someone please verify before I open an issue/bug report?
I'm using a picture element card with several entity state images to show if users are in a zone (the images show the name of the zone)
At the moment have this setup in each card seperately and whenever I add or remove a zone, I have to update all the cards that use this.
Can I somehow store the list of state images in file and point all the cards that use it to that instead?
This is my current code, but the list of state_images is much longer irl;
`type: picture-elements
elements:
- entity: device_tracker.greenghost
hold_action: toggle
state_image:
home: /local/images/picture_card/location/home.png
not_home: /local/images/picture_card/location/away.png`
@craggy terrace I converted your message into a file since it's above 15 lines :+1:
*Push 😉
Nobody have a glue how to limit the slider?
#frontend-archived message
Hi, i'm not sure where i'm supposed to post this. I tried searching to see if anyone else was having the same issue but didn't find anything. Any help appreciated on where I should go to report this bug
Did you do a hard refresh? Looks like a rendering issue.
Doh, that worked. Thank you, I tried opening it in multiple windows and it was still doing it just didn't try the refresh. I feel silly now lol
Happens to the best of us 🙂
I could be mistaken but I'm not sure if number entities can be limited. That could also be a limitation of the card you're using. Input_number entities an be set to either show a slider or input field, supports min, max, and step values, and can have a unit of measurement.
This worked out great! Thank you for working on this. Only one more thing. I would like to change these two to white. I believe they are:
.attribute {
font-size: 5vh !important;
color: #fff
}
.templow {
padding-top: 0px;
color: #fff;
}
I tried #fff and #ffffff but neither work. Any idea?
Thats bad. I wanted to look for another card anyway
Well the yaml I sent added padding to the templow so just put the color there so u know the selector is correct
Could also try ‘color: rgb(255,255,255)’
Or white
Neither that or white changed the color 😦
color: white !important;
that works
.attribute {
font-size: 20px !important;
color: white !important;
}
same for the attribute
Yep, that worked. I don't know about the !important tag but if I put it in there it's important right? haha.. Thank you.
My wish list only has one more thing. Any way to align the top number to left and bottom number to right? I think they are both aligned center
It overrides other elements setting it I believe..idk whenever css doesn’t apply like I want I just slap important on there and it usually works lmao
.templow {
padding-top: 5vh;
color: white !important;
text-align: right !important;
}
does anybody know how i could add a copy to clipboard button to the markdown card?
use this for temp
.temp {
font-size: 60px !important;
padding-bottom: 0px;
text-align: left;
}
80px is too large for it to noticeably be left aligned
You would probably need a custom integration for that. I did a quick search and didn't find anything like that that exists.
yeah same here
i think it should be possible using javascript
but I dont know much about that
Hey guys, I'm trying to change the color of the grey lines of this custom Horizon Card. The svg for the lines don't seem to have a class, so I don't know if I can target them through Card Mod?
I'm trying to add hc-lines:in my theme, but it seems the card just ignores the theme and uses the color value from the card's config instead. Any ideas?
looks like maybe the markdown card doesnt support javascript directly
Np
Does anybody know how I can pass a variable/parameter when clicking a button card that calls a service?
Variable from where?
from the user
so when i click the button It would need to prompt me for the parameter before calling the service
Ok, that's far more complicated than passing a variable
Yeah. its easy enough if i have buttons that have the variables already in place but i could do with inputting the variable each time
I found a solution, thanks. Going to use a text input card
Hey, why when i use conditional card it uses 2 spaces when normal one uses just one ?
Not all cards are optimized for the Sections views yet.
Okay, there is no workaround for this rn ?
You can use horizontal stacks or grid cards to enforce two cards
Horizontal stacks works perfect, thank you
You could use a browser_mod pop-up to display the variables/parameters and a button on there would actually perform the call-service. This is a pop-up when I hold a button that controls a light group. It's still a work in progress, hence the poor layout, but you can see that I can set the duration that the lights will stay on. Basically, the same as the input_text that you've already discovered.
But, like RobC mentioned, it's not an easy process.
is there any way to edit cards a bit bigger? its so narrow its unbearable
Will look into that thanks
@tame oriole Click where is says "Markdown Card configuration".
wtf.
thats a /little/ better
About as best as you're going to get with the UI editor. Could always go with a YAML-mode dashboard and edit in VSCode, for example. 😉
i prefer to have the entity tagging
Do you mean like auto-completion? Home Assistant Config Helper
When connected with your Home Assistant server, entity id' and services will be auto-completed.
how do you "connect" it
i would only be interested if i could copy and paste code into VScode and have it auto-complete
i dont like looking at everything in yaml
i prefer to copy and paste it to make it wider on my screen, then paste it back into HA when its done
Just a matter of setting the URL to your HA and giving it a long-live access token. (Click on your profile in the bottom left > Security tab > Create Token)
Though I should note that it seems to currently be broken. (I just noticed it myself.) Looks like the fix is to use v1.39.0 and not v1.40.0.
Being able to use !includes and YAML anchors makes it worth it in the long-run. (Once I get it working again.)
Now I think it is working. Downgraded to v1.39.0 and change Host URL to include the port (10.10.10.2:8123).
v1.40.0 works for me, but it's just slow
you can watch what it's doing in the "output" tab if you select "Home Assistant Language Server"
it needs some love, based on the outstanding PRs
Output was saying something about websocket giving unexpected response; returned code 200. (Which I thought 200 = OK...) Saw a couple of other complaints about v1.40.0 being slow. Might give it another try. Perhaps my issue was simply the port number. Also noticed this:
The developer broke this integration back in January and stopped responding to reported issues. You'll probably need to roll back to 1.39.0.
Can you run Kiosk Mode somehow on an Ipad Mini? I installed it on the wall before realizing that maybe you can't..geez
I don't see why I wouldn't work. What have you tried to make you think that it won't?
well all my google searches trying to get the HA app to stay on is leading me to believe its not possible. I have an iPad Mini with home assistant app and i can't get it to stay on without turning off
As in the iPad is locking?
I don't think Kiosk Mode is going to help with that. I assume you're referring to https://github.com/NemesisRE/kiosk-mode.
Hides the header and/or sidebar drawer in Home Assistant lovelace dashboards.
I think what you're looking for is probably more of a setting on the iPad itself.
Is that set to never in the iPad settings
You could also look into guided access mode (accessibility settings on the iPad… lets you lock the iPad to a single app)
where do you go in VS to add HA?
Power flow card...
The values are correct. But why does the electricity flow from solar into the storage unit and not into the house? Where is the error?
and supposedly no electricity flows from the power storage into the house
If the electricity consumption in the house is lower than the production on the roof, everything looks OK
Hello
I was using this:
${ (Date.now()/1000-(new Date(states['sensor.garage_wifi'].last_updated)).getTime() / 1000) < 86400 ? (states['binary_sensor.pir_garage'].state == 'on' ? "var(--paper-item-icon-active-color)" : "var(--paper-item-icon-color)") : "var(--disabled-text-color)" }
To understand the last update of a sensor and the time passed to mark it as offline
it was working till 2 days ago
now the problem is that Date.now() is localtime
and last_updated is UTC
so there are 2 hours of difference
before they were both local time
how possible?
I am trying to figure out how to set up a new instance of HA and trhough that instance show enitys from my existing ha
I want to make a dashboard completely public (showing energy production to the public)
any idea on where to start reading
I saw this is the Swedish Home Assistant group the other day. No idea if it's uselful or not, but might be worth checking out. Obviously you do not want that second instance to have any control functionality
https://github.com/custom-components/remote_homeassistant?fbclid=IwZXh0bgNhZW0CMTAAAR2ceZkTsqGSi7bf6sDPCr9VA05hepYf-6CCUpCZFse-lQYpnqf3QAuImlQ_aem_AZB_epGYb7Q0xWnSZY-w8pflHtA43EV8xChUnh8Wu6YjjbAGsVF6VoWKmxpEAaPhDITzTkDlnqhW960mk-wqpIU2
On the other hand, is also sounds like you just need to publish a dashboard, and not run a second instance?
Yes, true but i have a hard time figuring out how to accomplish just that.
@zenith stag can you give me an url to the swedish group?
I don't think so, timestamps/datetimes in the backend of HA are almost always in UTC and translatend in the frontend to Local. You can always use https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/UTC to compare UTC to UTC
That almost sounds like something that would be better handled with Grafana rather than an HA dashboard.
Hi, i would like to embed a home assistant card on my website, but the problem is that in order to access the dashboard, i need to log in. I have set up a PTZ control mechanism for my camera, and i would like to embed the PTZ buttons on my website. How can i do that? Please see the photos.
https://imgur.com/a/th4Ywbq
https://imgur.com/a/evorJRs
https://imgur.com/a/GNIGe7s
I have a similar problem. I am using a timestamp entity (UTC) from a dishwasher.
The program is finished in about 2h but HA frontend shows "In 4 hours".
you're doing something wrong then
you're treating a local time like a utc time or vice versa
Just checked. The entity is "2024-06-10T16:11:47+00:00" so it is not an UTC timestamp, right?
It is, which translates to 18:11 in CEST time
So in 4 hours if you have CEST as local
CEST is +02:00
Feeling stupid now ...
I selected the wrong program for my automation. 😄
Thanks for looking into it!
My wish would be to present the full Energy dashboard. exposing the possibility to see different time periods
Just curious, i have a WebOS tv that is integrated. whenever its on i see the app its using with a tv control card on my dashboard, can play/pause/etc and turn it off. when its off the TV card turns grey to indicate unavailable but i cannot turn it on, there is no button. I can turn it on with a WoL packet, which i can also create a button for. is it possible to add this button to the tv card?
im talking about this card: