#frontend-archived
1 messages · Page 6 of 1
stack-in-card
there is this that works like i want https://github.com/ofekashery/vertical-stack-in-card, but its vertical only :/
No there's an option for horizontal. That's the one I primarily use
which card are we talking about now 😄
stack-in.card has if i remember right from the docs, but i have this issue with it : https://github.com/custom-cards/stack-in-card/issues/45
oh yeah, vertical stack in card has it ..
im feeling half blind atm..
but, how do you define horizontal
How do you define horizontal in it ?
Check the docs
Is there any way to omit an entire room from the auto generated dashboard. I have one room in the house (my office) that has an order of magnitude more entries than the rest of the rooms and effectively clutters the auto generated dashboard. If this one room was omitted the dashboard would be fine. There's are roughly two more of like size still for the room.
its is only listed as boolean in options, im not so familiar with yaml to know where to put it :/
aah got it but trial and error 😄
Don't think there's any way to change the auto generated dashboard.
that's super unfortunate, I really don't want to lose the auto additions and management for other rooms but at the same time this one room makes the entire thing generally useless
I think there are other auto generated dashboards out there. I haven't used any, but I think this would be an example of one?
https://github.com/dwainscheeren/dwains-lovelace-dashboard
wow, that's one restrictive license posing as open source...
Yeah it's pretty copyleft. Doesn't really matter for personal use though
it's beyond copyleft, no derivatives... and yes for personal it's fine, but if he takes his ball no one can continue it
Just use copilot to generate the entire repo verbatim and you're good
wondering if strategies might get me what I'm after
Ok figured out how to do multiple dashboard actions:
type: custom:button-card
entity: light.whatever_light
tap_action:
action: navigate
navigation_path: /foo/bar
multi_calls: |
[[[
hass.callService( "light", "toggle", { entity_id: "light.kitchen_light" } );
]]]
I'm not quite sure how this works though. multi_calls is undocumented in the button-card repo and only mentioned in issues and it doesn't work on a normal button card. So I have no idea where that field is coming from.
Ok well multi_calls can be changed to lol and this still works. So at least that makes more sense. Somehow lol
Too bad this only seems to work with the custom button card and not any card that supports actions
That's what Scripts are for 😉
In fairness, custom button card is awesome
It is
I don't think a script works for navigation and URL actions
I think strategies could wind up doing what I want but will take a fair bit of JS coding to get there. At least the dashboards will be dynamic
I mean I could be wrong, but architecturally that isn't my understanding of how scripts work
I somehow haven't needed a reason for it yet. Maybe I'll find out what I've been missing
Could anyone help me figure out how to get the upcoming media card to show sonarr upcoming episodes as a full page? I managed to find something on the HA forums that looks great on my phone, but it seems to be stuck at 2 columns and I can't figure out how to make it full the whole dashboard page.
Change the page in your dashboard to be a panel instead of masonry/whichever you chose.
When I set it to panel it's just the same 2 columns but bigger. I would like it to use the same sized posters but use more columns/rows. If that makes any sense at all.
I am using the upcoming media card and card mod if that helps any
I'm trying to figure it out myself, but no luck yet. Any way to create a card that has a toggle for one entitiy and an indicator for another entity? here's an example
I kinda figured out a way to do what I want with a picture element and card mod stuff. More to figure out how to add a second row.
so i chose an area card and i noticed it shows a switch for the area for my adguard which turns filtering on/off and a few other things. https://www.home-assistant.io/dashboards/area/ here i dont see a way to "ignore" a switch etc from an area
so is my best option to remove adguard from that area if i want to still use that area in a card but dont want the switch there to turn adguard settings on/off? (guess so, this is what i did for now)
Is there any possibly to add title to Layout-card
Is there a way to force a number to display as an input box instead of a slider?
Yes. mode: box it's in the documentation.
Ok for some reason I did not see that. Thanks!
Well, for input_numbers anyway. Not for numbers.
Ok, that explains why i didn't see it. I was looking at this https://www.home-assistant.io/integrations/number/
oh ok, my problem is that it's an entity
hey guys, is there a way to make a dashboard work with mobile and desktop/tablet without having to play with yaml or new users or whatnot?
Can you elaborate on what you mean by work with mobile? It does work on mobile, so I can only assume you want some kind of specific styling? But if so we have no idea of what you want
Try to give a little more information on what you're trying to do specifically
true - i want to have different layouts for mobile and desktop/tablet - so for example, i want my laptop dashboard to be a much wider experience compared to mobile if that makes sense
I believe you can set different default dashboards. If you go into the user settings on your phone there's a way to select it
I think this is per device similar to other things like theme or the sidebar buttons
ah, that could work - then i can just make the dashboard i want, copy the cards i want to other dashboards and go from there?
Yup
we don't have a tablet yet, but want to, but then we can see if we prefer portrait or landscape mode and just lock it, then use that dashboard for that mode?
that's pretty perfect! thank you!
Masonry automatically reflows on mobile vs desktop
So on mobile it's one narrow column, on desktop it becomes 2+ columns.
i don't have many things yet from the smart side of things until we get things installed, so maybe i'll give masonry another shot after we have more things to populate things with
and i'll check out those links too! thanks for the advice guys!
Is this the right channel for this?
I am toying with a new dashboard, never really did much with mine before. I am using Grid with Tile cards in them. Lots of buttons....I want to separate them into categories with a title, like Bedroom, Basement, etc....how can I do that? Grid doesn't let me put a title on it
I presume you mean you are using grid cards? You can use the Vertical Stack cards to add a Markdown card above each one with a title. But I would suggest if you're looking to properly dive in, create a new dashboard and start over—there's lots of cool things you can try out 😉
Looking for some assistance with auto-entities, I want to exclude a helper made light group, but cannot figure out the right syntax
type: custom:auto-entities
show_empty: false
card:
type: entities
title: All Lights
show_header_toggle: false
filter:
include:
- domain: light
exclude:
- entity: light.group <<<< here
sort:
method: friendly_name
is this what you meant?
entity_id: Match entity id (e.g. light.bed_light, input_binary.weekdays_only)
with the above, I get results of the above screen shot
I want to exclude the groups
it's wrong
how would I indicate light.group*
i'm reading the doc, but I'm still not understanding which why I ask question here
I'm not really understanding the question
fair enough, I can try and rephase
is the complication that you want to use a "*" to mean anything that matches the pattern?
I've tried enitity_id, but it gives me a list of all the individual entities, I'd like to say all without having to select each one
I don't see how to indicate all entities that match light.group_*
Don't want to ping this too much, but does anyone have advice on this? Still havent gotten it to work. #frontend-archived message
Maybe I have to write a full custom component or something for what I want to do?
Because aside from the slider being an input box, I'd like to figure out a good way to get each relay, and its two parameters to show up as a device basically.
Since 2022.11.x (I think), my Picture Glance Cards no longer open the camera in "almost full screen", the dialog is now the same small size as ordinary more-info boxes until you click the header. I searched for changes, but I can't find anything about it.
Anyone here knows anything about it - and how to get the old behaviour back?
Does anyone know how to make a mushroom card for a switch show a different icon color depending on on/off state ?
I'm using a mushroom entity-card for this, and trying to figure out how I can make the icon-color dependant on the switch state
(greeen for on, red for off, or something to the likes of that)
Hi is it possible to get some small shadow or borders around these buttons? Im using vertical-stack-in card, or maybe some shade on hover or something,
The new Tile card. How can I change it's color value from Node Red? #tilecard
If its a service in node red I guess you can call it there and at the same time set the attribute?
Insert the buttons as type: button within a type: grid (or whatever) and you'll get nice borders.
Thanks, but it doesn't exist as service.
I think. Wait 10 s
If it exist, I can't find what service call that would aim at the tile card. Any clues?
Wouldnt it be the same entity that you have in the tilecard?
Oh, no, there's only turn on, off, toggle & reload there.
It does not accept extra JSON data
oh crap hmm idk then sory
Found the reason: https://github.com/home-assistant/frontend/pull/14256
If I add the following to my card-mod-more-info-yaml in my theme, I get the previous behaviour, any camera more-info expands like I want them to.
--mdc-dialog-min-width: 87vw;
--mdc-dialog-max-width: 87vw;
}```
Question: Can use this technique but let the width depend on the entity's aspect ratio? If possible, I'd like cameras open in full height and/or width, whichever reaches its max first and keep the aspect ratio. Suggestions?
Is there a way to make the drop-downs wider so we can see more of what we're looking at? With just this, I have to select each thing then look to see if that's what I wanted or not. I'm looking at this on my desktop monitor. It's only 1920x1080 resolution, not 4k, but there appears to be enough spare pixels to the right to widen this window a bit...
I'll glad to get some help understanding card-mod
using card-mod-helper I got the path I need
"ha-dialog>div.content>state-switch$#root>div.visible>hui-vertical-stack-card$#root>auto-entities:nth-child(5)>hui-grid-card$h1"
now I can't figure what should I write in theme in order to change the font style inside h1 {font style: }
Hi all. My thermostat for my fireplace stove seems to report the exact decimal (e.g. 73.9), but I would like to maintain .5 increments when adjusting. Is there a way to have simple thermostat, or even the default thermostat card, round up or even just display a rounded value so it's always .0 or .5, e.g. 73.5, 74.0, 71.5, etc instead of the 73.9, 71.2, 74.1 type of values?
In contrast, my main furnace thermostat (different brand - honeywell t6, whereas fireplace tstat is centralite pearl), seems to do this by default within the honeywell tstat itself so I think it's a nonissue with the honeywell in comparison.
@weak pine click show yaml editor and add it like this
type: entities
title: Information
entities:
- type: button
name: sensor.usdinr
action_name: "foo"
tap_action:
action: call-service
service: switch.turn_on
data:
entity_id: switch.driveway
If you can't find the YAML editor, look for the
in the top right
#automations-archived message
Thanks it works
Is there a way to create a card like the climate card that isn't tied to a sensor, but instead just used for setting a value that can then be read elsewhere?
I have a sensor that is a block of text. Whats the best way to show that text in Lovelace?
I've gotten close with a helper and a gauge, but looking to have more of the climate experience with a current reading and a target setting
someone can help with this?
is there any way to configure a generic_thermostat without modifying the configuration.yaml directly?
No, though I suppose you could poke the keyboard with a stick. Is that indirect enough?
Looking for a way to have button press cycle through music presets on my music system. I think these are called "sources". Any one done anything like this and have an example I could take a look at to get started?
I'm using JuanMTech Google Theme, and Dark Mode does not work, even with Calling Service: Dark. I am on Chrome Browser but tried Edge and Firefox, same results
How can i get this to work?
I'm writing this selection to theme
and the style applied only to the first state-switch
what should I change to make it apply to all states??
The code:
state-switch$:
"#root":
hui-vertical-stack-card$:
"#root":
auto-entities:
Is it possible to style a piece of text based on the results of a template condition? For example .... {% if states.binary_sensor.somesensor.state is defined %} somesensor is HERE! {% else %} <style="color:red;">somesensor is NOT HERE!</style> {% endif %} I know this is not the correct method to do this it's just an example of what I'd like to do. Is this possible?
is there a way to force a specific camera to be used for the area card? https://www.home-assistant.io/dashboards/area/ not seeing anything specific about it here
Im trying to make my own theme but i cant get the background picture to work... What am i doing wrong? Tried everyting.... (except the right thing)
should I ask this in template room instead?
Is it possible to send a custom data payload with a button.press service call?
It looks like no but that seems incredibly limited. I'm hoping I just haven't found the right docs/examples that show me how to do that.
Hey, is there a known problem with homeassistant leaking memory in the browser?
I just had my browser crash after a few days of having a dashboard open
I've also got a 4k display here, is there any way to make dashboards wider?
I do mean make the cards wider
having 10 columns doesn't really help me
@tepid nighthttps://github.com/thomasloven/lovelace-layout-card
I have been trying to the last 30 minutes to install that
is there any core functionality?
that's what I've been following
it says to see the docs for HACS
HACS says to see the docs for the plugin
got an error from HACS about the element not being loaded
can't find anything about loading elements
tried configuring the resource... followed the instructions and I have no clue if it's working or not
is an element a resource?
or visa versa?
resources like,
- url: /hacsfiles/lovelace-layout-card/layout-card.js
type: module
"Click the Plus to add a new resource. The url is the path to your downloaded file. Replace <config directory>/www/ with /local/."
I was doing this
so I entered in /local/community/lovelace-layout-card/layout-card.js
should look like the above when added through HACS
trying
okay, that worked... how was I supposed to know that when the docs say to use /local/ ?
that's when adding it manually, I think.
that person literally recommends using HACS
and then gives instructions for not HACS
Gotta run off. BBL. Tag me if you need anything else. Feel free to check my repo for tons of examples using Layout card@tepid night
ok, thanks
Hi, this is my first time trying it, so need a little help: Is there a way to show the state of a switch as the state of another switch?
HACS is saying "You have 2 Lovelace elements that are not loaded properly in Lovelace." - is there a way to make it tell me which that is? 😄
Does it maybe indicate which ones in the frontend menu?
I have an interesting problem that I haven't been able to solve. I have my home assistant set up to use nginx proxy and can access home assistant using https from outside my network just fine. When I try to cast a lovelace view to a google nest hub on my network, the dashboard renders everything but the images on the dashboard. I have tried both the /local/myFolder/myPic.jpg and the full https path, but nothing seems to work. Any ideas as to how to fix this?
hi. I have a light card for a group of dimmable bulbs. does anyone know if it can be configured to change the brightness of only bulbs that are already on? right now it will turn on all bulbs in the group and set their brightness
Good day everybody! Very happy to be part of this group and looking forward to working at HA. Is there a specific place where we can discuss the inner theming of home assistant?
What is the correct way of getting rid/override of the Roboto-font accross all of Home Assistant? I can seem to only get it partially working, not globally? Is this intended, or am I doing something wrong?
Did you set a theme by clicking your profile in the bottom of the menu on the left and choose it?
Yes, offcourse.. And partially the UI is changing it's font. But not HA-wide
You say of course, but you could have just changed the theme on the dashboard.
Yes, you are right. But that's not the case
I think I want/need to override the font at the html/body selectors, like you normally would do in CSS. Although, I could not find a theme that does that
Certain "area's" of HA seem to always use the Roboto-font, instead of the other selected font.
Overriding it is quite hard imo
Or, it's not very clear to me how to override the used CSS of these areas in a custom theme
https://github.com/home-assistant/frontend/blob/master/src/resources/ha-style.ts
https://www.home-assistant.io/integrations/frontend/
You may also find some help in #devs_frontend-archived though be sure to show what you have already tried to do.
Thank you. Already have read those links to come to a solution. The problem is overriding the styles which are set on the body, html selectors.
Not sure how to override these or howto get the right CSS-selectors so it can be overridden in my own theme-file
!important is usually a way to see if you can get it working to start with, then you can work back to the "right" solution
I already tried that, but that doesn't work either
I searched and viewed the other themes too, but they have the same "limited use" of other fonts
So, no HA-wide font-alternative to "Roboto"
I' m trying to change this slider color with card-mod. But for some reason i cant get it to work, isnt there any manual to find the correct css items from chrome ? Its this card: type: custom:mini-media-player
@sharp veldt I converted your message into a file since it's above 15 lines :+1:
you can use developer tools and inspect element in chrome to pick out the slider and see what variables it uses
for example
card_mod:
style: |
:host {
--slider-color-var: #f1f2f3 or var(--theme-color);
}
Yeah can’t get that to work, but might be because it’s an custom card . But I have to say I don’t know where to look. I made a workaround though with setting the css variable in a custom theme which suits my needs
@sharp veldt I converted your message into a file since it's above 15 lines :+1:
But it wasn’t really what i was looking for since I’ve got ui files on like 5 places now
Hey, for an entities card in Lovelace, is there a way to change the color of the value/row displayed based on its value/state?
Hey guys! Are anyone here better in js than me? I am trying to set the date of an input helper to todays date when pressing a custom button. I think I am close but it does not work. Is there maybe anyone that can guide me on the correct path and help me out? Here is my code:
type: custom:button-card
show_state: false
show_name: true
name: reset helper
tap_action:
action: call-service
service: input_datetime.set_datetime
service_data:
entity_id: input_datetime.helper_dato_for_hjemmekontor
datetime: >
[[[
var dato = new Date(`${item.year}-${item.month}-${item.day}`);
return dato;
]]]
I think the problem is that the frontend doesn't interpret the template? You may be able to trigger/call an automation from the frontend which would
I managed to do it when I used a date helper in the var dato = states helper, but not when using the newDate...
By using this:
[[[
var dato = states['input_datetime.helper_dato_for_ferie'].state;
return dato;
]]]
Is there an approachable way to display a total on the dashboard in which an entity was in a specific mode? e.g. I'd like to see the total time in minutes/hours that my thermostat was in "heating" mode over say a 24 hour period.
Do anyone know where the device start up dashboard info is stored? I want to set it on my devices without have to set it as default on the specific device.
Hello. I have some (zoneminder) cameras. I would like to set it up so that when I click on the camera card (in the phone app) it would open up that camera's feed in full screen or at least as much of the screen as is allowed by the phone OS
Right now when you click on a camera view you get a view of the camera with a big header that you can't get rid of. When you turn the phone sideways half the screen is taken up by a header bar.
which os?
in ios it uses the native mediaplayer to play back camera footage
and there is a fullscreen button
Hi, all. I'm having a problem under 2022.11.4 Docker (persistent for a couple updates now), where iOS app and iOS Safari fails to render the default dashboard. It renders briefly then goes completely blank. For the iOS app, if I time it just right I can get into settings, and just once I was able to get to the dashboard sidebar and switch to a different dashboard, where things worked fine. Desktop works fine. Any thoughts on how to debug? I've already stripped out much of my HACS items and tried to streamline things as much as I dare.
I want to use an e-ink device to manage repetitive life tasks, changing the sheets, mopping etc. Is there a pre-made app that has buttons that disappear for a period of time after being pressed? I don't even know how to google what I want. My goal is to have buttons show when the task needs to be done, you click it and it disappears for a period of pre-set time, eg 2 weeks later it shows again. It could also just grey out when it has been pressed and shows again when it is required
@fringe arrow The answer really depends on what you wish to display it on. e.g. wall mounted tablet, desktop, mobile... this card can be used in some cases https://www.home-assistant.io/dashboards/conditional/ or even my favorite https://github.com/thomasloven/hass-browser_mod and use popup cards or buttons 🤔
uhm, this might seem silly, but what do we use to set an icon_height on a core type: button? I've tried 40px, 40 px, 100%, and size variants, since the default seems to be 40..., and this: - type: button icon: mdi:home-lightbulb icon_height: 80% tap_action: but no changes at all.. https://www.home-assistant.io/dashboards/button/#icon_height and code: https://github.com/home-assistant/frontend/blob/2223ffd7eedd721196f3673958528e5dab1654d0/src/panels/lovelace/cards/hui-button-card.ts#L187
right. we can not make the icon bigger than 30px, we can to fill the button. We can only make it smaller. Now that would seem a bug. filed: https://github.com/home-assistant/frontend/issues/14433
Is there some way to have HA trigger HTML5 popup notifications? I only need them locally but whenever I search for this, I just find articles on setting up remote push notifications instead. Basically I need my browser to ping me about X if I have the HA tab open (but not necessarily focussed).
Not sure i understand ypur requirement, hiwever, if you want notifications activities in your windows pc. You can try this https://hassagent.readthedocs.io/en/latest/
I'm referring to these (which also generate Windows notifications) https://developer.mozilla.org/en-US/docs/Web/API/notification
Dunno about that and not in windows. However this HASS agent can run in elevated mode when certain trigger from HA is received...read on if you want to try out https://hassagent.readthedocs.io/en/latest/commands/elevated-custom-command/
The server is Linux so that's not much use, it's also not really related.
These are what I'm referring to - https://cleverpush.com/en/test-notifications/
It does seem to be the same thing I see mention in the HA docs but the HA docs always refer to needing some external API for some reason, which doesn't make sense for normal use.
@vapid field I converted your message into a file since it's above 15 lines :+1:
That's the one that I was referring to, it wants to use an external API which doesn't make much sense here. It makes sense if HA isn't open, but I was looking for something that will just show an HTML5 notification on a state change when HA is open.
I wonder if there just is not a way of doing that as it's not even mentioned.
If it's not documented you can't do it, or if you can you shouldn't because undocumented = will break unexpectedly.
I'm just surprised it's not a thing considering I'd expect it to be almost default behaviour or basic functionality.
I think my message got deleted because it was too long, my apologies if you could already see it, don't want to spam: #frontend-archived message
Is there a way to reload lovelace without restarting HA? Kinda like you can reload the Automations from the developer tools page?
And if i’m using the app?
Pull down to refresh
Reset the frontend cache
What do you think isn't being refreshed?
I’ve changed a name of an entity in a yaml file and 1) the ui isn’t updating to show it and 2) watchemn report once rerun doesn’t show it as fixed
Both are fixed if i restart the server however
'A' YAML file?
Sorry the yaml file for the dashboard i’m talking about
It sounds like you didn't reload whatever integration provides it
No that part is done. The entity has changed name, and now i’m trying to fix the UI where i use the entity
Is that YAML file included from another one?
So I installed mushroom but when I go to change my theme the box is greyed out on my profile section. What might I have missed?
Is it possible so group Automations or even put them in Folders for a better overview?
It's possible for you to vote for the long-running feature request for that
hey,
is there a way to make the entity details page to take the full width of the screen? There is plenty of space on both sides of the panel and yet the text of some content is cropped
Does anyone know how I can increase the height of the scrollable area in the Logbook Card? Maybe using Card Mod?
I'm using Panel view and just want the one card to be scrollable in the full height of the display.
Any recommendations for 3d home modeling software to generate PNGs for Lovelace UI? and just in general...
I personally use archipack for blender
But u should have some basic understanding of blender to use it
Yeah I don't really, think sweethome3d
But its an really good addon for it and makes it somewhat easy
might be a good option?
Not used it myself, but might check it out
I'm trying to get an icon on a card to change depending on the entity's state, I have tried a few templating things I found online but despite them working in the developer tools, they do not work in the dashboard's yaml. Here is a link to my card's yaml http://pastie.org/p/51yUjtJmibQC44VB6p1rFb All help is appreciated
There's no indication in the docs that that card supports templates at all
The template doesn't make sense, anyway
I suggest looking at the custom button card or maybe the mushroom card instead
Or card_mod
Your template has 'if True', which is...always true
lol ok, the docs are kind of confusing to new comers because they use templates so often to change little bits of text. It makes it seem like you can just use them anywhere you would want to customize.
I know, I was testing and did not care that the state would change. I just wanted to see if it worked at all.
Is it possible to create a button card with no entity connected? I want a button to remind me to do things but only have on and off (I will be automating a delay so it comes back on later to be pressed again)
or rather create an entity not connected with a physical or virtual object
Got it thanks. Here's the code. http://pastie.org/p/1Ovki1NEEGrMjEl81OYrG5
Look into helpers in the Devices/Services page
There is also something as card-templater (hacs) but it does not always work. I have used it in 2 card but in one (cannot remember anymore) it just wouldn't https://github.com/gadgetchnnel/lovelace-card-templater
hi. how can i shrink the distance between picture and text in custom button card? i have this code: http://pastie.org/p/7Lzlmm52MrD5rVjzcTN6qj and looks like: https://i.imgur.com/GUgALPP.png
I have multiple cards that I find myself duplicating onto multiple dashboards or tabs or views with conditionals cards wrapped around them or other such stuff.
These cards are identical and if I change one I have to copy the code into all the other places. It's very frustrating.
Is there a place I can quickly throw together a card and save it as a master card that I can then drop into place and know that whenever I change that master card all the others will update too? 🙂
Alternatively, is there a way to have a lovelace subview show inside a webpage card as that would do the trick nicely 🙂
Hello Assistans:-) I just want to drop a Weblink to my Dashboard. But actually i cant find any solutions.... is anyone here who has the solution? Something like
type: iframe url
url: https://www.home-assistant.io
use an entity card
name: Home Assistant
url: https://www.home-assistant.io/
icon: mdi:home-assistant```
new_tab: true should open it in a new tab
Unknown type encountered: weblink
type: weblink
name: Home Assistant
url: https://www.home-assistant.io/
its part of the card type entities, so you can use the code only in this card
Does somebody of you can me tell how I can delete this navigation entry?
I had the integration installed, but now removed because I don't need this. It seems this navigation entry is somewhere in the database or file but I want to delete it.
@cold topaz
oh no... okay thaks for the screenshot!!
now it works fine...
hi. how can i shrink the distance between picture and text in custom button card? i have this code: http://pastie.org/p/7Lzlmm52MrD5rVjzcTN6qj and looks like: https://i.imgur.com/GUgALPP.png
is there anything out there that replicates the functionality of the old Custom Header? I'd like to hide a view during the winter months
I don't know how to automatically hide a whole view, but I have a "seasonal" view with conditional cards that shows pool info in the summer and car heater schedule in the winter, all depending on a "season" input_boolean
Anybody got an idea?
Is there anything like stack-in-card (multiple cards inside a single border without borders between) that’s available stock or in hacs?
Or if not, what’s the version I should use? Vertical-stack-in-card seems to be maintained, horizontal-stack-in-card I can’t really find, and stack-in-card that’s supposed to replace both hasn’t been maintained since 2020.
(Dream solution: a checkmark in the stock stack cards for with or without borders. But that, I assume, is not an easy addition.)
Have you tried looking in your .storage folder? In mine I see things like energy and other dashboards
What OS do you run for your dashboard? My tablet is docked and when the tablet restarts and it doesn’t find internet in the Ethernet from the docking, it shuts down Wi-Fi and it doesn’t work. So I have to remove it from docking when restarting. Any ideas?
You can ‘promote’ it to a Subview, and only show the button to that based on a conditional
Sorry to ask something stupid, but my google-fu is failing me. What's the way to have HA display on a web browser without the UI (specifically, the top bar menu and the left bar)? I need it for a specific raspberry pi kiosk setup.
Hi, anyone aware of a stoplight card? similar to a gauge-card but i want to set threshold values for red, amber, green.
or is is perhaps better just to use template "css" for "state" icon + state value?
Is this HACS still the recommended way of hiding the top and side bars? https://github.com/maykar/kiosk-mode
Hey everyone, I've been struggling with a card-mod + theme issue for the past week.
I've successfully created a theme with all the customizations I need, but when trying it on different devices I can't seem to find a way to have the same UI.
The CSS rules get added in chrome, for example, but not on firefox. They are just not on the DOM.
Tried cache cleanup, private mode, everything.
Has anyone experienced this before?
Thanks, I'll have a look.
That one is archived, the one you will find in HACS now is a fork of this one
Thanks!! Trying to keep up with what is current vs old stuff is getting difficult!
had a few files under custom_components left, deleted them and now its gone. Thanks for the file hint 🙂
Is there any way to trigger 2 options when I press a button?
Right now I have it set to turn off a TV, but I also want the button to navigate to the home page
Would this be the right spot too change the card background from white to something else? I tried erasing white and putting black and I tried red but didn’t change not sure how to change it…. This is my first attempt so could be a lot of my struggles lol
When i add a statistics graph card and typ in the entity it can't be found. When i scroll through the 3000 entities i have in the list they are in there no problem. Is there something wrong with the search function when typing for an entity? When i type sensor.w to find the entity sensor.woonkamer_energy_usage it just doesn't pop up
I have to scroll the whole list everytime I want to add an entity. This only seems to happen in the statistics graphcard
It looks like it only searches for names not the entity itself
I have around 400 entities called woonkamer. So it's a damn pain to not being able to search for the exact entity in the ui
Soooo… if I do a stock entity-filter and I feed it a bunch of my battery status and I filter by “<“ “50”, I get… all my batteries under 50%, but also all my batteries that are at 100%. I’ve got a fairly good idea what’s causing that (comparisons being made on strings rather than numbers), but how would I go about avoiding it? Can I do a |float template sort of thing?
Hi all! I'm using the Aqara vibration sensor for my postbox, which works great. However, I'd like to 'manually' reset it in some way or another. For example: I have an automation which tells me whenever vibration is detected -> send telegram notification, as well as visible in the UI (https://pastebin.com/B08F0N6y).
I'd like to display in the UI whether I have mails or not, and that the icon lights up in green, or alternatively the text states "You have mail" until I clear the mailbox, this can of course be used by a second vibration action in the automation. But how? 😄 Sorry for long post
I think what you are looking for is helpers. create a helper toggle and have an automation toggle the helper on vibration
Correct, I've already come up with an solution 😅 I can post it here if someone wants it
Speaking of input_helpers, I would like to display the last time my input_helper was running in one of my cards in Lovelace (Mushroom). What I have now unfortunately only shows the latest based on hours, minutes and seconds and not the whole timestamp (1970-01-01 00:00 for example). https://pastebin.com/L1g5vx9U
you're using the relative_time filter, which is "converts datetime object to its human-friendly “age” string. The age can be in second, minute, hour, day, month or year (but only the biggest unit is considered, e.g., if it’s 2 days and 3 hours, “2 days” will be returned)"
Hello everyone,
might someone know what the equivalent of ha-card-box-shadow (in themes) is for stack cards?
ha-card-box-shadow: 0 0 10px 5px black
stack-card-margin: 0
stack-card-box-shadow: 0 0 10px 5px black
ha-card-box-shadow works.
stack-card-margin works.
stack-card-box-shadow does not work 😦
anyone seen this with dwains
icon: mdi:home
path: home
type: custom:dwains-dashboard-layout
cards:
- type: custom:homepage-card
hi, is there any active developing on https://github.com/thomasloven/lovelace-auto-entities still? specifically this issue is something i'm rooting for: https://github.com/thomasloven/lovelace-auto-entities/issues/272
Should an android tablet running 7.1.1 be able to log into HA from internet browser?
There is no hidden attribute or something like that
So there is basically no way to select them
Hi! I have a countdown timer card which needs the input to be set as a timestamp (00:00:00). but I have all my values separately as input numbers. Any tips on how I can convert my two input_numbers minutes and seconds to a timestamp format?
but it's possible to hide entities, right? and those still show up in auto-entities unfortunately
I know, but there is no way to filter on them, at least not in a template, as it not shown in de state object of the entity
It must be stored somewhere though 🙂
Late to the party, but I got curious - can't you just name the ones you hide domain.whatever_hidden and exclude *_hidden with auto-entities?
Which would be a hassle if you have lots of them..
hey guys, i'm playing around with mushroom and was a little curious if there's a way to combine the badge icons - i want to have a badge saying how many total lights are on, but the mdi:numeric only goes up to 10, so was wondering if i could get to 11 by combining 1 and 1?
Who can help me out? The first icon is an animated icon. The second one is a static icon. I now just want the animated icon to look about the same as the static one. So i need the icon to be scaled and the card itself to be smaller? But i can't seem to find out how. This is the configuration :
@deft ginkgo I converted your message into a file since it's above 15 lines :+1:
Hi, I'd like to have one card with some entities and a binary_sensor history. Do you know any card that allows that? To have these two cards in one. Thanks.
anybody using the minimalist custom_card_nik_nas with unraid? I have tried to set it up with glances but doesnt seem to be working and I can't find any information on what sensors it's meant to use.
anyone know how to make a custom button card refresh the entity_picture every 15 secs ?????
Does anybody know how to update the water usage more frequently then 1 hour on the energy dashboard?
anyone got any idea how I can resize the last one in the image so its the same size as the others
I am banging my head of the wall here
anyone ?
i am losing my mind trying to find the name of the input_number default icon
cant find it in developer tools attributes
tried searching line, select, pick, number etc 🥲
the line with a point in the center
how do I add something from GitHub into the custom lovelace folder
I can't find the folder /local/custom-lovelace in my config folder
there is no "custom-lovelace" folder
you can create whatever folder structure you want under /config/www and refer to it with /local/...
ahh I see - thanks
If i edit the javascript file do I have to keep resetting HA to see the changes of the card?
Reload resources, clear browser cache
wheres reload resources?
I don't see it under YAML configuration reloading
or in Services
the docs say lovelace.reload_resources but that doesnt work in the UI
@simple grottoWhen a view is opened it should be clickable from top right, at least that's where mine is located...
Has anybody integrated unraid into Home assistant?
I am hoping to use the custom_card_nik_nas but cant seeem to get it working/
mines different
@simple grottoAh...I see now. I'm still using compact custom header plugin and it changes the header output
does this mean I have to keep restarting HA?
Should an android tablet running 7.1.1 be able to log into HA from internet browser? Mine does not and I can’t seem to figure out why. No problems from pc or iPhone.
Not possible, apparently. Energy statistics are only updated once per hour. To see more granular data, your best bet is to add the water consumption to a separate graph card or similar.
Solved incase anyone wonders I had to use http://ipaddress:8123. http://home assistant:8123 wouldn’t work
Especially not with that slash, but yea, I have the same issue with getting to home assistant, all the .local stuff just doesn’t work.
is there a way to add no repeat in button card for back ground? and have it responsive?
Ya I thought that was a type but when I edit it’s not there. The .local works on my iPhone and my pc just not my old tablet
Trying to edit my control panel device. However is there a way to hide the top and side bar on the tablet only so I can still access on my phone and pc for editing
What I do is have the panel connect with a special username/password, which I make a non-admin, and then I turn on kiosk mode for non-admins.
kiosk_mode:
non_admin_settings:
kiosk: true
Does it matter where in the config this goes?
It should be the very first bit for the entire dashboard. But I suggest reading the kiosk mode docs (it’s in hacs) and I also suggest watching the video about it by… let me look that up real quick…
Oh so if I use that then maybe there is a problem with wallpanel (screensaver) cuz it says that should be first
I have no experience with wall panel (screensaver)
Ok well I’ll watch the video and see if it works together cuz I added that at the top before you said watch and read and so far doesn’t work lol
Looking at the configuration for wall panel, you might be able to fudge it by doing the hide_toolbar: true/false with a template that returns true or false depending on what kind of user you are. But I’m not sure whether that would work.
Ok I’ll give that a try once I get this sorted.
you can make a new entity with state: "{{ (states('sensor.temperature') | round(1) }}"
On the first column, I am able to see the values of both entities, but when I move to the second column, it doesnt show both values of the entities. I am using apex-charts.
How do I get it to show both always?
Is there a way to make a small button card to switch dashboards so if I want to access a specific room from the overview I can in kiosk mode
Yes use tap_action: action: navigate
Awesome thanks, I’m finding out this is quite confusing since I don’t no the commands and how to format lol. The buttons with drop downs are easy but not doing what I want
For instance this card I’m trying to make nothing shows up on my dashboard
Hey guys,
I'm trying to exclude an entity from auto-entities, but can't get it to work.
On the left the entity I'd like to exclude, the middle is the card and the right is the documentation.
Even if I paste the full entity_id it doesnt work.
Any idea what I'm doing wrong?
I configured everything for my Energy Tab some time ago, works like a charm. But now I want to change something, but I cannot find where I can change the config. I'm almost sure Energy was under Settings, but that is no longer there. Where can I make changes?
In Dashboards
quote from the HA rfxtrx site:
Copy the event code from the state attribute of the switch, which shows up on the bottom of the window when clicking on the switch entity. Examples of byte changes:
ARC:
0b11000248bc0cfe09 01 0f70
0b11000248bc0cfe09 02 0f70
I don't have an event code 😦
an also I renamed al my devices. Is there a way to find the original event code?
I'm getting this really weird behavior
When I'm trying to edit the Christmas tree tab, it jumps back to the first one and moves it one to the right
No matter what I press, i can't edit the tab
Newest app version, also tried in the browser
Same thing also happens on a tablet in both app and browser
HA 202221102.1
Is there a way to limit the precision (decimal places) of a Utility shown in both the Glance Card and the Sensor card?
pico gallons of water is not so useful 😆
I see the statistics card has a precision: 1 session
If I add a Statistic card for the Utility sensors (which are MQTT Discovery entities), it calls the card a Glance Card and doesn't let me specify precision
Well precision isn't a property you can define on the glance card. You can't just make stuff up.
https://www.home-assistant.io/dashboards/glance/
Yes, understood 🙂 This is why I'm asking...
Is this a side-effect of the fact that the entity I am trying to display is a "Utility" (new in recent HA release)?
My point with the Glance card is that I actually added a Statistic card in the Dashboard editor (since it seems to have precision) and yet it added a Glance card instead.
Well, so my question is still open - is there a way to get fewer than 11 decimal places in a Dashboard card for a Utility entity?
thank you!
I have a power switch that also measures consumed energy. I would like to have a graph showing me the energy consumption (in kWh) from the last 4 days of the load that is connected via that plug.
I'm trying to accomplish that with the Statistics Graph Card, but that shows only an increasing number of kWh. I can choose between sum and status, but in both cases I get a strictly rising graph.
While if my consumption is 1kWh per day, I want to see a flat (bar)graph with 4 days showing 1kWh
I think you'd have to create a template sensor that updates with a formatted number
if you can't configure the output on the device
https://community.home-assistant.io/t/remove-temperature-gauge-decimal-places/133823/2
sensor:
- platform: template
sensors:
entry_temperature:
friendly_name: "Hard Water Daily Usage"
unit_of_measurement: 'gal'
value_template: "{{ states('sensor.hard_water_daily_usage')|int }}"
this should do it
Thanks @vapid oak! I did just go 'fix' it on the device (a custom water 'meter' that counts 1/20 gal pulses). 1/20 = 0.05 which is not a friendly floating point value hence the trailing 9999999's in the decimals. In the MQTT Discovery template I added: 'value_template': f'{{{{ value_json.{meter}_gal | round(2, "ceil") }}}}' to at least clip to 2 decimals.
However the issue that remains the history of the values HA has retained are still keeping all the decimals. I tried deleting the MQTT Discovery (publish an empty payload on config topic) which did re-create the entities, but kept the historical values. Hmm, maybe I also need to reset the retained state values in MQTT before re-Discovering the entities?
Is there a way to read the value of a sensor from the apexcharts data_generator? I want to compare the data I'm looping over with another sensor.
oh, very nice! Thanks @vapid oak
Any guidance here not sure what I’m missing? Nothing shows up when I hit save and refresh.
Sticking to the stock HA cards until everything is up and working as you'd expect is generally a good practice before adding in a bunch of custom cards. They are much harder to troubleshoot for errors, IMO.@sonic zenith Also, setting up a test view (dashboard), is always the best route before adding a new card to a view you are using. Easier to see how it displays and how the features of a card work 
The issue with the stock bulb cards are they are massive I’m trying to set up my control panel but if I have the forecast, my 3 bulbs and 2 thermostats that’s basically the screen. Also wanted to add 2 people cards. I have other room dashboards set up as well for function but also need to figure out the small cards for navigation when they tablet is in kiosk mode. I’ll just keep googling there has to be something im missing to not even have anything show up
Is the card installed? Through HACS? Has it worked before? What are you displaying on? What browser? Have you tried the stock button card? They display pretty small when placed in a horizontal-stack
These are mushroom cards
I chose the custom button card and was trying to work through making. It’s a new button I was trying to make so it could be the size I wanted. I’m using chrome on an old android tablet but it doesn’t show up on iPhone app or pc browser either.
See what I was looking at is I can’t resize these unless I’m missing something
The ones in the middle are button cards
This is my screen size so I’m trying to get some smaller cards for lights to start then thermostats so I can add in 2 people cards and navigation cards to the respective rooms for all the controls as the overview dashboard I only wanted the “main important” things
Is the card installed? Through HACS?
if not try placing both of them in https://www.home-assistant.io/dashboards/horizontal-stack/ that will make them display smaller👌
I’m not sure what you mean Installed sorry? I have button-card and mushroom installed through hacs
Have you used either of those in a dashboard yet? The mush climate card is nice and compact, in the first screenshot I posted. Fits nice in mobile or dashboard setup
I tried the horizontal lights they are better and hopefully gives me a spot for 2 people cards next to my prayer card.
I got the nice horizontal stack card for my scheduler integration atm
still basic, but one day
Hello. I am trying to use Picture Elements Card Configuration and I want to make 2 transformations
- type: state-icon
entity: switch.computer_screen_socket
icon: mdi:cctv
style:
top: 4%
left: 83%
transform: scale(1.5,1.5)
transform: rotateY(180deg)
tap_action:
action: toggle
but it is not allowing me to do it. what is the correct way to do it?
I can do one of the two but not both with this code
that's right - you can't repeat a key like that
this post has an example of multiple transforms: https://community.home-assistant.io/t/styling-elements-in-picture-elements-card-a-small-tutorial/315252/3
found Googling this: "home assistant picture elements multiple transforms"
Oh awesomme thank you!
so basically i have to type transform: scale(1.5,1.5) rotateY(180deg)
Anyone know a good card for light groups but also with individual control? E.g. I have a couple color bulbs on the front of the house. 95% of the time I want them to operate as a group but for holidays I set one to red and one to green. Is there a nice looking card as opposed to just making a vertical stack?
Cant run service commands to ZigBee devices. All devices work in Deconz (both ways), but when trying to control them from HA, error message "Failed to Call Service Light/Turn_on" etc occurs. Tried reinstall of deconz, did not help. Logs gives websocket, bridge busy, internal error. What can I do? Everything has been working for years - all I can think of is that I changed password in deconz, which runs as addon connected with Ingress. Any ideas?
(ERROR) Home Assistant WebSocket API [...] Traceback (most recent call last): File "/usr/local/lib/python3.10/site-packages/pydeconz/gateway.py", line 142, in request_with_retry return await self.request(method, path, json) File "/usr/local/lib/python3.10/site-packages/pydeconz/gateway.py", line 167, in request response: dict[str, Any] = await self._request( File "/usr/local/lib/python3.10/site-packages/pydeconz/gateway.py", line 194, in _request _raise_on_error(response) File "/usr/local/lib/python3.10/site-packages/pydeconz/gateway.py", line 225, in _raise_on_error raise_error(data["error"]) File "/usr/local/lib/python3.10/site-packages/pydeconz/errors.py", line 73, in raise_error raise cls( pydeconz.errors.BridgeBusy: 901 /lights/3/state/on Internal error, 951
Checking deconz logs shows working zigbee activity eg below, so connection works in background, just not to HA LoveLace...?
10:53:02:223 [INFO] - Button 1002 - TRADFRI remote control, broadcast to: 0x0014, endpoint: 0x01, cluster: ONOFF (0x0006), action: Toggle, payload: None, zclSeq: 118
Hi, I just installed 'muschroom cards' on my installation. I was hoping someone here could help me.
Is it possible to add a background image/as banner to my temperature card?
I have some images available under /local/images/banner/Banner1.png (Banner1 to Banner4)
code:
type: custom:mushroom-entity-card
entity: sensor.temperatuur_bakhuis
icon: mdi:thermometer
icon_color: red
name: 'Temperature '
double_tap_action:
action: none
hold_action:
action: navigate
navigation_path: /lovelace-temp
what am i missing here to make this navigation card work for my kiosk? i want it to go back to the overview dash please @ me its 430am going to bed lol been working on HA all night lol
type: custom:button-card
aspect_ratio: 5/1
cards:
show_name: true
show_icon: true
type: button
tap_action:
action: navigate
navigation_path: /lovelace
name: Dash
icon: mdi:view-dashboard
which structure card (like grid or horizontal/vertical stack) could I use to have two columns of entities, with one main card at the top spanning both columns?
nevermind, think I figured it out...answer is a vertical stack with horizontal stack nested into the second row, right?
I'm trying to show weather icons in a Markdown, but the source entities doesn't provide formatted naming. Like, I need to use mdi:weather-partly-cloudy but Openweathermap provides the string as 'partlycloudy' (without the dash). How can I map these two strings to eachother?
hey folks
I am wanting to add a if statement to this
card_mod:
style: |
@keyframes boing {
0% { transform: scale3d(1, 1, 1); }
7% { transform: scale3d(1.25, 0.75, 1); }
10% { transform: scale3d(0.75, 1.25, 1); }
12% { transform: scale3d(1.25, 0.85, 1); }
16% { transform: scale3d(0.95, 1.05, 1); }
19% { transform: scale3d(1.05, 0.95, 1); }
25% { transform: scale3d(1, 1, 1); }
}
ha-icon {
animation: boing 3s linear infinite; transform-origin: 50% 90%;
}
so it only animates when it "on"
I know I can use the [[ if (sensor.xxxx == "on"
but I am not sure where or the other syntax
can you use something like this ?
animation: [[ if(sensor.XXX == "on", "boing 3s linear infinite; transform-origin: 50% 90%;")]];
instead ?
got it
if anyone is interested
ha-icon {
animation:
{%- set sensor = states('sensor.XXXX') %}
{%- if sensor == 'on' %}boing 3s linear infinite; transform-origin: 50% 90%;
{%- endif %}
}
Does anyone use the uptime card with uptime kuma configured in yaml, and is willing to share the code? I only get errors
I am trying to include badges across multiple Dashboard Views. I have created a file, /config/lovelace/chips.yaml
It's contents are currently:
entity: weather.home
From the frontend I Edit Dashboard and the click the triple dots in the upper right and select Raw Configuration Editor.
In there I edit the Badges section so it calls the include:
`title: Home
views:
- title: Home
path: home
icon: mdi:home-heart
badges:- !include: /config/lovelace/chips.yaml
cards: ...`
But when I try to Save I get the error:
- !include: /config/lovelace/chips.yaml
Unable to parse YAML: YAMLException: unknown tag !<!include:> (7:46) 4 | ... 5 | ... home-heart 6 | ... 7 | ... de: /config/lovelace/chips.yaml -----------------------------------------^ 8 | ... 9 | ... conditional
Am I close? Or is this not the way to approach this?
Anyone know why card_mod in themes behaves differently for the first card of each dashboard?
@quick trail I use this to insert the card .yaml where it's needed.
card: !include /config/lovelace/popup-cards/input_boolean.mobile_lights_on.yaml
You can't include files if you're managing the dashboard in the UI
Oops....thank you for correcting me. I've never used that 😞
I forgot password
@harsh shadow https://www.home-assistant.io/docs/locked_out/
How can I edit the sidebar for all users? For example I don't want the map, logbook, history and media items there for all users. I don't know the password of some of my users so I can't edit it in the per-user settings
And, how can I remove the energy dashboard? I want to create my own
or, is it better to use tabs instead of full dashboards?
i'm new to this and figuring things out
is it a good place to ask about lovelace-card-mod?
i am trying to colour icons in Glance card
a simple:
card_mod: style: | :host { --paper-item-icon-color: red; }
works fine
but when im trying to do something more complex like:
:host { --paper-item-icon-color: {{ if states.sensor.iaq_livingroom_pm_2_5_concentration.state | int <= 12 }} green {{ elif (states.sensor.iaq_livingroom_pm_2_5_concentration.state | int > 12) and (states.sensor.iaq_livingroom_pm_2_5_concentration.state | int <= 35) }} yellow {{ else }} darkred {{ endif }} ; }
it doesnt do anything
{{ if is not correct jinja. https://jinja.palletsprojects.com/en/3.0.x/templates/#if
Also --card-mod-icon-color: red; may work better.
many thanks!
Any of you fine gentlemen know if a card exists that can do the following :
- dumb dryer, needs to read the power state of plug, if above x for 3 minutes then running, if below x for 5 minutes then done
- smart washing machine, needs to show if running or not (based on current state in integration) and how long time is left (based on current time in integration sensor)
I'm guessing the best approach is
- create input values for the dryer, and template sensors for state
- use state based icons and text markup for washing machine
I was hoping a card already exists that could do both, guessing I need to make a custom card
Could you use a template sensor with a trigger to get a defined state? That kind of logic doesn't belong in the frontend.
Idk if this is the right place to ask but I am looking for a way to see the total amount of time a magnet contact sensor has been open the last day. Ist his possible?
you have to make a new sensor entity in cofiguration.yaml
- platform: history_stats
name: Lamp ON today
entity_id: light.my_lamp
state: "on"
type: count
start: "{{ now().replace(hour=0, minute=0, second=0) }}"
end: "{{ now() }}"```
should do the job
thats just today
start: "{{ now().date() - timedelta(days=1) }}"
end: "{{ now().replace(hour=0, minute=0, second=0) }}"
should do the job then
ohhhh thank you!! wil test that shortly
i would name the entity then yesterday 😄
upper sensor is for stats today, if you exchange the last two lines with my last it will be yesterday
Hello to all.
I don't know if this is the right section, but I need help setting up my lovelace. In practice I would like to know if it is possible to create a sensor using the data of an entity's history
This's my entity's history card...it's possible to create a sensor from this?
because my idea is to have that card but with this style....
...and I've seen that that cards works only with "sensor" type
Hmm stefan i dont know if this work correctly, it says my door has been open "11" in the sensor
it should only been like 30 mins
Hello everyone, the general channel told me to come here so I'm putting again the info I gave :
Hello everyone, I'm new here and in HA also, hope you will be able to help me with something 🙂
To give a bit of context I have to make my home smarter and smarter, and have pretty much nothing that can be easily included in HA today but I will work on that as the time goes
For now I just have a smart outlet (connected to my coffee machine) : already set and working with tuya
And I have also a couple of AC unit for Mitsubishi. I integrated them with the MEL Cloud integration : https://www.home-assistant.io/integrations/melcloud/
It's working really well (and for the one who know the MEL application, it's working wayyyy faster in HA :D)
But I can't find how to modify the card (maybe not the correct term) to integrate more function directly in the dashboard
The cards that came along with the integration are these one
If I go to the three dots I have this
Is there any kind of workaround for that? Seems like reusing code/cards/badges would be a common need.
the only other option is YAML anchors, but I suspect that they don't work in UI-managed dashboards either
if you want to get tricky, just move over to YAML
I just use a UI-managed dashboard to try stuff, but everything that matters is in YAML
So, I managed to find the menu where I can modify the first screen. but not for the second screen. The goal would be to have some parameters of the second screen directly accessible from the dashboard, but I don't know the name of the attribute to use (not listed in the doc and since I cannot find the yaml file I'm lost)
Do you have any idea on how I can retrieve the info ?
so tried doing some research and could not come up with nothing, but is there a way to make a custom field on custom button card stay in one place regardless of sizing of page?
Maybe it's a missing feature or maybe it is already available that I don't know of. Btw I have timer setup with automation for turning on water heater for 1 min and then turning it off after 1 min. When I use 'Mushroom Entity' card the remaining time(countdown) does not appear. Same goes for when I use 'Official Loveleace Entity' card but when I use 'Official Loveleace Entities' card countdown appears. You can see comparison in the following screenshot.
https://ibb.co/BtH57K1
Another thing I just noticed that on my desktop PC timer countdown from 1:25 but on my phone and laptop PC timer countdown normally from 60s.
on my desktop PC countdown starts from 1:25 and end at 25s
while looking at my phone and laptop timer counting normally from 60s to 0s
very odd
happening both on chrome and edge on my desktop PC
Update: 2nd issue on my desktop PC fixed itself. I don't know how. it just fixed itself. Maybe it will come back. Maybe it's time specific issue on my Desktop PC. Very Odd.
Still looking for a fix/implementation of card timer countdown not showing up except for 'Official Lovelace Entities' card.
How does one actually get person to show "at home". location is on, yet all i get is "unknown"
doesnt matter if it's stock or mushroom card
bit offtopic of channel, my bad. clearing app cache in android and logging in with renewing location approval
I am trying to configure my scrolling Minimalist adaptive Ui and am having an issue, I click my cards and nothing happens. I have configured the dropdown in yaml and have given it the entity_id: input_select.minimalist_ui_switch. No popups are showing and I am running state switch v.1.9.3. Here are my files (popup.yaml-https://pastebin.com/i5bwTBZc, adaptive-ui.yaml-https://pastebin.com/M8VYU1Fk, and main.yaml-https://pastebin.com/UZ0mmnrV)
so going through the docs and such on the picture eliments and tried various css code, is there a way to actually make text and icons auto scale why staying in position in panel mode?
Your popup.yaml is not correctly intended. Each option (e.g. light 1, light 2) need an additional tab/2 spaces before them
I am struggling to get these icons to change, in the code I have it set to the speaker icon and netflix icon. I have tried a number of different ways but the icons never seem to change! buttons work fine. I have attached the config for this button https://pastebin.com/tnN2SUEn and for the card itself https://pastebin.com/szbeKQqe
silly question, did you refresh the dashboard?
Hi, new to HA and struggeling to get this to work - I want the power button to activate the scene, but nothing happens.
type: custom:shield-card
entity: media_player.android_tv_192_168_1_128
name: false
tv: true
power:
service: media_player.turn_on
service_data:
entity_id: scene.turn_on_bio
back:
service: androidtv.adb_command
service_data:
entity_id: media_player.android_tv_192_168_1_128
command: BACK
You can only change the icons of the small buttons by changing the global entity icon in HA itself
Hi there, is it possible to show a dynamic icon instead of the value of a template sensor in an entity card? If would be a fan showing levels 0,1,2,3 with different mdi's in place of the value.
Anyone knows how to modify/access a sub-menu in a card ?
To add info, in "parameters" I have this view
If I click here
I have the card that shows
And if I click on the 3 dots the sub menu appears. But same here, no way of editing it
I am looking for TV remote UI using MQTT
I have the commands I need to pass on button press but I want to know if there is any fancy UI card to make it look like a remote ?
https://www.youtube.com/watch?v=xMQBeVVEBjI
If there is nothing then I might have to do this as last option
Strange timing! I happened to get my Philips TV working last night and also looking for a more attractive remote UI
I am using raw IR codes so I don't think there is anything ready made for it
but for smart tv s there are integrations
This is what I have come up with so far, just using grid and buttons sending remote.send_command
nice
unfortunately https://www.home-assistant.io/integrations/philips_js/ doesnt provide a "full remote" Entity/Card natively 😦
Anyone aware of libreelec integration?
Is there documentation on the basics of layout? I am really struggling here. I want the top to show quick info like the 5 people in my home, alarm status, etc. I am using mushroom. But if I put a horizontal stack card, and add 5 entities, they all get really short, but the stack only takes up ~the center 1/3 of the screen instead of being stretched 100%
I found kodi integration
Hi im new to home assistant, im trying to use the simple vaccum card, ive dowloaded it is it something more i need to do ? i cant find it when i tri to ad cards
I went through this last night, I tried to install mushroom cards and they weren't showing up even with a reload. I removed and downloaded it again (not redownload, actual download button) and it showed up.
The gauge card severity values does not appear after i save and then reopen to check what values i saved. Is there any workaroud to check what values i saved?
I can't seem to make sense of how to dig down into the shadow-root using Card-Mod
I'm trying to get to the .bar-block level that's 2 shadow-roots deep, but I'm not sure what the $: and .: are supposed to represent and how to use them
Can someone ELI5 please
card-mod update seems to cause an 'issue' for styling headers, and we now have to go into the shadow root on certain (all?) cards?
see community topic for more details and examples:https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/3915
this worked before as card-mod-theme class: .: | ha-card.class-header-margin .card-header { background-color: var(--background-color-off); font-weight: 400; font-size: 20px; color: var(--text-color-off); padding: 0px 12px; margin: 0px 0px 16px 0px; } but no longer applies
"To put something inside a root, and also continue drilling, you can use .:, which means “here”."
So from what I understand to drill down into the first shadow-root I would go
ha-card:
.card-content {
font-weight: 1000;
}
But that doesn't seem to work
Documentation also talks about :host as the bottommost element. What would be considered the bottommost element?
So I'm able to color weather-bar if I do
weather-bar {
color: red;
}
But if I want to access the .main inside of it from what I understand I should be able to do this by
weather-bar $: |
.main {
color: red;
}
But it doesn't. What am I missing?
After I inserted that Tab I received this:
Can I make a duplicate entity and give it a different global entity. The issue is the entity is my tv and the button is triggering a script. I don't want the icon to change everything. If that makes sense
Hi, Ive created a second Dashboard, but once I click on "done" it vanishes and I have to go again into edit mode in order to access it. Is there an easy way to switch between the dashboards?
I'm trying to set up something that will create input_text elements and then I could click a "plus" icon to create another. Each of these would store State and such properly so that I could utilize them in Automations and Scripts as needed. Is this possible without creating my own Frontend component? I haven't been able to find anything already out there, but I may not be using the right search terms
Hello, is there a way to adjust the pixel or size of a panel dashboard? It bigger then my screen on my wall mount tablet. I am using a "floor plan" with Picture Elements and state-icon on it.
Sidepanel on the left? 🤔
Is it possible you have some settings set wrong in the /config/lovelace/dashboards view? I think that is what has the tick for showing a dashboard in the sidebar
Hello,
In a picture-elements card, is it possible to have a state-badge and display an attribute instead of the entity ?
I want to avoid having to create sensor template for each thermostat to show the temperature
For example :
- type: state-badge
entity: climate.neviweb_climate_nw_salle_manger
attribute: current_temperature
suffix: °C
On the left main menu, I have "Overview" "Energy" "Map" " Logbook" but no option for other Dashboard views
I dont see that folder in my config folder
Did you check "show in sidepanel" When you created dashboard?
Hi. Not sure if this is the right place to ask, but my HA install has an extremely slow UI. Nothing else is slow -- automations run as expected, tapping a switch results in immediate control of an associated device, issuing service calls via the WS API are instant. But if I try to access my install's UI via any web browser or the mobile app, it takes FOREVER to load pages. I mean minutes, if they load at all. I've seen nothing in the logs that looks suspicious. HA 2022.11.3, Supervisor 2022.11.2, OS 9.3, Frontend 20221108.0, all running on an ODroid N2+. I've tried disabling various add-ons, reboots, even a complete reformat and rebuild from scratch. How do I go about troubleshooting this?
Would anyone be interested in a card that displays all of their Android notifications including the ability to dismiss them? I've been fine tuning something for a while and it's been really nice
It's pretty complicated though and requires things outside of HA itself such as Node-Red and Tasker
Anyone has a clever idea to keep the browser_mod active? I have a wall mounted tablet with motion detection but after a night (idk how long exactly) the browser_mod button shows in the bottom right corner 🥲
if you flip it for iphone, yes
Don't have an iPhone so that probably won't happen. But depending on the interface it might only take some tweaks
I need to apologize, but after pressing the "+" and checked the tab Settings,Badges, Visbility" I dont see any option which has this naming or a similiar meaning. Only the "View Type" but this changes just the arrangement of the buttons on the Dashboard
Interesting. On the overviews then edit dashboard and press on the „+“ is different.
How’s that called?
Right top
Isn’t it a dashboard aswell?
Could be yes. By clicking on the + it says view configuration
Is it possible to Easley switch between views? There is no view card to add on the board
The icons on the top are the views you talk about
Theres no card for that
Those are just like a website's menu
Home - Energy - cameras - w.e you want
The button card can be configured to navigate to a view: https://www.home-assistant.io/dashboards/actions/#tap-action (the navigation_path is the one you want)
Has anyone here successfully integrated the "Our Groceries Card"? I have successfully integrated "Our Groceries" and are able to send actions to the list. However the other frontend addition with the Card returns error "Custom element doesn't exist: our-groceries-card".
I don't see a GH issue for it, so asking here first before filing. Has anyone lost the
-> Templates text box on iOS? Same issue in the app and Safari
Was happening before the beta, but not sure when it started
Text seems to be there because there are rendered results, but I just don't see the text box
@echo jewel Resources added, perhaps?
Can you explain in more detail?
I have a bit of a weird issue in the frontend:
If I open the web ui of an addon from the sidebar, the web ui autoreload about every 10 second.
If I go into settings -> addons -> "The addon" -> Open Web UI, the web ui does not autoreload.
I have found this behavior on atleas Zigbee2MQTT, Node Red, Studio Code Server, Grafana, EMQX and ESPHome (All of my addons which have an accessible UI from the sidebar).
Very annoying.....
good people
How do I remove this wall of text? I dont have options on the card...
Sorry, please ignore. Somehow it was working when I removed quotes around the type as this - type: custom:our-groceries-card. The instructions I gothad it like this - type: "custom:our-groceries-card"
type: custom:our-groceries-card
title: Shopping Lists
show_header: true
entity: sensor.our_groceries
show_crossed_off: true
sort_by_name: true
hide_empty_lists: false
show_lists:
- <ID for list 1>
- <ID for list 2>
- <ID for list 3> etc...
anyone have an idea how I can use the conditional card or similar to create something like this:
I have some wall plug switches, (classic). But we use them for different things. Sometimes Christmas lights, sometimes a humidifier exc.
I'd only like the cards for these to show on the front end if the entity is plugged in (available)
iOS App is fine here
Use (create) a binary sensor on the available
Is a known and registered issue , see the repo https://github.com/home-assistant/frontend/issues/14355 and yes, it has just been confirmed the team is aware
These views UI was meant by me
So the problem is, you dont have the icons/text in the header?
I was expecting that I get a possibility to switch between the views: home, unnamed view and testview
I learned that I should use navigation_path
With the video I just wanted to explain what I was talking about
Well yes you can switch between the views the normal way or make cards with card_mod or browser mod w.e
But in your video you dont have the views icons/text in your header to switch between views and thats the nornal way.
Probably with card-mod ...have a look here https://community.home-assistant.io/t/option-to-hide-min-max-legends-in-the-statistics-graph/328440/13
I'm using Lovelace Minimalist and I'm trying to get the popup working to control light color etc. but its playing up
This is all I get when I try to open the popup on desktop
And when I emulate a mobile display using chrome dev tools and try to open it I get the following error and just a blank screen
at n (button-card.js:425:5891)
at i (button-card.js:425:5777)
at button-card.js:425:6339
at Je._createCard (button-card.js:425:6570)
at button-card.js:438:213
at Array.forEach (<anonymous>)
at Je._buildCustomFields (button-card.js:438:30)
at Je._gridHtml (button-card.js:517:25)
at Je._buttonContent (button-card.js:499:433)
at Je._cardHtml (button-card.js:479:18)```
Oh I also get the error on Desktop, apologies I hadn't noticed it before
Trying to view HA logs via Settings > System > Logs just gives me a browser error Uncaught (in promise) Object { code: "unknown_error", message: "Invalid JSON in response" } No call stack or other info. How should I start debugging this?
hey, is it possible for a trigger to change the value of a card ?
for example I have a picture entity that is on auto, which is perfect it only updates the image of the camera every 10-15 seconds, what I was thinking is if you coudl change that value to live if motion is detected, and then back to auto when motion has stopped
That's a curious question. The 'value' of a card is determined by the entity it's displaying
I dont want to stream a camera feed as it flood the network
so in this idea, it would literally keep network traffic down to a bare minimum, unless it detects movement,
so change auto to live in the picture entity, whilst movement is detected
@dark dirge having a card that could change dynamically or have the ability to update at more regular values would be ideal.
I don't know how or if you can do that
maybe even with a css style ?
type thing
I would add a huge addition of being able to do stuff in the dashboard
something like this ?
state:
- value: 'on'
camera_view: live
- value: 'off'
camera_view: auto
Thats makes me wonder if you can put the camera_view: live and auto in some variable (helper?) And in your card camera_view: $variable
Something like this? Dont think it works within a card. {% if is_state('input_boolean.test', 'off') %}camera_view: auto
{% else %}
camera_view: live
Or maybe u can use state-switch? 1 card with camera_view: auto and 1 with live. With a helper if on, show card 1(live), if off show card 2 (auto).
HA doesn't like the majority of my media folders https://i.imgur.com/ydHZJq2.png
2022-12-02 10:57:20.841 DEBUG (MainThread) [homeassistant.components.websocket_api.http.connection] [281472910625424] Sending {"id":81,"type":"result","success":false,"error":{"code":"unknown_error","message":"Invalid JSON in response"}}```
How can I debug what happens inside `homeassistant.components.websocket_api.http.connection`? Or at least see the data that it's trying to JSON decode?
Turns out that HA crashes if there's a non-expected character in a filename, eg: Rupert Holmes - Escape (The Piña Colada Song).mp3 The ñ character causes Media to return "Invalid JSON in Response" and bricks the System > Logs viewer.
@charred nebulaWhy not just have the camera 'popup' the live view when motion detected? I've ran my tablets for years that way and works great ...
Hello, i have a dashboard that should be 2 columns next to each other (see second pic). But on my tablet dashboard they stack on top of eachother (first pic), is there any fix to this?
Any ideas on this?
@atomic glacier for the tablet view thats fine, for the mobile app when you away, this is more a quick glance
Guys! Morning! It's been a long time since I can't see the last changed/last updated popup on my phone.
Why? Thank you!
👆🏻 this popup that I'm talking about. Found this image on Google just to show you guys what I'm talking about.
I can't see this pop up anymore on my phone.
Anyone else have their lovelace dashboards completely stop working? All dashboards on all devices are not working but automations appear to still work. I updated HA and HACS but not change
ah, nevermind. It was my zwave controller I powercycled it and everything's working now
hey all, does anyone know how to pull the RGB color from the entity and use it in a state:
I have my custom:button-card with animated bulb
but I need to use state for it, gray off and the rgb that its presently set to when state is on
state:
- value: 'on'
icon: mdi:lightbulb-on
color: XXXXXXXXXXXXXset to RGB value of the bulb
anyone know how to do this ?
Hi everyone! Newjoiner here! I have been running OH for many many years but now, switched to HA! And i am very happy about it! The only thing i miss, is a good frontend for mobile. What i loved the most is the old OH Basic UI
that was very simple, main page with list of rooms
click on one and slide to page with controls for the room
graphics like this
do you have any suggestion about the easiest way to recreate this in HA?
aany one know how to put two icons in the icon: tab
I want to do a bedroom, so use the bedroom icon, but I want to add another icon to it, shoing male and female, for this kids bedrooms
I enjoy having an auto-generated All Devices dashboard around, but Home Assistant doesn't sort the devices (they seem to be in order of device creation?) Any way to still have it be auto-managed but actually sorted?
is there a way that i can create a cart and then duplicate that card into other views but using the main as a reference? or do i have to just duplicate and make updates to each duplicate?
Hello! Thanks for your info! Yes but Tile card has a mandatory entity required, if i just want to use it to navigate with action navigate, how can i avoid to put an entity?
and to use it with cover, the tile card does not have the Up&Down command
Hi. What is the best way to lock dashboard on wall panel? So other's dont access settings etc.? Should i make new user for it?
anyone using conditions within a card? wondering what I've got wrong here
@fathom summit I use sun.sun mostly or an input_boolean that I never use when I need a dummy entity.
@wind heart new user for the tablet is probably the quickest and easiest.
@obtuse ermine probably the state aspect of the entity. You should be able to look under
and check the entities state changes. May need to template the info from the entity.
managed to fix it by removing a dash
What I'm now unsure of, is how to have multiple entities within a row (ie so that i don't have to make duplicate conditional rules for each entity i want displayed)
end goal is to make a bunch of entities within a card to be hidden on a condition. IE if computer is off don't show a bunch of useless stats.
I don't think that row can contain multiple elements. Your requirement sounds as if card type entity-filter might be what you are after? There you can specify one condition that applies to multiple entities.
since updating to 2022.11.5, all views i have that contain the custom lovelace-layout-card show an uneccessary vertical scroll bar
Thanks for the suggestion. Have looked into it and this won't work unfortunately as there's no way to filter the entities I'm using
You can try the custom card auto-entities. It has a few more options than entity-filter.
I am unsure on how to tackle this, i am very inexperienced
That means HACS has downloaded the plugins but not loaded them for you. If you are using a standard configuration and design your dashboard from the UI I think just refreshing your browser may fix this.
Otherwise there should be a button somewhere to load them in.
If you're not doing things the recommended way, and HACS can't do things automatically, you'll have to go here and manually add the resources: https://my.home-assistant.io/redirect/lovelace_resources/ as detailed in the HACS documentation: https://hacs.xyz/docs/categories/plugins.
Im running this from oracle VM, i did a fresh machine, got hacs set it up following the instructions and downloaded those 3 frontends
i appreciate your response, i attempted what you told me to but it hasnt worked buddy
Hi folks!
How can I show the current sun elevation in the dashboard? I want to make some automations depend on a specific value, so it would be nice to actually see actual values.
Hello,
How can I get the new Statistic card data, for example, the Max values, to use in a template sensor? Or to visualize with a different card?
I think this Statistic card should be a Helper, so we can use data in the most convenient way.
Thanks
thats all in the docs: https://www.home-assistant.io/dashboards/entities/#attribute
Thanks! It's clear once you know it's there 😉
Hi. Does anyone have any issues with the back button while the add-on page not going back to main page or is it just me?
I have a vertical-stack-in-card with horizontal:true inside a vertical stack in card for reasons. I would like the inner stack on card to lose the border. I see there is a possibility to add a styles option to that card. Does anyone happen to know off hand the format and parameter to use to get no border on that?
Sorry, that went weird. Try https://pastebin.com/5qGmMjpx
For those who use mushroom, do you setup one large card with vertical and horizontal in them to make sure they are in a line, or split them up with one vertical pr "unit"?
Found it:
- type: custom:vertical-stack-in-card
horizontal: true
card_mod:
style: |
ha-card {
border: none;
}
cards:
Although I’d still like to do it via the styles: parameter that’s native to custom:vertical-stack-in-card instead of via card_mod, if possible. But the vertical stack in card docs aren’t very extensive about styles:. Not to say that they’re more or less non existent.
For completeness, the resulting card:
https://i.imgur.com/V5idvNb.jpeg
How can I display the remaining time on a timer?
It looks like it has an attribute “remaining”?
only if it's paused
Hi, im using a css styled markdown card to show tomorrow is trash day. Is there a card i can use to create something like that but then with a dismiss(done) button? Whats the best way to create that?
Persistent notifications can be dismissed. Or you could use a conditional card https://www.home-assistant.io/dashboards/conditional/ which could show a stack with your message and an input Boolean which could dismiss the card
Pers notf. is not a card right? Only shows in the left sidebar under notifications?
Yes
So you can have multiple conditions, they all have to be true to show the card. Make a input Boolean (it’s a helper) and add its state as another condition to your card.
Then use other layout elements to show it as well as your message
Then how is the input bolean showed? Like a toggle?
You could use a button helper instead. The state of a button helper is the date/time it was pressed so logic based on the date of that in your card would work.
Yes, a toggle.
If you use input Boolean you’ll need to change its state wherever you are deciding it’s trash day tomorrow
Ok
So its not possible to do something like this;
If not... The toggle thing /input_bolean is clear to me but how do i show that text like in the card bove and the toggle ..
Above*
Vertical stack card
Ah, so its just that card above (markdown) and entity with a toggle or somthing?
Stacked..
Yes
Some one here can help with custom:auto-entities? I have a template selection and want to add a tab action but the combination does not work
hi is it possible to restrict access for user ? just show dashboard ?
it's purely yaml and if i unhide the sidebar, the scrollbar disappears
Anything I should be looking at as to why the new Tile Card is not displaying entity photos in it? i.e. photo of my ugly mug when my person entity is selected.
Also, I am using a mixture of tile cards and mushroom cards on my dashboard, I'd like to use some as buttons to navigate to other pages, i.e. a room page. is there a recommended button for this? in the past I have used the custom button card...
you should be able to do all of that on Tile card, did you check the options in the UI? or, if you use yaml mode, read the documentation on https://www.home-assistant.io/dashboards/tile/
why would you think that's just you...? 😉 there are several issues in the FE repo n that, and the team has said they are aware.
Yeah, I can see a way how to do it, but do I need an entity for the card regardless? Would assigning the entity to the card with a navigate tap action just be using that entity for the sake of having one?
I was responding to your first question in the entity photo really.. but, for the second, I dont think the tile card would be optimal, mostly because it is way to space consuming without anything to show on. for links to subviews or other views, I would indeed recommend custom:button-card
top is my own shortcut bar to the individual dashboards, and then the bigger buttons below that are links to other, related (sub)views.
Ah right. Yeah for the first question I would have thought the entity of the person which has the image of the person associated with it would have carried over into the tile card.
well, in fact it does, if you instruct the card to do that. You don't have to set an entity_picture in the card itself, you only need to set https://www.home-assistant.io/dashboards/tile/#show_entity_picture to override the icon. I agree though this feels counter intuitive, and it could do that by default.
might be worth a FR to piitaya
that would be an #integrations-archived topic if its really about the state of the entity. Frontend can not change the entity, it can only represent the entity
ok
ah that did it, thanks!
Hey guys!
Small question:
How can I have the total sum on another line at the bottom?
make an own sensor for this as template
ok.... how? XD I'm at beginner level 😄
i managed to get the rieman sum and utility integration installed, but that didnt help me further
moment, i prepare one for you
no way... ❤️
- sensor:
- name: "Power Overall"
unit_of_measurement: W
device_class: energy
unique_id: power_overall
icon: mdi:speedometer
state: "{{ (states('sensor.smart_plug_power') | float +
states('sensor.server_nodes_power') | float +
states('sensor.network_power_power') | float +
states('sensor.server_power') | float +
states('sensor.smart_plug_4_power') | float) }}"```
add this to your cofiguration.yaml
you're welcome
I can use this for other entities now
this is awesome
google was sucky
you rock!
🌹
I'm trying to add new views to my dashboard (and have tried it on others and get the same issue). I enter all the details, and it just says UNNAMED VIEW and even then, cannot update it with the correct details... any ideas?
How did you add the views? In the UI?
Yep, edit and add view…
and do you have a couple views already? Or is your first?
I am trying to find card mod 3 in HACS, but searching for it ends up in HACS not finding the repo. Anyone know why this may be?
I would like to avoid the manual install to keep up with versions easier
Did you press the + in the bottom right? Sometimes i make the mistake to search in downloaded repo's
The state_class should be power
wow! thats something 🙂 Thanks!
Anyone had this issue? I can access HA GUI just fine on the device I installed the VM on but not on any other device. I rebooted my router
I tried different url.. homeassistant.local:8123, ip_address:8123
Did you forward port 8123?
Anyway, local should work like this 🤔
i didn't touch my router settings I had an install on a pi that worked just fine before.. the thing is.. I didnt set a bridge for this vm install.. it was using the same ip as the machine it's on. that's probably it.. i'm reinstalling
Anybody know of a non time series graphing component? I just want to give it x and y values. Seems both ApexCharts and Plotly is very much linked to time series.
Yeah have plenty of other views. Attempted this on multiple dashboards
does anyone know how to use auto-entities with stacks (vertical/ horizontal)
I'd love to auto populate something like this
type: vertical-stack
cards:
- type: custom:uptime-card
entity: switch.website_one_active
- type: custom:uptime-card
entity: switch.website_two_active
- type: custom:uptime-card
entity: switch.server_one_active
- type: custom:uptime-card
entity: switch.server_two_active
Hey guys... i try to add resources to a dashboard. In the repo i found i only see typescript files. Is it possible to define a *.ts file as resource? If no, how i can convert this files to javascript? I don't have hacs installed. The javascript resource i'd like to add is "config-template-card"
Try the layout card 😉
https://github.com/thomasloven/lovelace-auto-entities/wiki/Template-filters
You should be able to make a scatterplot and disable lines, but you should still send series to the JS component.
If I have a yaml driven dashboard, can I enable/disable specific views based on some condition? I can use the custom:state-switch card to switch between certain cards to eg. differentiate between a widescreen device and a phone, but I want to do something similar to enable/disable a complete view
The data_generator still needs a timestamp as first output column. Ie the x axis. I dont have a time to provide. At x == 5, y == 8; x = 6, y = 7, ... is what i want to plot
I have a template switch whose turn_on and turn_off sequences will take about 10 seconds to complete (run a shell_command, delay 7, update_entity the sensor that's used in value_template).
Is there a way to visually indicate that one of those sequences is currently running? Imagine like I click a button with tap_action toggle and a spinning wheel would appear on top of it until the turn_on sequence finishes?
Conceptually, I thought about setting some variable(?) or something as first and last action of the sequences and somehow use the state of that in a template. Would something like that be the way to go or is there an easier solution?
@grim current I converted your message into a file since it's above 15 lines :+1:
Is it possible to override default values of Thermostat Card? I'd like to change temperature range from 5-30c to 16c-24c, since I never ever cannot go below 16c and above 24c. Also is it possible to change resolution step from 0.5c to 0.1c?
Is there a gallery of custom cards and such viewable somewhere? looking for a nice looking weather card
Good morning, Does anyone know if it's possible to implement the conversation function (usually present on the header bar) elsewhere in the dashboard as I have the header bar disabled. Thanks in advance!
Anyone aware of a touchpad card? Like something where you press and drag the direction you want to go in
Been trying to get something to work the whole day: I have a sensor in a gauge and another entity with a state equal to the max value of that sensor. How the hell do I get the gauge's max: {{ other_sensor.state }} to work? It seems so trivial but can't figure it out 😢
Is there a way to have a tile card without it being linked to an entity?
I wanted to use it for navigation to a view that has all the light switches, but without it showing an on/off state. Leaving the entity blank works for a button card, but not for tile
I want to use a tile instead of a button as a button is very large, I'd prefer the navigation button in a tile-sized card
I use Notion.so for to-do lists and so on. Does anyone know if there is a good way to display a database as a card in HA? Would love to have my to-do on my kitchen dashboard.
Better would probably be custom:button-card. You can set any size/styling etc you want, not use an entity, and navigate templates depending on where you are in HA
How can I go about having a dashboard view (with a single card) fill the screen to it's HEIGHT instead of width? Panel mode seems to fill to width, which makes stuff pop off the bottom of the screen. If I can have that card fill to the HEIGHT of the display, that'd be awesome.
Question on if a dashboard request would be easy or not. I have my Prusa 3d printer connected to HA and I can pull a colored preview picture of what is getting printed. If you go to the printers web interface it shows the same picture but has a grey overlay on it representing the percentage printed.
HA picture
prusalink picture:
Would it be possible to duplicate or do something similar to the later? I'm a backend coder/config person, my graphical dev abilities are lacking
just gotta say I've been loving the grid layout and custom button cards - getting things to a more custom feel already! https://i.imgur.com/BHWOIfE.jpeg https://i.imgur.com/ig9Jsq8.jpeg https://i.imgur.com/7Xhep87.jpeg
simple, but works well
I'm not a big fan of the new color schemes in 2022.12.0. At least for motion, door/window or running state sensors. Dark blue for inactive and lighter blue for active sensors is too hard to differentiate at first view - at least in my opinion.
New color scheme for thermostat is even worse..... Icon of thermostat is now red not when the state is 'heating'. It's now red when the 'operation' is set to 'heat'. So for my setup it is always red.......
The colours are totally mad. Nothing makes sense. And the Picture-elements card which has a documented way to customize the colours for each and every element is also broken. My door lock which is supposed to be green when locked and red when unlocked (red = alert, green=good) is not blue when unlocked. I have spent hours setting up beautiful picture-element cards that I use all over the house and it is all broken. I am so upset.
And this is not something I hacked. I followed the official documentation on https://www.home-assistant.io/dashboards/picture-elements/#how-to-use-state_filter
Is there a card that will show me the different light effects? Or a way to create buttons for light effects programmatically e.g. with the layout card, auto entities, tile card?
With 2022.12 I seem to have lost the legend for my history cards:
What is the syntax for changing a css style like --rgb-state-cover-color ?
I think the yaml gets confused by the leading --
And I have tried to put it in '--rgb-state-cover-color': '#ff0000'
That does not work either. It is ignorred
Remove the leading --
So rgb-state-binary-sensor-color: var(--rgb-amber-color)
Damn, that is a bug I think I introduced 😦 Let me have a quick look.
Getting closer. I tried 'rgb-state-cover-color': '#ff0000' now it changes but the colour goes black and not red
rgb(255,0,0)?
The documentation says you can use the '#ff0000' syntax.
If you add show_names: true to the card config you should see the legend again, but according to the coding that should not be necessary. Can you please raise a bug in the frontend repo.
Which documentation? Using "255,0,0" works for sure.
It was specifically '#ff0000' that ended up black
Thanks, show_names: true fixed, but I'll raise an issue.
just fyi I tested rgb(255,0,0) and #ff0000 earlier and they both worked
not for your specific case Kenneth, but in general
I tried the other formats and they also work. I tried again. I get black instead of red
https://www.home-assistant.io/integrations/frontend/ directly recommend the single quotes around the #ff0000 format
yes you need it, if you don't have it yaml will consider anything after the # a comment
test: #ff0000
test: '#ff0000'
i don't know css and not really sure exactly what you're trying to change the color of so I'm little to no help :L
I also tried " and still black instead of red
I concluded wrong, The problem is not the '#...' sumtax. The rgb-state-cover-color: var(--rgb-red-color) also gets black.
i'm thinking there might be another color you also have to change, but 🤷♂️
The colors are totally goofed up and ignores the CSS for a cover
CSS cache in browser
Is there a way you can redefine these few colours globally and not just in a custom theme? Otherwise I have to walk around incl my wifes phone and ipad to change theme
Thank you. I found the issue and have prepared a fix.
Works just fine for me. Tried both of these in my theme:
rgb-state-cover-color: "255, 0, 0"
Hex approach does not work, which makes sense since everything is now expecting values that CSS rgb() can handle.
@rich eagle You missed one of my posts. The problem with the black was that a previous attempt was cached in my browser. It sorted itself with a control F5
But the solution I have for getting sensible colours back for covers, binary sensors, and fans is if it is possble to redefine these no matter what theme. I hate having to use a theme for this.
Not that I am aware of (in stock HA). Overriding for example colors is exactly what themes are there for.
is there any documentation how to configure multiple tiles spanning?
I assume this screenshot is using grid or stack cards to aling the tile cards.
The Layout Card might be a good shout too.
Hi everyone.. just checking.. input_datetime helper seems to have lost its calendar picker.. anyone facing the same in 2022.12 release?
any idea how I could center the title of a grid card? so far I've seen the grid card hasn't been able to be customized too much, so not sure if this is possible
or what's a good way to get some centered text in a vertical stack card?
reference:
Thanks for letting me know about that Kenneth, just re-doing my colors now via theme
oh this is huge I had no idea I could do this
instead of using grid cards I can just use a layout card with the grid layout
@blazing wren IDK if you found your answer yet, but I've been using this card for over 2 years now. Pretty flexible
https://github.com/bokub/rgb-light-card
Can confirm the issue and I am working on a fix.
Much appreciated 👍🏼
hi all, why is it that the yaml configuration of a card is not the yaml configuration that seems to be documented? ie i'm setting up a "tile" card and want to make it a light slider which is a 'feature'. But i can't put the 'feature: ' part in the cards yaml by the looks of it, its referring to needing to change the actual config.yaml file? is there not a way of doing the changes in the 'code editor' yaml aspect of the card itself?
I am not sure I get your question. Adding this to the card YAML adds the slider, same as the visual card editor does.
features:
- type: light-brightness
hi folks. after my update to 2022.12.0, it looks like the dashboard decided to stop ordering entries. do I need to change anything to get my ordered dashboard back?
also was there something in the changelog that I missed?
Are you talking about the auto generated dashboard?
If you are, then https://github.com/home-assistant/frontend/issues/14556
yes, I was, thanks for the pointer
it's not a big deal, the rest of the family uses custom dashboards that still work as before
but I'll keep an eye on the issue
Card mod with --paper-item-icon-active-color: doesn't work anymore.
Is there a new attribute?
Is it possible to sort entries in a Glance-card? I have one with battery states, and it could be nice to have it automatically sort by value
Actually, have it populate with all batteries would be nice too
is that possible?
you need the auto entities card for that
Thats not a standard one I assume (since i didnt find it 😉
yes, you need hacs or install it manually
Hey guys. Actually i discovering some Popups with Markdown. Is theire a way to find the full data path for "{{ stats('sensor.xxx') }}?
Im trying to display the actual playing Radiostation out of Media Player. In Node Red the Full path is: data.new_state.attributes.media_title.
Hmmm, everything was fine, i rebooted and now qemu guest agent wont start hence nothing boots... im in a bootloop
is there a built in way to hide top and side bar?
Just installed the new Home Assistant update from yesterday, explored integrations using HACS, installing Mushroom but it isn't working, is it due to the core update?
Anyone know how to make the text go onto two lines inside a mushroom template card?
The word Master Bedroom is getting cutoff
so I'd like the text "bedroom" to go on a new line
Does anyone know how I could replicate something like the above 3 columns? The above is from a custom card, below I tried using entity and tile cards but they don't really work for this
I have created a couple new Zones for Work and another place, but my Glance card that shows the status of where I am at is not using that Zone. Documentation says that if a device is detected in a zone it will use that Zone name instead of default AWAY. Any ideas why this isn't updating? Does it require a restart of HA?
Nevermind....It works after a Restart of HA
stack-in-card or vertical-stack-in-card (can be set to horizontal)
anyone know if there's a service to show some text on screen? like a toast on android
I would like to hold a button and show a toast with text
hi im trying to crate a network rail card like below...could get the entites part but left to that..there is some graph like thing..any idea how to get that?
Sorry to ask a second time but does anyone know if it's possible to implement the conversation function (usually present on the header bar) elsewhere in the dashboard as I have the header bar disabled. Thanks in advance!
Anyone ever had this problem? Some icons not showing! But if I click on the entity the icon shows in the pop-up. Also, this sometime appears! This is happening on a addon icon pack!
do the new features of the tile not work on the mobile app?
or, is it just that I have it setup wrong somehow.
This new yellow color for active entity icons is ugly.
@raw egret https://github.com/thomasloven/hass-browser_mod will do that plus more 
I have a lot of zigbee sensors. I would like to implement a field for the last time the battery was changed. I could make lots of helpers and assign one to each device but is there any way to attach a date or comment field to the actual device somehow?
Thanks for the tip, works great :D
I have on little problem with it though, I'm getting this weird margin all around the things I put in it. Is there a way to remove that?
The top ones I added manually, the bottom ones via the auto-entities layout-card combination (with that weird margin)
Anyone that has set up a "TTS-card"? I want to be able, from the dashboard:
- Enter some text in a field
- Choose which google speaker to play that text on, from a list
- Press "Play" to play that text as text to speech on the chose speaker (media_player)
In my head I have an idea, with like two helpers (input_text and dropdown list) and a last button that does an action based on these helpers, but I do not know how to set it up
Coloring of icon depending on state. If std behavior is not liked, css is only option? (Like lock state, red when locked. Prefer opposite)
Did you sort the coloring out? I got door and mix of sensors with strange colors
Anyone use AccuWeather?
I am trying to make a card with the temperature outside / inside.
While AccuWeather gives a lot of temperature options, most are "real feels" and not the correct temperature outside. They have a entity that gives the temperature I want and a lot more but when I like it to any card, that sensor shows as cloudy lol. Did anyone found a solution for this ?
I feel like using real feel temperatures aren't too realistic considering it has over 2 degrees difference
I lost legends on my history graphs after update. Is it feature or a bug?
Not yet, been following some posts here about it. Seems like they added new values into the CSS
I do know that the --paper-item-icon-active-color: #b81414; no longer works for a 'boolean'.
but --paper-item-icon-color: still does
Bug that has already been fixed in 2022.12.1
odd, this channel isn't on fire
With everything that's funk'd up lol?
Ah, so it is on fire, i'll move along 🤣
Working on these trash colors now.
I wouldn't call them trash, people have wanted this granularity for years. This is the first iteration that adds the new functionality that marries colors throughout the UI. In time, this will be what people have been looking for
That Yellow Tho' 🤢
I am CSS'in my way to beauty.
I haven't actually seen the colors
I avoided the "issue" because my entire UI is custom
Lol, I got update message just now but its been out for 2 days
2022.12.1 hasn't been out for 2 days..
It's a nice bright in your face yellowish-gold
1 day, 16:50:00.147313
Dead.
that's accurate too 😉
Good morning, anyone else lose all area cards on the front end with that latest 2022.12.1 update?
How to get rid of the yellow icons?
Aloha. Cannot get calendar month view (my default) to appear on Lovelace card, so thought I would bug the community and share grief.
Thank you for your suggestion! That does help remove the border, but what card should I actually use to have the text properly showing up? When I try to use entity or tile cards the text just gets cut off like in the screenshot I sent
Nevermind, a restart fixed!
Works fine for me
I realised it’s only happening when the card is appearing in a 4 column Lovelace homepage. When it’s in a 2 column layout it works fine for me too. But my homepage is 4 columns…
What error do you get?
yeah my CLI is broken now lmao, ill come back to you, thanks 😄
@wooden stream I converted your message into a file since it's above 15 lines :+1:
Basically integrate with the values and colors color_thresholds on paste.debian.net/1263449
Yes, I think there is logic that auto-adjusts the display views based on the size, since when it is too narrow the month view will not fit.
Anyone have an alternative to https://home-assistant-lovelace-gallery.netlify.app/
seems the site is down
Any way to diable this logic? Is it generic to all cards?
ok tried something else, now i get this error after trying to add another sensor
what am i doing wrong?
you're posting pictures of text
of text
as...text
Please use a code share site to share code or logs, for example:
- http://pastie.org/ (select YAML for the language)
- https://dpaste.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.
well, this complicates things 😄
How do i go back to one state color on an entity icon?
So i made 3 sensors for total wattage. The bottom one says unavailable
when added to dashboard as entity
the namin is correct, i tripplechecked
individual sensors do read a value
you don't need to repeat - sensor: for each one
oh ok lets try that
that won't fix anything
lmao
you're not providing defaults for any of your |float operations, so if any aren't reporting numbers, the template will fail
so how do i do that?
you said:
individual sensors do read a value
I took that to mean that you already checked
yes, but when 1 lamp is off, there is no value i think
ok i tested it, if 1 lamp is off, its unavailable
this is chinese bro, ill try to understand it
yeah, im a noob 😄
thanks though
returns 1.0, if fails returns 0
{{ float('1', 0) }}
ok, so i add a 0
lets see what that does
just make them all float(0) if you want them to return 0 if the input isn't a number
I'd like to create an addon ingress. is there a UI Library i can include to have the Look and Feel match that of HA? or am i better to default to something like Bootstrap/UIKit/… ?
it breaks it 😄
i just add that between the brackets?
yes man!
IT WORKS
thank you! 🌹
Is there a card which can display a countdown of the time remaining on a timer entity?
Is there a way to change the new default domain specific entity state colors?