#frontend-archived
1 messages · Page 47 of 1
what is this weird spacing on the tile card
Is that for sections? The look & feel is a work in progress. The attempt is to try to align to standard grid sizes, so sometimes some extra padding is needed.
ahh ok
I think some redesign may have already been done for next month's release.
yeah, I hope that extra space can be removed in a future release. it was bugging me too lol
type: custom:decluttering-card
template: light
variables:
- entity: light.apollo_mtr_1_cdb314_rgb_light
- name: Apollo Light
- icon: mdi:motion-sensor
- layout: large
- action: toggle
- on-color: states.light.apollo_mtr_1_cdb314_rgb_light.hs_color
What am I doing wrong? the background color isnt working with this variable
it works if I change it to like..green or red
I've never used the decluttering card, but what you have there isn't valid
if hs_color is an attribute, you want states.light.apollo_mtr_1_cdb314_rgb_light.attributes.hs_color
but I don't know how that card works at all
yeah I tried that also
any other ideas..?
I'd like to make a card that counts how many cars pass by my house each day. I tried with Mini Graph Card, but I'm just getting NaN, I think because my camera (unifi protect) exposes it as a "switch. Any ideas on counting # of times the switch changed per day?
type: custom:mini-graph-card
entities:
- entity: switch.front_detections_vehicle
group_by: date
show:
graph: bar
@drowsy void I converted your message into a file since it's above 15 lines :+1:
Anyone understand this and can lower it from the top?
@drowsy void I converted your message into a file since it's above 15 lines :+1:
How do you put your script in a box like that?
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks.
```yaml
example: here
```
Don't forget you can edit your post rather than repeatedly posting the same thing.
I tried to delete the first post, but it didn’t let, can’t edit it either. Because the Home Assistant app deleted my post and posted it on my behalf.
@drowsy void I converted your message into a file since it's above 15 lines :+1:
Guess we can’t share code above 15 lines even with that method. 🤦♂️
Please use a code share site to share code or logs, for example:
- https://dpaste.org/ (select YAML for the language, and consider picking a longer expiry)
- http://pastie.org/ (select YAML for the language)
- https://paste.debian.net/ (you guessed it, select YAML as the language)
Please don't use Pastebin, since it can randomly add spaces to the main view. Please also don't share text as images since it makes it harder for people to help you. Remember that others may have colour blindness, impaired vision, etc.
hey guys , can be add image inside a card like image inside fluid level background card?
Help with decluttering card
You have been an active member here for nearly four years. We should not have to keep telling you this.
so I used to use this icon: | [[[ if (entity.state == 'off') return "phu:camera-nomotion" if (entity.state == 'on') return "phu:camera-car" ]]] in a card, but I want different icons based on different entity states and need a refresh of code to use 😦
ok doh, figured it out icon: | [[[ if ( states["binary_sensor.driveway_camera_vehicle"].state == 'on') return "phu:camera-car"; if ( states["binary_sensor.driveway_camera_person"].state == 'on') return "phu:camera-person"; if ( states["binary_sensor.driveway_camera_pet"].state == 'on') return "phu:camera-pet"; else return 'phu:camera-nomotion'; ]]]
hey guys , can be add image inside a card like image inside fluid level background card?
Hello! Can anybody point me to a snippet (anything) where I can copy the logic that allows pressing a button in the lovelace ui and a conditional card showing entities related to that button?
Practical example: buttons for lights, switches - and conditional cards that show boxes with lights or switches
I haven’t been an active member, because most of the time I’ve asked for help I haven’t been getting it so I haven’t been doing much projects relating to discord help…
See, even what I asked got overlooked because apparently the way I asked was more important. 🤦♂️
Sometimes the way people are complaining is more important than the way they are asking
Hello all.
I have go2RTC working with all the streams
I am trying to get WebRTC to display the streams but I get the error Custom element not found: webrtc-camera
Not even sure what that means, but it didn’t help with anything. 🤷♂️
I am just using Cusomtom Card. Should I be using something different?
Have you reloaded the browser cache?
On Windows that is usually Ctrl + F5
Whenever you install or update custom cards, it is a good idea to refresh the browser cache by hand.
roger that
Thank you
How about a way to set it so it displays properly on mobile vs desktop? Or is that a wild ask?
What do you mean? I'm using it with basic settings for both. Just to reduce the loading time.
So on mobile when I rotate and go full screen it crashes the stream
It does not for me 🤔
Yeah it crashes right to default overview. Hmmmm
I'd start with the basic settings and add additional options later.
flex-horseshoe-card still dont work?
Hello
I've tested it and you're right. Sorry I took so long to continue
It works for button card, but not for flex-horseshoe-card, for instance.
I'm going to check declutering car next
thanks once again
Decluttering works for me on all so far.
I bet it will work for me too 👌
Naro, the reason people and the bot keep insisting you use something like dpaste is because:
- it's literally easier for people to read
- it preserves all the YAML formatting if you do it correctly, so it's easier to track if there is an issue with tabs or spaces.
dpaste is '''?
Also, why is it that developers are able to make HA, but can’t integrate Discord, Github, and HA Forum into HA in a way where we can share scripts without worry?
For example in HA we will past in a script, get a link or whatever and share that; or it can happen automatically…
Because different developers have different goals with the software they are developing for.
That would be a no no no one would help no one it would end up being abused
If you're sharing code on this discord server you should always always use something like dpaste to share. Don't post code directly here to any of the channels.
Ya, but HA developers should include this into HA as it would get rid of such issues and make problem solving, reporting, and helping each other easier.
Why wouldn’t they help? And why would it be abused?
If done right it could help a lot.
Naro, create a feature request for it if you feel strongly about this https://community.home-assistant.io/c/feature-requests/13
Any way I can bookmark https://dpaste.org/ within discord so it is easier to find it?
not that I know of. I have a bookmark for it in my browser, right next to my saved link to HA.
Maybe we can have one of the tabs be dedicated to such links so everyone can find them easily?
HA forum link, GitHub link, dpaste link, past image link…
One of the channels you mean?
Links
Well, like all the other tabs on the side; like an intro tab or something like that.
Don’t see a dpaste link in it
And in the topic or pinned messages of many channels
Discussion regarding the UI and configuration (https://www.home-assistant.io/lovelace). The Resources section of the UI is hidden unless you have Advanced Mode enabled in your user profile.
Please use https://www.codepile.net/ or https://paste.debian.net/ to share code or logs
Was about to say the same thing. I was pretty sure I have seen links to code snippet sites on many channels
If you won't even check the topic or pinned messages, how would a channel help?
if you click the message right in front of where it says "#frontend-archived" above this chat, it talks about links to use to share code..
Because it needs to be direct, so people don’t look through many messages rather they go get the link and use it directly. Faster and easier…
That still requires reading
The point is, you have the capability to identify and save important links related to HA in your browser if the pinned links aren't working for you.
I think we could update the topic message here though to reference dpaste?
Oh I think you mean channel description right?
It says “Please use https://www.codepile.net/ or https:// paste.debian.net/ to share code or logs”?
Not sure how those differ from dpaste
You mean the topic that mentions it already?
They're all code share sites
Doesn't matter which you use, just that you use one
So, how do I solve the problem I have that I wrote in here to begin with..? 🤦♂️
@drowsy void I converted your message into a file since it's above 15 lines :+1:
DUUUUUUUUUUUUUUUUUDE
Dpaste not working..? 🤷♂️
To be fair, it's been more than 5 minutes that we talked about that
Ok, figured out dpaste, now can someone look at it and tell me how to move it down a bit?
What do you mean by "move it down a bit"?
Well, if you put the code into a dashboard card you will see that the bars within it are too high, touching the edge of the card. So I want to add more space in between the card and the bar
I'll do this with the revamp to make things clearer.
@drowsy void Please keep this channel related to frontend stuff - you can bring up server related feedback in #general-archived. 🙂
Remove the height option
But I want the bars to be thin…
There are some real nice examples in the documentation
Does it allow to make the bar 10px and perhaps attach it under other cards without gaps?
You can place the bar card inside a button card if you want. And size you can read about in the documentation
I’d like each bar to be under each device, but if I can’t get that I’ll have them all in one card listed; however when I tried that it got attached to the top edge.
If you remove the entity_row option is jumps a bit down, defining a width also seems to rearrange it
Yes, but removing entity row or making it false makes the bars shorter at the ends.
Any solution to what I’m trying to do, perhaps with another card?
Perhaps
Is this what you are looking for? https://youtu.be/_aoO5CdymaE?si=erPSHdR6T1GKYih6
You can probably combine that and a auto entity card and create some awesome stuff
Oh I think they moved it into another card
https://github.com/thomasloven/lovelace-layout-card
Kinda; I originally wanted to have the bar attached at the bottom edge of a card. For example I can have motion detector showing if there is motion or not, and at the bottom of that card it will show the battery life of the detector.
It would also be nice to know how we can get rid of gaps to bring cards closer to each other for specific cases.
Have a look at the tutorial and see if it suits your needs. It can be modified in many ways when it's based on a button card
Does it show how to get rid of gaps for example at the bottom of the card?
That way the next card following it underneath won’t be too far away from the top card.
Also, any way to make the bar edge to edge of the card?
Probably not, but it's a custom button card with a bar Inside. The tutorial shows you many ways of editing and placing stuff. Then experiment with it and see if you can get the results you want.
I'm out of time. Have a wonderful day 🙂
I got the one I made to hide the icon in front but wasn’t able to get the bar to start from the front.
But it would be better if we can find a way to get it edge to edge under a card like a card shadow that shows battery life.
No need to bump. Please format that first before expecting/demanding help
Seeing all of your questions makes me wonder if you searched the community seriously at all. All answers are there, please give it some effort
I’ve been searching for a solution to the bar issue for a while now…
Wasn’t able to find clear instructions on how to make the bar thin, edge to edge, with or without gaps…
And I found a way to make it thin and just learned how I can add a gap to cards, but not how to remove gaps or extend it edge to edge yet. 🤷♂️
Why is fully kiosk so zoomed in?
Wallpanel shows my dashboard just fine, while fully has that weird zoom
you tell us.... 😉 how can we help if nothing else but the vid is shown. Maybe try some minimal config and share that?
I guess I'm a little confused about history stats. I'm trying to create a bar chart that is "Number of cars that pass my house each day". This should come from my front cameras vehicle detection binary_sensor. That sensor has a history I can see. I tried to create a statistic like this, but I'm unsure how to turn it into a bar-chart. The statistic shows the count of 1180, so the history is there.
sensor:
- platform: history_stats
name: Number Of Cars Passed By House
entity_id: binary_sensor.front_vehicle_detected
state: "on"
type: count
start: "{{ 0 }}"
end: "{{ now() }}"
what does the history in the more-info of the entity look like?
I think its just a card issue actually, i'm trying apex-charts now, and it looks like that might solve it.
also, showing there does not perse mean its recorded, as the history is also live updated there
acutally it doesn't seem to have resolved it sorry, i was tricked by their random number generator lol
The custom sensor shows no history
well there you have it.... no history.
The actual sensor though has history
on/off history going back since inception, thats what I thought I could leverage
did you set any filters for history or recorder?
I don't think so, I'm not sure how to do that.
ok, that would mean you have all entities included? can you see any numeric history on another entity?
i'm sorry for being dense, the last screenshot was just the 'history' of binary_sensor.front_vehicle_detected. I don't believe there's any other entity that has a numeric value
I didn't think it was a config issue, as wallpanel renders the page ok, that's why I didn't share it
But apparently opera renders the same as fully kiosk
All i'm doing differently from a normal dashboard is using a grid view type
uhm, I mean just any other numeric entity (just to check if they do show history
I was thinking there'd be a way to "SELECT COUNT(sensor.front_vehicle_detected) BY DATE() WHERE sensor_front_vehicle_detected=On") or somethign similar
if posting configs, please do so in Yaml, and not screenshots
You have defined four columns but five vertical areas. Add another 20% on the first row. 20*4 = 80, not 100
*im on backup power and can't turn on my pc, sorry for the inconvenience
if your sensor is alright, numeric, and of the correct state_class, it should show up and have historic values recorded
no need to use SQL searches
Oh that was obvious, can't beleive it slipped
However it did nothing. It still has that zoom in effect
like this statistics helper
and if that is alright, you can use it in a mini-graph or what ever graph card you like, on the premise the entity is recorded in recorder/history
well there you go 😉 it was a config user error, and we could only know after posting the config. never assume....
might need a clear cache
So i guess the issue is that the stat isn't numeric? it was just a binary_sensor. I thought history statistics was a way to turn that binary_sensor into a numeric number.. But then i guess the history_statistics number doesn't in and of itself have a history. So this may work going forward, but not going back?
well, if you just made that statistic sensor, yes, it will not go back. How could it?
Didn't help either
What did help is setting opera in desktop mode...looks about the same as wallpanel
But i doubt fully kiosk has desktop mode
and stat should be numeric, the source entity isnt, but that history statistics integration makes the numeric sensor entity
by reading the historical data of the source.
but i understand what you're saying -- it doesn't work like that
nope 😉 for the future, just check if it changes (it already shows a history panel in the more-info, meaning it should be fine.... or at least of the correct state_class)
It does change, thank you
note that you need to add the hours_to_show probably```
type: custom:mini-graph-card
entities:
- entity: sensor.oprit_detecties
group_by: date
hours_to_show: 96
show:
graph: bar
and if you dont add the group_by, it will do this
btw, core only```
chart_type: bar
period: day
type: statistics-graph
entities:
- sensor.oprit_detecties
stat_types: - mean``` does this, so not that bad either
funny we need to set core card to show 3 days for showing 4..... here's a 1-1 comparison
I am trying to access local media. I click media in left menu and I get a media sources page with 4 icons, I select My media and inside I have Bob.jpg. What is the local path or url to this image from picture card? It is NOT /media/Bob.jpg FYI, I have no special folders set for media in configuration.yaml or have created folders... this is straight out of the UI
Unfortunately I don't think using media really works well for dashboard elements.
I think it can only be accessed with authenticated token in the URL, so the URL is tied to your login session, and as soon as that session is logged out the path will break.
Kind of weird. It seems like that would be the most effective way to display a picture. Just upload in the UI, put an image into the (supplied) media folder, and bam!
If you open the image in media and click copy source path, you can get apath which looks like the following, but the authsig is only good for the current logged in session:
http://192.168.1.31:8123/api/image_proxy_stream/image.qr_code?authSig=xxxxxxxxxxxxxxxxxxxxx
Yeah it's just two separate systems that AFAIK never really got designed to work together. You can however just upload your image in the dashboard itself, and that will work.
I tried that and it kept breaking.
the upload in picture card didn't work?
IIRC it uploads under /config/image
Do you know offhand if I can just throw an image in there with Samba or similar and then access it?
Not in that folder, but you can put it under /www/
https://www.home-assistant.io/integrations/http/#hosting-files
Awesome, thanks. At least I am heading in some direction.
I'd like to have a snapshot from a webcam displayed in a card on a dashboard which updates every minute or so, but have it refresh immediately in response to a given MQTT message - can anyone suggest an approach for this?
Is there a way to change the height from a custom swipe card?
The swipe card changes height based on what's inside the swipe? I might be wrong
I see but the standard HVAC controls are like a little bit bigger so they "fit" in. When I add the same HVAC controls into the custom wipe card it jast makes them a tad smaller.
Hi all! How would you suggest I make a custom button card counting the days since last system boot?
How do I convert this state to number of days instead?
Someone could probably give you a better answer, but in the meantime: I'd create a template sensor from that sensor to output what you'd like, maybe you need some regex to extract the values you need to compare it to current time (strftime).
But also, not sure about the terminology here, but sometimes the state that you see in dev tools and the friendly output are two different things. Have you checked that first? 🙂
thanks for your reply. Yes this is the output in a button card.
I have a garbage counter template, counting to a calendar event. But not sure how I would do with this entity as there is no calendar 🙂
Check PM, I sent there as I'm not sure if it still works, copy pasted from my phone. I can give a better example when I get back home 🙂
Why would you PM him and not post here so more people can use it?
Because im not sure if it still works... And I'm not able to test it, as I'm on my phone. But I remember now that there is a YouTube video from a guy that makes something similar just in time. 2 sec
This guy has made a example
"not that guy again".... haha thanks though!
I would think it would be as easy as {{ (now() - states('sensor.yoursensor') / 86400) }}, but not able to test it now. Maybe you need to convert it to a unix timestamp, there's some way to do it that I don't remember
maybe just wrap it in timestamp()
| as_timestamp filter
Is there a way to create a Sensor whichs indreases like 1 per day until I press the Sensor? F.e. tracking of last time I changed the sheets
Ask in #automations-archived (Yes, this is possible)
Thanks, still cant get used with this Discord lol
lol don't get too used to it... changes are coming soon
Like soon soon or Blizzard soon™️

Hello! I'm pretty bad at UI design. I've got a dashboard that lists all of my sensor, so I can have an overview of all of them. The dashboard is packed. I have seen on reddit mostly, but now I can't find them, people that created sort of buttons in the UI that when pressed they show the related entities.
You press the "switch" button and you see a card with all the switches.
I replicated that using input_booleans.<entity> that when 'on' a conditional card shows up. And automation that when a boolean is 'on' the others go 'off'
It works. But it's meh / ugly.
Can anybody point me to a repo / snippet or anything that I can use to make this nicer?
@sand aurora I converted your message into a file since it's above 15 lines :+1:
@sand aurora you need card mod to modify colors
the only card that supports style is picture-elements
two channels only, one for you and one for Tinkerer, for people to blizzard their questions?
Thanks, I got it
Now I have like the next big think to ask haha.
I have used like my climate card in rectangular shapre, now I have space on the upper right corner and would love to integrate the current wattage from a sensor - is this possible?
Something like that (paint)
can someboady help me install room card from starting
https://community-assets.home-assistant.io/original/4X/3/e/c/3ec2cda41d87f91c3f35a1ab8c27cce49b5e03c9.png
looking to do something like this
did you have a look at custom:fold-entity-row? I use that all over to organize my stuff https://github.com/thomasloven/lovelace-fold-entity-row
the other thing I do is use subview views. I dont like to use 'popup cards' because for me they are confusing on mobile. Thats why I use a lot of subviews, which I navigate to via a series of buttons in a grid of 8.
and i did not
i was curious if there like an example of a room card like that where i can just edit and use my devices
did you search the community thread on the Minimalist?
yes that i did i tried alot of different things
and heres a link in another thread you should have a look at https://community.home-assistant.io/t/mushroom-inspiration/484525/48?u=mariusthvdb, it popped up when looking for Minimalist Room card 😉
i folowed this
that says it all, you should install custom auto-entities. Look it up in HACS
I'm sorry, I hadnt understood you needed help with the installation, I figured the Room card itself
i thougt those gets install automatilly with UI lovelace
If you want just the Room Card but not actually run a Minimalist dashboard then you need to copy then template. Follow these instruction for configuration templates for the custom:button-card which is the underlying card Minimalist uses.
Probably just a caching issue as the installer should have added everything. @split lynx Refresh your browser and/or clear the cache.
i tried that i resetarted HA but i feel like its not installing correcting
let me backout here, I have 0 experience with that and do everything with button-card directly. Guess my No, was only when using the manual install....
It is not an issue with HA. It is more than likely with the browser on your laptop, PC, tablet, phone, whatever. But, it won't hurt anything to try re-installing. Just be sure to refresh your browser and/or clear cache again afterwards. If it still doesn't work, then you'll need to check if the Resources are loaded. Personally, I recommend going with the "copying the template" method. (Minimalist becomes difficult when you want to make modifications/tweaks. If you handle the templates yourself, then it is a bit easier.)
I'm experimenting with swipe-card, I somehow got the logic working but the rendering of the cards is ugly.. I can use card-mod of course but designing UI is my weakest part.. I'll have a look at that project! I saw it in Hacs but never used.
Same for the subviews. I saw them ... but don't know how to use them. My approach has always been 1 dashboard with 1 view and things inside
hello guys, probably this is something stupid i am not seeing but how can i make 1 card goes below the other card instead of one next to the other?
put them in a vertical-stack card if you want them always that way
so i need to combine them then?
If you don't want masonry layout to tile your cards, you need to put them in explicit stacks
should just be a few clicks of cut/paste
oh ok so i need to put them inside another card like this? that is the only way then
thanks
I get this, one channel with just all the links, I defo get this idea (say top channel) Helpful links and tips, then just add lines to post code please use one of these links, to do this please see this link. It could cut a lot of time wasting out of poeple posting to use dpaste or anything else for that matter.
this does work but its not been updated (for example dpaste) also needs a friendlier name too, hence why I think a separate channel may be a good idea , just saying I have read that channel before (but I have hastebin bookmarked in my browser) new people coming in wont and lets be real.. how many people actually read terms and conditions these days, they just sign there rights away with digital content.
So rules and welcome for the rules and welcome and useful links for Links
We have server changes coming soon and I'm pretty certain that channel is due for a refresh as well (cc: @sinful ridge)
What is this, Groundhog Day?
probably 😉 ¯_(ツ)_/¯
I addressed this yesterday. 🙂
I dont agree with allowing people to post code from their home assistant direct though channels will end up full of code🤣
oops sorry 😛
If you look at your alarm clock, you can hear the song Sonny and Cher - I Got You Babe
I was in the Virgin Islands once. I met a girl. We ate lobster, drank piña coladas. At sunset, we made love like sea otters. That was a pretty good day. Why couldn't I get that day over, and over, and over...
Time manipulation would be something for #automations-archived
I would cry, probably, because I'd already know I was in hell.
dont tempt fate you might get people replying i got you babe to every post... (not me though) just saying
Time for a server sticker that is just the clock from the movie flashing at you when someone asks a question someone else asked the day before.

ha ha ha, no that would be good 😛
And the left side of this https://www.home-assistant.io/docs/
I dont need that, I was just thinking about the new people, I basically used to be on here all the time asking for help in the begining. Last time few times I posted here for help, in general I figured it out myself in 5 minutes then felt guilty for posting lol 😛
Members of the forum made the cookbook EXACTLY for that reason. Send there there, we will help them.
I get it, some dont, all I do is make icons for a hacs repo and I bang my head on the wall that people cant follow simple instructions on how to make a request. let alone what happens on here :P... what happens in discord stays in discord. (maybe a link to cookbook can be added to rules and welcome).
That's Missy's call, but for now this is available.
nooo im going to miss the dashboard livestream for a dentist appointment 💀
Can't you place your mobile on the dentist's tray?
i should
My dentist has a TV with a chromecast on it above each of the chairs. I'd cast the livestream 😉
That was yesterday?!?
Time is meaningless.
A big ball of wibbly wobbly, timey wimey stuff
I be it may even be posible for people to just drop their code directly into the channel then have the channel convert it into a link or do a copy text link and post it into the channel they want. 🤔
I even thought of creating a dedicated dashboard within HA for this kinda stuff, but when I tried to add websites within HA it used iframes and apparently most websites don’t allow that. It would have also made things much easier and faster.
There is also the movie Palm Springs, kinda similar to Groundhog Day.
Looking forward to Dashboards Chapter 2 😀
What have you already tried to solve/debug the problem?
for now nothing because i dont know what to do to fixit
Well you should start by trying to figure out what is happening, and how. Logs for the entities will tell you if they're being called or not.
no, that's a picture
?
?
@wooden fjord I converted your message into a file since it's above 15 lines :+1:
use that to post your code, don't just post it here as a chat, you lose formatting and it's hard to read.
thanks. Next time make sure you select "YAML" as the code type, but this is better than the image.
Have you looked at the logs as you try interacting with the floorplan as Rosemary Orchard suggested?
where can i found it
When you click the button, you go into the left main menu. There is a log there. push that and check if your entity is there.
I would maybe also just add a simple button-card or a tile card, with the same entity.. and check if that works 🙂
the problem is the code, not the entity
well.. did you check the log after clicking on the button?
if i add a normal button card with the entity it goes, in the floorplan no
I'm having an issue assigning a new device_tracker to my person. I don't think it's actually updating. There's an incorrect one that appears to be assigned, so I update it to the correct one, then click on my person badge on my dashboard. It shows data from the incorrect device_tracker.
The incorrect device_tracker shows updated 6 hours ago, the correct one shows updated 14 minutes ago
Well I may have fixed it, but I'll have to test when I leave here soon. I guess when you assign a new device_tracker to a person, it doesn't update the person's history with the location history of that device_tracker.
I guess, you wanted #integrations-archived for the device_trackers
look in your code.. and check that all your tap_actions are correct 🙂.
If the card is not working, its most likely because you have set tap_action to "none". Then you give the card a command to do nothing.. so your code works as you have designed it 🙂
When something is not working, you always want to backtrack your steps. I am a professional "woopsi" , as I'm usually typing stuff the wrong way 🙂 and I think of stuff to add, but I forget.. and when I'm done with the card, it does not work.. and then I remember that my thoughts for some reason does not enter my code automatically... <-- story of my life 🙂
My home assistant keeps going into a mobile mode where both the left and top navigation disappears. I thought it was a dashboard configuration but I created a new dashboard and it does the same thing. Any ideas how to stop it from doing that?
Essentially kiosk mode when the screen is smaller than 768px.
I had kiosk mode installed via HACS and uninstalled it.. it persisted.
I reinstalled kiosk mode and even have a toggle. The toggle works with screens greater than 768px but the second I shrink, it gets overwritten.
I do not believe it's kiosk mode because I also appended the url to disable kiosk mode.
Are you using a custom theme or something?
There is a way to remove sidebar with some code within the theame.yaml that acts like kiosk mode does
Ah, I never thought of that. I'll check the theme.
I'm using noctis theme.
Ahh, I think you're right. Thanks for pointing me in the right direction!
How can I cause a dashboard to be permanently "zoomed in"? Would this be something that could be done with a theme?
I think this can be done using the zoom css property, but I don't know how to apply it to an entire dashboard.
Where are dashboard config files stored? When I try to edit them, they just show a blank screen.
clear your cache and refresh the page
the files themselves are json in a hidden folder
can you put sensor state in the name for bubble cards?
howd you do the floorplan?
sometimes when I load home assistant in browser it bugs out like this.
Is there way to prevent/fix this?
I'm not sure if this might point you in the right direction, but one of SmartHomeSolver's videos showed a dashboard that had some "inline" JavaScript that would automatically scroll the dashboard back to the top (using window.scroll) after a timeout if it was not at the top. (I tried it and it did work, but I noticed a bug that once the JS scrolled the window, the user would not be able to scroll until after a reload/refresh. #frontend-archived message ) Maybe something like this could "inject" the zoom level.
The BEST Dashboard I’ve EVER Seen! Smart Home Tour (timestamped to 9:05 for the scroll demo)
To find the code, scroll through until all the comments are displayed. Then, find scroll.
@nils5856 3 months ago
how do you make the auto scroll to the top
[at]dandixonus posted a reply with the sample code.
<script>
function toggleZoomScreen() {
document.body.style.zoom = "80%";
}
</script>```
This code found at [Changing the browser zoom level](<https://stackoverflow.com/questions/1055336/changing-the-browser-zoom-level>) looks promising.
Thanks, maybe I'll give this a shot. I just would've thought there would be a way to do this with css
guess it's related to this, if you're using a firefox clone or old version of firefox
https://github.com/home-assistant/frontend/issues/17182
excuse me for probably asking this for the 10th time, but jinja and js is apparently not my thing. I've been looking at your examples @tribal galleon and comparing to other things but still cannot get it right.
How do I round the value of this sensor?
label: '[[[ return states[variables.ent1].state ]]]'
variables:
ent1: sensor.synologynas_volume_1_used_space
here is from the example but cannot figure out how to replace those numbers with my sensor haha
type: custom:button-card
name: "[[[ return parseFloat(123.456).toFixed(1) ]]]"
states[variables.ent1].state is a string representation of the state.
parseFloat(states[variables.ent1].state) gives you a floating point conversion of that state string
parseFloat(states[variables.ent1].state).toFixed(1) rounds that floating point to 1 decimal point.
thank you!
I need fun dashboard ideas. Show me your dashboard plz.
Here's mine, I have a whole dashboard for lighting/cameras/pool/music/thermostats, so would really just want some fun stats/glances on the front page. What else would you want to see at a glance?
Hello,
I know i have messed up "somewhere" but googeling this isnt helping and at this point i am just to "anoyed" to let it go so i thought i would ask 🙂
Clicking the button "Add Card" in the UI will only give me a empty list.
( By Entity works. And other Dashboards work, but of course not my main one ) Anyone got an idea where the settings for the list of "Cards" is located?
first, did you try refresh cache....? (btrw what did you do to mess up that ;=) )
LOL! If i know what i did to mess up i think i would have solved it by now 😄
Yea it isnt a cache issue.
So if i create a new dashboard ( not tab but dashboard ) it works.
But in my "main" one it dosent.
So my thinking is that where the list of avalible "cards" is broken, so i am trying to find that.
what is showing in the Inspector? any errors there
(mouse right click, select Inspect )
Yea no. Inspetor and Console all show no errors ( related to the cards ) same with Network, no 4xx or 5xx codes
Yea this isnt a new issues. But the engieer in me cant just call it quites and start over so. trying to find the root cause 🙂
hehe well, the engineer should remember what he did and be able to undo what he did.....
Yea that is effing true 😄 But it helps if he isnt making changes shit faced 😄
I suspect either something with themes or a console error.
Your search bar is also missing.
Oh that is true. Missed that. The theme setting on the other dashboards is the same but not with the same error
I'm looking for help on how to track down a problem in lovelace where one of the home users cannot view some of the lovelace page URL's. I have checked the permissions on each page on the visibility tab and the user is checked for access. But when the user tries to click a link to get to the url, it seems to take them to the page for an instant and them return them to the home page. They can access most lovelace URL's but a few exibit this problem. I also checked in YAML view and the permissions in yaml seem to lineup with what the UI is saying. I have tried clearing cache, removing and installing app, tried from desktop and mobile with same issue. also tried a new phone, same thing. It seems tied to the users login. Any ideas?
edit - I just noticed that some of the lovelace pages do no seem to have a visibility section when I look in yaml, not sure if that makes a difference or if it only adds the a visibility section if its modified? Maybe I should delete the visibility section from yaml?
If there's no visibility key in yaml, it's globally visible to everyone.
You're free to delete visibility key if you don't want to restrict it.
quick question... Is there a maximum number of sections in a sections dashboard?
Boss Level 2020
When will we have multi section sections? 😇
You might want to be a bit more careful with your metaphors https://www.vox.com/2014/4/24/5640890/otters-rape-baby-seals-monsters-bad
Regarding the Card Grid topic, the horizontal settings (the width) should be considered differently: instead of setting a number of columns, a divisor of the total width should be adjustable. To display cards side by side, you want to display one, two, three, or even four cards next to each other. So you want to set 1/1, ½, ⅓, or ¼. This way, three columns would also be possible.
I have a water tank connected to a sensor that measures the water level in it. How can I add an image of a tank instead of an image of an element card?
Upload your image to your www folder, and add it to the picture element card
thanks
Can anyone help me with some conditional states? I am sure I have done it right, but I am getting some very odd results. I have 2 shadows. and depending on the state value 0 or more than 1 ( I can't get >1 to work in the value but that's a different issue, any suggestions as to how to input that, would be welcome). Now the odd part, If I open a door, the state value changes, but the Shadow doesn't. However, if I then delete the value 1 and re-enter it in the same place, then suddenly it realises it needs to change and the shadows swap over. Like wise, when I close the door, the shadow doesn't change, but I delete the ) and re-enter it, then suddenly it updates. I feel I must have missed off something, but can't think what. https://dpaste.org/pXeND
You should try to build it from scratch. There are many things there that are not needed and many are wrong . One example is all the variables. Those variables is used in the circle card https://github.com/BerrisNO/HA-Custom-Cards . You don't need those variables for what you are doing 🙂
That should be a "stock" card if you installed the theme correctly.
https://ui-lovelace-minimalist.github.io/UI/setup/installation/
my home assistant is connected to rademacher, its just a smart home box that can control devices. if i trigger a device on my home assistant it turns on in like 0.1 s but the app takes ca. 1-3 seconds to update the display state. is that normal or can i increase a scan interval somewhere ?
Hi, I have a sensor (NOAA Tide times) that provides two attributes- next low tide, and next high tide. I'd like to display these on a dashboard, but have the order be set in the order of whichever one is 'next', not a staticly-set order (which is all I can acomplish at the moment). Any suggestions on how to time-based order entities on a card? Or use a different style card?
Solved lol. Turned out I had renamed the dashboard at some point and moved a test version to Overview and for some reason a few of the view link paths did not update.
Hello, I use a Nest thermostat integrated into Home Assistant. I asked which thermostat do you use with the functionality of a Nest thermostat? I now use the dark thermostat card, but it does not have all the functionalities of the Nest thermostat.
Hello, I use a Nest thermostat
@vast crane Is this something can easily be changed by someone or does it need a PR? Looks like it just needs to be changed from yaml "full": "Test if {count} {count, plural,\n one {condition match}\n other {conditions matches}\n}"toyaml "full": "Test if {count} {count, plural,\n one {condition matches}\n other {conditions match}\n}"
@zealous heart I converted your message into a file since it's above 15 lines :+1:
I hate this bot ..
Hello,
I need assistance with hiding chips based on certain conditions. Each chip redirects to a subview where quick actions can be performed on various entities. However, I want to hide the chips if there are no relevant actions available in the view.
Here's how the view displays elements using auto-entities:
card:
type: entities
title: Doors & windows opened
filter:
include:
- entity_id: binary_sensor.*_contact
state: 'on'
options: {}
- entity_id: sensor.garage_door_garage_door_status
state: open
options: {}```
Could you help me figure out how to hide these chips when there are no active entities to display?
I use custom:mushroom-chips-card with redirection to subview
@celest karma I converted your message into a file since it's above 15 lines :+1:
Looks like you need to use the "show_empty: false" option. It's documented here https://github.com/thomasloven/lovelace-auto-entities
@zealous heart
Yes but I want to hide the muschroom chips card redirecting to this subview with the auto entities card. So I can’t use this option in my case.
I know but I ll have to add condition for every lamp, update it when update my lamp. Do the same for every door and windows and the same for every battery powered device. It means hundred of conditions and a low maintainability.
I need to figure out how to do “auto entities condition” on chips. But maybe mushrooms card don’t allow that and I ll need to develop my own cards 😦
I'm unable to pull up sabnzbd or unraid in the webpage dashboard because those services likely have some kind of security protocol that prevents them from being accessed via an iframe. Is there a (safe) way for me to change a config within either service so that this type of access is permissible?
Greetings, I am trying to setup a login for a new user eg. default dashboard, remove unnecessary dashboards from sidebar. THe settings don't stick when I log out. What am I doing wrong? or is this desired behavour?
I log in as the user and cusatomise the UI as them.
iframetester is useful for seeing if a webpage can be iframed. There's some basic info at the bottom talking about the what and how it can be allowed/denied. I think you need to figure out how to set the X-Frame-Options in the configuration of the HTTP server. I wanna say Unraid uses nginx so /etc/nginx/sites-available/default but I'm not sure if you're able to make changes to it. I looked at this page for a bit more info:
https://stackoverflow.com/questions/47405597/x-frame-options-in-nginx-to-allow-all-domains. Unfortunately, that's about the extent of what I know about this.
Hello everyone! I am certain that I've seen somewhere a card having both the thermostat and the AC on it. Basically two sliders left and right and a few options below them. That's using the thermostat card.
I have my AC in the bedroom and I'd love to not be forced to use 2 cards but after reading for a couple of days, I'm still empty. I found Dual Thermostat and Better Thermostat but none are actually doing things simple enough. Any ideas? There are the 2 cards I want united
Any way to start a timer countdown based on set duration?
https://dpaste.org/QLsU5
Perhaps include the custom:timer-bar-card?
Help please - Browser Memory is eaten up by Entities table
Clickpath in frontend: Settings => Devices & Services
Integrations are shown ok
Devices are shown ok.
When selecting the Entities tab, entities are shown after quite some time or not all.
Windows task manager reports an drastically increasing CPU usage and an even more increasing memory usage until all memory is used by the browser.
Switching back to the Devices tab, memory and CPU usage decrease again until reaching the level before.
I tried Firefox, Chrome and Edge on Windows 10 and Windows 11.
I m trying to add condition like these on my mushroom chip but it doesn't work. Any idea what is wrong ?
conditions:
- condition: template
value_template: >
{{ states.binary_sensor | selectattr('entity_id', 'match',
'binary_sensor.*_contact') | selectattr('state', 'eq', 'on') | list |
length > 0 or is_state('sensor.garage_door_garage_door_status',
'open') }}
chip:
type: template
tap_action:
action: navigate
navigation_path: /lovelace/doors-open
icon: mdi:door-open
content: ''```
Same for the lights, can't make the condition work :
conditions:
- condition: template
value_template: >
{{ states.light | selectattr('state', 'eq', 'on') | list | length > 0 }}
chip:
type: template
tap_action:
action: navigate
navigation_path: /lovelace/lights-on
icon: mdi:lightbulb
content: ''```
To make them visible?
Horizontal or vertical stack..?
Doesn’t really matter. I want them to be a single card. If I can arrange this, then I suppose I can stack them however fits right
Yes I want to show/ hide the chips card based on condition but generic one (any light on, any door open, .. . Because the chips are redirection button to a subview where I can see all open light/ open doors/ ...
So why not use the stack card..?
Making them visible based on state is simple…
Something like this
visibility:
- condition: state
entity: #your.entity
state: 'on'
Anyone know if the custom:timer-bar-card is working?
Can’t get it to show anything.
is it possible to do something light this : entity: states.light ?
I don't want add 80 conditions for my 80 light
These isue will be the same for my door/windows open chip card, battery low chip card
I can do it using hundreds of condition but it's not efficient
You can group lights together them used the grouped entity
You can also make and/or gates as conditions.
Another option is to list all the entities, then give it to AI to write the code for you in the formate you want.
Any ideas how to solve my issues?
I have one working fine in my cards
So this custom card is working at least in my case
I put this code and it didn’t show anything
type: custom:timer-bar-card
entities:
- counter.light_timer
layout: full_row
text_width: 0px
Can I see your code and compare it to mine?
ok, but just take note that this card is in a button card
As long as it shows. 🤷♂️
Super long. 🤯
yup ^^' my only use of this card
it control my garage door + add few options but I got it with the help of @tribal galleon
Tried using the last one and it said
Error: If you don't pass an entity, you must specify 2 time/duration properties
Can you try putting in a simple code like this and see if it works?
normal, it call a script with 2 mandatory parameter
to open/ close the door, also the timer is setup to some duration regarding the option choosen
it's a very specific card to match my needs
Can you try this one and see what is wrong in it?
https://dpaste.org/HQJmY
Got it from here
https://youtu.be/tK-A-7crDqQ
oh I also follow his video, got few card from him
never tried this one
I guess you need to create few helper entities ?
I think I am not explaining this correctly. I don’t want two cards shown in the same stack. I want the 2 entities, thermostat and AC to be one single card with 2 sliders on it
a tips to get his code from his video, just take a screenshot and ask gpt to convert it as code, make me save a lot of time
Did it work for you?
not yet
If you got a snapshot what you convert..?
I got snapshot as well then changed entities.
If they are in a single stack card, isn’t that a single card..? 🤷♂️
This image looks like they’re in a stack card.
duno but it work with rendom props
Tag me when you get it to work, I think I got the code exactly as his is. 🤔
are you sure about the counter props ? I think the entity should be a timer
I want the bar to be under an entity card just like he’s is.
Try with timer see if it works then change to counter see if it continues to work.
I was trying to make it so it counts down before lights turn off.
Yes, they are now. But this isn’t how I want them. I want to have one single image
Or it can show battery level as well.
Got an example you can show?
So this card is not the thermostat (heating). I want it to have a second slider on the right for AC
I mean there is a double gauge card but it won’t be interactive like the thermostat card is.
I think that is connected with your door; try it with another entity that isn’t so complex. 🤔
Yeah, but those are merely informative; I need control
I don't have any other timer ^^'
Actually I was planning to use this video to do my washing machine timer in the future
but if it's not running, the timer is not setted
I guess look into hacs for a double..? 🤷♂️
It would have to be a dedicated card, don’t think you can custom make that.
This topic treats the subject; but it makes it so much more complicated than it has to be.
https://community.home-assistant.io/t/dual-thermostat-card/85798/145?page=9
I don't think the Mushroom Chips support a template condition. I think it is limited to only a couple of options. The workaround seems to be to make a template sensor and reference that entity in the condition. More options for conditional chips #154
@drowsy void I need to go buy some food for the kids,
Idk how I can help more with that but if you need some the guy's video card code I got these
For me, being not so technical, it's a headache; hoping someone with more skills finds this to be of use for the community and decides to develor a Dual Heating/Cooling card easier to use for us "dumb" users :))
ok, you right maybe it's to complex to do it in this card.
I ll try to add templates
Made a timer helper to test out, it showed up for the simple version but not for the one I got from the video. Not sure what I got wrong in it yet.
Check this out see if you get what’s going on.
https://dpaste.org/x0Pob
Those are probably the icons from amCharts. https://www.amcharts.com/free-animated-svg-weather-icons/. The custom:weather-card uses them, for example.
I don't know what I'm supposed to be looking for in that code.
On nice; can you message it to me?
I’m trying to get this one as well
https://youtu.be/_aoO5CdymaE
Just trying to get it to work, like he does it in the video
https://youtu.be/tK-A-7crDqQ
I’m trying to add a countdown to it to show when lights will turn off after motion.
And for it to show battery level for motion device.
Well, that sucks. Transformer just blew outside. Power's out. System running on UPS but it will only last a little while. If I disappear, that's why...
I liked the way he has the bar attached at the bottom of another card; that is the type of effect I’m trying to get.
I will have to share what I use for timers, timer-bar-card, and the corresponding automation.
Can you try modifying the code I sent and see if it works on your end?
If you share your’s it may be too complex for me.
@drowsy void Looking at the code, the bar-card is using a binary_sensor for the entity. That's only going to give you a true/false. Not a number to use with the bar (battery level).
But the 2 cards following the first card would show
Did you see how he had it in the video?
Does HA have plans to support more icons pack other than MDI? I find it rather limiting compared to others out there. Trouble is, when using packs like custom brand icons, they sometimes don't appear on the dashboard, so it would be nice to have something integrated
fontawesome from Thomas Loven allows you to use any svg as an icon in HA on top of what fontawesome already offers. https://fontawesome.com/icons?d=gallery&m=free
Ah nice, do the load instantly like mdi icons?
I'm very happy with it, especially when you save the svg to the disk of your HA
Just noticed; within Helper timer helpers can’t be deleted for some reason. 🤔
Hard refresh the page.
he he, that was a bill murry quote from film the ground hog day.
Ah. It's been many years since I watched that.
actually after the convo that led to that quote I watched it again that night with wife, we were laughing our heads off 😛
Is it still not possible to just give users access to a dashboard and nothing else?
Logbook, history, calendar, media, energy... Etc...
Is there a way you can remove these?
How do you go abouts doing that? I didn't see anything in hass-fontawesome docs
unless I'm blind of course
Just did it for the lights and it work very well and it's very easy to do 🙂
Hello guys, I'm using the button card from Hex and I created a card, but when I use on my computer, the icon is in the correct place, but when I put in my cell phone, the icon goes more to the left and have got off the screen. Why that's happening? Could you help me? Thank you!
''
styles:
card:
- padding: 0px
name:
- position: absolute
- left: 60px
- top: 5px
- font-size: 20px
icon:
- position: absolute
- left: '-68px'
- top: 0px
- height: 55px
'''
I don't know how to do it but I know it's possible to design the style to apply only on small screen (mobile) or on big screen. Maybe it can help you Also you are using px to place your icon, this value will move 68 px on the left if your screen is big or small, but on a lower screen your button size will decrease
im experiencing some really weird behavior with some of my cards. its a bit of a clusterfuck of a bunch of different cards. this partixcular one is a grid card, and its the 2nd row of the grid card only, which contains a state switch card with auto entities in it with a template as the state. as you can see it fails to render some times, but if i edit and then save any card without making any changes, all cards suffering from the same issue all come back to life at the same time, but refreshing the page it starts bugging out again
anyone able to help pinpoint whats going on here?
on further inspection it seems to have something to do with the template, since thestateswitch ones that use hashes work just fine
not rly sure how templates work in the frontend of why it would cause this behavior
if anyone has an idea, feel free to ping
ok, seems like it might have something to do with state switch templates, even this has the same issue:
entity: template
template: |
{{true}}
states:
'true':
type: custom:mushroom-entity-card
entity: sensor.lightswitch_temperature_measurement
I'm looking for a media player card that will show up full screen (Panel 1 Card view) for use with my proect View Assist. Does anything like that exist?
Can someone tell me how I can define that div in cardmod? I have this example:
ha-card.type-todo-list div.header {
display: none;
}
Tried this but did not affect:
ha-card.type-media-control div.player div.top-info {
display: none;
}
I'm trying to remove the 'ViewAssist-livingroom' text and icon
if you have a tile on a frontend for a light with brightness control, and this light device has another entity for "preset", is it possible to show this preset dropdown when you open "more info" for the light?
this is light "more info" when clicked on tile
I'd like to add the gradient scene to this "more info" screen - > any way to do it?
AFAIK, that is all hard coded in the integration. There isn’t any way you can modify the effects without changing the integration code.
Ya not sure why the delete button wasn’t even showing and it wasn’t letting me to edit the timer time; but it seams normal now.
You think you can get the timer bar to start working g again?
And can you use it with counter or battery level?
@tribal galleon @zealous heart
Were you guys able to get it to work?
Is it still not possible to just give users access to a dashboard and nothing else?
Logbook, history, calendar, media, energy... Etc...
Is there a way you can remove these?
Is there any way to use a map in an input_select?
i.e: in HTML, it's often desirable to have the user pick from a friendly list of items, but the actual value used be the underlying application be something else entirely...
I tried asking a few days ago, never saw an answer, but I got distracted anyway. I would like to be able to do a card -akin- to logbook, where I could have a script output a user friendly alert (without actually trying to filter logbook entries) that would show on the dashboard (as opposed to the notifications tab) where I show the last X hours of entries, something like
MM-DD-YY HH:MM Bathroom temperature over limit!
Is there an integration/hacs/template/whatever out there that would give me this function?
(asking here because the end result would be a card, so seemed the right starting point
Have you tried using the logbook? You can write your own custom messages to it (via logbook.log action). You would just want to make up an arbitrary entity id to reference. E.g. you can just write messages to sensor.my_logbook_channel, it doesn't have to be a real entity.
I guess I can try poking at it later, but when I was looking at the examples that were given it looked like that output was going to be very technical looking
Like I wouldn't need a referencing the sensor if it's the only one that's being pulled into the card
True it may not be exactly in the format you want, it's just what pops to mind as pretty easy to set up.
I'll try taking another look at it later, thanks
An alternative (more complicated) method is to use trigger-based template sensor. In an attribute of that sensor you could store the 10(?) most recent messages, and use the entity card to display that attribute.
The best would then be to make a custom popup that has list of entities there. Hmm
when you say it doesn't have to be a real entity, does it have to have a valid entity though (like a helper generated sensor)?
I want to make a clean and professional looking dashboard, and have been looking at some on YouTube. A lot of people seem to use the Minimalist integration. I’m curious which you guys use? I need some more inspiration. Thanks
Hi, I don't know if this is the right place to ask, but we got our language added to Home Assistant but I can't add it to Lokalise(I'm probably doing something wrong). I get this error.
Post that on #1257019582112334014 with the translations tag. They might be able to help
Hi All,
A noob question, is there a way to apply card_mod css style to all cards in tab?
e.g I have this bit of code
card_mod: style: ha-textfield: $: '' .: | ha-card { border-width: 0px !important; background: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(1px); }
with adds transparency to cards, however it's pain to adjust code on each card separately.
I'm using custom:atomic-calendar-revive and trying to get the "week" field to stretch over the full card but I can't figure out the syntax for this. Height and padding works. Using 'width' did not work. The custom card uses card mod. The code I'm using for this element as it's now:
.week-number {
color: orange !important;
height: 20px;
padding: 5px;
}
Any help greatly appreciated!
Hi all, hope everyone is well.
I'm looking for ways to implement a horseshoe-style card for controlling things other than lights (i.e. media volume.)
I've come across this online, and although there's a fair bit of discussion surrounding it, so far there doesn't appear (at least to me) to be a way to implement it into HA. https://github.com/thomasloven/round-slider/
In short, I'm looking to recreate the media player page that's available in the Google Home app. (see screenshot!!)
Thanks in advance!
https://i.imgur.com/QpAxllv.png
@gleaming oriole I converted your message into a file since it's above 15 lines :+1:
In fact, it appears that no card mod adjustments are working
That theme hasn't been updated in years. Most likely it's breaking with current updates to HA.
yes, you can do so using card-mod-themes, and set that on all crds point blank. Or, if that is too powerfull for you, use an anchor and c&p
its updated at last month
must be me, but all I see here is a completely black image, screenshots like this are not very helpful
I see it ok. Probably Discord being Discord for you.
Can you suggest a new theme similar to this?
well, I need to open the image in a separate browser and scroll in alllll the way yes...
ignore this. sorted.
Actually... hold on. The generalized one was updated recently. I don't use themes (outside of what is offered in HA).
just set the correct variable to your desired color? no need to change a complete theme if all you want to change is the background color
wait
ok
what?
i want a do tihs theme
then you can probably download the theme that site uses?
its ios dark theme
i dowloand it
but
it look like this
Looks like this is a known issue: https://github.com/basnijholt/lovelace-ios-themes/issues/62
.
how do i fix this
fwiw, this is the background setting there: background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')" lovelace-background: var(--background-image)
and that has a fixed url to an image. if you dont have that, or have it elsewhere, you should adpat that line
fwiw 2, you dont need an image there at all, I use eg lovelace-background: radial-gradient(var(--primary-color),var(--card-background-color)) and have the background use my main theme colors, directly, no imtermediate variable required. Not sure why thast theme uses that , but ofc, I didnt inspect it further
Where should I write this?
in your theme
if so, there should be that file, open it in your editor of choice and edit that single line
reload themes and your done
can u help me with teamviewer? @fiery ledge
which theme do you have loaded currently in your Dahsbpard? is it the IOS-themes?
yes
then select that in the editor, find the line, comment it (put an '#' in front of it) and add my line #frontend-archived message. click safe.
then reload themes, and you should notice a change 😉
yep
what i do here
let me ask, how do you normally change your config with this editor?
uhm. it might be best in that case, to start understanding the way things work in Home Assistant, before worrying too much about your background settings.....
Sadly not all cards supports theme option,
Could you please elaborate on second option?
do you use Yaml mode or UI mode
Yaml
great
i that case, you can create an anchor like this:```
card_mod: &my_anchor
styles: |
ha-card{
xx: yy;
}
card_mod: *my_anchor
ofc the name is up to you, just have it be unique, and it works only inside a single yaml file. If you need the same anchors in another file, you need to create it once more. Or, if you have mods you need more than a few times in your complete config, save them as an single yaml file and !include those
like this:```
- type: custom:fold-entity-row
head:
type: section
label: Recording mode
card_mod: !include /config/dashboard/card_mods/label.yaml```
like this
Woldn't that still require me to specify
card_mod: &my_anchor
styles: |
ha-card{
xx: yy;
}
on each card?
Sorry it's a bit confusing for me 😄
no only on the first card in that yaml file
the next you need that exact mod, just insert it with the card_mod: *my_anchor
HACS is one way
Home Assistant Community Store allows for easy installation and management of custom unsupported integrations. They even have a Discord server for issues with HACS itself.
whenever im trying to put card_mod: &background
it's just being automaticly removed :/
just so this is clear: anchors are a yaml thing, and have nothing to do with card_mod itself. Its just a very convenient way of writing a specific section in yaml only once, and copy it where you want. Can be anything, as long as it is complete under 1 indent
you did say you use Yaml mode?
still confused
Ok?
i installed lovelace using HVAC
Also can't see anyware card_mods folder
What do you mean?
HACS installs all the files the card/integration/whatever provides
you mean the folder I showed? that would be correct, as I made that myself 😉
nothing gets added in custom cards
yes, but that is not Yaml mode, that is UI mode....
how
Right, so I got now in my vscode editor. What would be next step?
Sorry if you could walk me like Im a 5 years old 😄
you can see which mode (configuratiemethode) you use in /config/lovelace/dashboards. should look like this
Oh so there are "modes" as well 😮
Would I have to scrap everything and start via YAML?
ha right, well, tbh, I couldnt make it simpler than I already posted above. Otoh, your card_mod itself is not that simple, so, unless your are 100% sure this is correct, I would maybe skip this particular one.
Fair enough.
Danke for helping anyway ❤️
the mod is blurring the background. Are you sure that is not only for more-info popups? because that is the perfect example for card-mod theming.```
card-mod-more-info-yaml: |
$: |
.mdc-dialog {
backdrop-filter: blur(17px) !important;
-webkit-backdrop-filter: blur(17px) !important;
}``` is all it takes really
cool, just Try harder 😉
get back here if you have questions after a few of those efforts
That's basically a look Im after, and it works fine. But when I get bored over theme or would like to adjust blur effect I have to edit each card with is annoying
well you can give it a try using card-mod theme (please read up on how to do that first....https://community.home-assistant.io/t/card-mod-super-charge-your-themes and https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes) and then add the mod you want under:```
card-mod-card-yaml: |
there is even a special instruction in the manual-install folder on Bas' repo https://github.com/basnijholt/lovelace-ios-themes/blob/c010c99032774544d48d5799447acff97dc274ca/manual-install/ios-themes.yaml#L8 stating to change to this background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')" (ofc, adapt the local path to your own settings)
@karwosts Is this something can easily
Can someone take a look at the image I posted and tell me how I can get what I see in dev tools for the container id into cardmod so I can hide that element? Any help is MOST appreciated.
I'm using "Area Cards" within the frontend, and they've got these toggles for toggling all of the lighting or switches within an area with a single button. Is it possible to leverage these buttons in things like scenes? I'm trying to avoid needing to add all of the entities in multiple places, like scenes, groups, and areas.
Ah, I figured it out—I need to use Call Service rather than an entity/group/scene.
I'd like to force open the specific view inside dashboad when alarm is not disarmed. Any state but disarmed would move you here and preferrably would disable all other views. So that user will disable alarm as soon as possible.
That would be for a tablet mounted on the wall at the entrance.
So far I'm only able to use the condition for visibility on all other elements on the display, but is it possible to hide a view if some condition is met/not-met?
I don't believe conditional views are supported.
if you want the backend to control the frontend, maybe look into browser_mod
thanks
Only users can be set as ‘condition’ see https://www.home-assistant.io/dashboards/views/#visible
I do that by showing a button in the main view only if the alarm is armed, so anyone I allow can disarm with 1 click. No need to go to the full view for that. Advantage is you can set any condition. you like with the visibility option, or a conditional if you like
sure, currently I have keyboard displayed only if there is alarm to be disarmed. Idea is to force fast-as-possible alarm disarm when it is armed and you are inside.
in fact then it got me thinking, since other views will be detailed per devices (lights, climate, sensors, ...) and if I need t ocontorl remotely by phone, it is better to not hide everything but alarm...
Unless I do another dashboard but I have no motivation to do it 😄
The button I use calls a script with the disarm code 😉 can’t be faster than that
I've got this card on my dashboard, but I'd really rather have the full view that pops up when I click on it be what shows up on the dashboard:
I.e. this is what I want, but as a dashboard card:
I can't find a way to do that. Am I missing something obvious?
I don't know if this still works (it's 3 years old), but it seems to be what you want: https://github.com/thomasloven/lovelace-more-info-card
Thanks. I didn't expect an answer so quickly, so I'll give that a try tomorrow.
dumb question - how do I get the gradient background for my dashboards? is it meant to be part of mushroom?
So I asked the question last night, got halfway towards getting a solution, but I'm stuck. I'm trying to use the logbook card to show messages (last x messages or last y hours), but I'm not understanding how to do the 'arbitrary entity id' to reference karwosts suggested. I used a script to write a test message to dashboard.log but nothing appeared on the card. Does the entity have to be defined somewhere? And if so, would that be a helper sensor of some sort?
'dashboard.log' was the entity id you used in the service call?
In that case also add dashboard.log to the entity id picker in the logbook card
It does not have to actually exist as an entity when I tested it
so, here's my dashboard card
entities:
- dashboard.log
And my testing script
description: ""
trigger: []
condition: []
action:
- service: logbook.log
metadata: {}
data:
name: dashboard.log
message: Testing test.
mode: single
Which I just ran manually and trace said it worked
dashboard.log isn't a valid entity
Doesnt have to be afaik
yeah, I see that
The usecase is I want to basically have a dummy entity to receive messages from scripts to show without the logbook showing unrelated entity related triggers
this:
service: logbook.log
metadata: {}
data:
name: log
message: Testing test.
results in this:
I can't get it to show up in the logbook card, though
I was about to suspect same thing, but was going to test first
same issue I had with the stuff I posted
It was almost like i need a dummy entity to attach to, but I'm not really sure how to do that part yet
tried to look at helpers sensors, but they wanted all sorts of information about what kind of sensor it was, which ... not super helpful 😛
since the dummy "logbook.xxx" entities aren't really entities, I suspect that the card doesn't know what to do with them
you can't select them from the entity selector in the Logbook section, either
Right but since it let me manually type in an entry, I was hopeful that as long as the two matched it would be able to search the log anyway. I'm sure there's a workar for this somehow
https://community.home-assistant.io/t/create-dummy-log-sensor-and-show-in-the-frontend/330366 I just stumbled across some possible information related to node red. Someone else seems to have been trying to do the same thing and having similar problems, I'm going to take a closer look through there stuff and see if it's related
I'm using HA container so there's going to be overlap
you may want to file an issue
Want to see what issues are open (or were open and are now closed)?
- The core (backend) - for HA itself, and integrations
- The frontend (UI) - for cards and display issues
- The Supervisor
- HAOS
- The documentation
Don't forget to check for any alerts
If you think an upgrade broke something then:
- Downgrade to the previous version to check if it works correctly there
- If it does then change the
loggersettings for that integration todebug - Upgrade to the new version again
- Look in the logs for errors
- Open an issue, following the template provided and including the log information
against the card
If that's what the problem is, but I want to do a little more research first to make sure this isn't user error.
I will reply later. I had this working.
thanks a ton!
Try this action:
service: logbook.log
data:
entity_id: dashboard.log
name: "Dashboard Log:"
message: Something Happened!
And this card:
type: logbook
entities:
- dashboard.log
You mixed up name field for entity_id field.
Also I guess the icon comes from the domain you use in your fake entity. You could use sensor.log for an eye, alert.log for the alert icon, maybe some others
okay, I got progress. Did you do yours through the dev panel?
yeah the developer tools
okay, explains why they look different then. I'll have to poke some more at this to see if I can trim some excess stuff since I don't need to see what triggered the log. But now that I have a working sample, I can go from there. Thanks a bunch!
It seems to be optional from the docs:
When calling the logbook.log service without a domain or entity_id, entries will be added with the logbook domain. Ensure that the logbook domain is not filtered away if you want these entries to appear in your logbook.
I assumed that it pulled the name for logbook.name, but then it doesn't work elsewhere
Can someone help me with my dashboard. I am trying to add cameras into a dashbord through a grid but the grid comes in so small. How do I make it take up more space on the screen?
Make a panel (1-card) view, and add the grid there. Then it will fill the screen.
Is it a alarm panel? I dont know what im doing, this is the first time I tried messing with dashboards.
Click the pencil in the top blue bar next to the camera icon.
it will open a dialog
you can change the view type
one of the options is "Panel"
Thank you!! I have been trying to figure that out for the past hour!
Okay, so the one thing I'm still spinning my wheels on is the idea of scrubbing the triggered by xxx section since it's irrelevant to my use case and may be confusing to my intended recipient. This forum post had the same issue, but not sure how I would 'clear the context' before calling logbook if it's coming from an automation https://community.home-assistant.io/t/customizing-logbook-log-sensor-entry/606755
I don't have any ideas for that :\
@vast crane I have another question. Why is it when I go to edit the dashboard, all of my pages on the top show but when I click done, the first page will go away?
visibility disabled maybe?
What is subview? That was the only difference between all of the prosperities and that fixed it.
I guess subviews aren't visible in the top navigation bar
you can get to them with like a /navigate action, like if you want to click on a button card that takes you to it.
Ok. Thanks again!
really can;t wait to get to that level of integratrion. my place has a couple of eufy cameras, and my sisters has some wyze and yi
@red orbit I converted your message into a file since it's above 15 lines :+1:
if i understand right, that's by design. Can you do different cards for each sensor? They'll still stay in the order you want
That would work. Is there a certain way to do that? I was able to follow along with the official post for Conditions but I'm pretty new to this. Maybe there's a post I could read?
Just on your first card set the criteria for the first sensor, with the result being showing the first card
other than using the new visibility option, I am afraid that for the entire entities card to show or not, you indeed need to set visibilty on that... so on the individual entities set individual condition (-al row). On the card, set a global visibility condition. Unfortunately we dont have a show_empty: false as auto-entities has 😉
you can create a binary sensor and use that for the card, but, in case of change of entities inside the card, you would need to adapt that binary sensor too
You might want to look at entity-filter card instead of using conditional.
https://www.home-assistant.io/dashboards/entity-filter/
Thanks again, this seems to work perfectly.
where do i add the yaml files fom lovelace
https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_room/#description
currently doing it here
config
└── ui_lovelace_minimalist
├── custom_cards
└── dashboard
└── ui-lovelace.yaml
in the dashboard folder
would there be any chance we could get the visibility option for rows?
its the only place I still need the conditional (on rows) and that somehow feels unbalanced. (in the yaml that is, the result is identical...)
a ok, I figured you might be in the loop of developments there
and you do that well !
If I had to guess all focus has moved to sections and entities won't see much more upgrades. but that's pure speculation
since Madelena liked my previous post, I figured Id subtely add this too 😉 https://community.home-assistant.io/t/dashboard-chapter-2-let-s-redesign-the-cards-together/753839/36?u=mariusthvdb
Hello everyone, I've been using the ui minimalist theme for a few days now, and I need your help.
Indeed I manage to make work a lot of cards, but when I try to add some cards in custom-cards and I create the .yaml file, the card makes me a custom elemet doesn't exist or I have an error cannot read properties.
I have the impression that I may have an error in my way of accessing button-card-templates via the ui-lovelace.yaml file and I'd like your help. (P.S : not sure to be in the good channel)
Did you make the folder and the yaml file the same ?
i found my error , in my ui-lovelace.yaml , i had this : button_card_templates: !include_dir_merge_named "/homeassistant/ui_lovelace_minimalist/custom_cards"
the good line was : button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/ui_minimalist/ulm_templates/"
hey guys, I'm using minimalistic-area-card (https://github.com/junalmeida/homeassistant-minimalistic-area-card?tab=readme-ov-file) . Anyone using it? I'm unable to add a backgroup image to the card. I tried different ways to use the path of the image and I just can't find the proper way (note that I'm relatively new to HA)
What is your image path, where is it?
I tried /homeassistant/image/image.jpg and I tried an URL so far
I don't think /homeassistant/ is a valid path that is served by the webserver
Easiest solution is maybe:
- create a picture card. it has an image upload tool in the editor.
- upload your image there
- switch to yaml and copy the image path
- paste the path in your area card for image
- delete the picture card
good idea! I'll try it right away
type: custom:minimalistic-area-card title: Bedroom images: /api/image/serve/5fa0356ee168db1d88ee5314dcd48323/512x512
even this way, the image doesn't show up 😦
no it works! I did a mistake. thanks!!
Any suggestions on how I could make the text box card highlight green when locked and red when unlocked?
I tried:
- background-color: {{ 'red' if is_state('cover.spaceship_trunk', 'open') else 'green' }};
and:
- background-color: {% if is_state('cover.spaceship_trunk', 'open') %} red {% else %} green {% endif %};
But that doesn't seem to work?
Hey, has maybe someone an Zigbee2MQTT Card that shows offline devices? 🙂
This is NOT possible in Home Assistant
Oh, that sucks. thanks anyway
https://github.com/BerrisNO/HA-Custom-Cards if you take a look here, you might find some useful codes to help you out. But this is based on a custom button card
hmm doesn't really give examples of what I'm after, but thanks anyway, I like that green circle pulsing, I might take that idea
You can use state styling in a button card, so you can change text size, color, background or whatever you like
- value: "locked"
icon: mdi:lock-outline
styles:
icon:
- color: "var(--contrast-100)"
state:
- font-size: "var(--fs-400)"
- font-family: Montserrat
- font-weight: 500
- color: "var(--contrast-100)" ```
but is that using a template? or is that in the card yaml itself?
It's a template I made yes, but you can add it manually to your card if you want. It's a property of the custom button-card
2 sec, I will find a better example
@abstract kernel I converted your message into a file since it's above 15 lines :+1:
Thank you so much dude 🙂
It's bedtime, can help more tomorrow if you need more help
Heyo, I'm trying to build out my first dashboard but I'm having issues with themes. I've downloaded 'iOS Themes - Dark Mode and Light Mode' from HACS, I have updated my configuration.yaml file to include:
frontend: themes: !include_dir_merge_named themes
But when I select a theme all it seems to do is grey out my cards! Can anyone help me figure out what I'm doing wrong?
e.g.
That is with the Theme: ios-dark-mode-blue-red
Maybe need to toggle to dark mode in the profile?
I tried that but no luck. I just found this post and I'm trying it out: https://github.com/basnijholt/lovelace-ios-themes/issues/47#issuecomment-1372990987
^ This worked for me if anyone else comes here with the same issue
Is there a way I can add the switches like the ones on the default overview tab on my custom dashboard? All I can find is buttons to use.
That's just the entities card.
Sweet, thanks!
Is there a way for the dashboard to automatically switch tabes based on what is happening? For example, If I start a 3d print, it will automatically switch from whatever tab it is currently on and go the the 3d printer statistics tab.
And only on a specific device, not all of them
Dose that mean I need to use the web version of HA because I have been using the app?
is there a way to dynamically add entities to a history-graph card, like rendering the list of entities with a template?
this worked
type: custom:auto-entities
card:
type: history-graph
title: Uptime
hours_to_show: 12
filter:
include:
- integration: esphome
name: /Uptime/
attributes:
device_class: duration
entity_category: diagnostic
It works with the app too , browser_mod ads a browser navigate service that you can use in an automation .
So when using the minimalist UI, can I add other cards like Apex Charts?
yes ofc 🙂
Nice, okay. I JUST installed all of the required packages and am trying to wrap my head around how this all works.
I tried following this video and I can't even get the first card to work. I have no idea what is going wrong - I followed every step exactly as in the video :/
There is a mistake in that video that is taken over by almost everyone... basically he forgets to add a hyphen (-) before the !include to make it a list item.
views:
- !include my_home_file.yaml
Can anyone explain why there is a gap on this card and anything card directly under it?
https://dpaste.org/ZBLyP
Quick question folks,
I have created a sensor that either returns green or red depending on a state of locked doors.
My question is, how can I set the colour from green to the outcome of that sensor I created in sensors.yaml?
I have che ked the entity state in dev tools and it's returning the accurate word 'green' or 'red'
But not sure how to refer to that state in the styles/color here?
RIP
That fixed it, thanks
Assuming on your screenshot you are using custom:button-card than you can access the states with its template tools.
- background: "[[[ return states['sensor.spaceship_door_status'].state ]]]"
omg that worked, UGH I have scratched my brains for nearly a day on this. Thank you so so much Bas
More examples are mentioned in the docs from custom:button-card though
hey guys ,can be add a password for card "mushroom chips card" specifically
Could you maybe tell me some more about that?
Because I've tried exactly this, and it doesn't seem to have any effect. Are there any other requirements, anything that could prevent this from taking effect?
I've been testing with something like
- type: tile
entity: light.my_led_strip
And then just tapping on the entity name. What I believe to be the "more info" dialog pops up, with a regular 'darkening' behind it, but no blur.
well, if I click this card to reveal more-info
I get this blurred background
which is done by adding```
card-mod-more-info-yaml: |
$: |
.mdc-dialog {
backdrop-filter: blur(17px) !important;
-webkit-backdrop-filter: blur(17px) !important;
}
/*.mdc-dialog .mdc-dialog__content {
padding: var(--dialog-content-padding, 24px);
}*/
No blurring here. (Sorry for the weird cut, cannot be bothered to properly anonymize this right now. I hope you can see that there's no blur.)
I know the theme is active and applied, because I've been adding rules to it all the time. In fact, I have a very long card-mod-card rule in there. Would that collide and block the card-mod-more-info-yaml somehow? No, right? They should be able to coexist.
I also fully restart HA every time I make changes to the theme.
I don't know what else I could do to troubleshoot this.
Actually, is there something in Mushroom or Minimalist or so, that could globally replace all more-info dialogs? Is it correct that I'm testing with a tile card? I seem to have no .mdc-dialog classes, but rather <ha-more-info-dialog> elements. Why is that? Am I using an old interface? Or are you?
(If someone has any articles or links to the official documentation related to this, please share! I'm interested in actually understanding what's going on, rather than just fixing this one issue.)
where do i add the yaml files fom lovelace
https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_room/#description
currently doing it here
config
└── ui_lovelace_minimalist
├── custom_cards
└── dashboard
└── ui-lovelace.yaml
in the dashboard folder
Can maybe someone help me with cardmod? I have a problem wirh the delete button there is missing some letters
@abstract jetty I converted your message into a file since it's above 15 lines :+1:
hey guys ,can be add a password for card "mushroom chips card" specifically
HI, i just had a memoryleak in firefox. I closed the one with HomeAssistant web ui and it released the memory. Any known issue like that currently?
That's not possible. You can limit visibility for the card though to a particular user.
Not really an issue, per se. But there's been a lot of issues with FF and memory usage/websockets lately.
i think it may be latest firefox though not HA
Yup. That.
i am on 128.0.3
Come to think some yahoo charts were also bad earlier. Hope 0.4 gets rolled out soon.
I'm on 128.0.2 and still have issues where the sockets just disappear on tabs that have been opened for a while and even refreshing the tab doesn't bring the socket connection back. I never have that issue with Chromium though.
sigh. hope mozilla fix it soon.
Am I being dumb here, can anyone see why all my buttons/cards have the outline around them?
name & state if it's helpful?
Probably due to the standard HA theme variables
ah crap, is it possible to change them?
styles:
card:
- border-width: 0px
Or add this variable to your theme
ha-card-border-width: "0px"
You're an actual legend, thank you so much
Neither of these working, I think something is overwriting my styles
@abstract kernel I converted your message into a file since it's above 15 lines :+1:
So bizarre
So, no way to remove the gap?
Could REALLY use some card_mod help. Particularly I'm trying to turn off these two elements in media-control card. I know a little above the div by using dev tools but I have no idea how to translate that path at the bottom to card_mod. I know if I had it I could do a display: none and be done but how is it formatted? I think the big issue is that #shadow-root
Can anyone help?
an alternate route would be to use the mini-media-player card and just turn on whatever you wish to display and vice versa. I don't know about the stock card you're using, but mini-media-player is really great
I did toy around with a bit but found this one to look a bit cooler. Take a look at these two side-by-sides:
Maybe I can get the same look from mmp? I don't know enough about this to know.
well to be honest you could build the whole media player from scratch using custom button card. Depends on what you strive for (as always)
Sure. The project I'm working on has a bunch of different components so I really don't have a ton of time to spend on one thing. I think the image I posted above looks really great with the exception of that icon and text that distract. The rest gives a really nice look.
Said a lot of words to say don't have time to build it myself at the moment 🙂
You can always drop the text with just name: " " in the yaml.
That was easy! Thanks for this! I guess I can live with the icon
This looks better right?
could also change the entity icon to mdi:blank, but I don't know if that helps with your whole "deliverable" or how that would work 🤷
Gave it a go but didn't work. May be called something else.
Hey, anyone know if its possible to have a card like this just displaying the day, and not year + time. like "next alarm: monday 06:30"
the alarm time comes from a calendar event
entity: calendar.wake_up_alarm
name: Next Alarm
icon: mdi:alarm-note
state_color: false
attribute: start_time
layout_options:
grid_columns: 4
grid_rows: 2```
nvm Chat GPT to the rescu {% set alarm_time = states.calendar.wake_up_alarm.attributes.start_time %} {% set alarm_date = as_timestamp(alarm_time) | timestamp_custom('%A %H:%M') %} Next Alarm: {{ alarm_date }}
That's old syntax and will probably break. Please stop posting ChatGPT generated code here.
Ya, it doesn’t help me to remove the gaps either.
aahh. alright
I need some CSS/Styling help. I'm following this video to try and make a room card similar to the minimalist room card but by using mushroom, and my card looks very different despite the code being the same. I'm not sure what I'm doing wrong or of I'm missing something.
Here's the code. It looks just as wonky on desktop, regardless of whether I use the new dashboard layout that allows dragging and stuff or the old one that doesn't (can't remember the names)
Hello, anyone can explain me how to use template ?
I m struggling with it , in the first picture it's how I defined it
in the second how I use it
in the third what I got vs what is expected
just cooked up the worst code of my life
.background {
background-color: var(--red-color){{ ";" if value|float(10) > states("input_number.daytime_temperature")|float else "" }}
opacity: 50%;
}
i have a horizontal stack and i want one to have less space than the others, so it looks like a sidebar. how can i achieve that ? or is there a better way to position cards on my dashboard that i don't know of (i don't want to use the new sections layout because of all the space that gets left out when a section is bigger than the others in its row)
Just noticed that Masonry mode doesn’t add unnecessary gaps while selection mode adds unnecessary gaps in between cards. Any way to fix that?
Both of these use the same code; their only difference is the dashboard modes.
i think the cards get automatically expanded to fit the grid
#frontend-archived message
Seams like the only way to get rid of it is with vertical stack card. 🤦♂️
Can we have a fix for that in later HA updates?
Any ideas as to why the two buttons in the lower right of my grid are not the same color as the rest?
Nvm! As soon as I posted this, I realized the button wasn't tied to the androidTV remote entity
anyone? 😦
what do you want?
decluttering_templates: and Button-card-template are different
Yes but I never got any result with button card template or decluttering card, nothing seems to work and the only result I got are always white empty card or an error
share you code here
my_first_template: # This is the name of a template
default:
- icon: fire
card:
type: custom:button-card
name: '[[name]]'
icon: 'mdi:[[icon]]'```
Don't use custom-button-template inside decluttering_templates:
you can use button_card_templates
no need decluttering_templates:
Hello!
How can I access the Home Assistant frontend code?
I tried to follow the tutorial with Docker and got a JS heapout of memory error... I also tried the command line and it gave the same error. I did the set node_options command but it didn't change anything.
I'd like to use the code and change it according to my needs.
I hope someone can help me!
Thank you.
Are you able to launch apps on it using HA?
@golden mirage the code
https://pastebin.com/5FMnSe8f
https://pastebin.com/Qt6zVmnD
how are you linking to the template? What is your dashboard setup?
pastebin 1 is on top of my raw configuration editor
pastebin 2 is inside a grid card
it is showing exactly what you have in the template
You want that
I want to understand how I can use this template to clean my dashboard
remove variables inside templates
Thanks
It looks like I'm targeting the wrong background here, does anyone know how to get rid of the background around the tyre?
If I use the "map" card to display the route of my Van the position "dots" do not scale nicely. Zooming out you can hardly see anything:
Is there any way to get thinner lines?
This is 4 zoom levels in
I don't know what your full code looks like, but I'm guessing your screenshot shows the styling of the custom_field "testa_tyreryl". And that the same custom_fields includes a card? Which also has a background. So you need to decide on which background you want to use. The custom_field's or the card's.
type: custom:button-card
show_state: true
tap_action:
action: none
custom_fields:
tesla_tyrerl:
card:
type: picture
image: /api/image/serve/c9fcf4d5706068ab9cf926a2e7f4ceac/512x512
primary: '{{states(''sensor.spaceship_tpms_rear_left'')}}'
This is pretty much the card
ok so I guess card_mod inside the picture-card can help you. As long as the picture itself is a png ofc 😅
Yeah the image is definitely a png 😄
So I have card mod installed, but whenever I apply styles to that card it doesn't apply
like for example, I set the background to white
and no change
If you feel comfortable with the button card you could use that instead to place the image. The image could be an enity_picture (which replaced the icon), or you set it as the cards background. In the end, whatever end of with the least amount of code is good. Card_mod might be the best solution. But I'm not very good at using it, so I tend to stick with the button card hehe
you did not ad the card_mod here though, you just wrote "styles"
I'm not comfortable with any of this yet haha just trying to find out the rules around this stuff because it doesn't make sense where it's taking its styles from
I would set that to none (which I guess should be default behaviour anyway?) and use the custom_field to set your preferred background
Yeah that doesn't work for me annoyingly
I've also tried this in my config.yaml and applied the theme, no good
Hello all, I am trying to add a card for my new integration 17track, but I am getting an error. Here is the cards YAML straight from the integration page (adapting the sensor name):
https://paste.debian.net/1325111/
However I am getting this error: TemplateSyntaxError: expected token 'end of statement block', got 'track_in_transit'
What am I doing wrong?
can you share the full card on pastebin?
For sure, one second. Thanks so much for your help with this.
Try state_attr('sensor.17track_in_transit', 'packages')|default([])
Wow thank you! Is there a way to get this fix for future people on the help page of the integration?
hmm I don't see anywith obvious wrong.... are you sure the image is a png? btw, what were trying to do with the background? transparent?
Yeah I have tried it on all types of images that have transparent backgrounds
this is the image I used
Yeah trying to make the background transparent so I can overlay it on the car to show tyre pressures
Not really a "fix" per se. I'm pretty sure it was the 17track_in_transit property in the chain that was causing it. Renaming the sensor's entity_id would probably fix that as well.
Ohhhh, I see what you mean... the example on the integration page. Yeah, you can use the edit link at the bottom of the page and submit a PR against the docs.
there must be something wrong with how you upload the image because your code is working for me. Can you please add this to yuor code instead?
https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/640px-PNG_transparency_demonstration_1.png
So I created a new card in my builder overview, clicked image, show code, then copied the link to that image
like this
lemme try the dice
no... dice 😄
It's like it's adding some sort of boundary to the image and every card
Is anything here amiss?
could you have another card just under the tyrerl perhaps? I noticed you have stacked two cards where it says 41 PSI
I do have one under there, I'll move it to show it's not intefering
think I removed the tyre pressure one underneath
Yeah no good 😦
so strange, the transparency works for me and I have noth changed your code one bit
I also tried makign a new dashboard with sections, works there too
could it be something to do with my frontend integrations?
oh there's a new version of mushroom card, let's see if that helps
these are the ones I have
But you're not using mushroom just there so chould not be it
I am for other cards but yeah not for the tyre
what's also worth mentioning is I couldn't remove the border without this in config.yaml
no changes inside the actual card would take effect until I put a theme on it with that
Yeah that's fair
It feels like something else is overwriting whatever I write, so frustrating
yes 🧐
I tried both that and masonry and works on both for me
where do i add the yaml files fom lovelace
https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_room/#description
currently doing it here
config
└── ui_lovelace_minimalist
├── custom_cards
└── dashboard
└── ui-lovelace.yaml
in the dashboard folder
in custom_cards
if you're talking about the template code
make a new file for each template
like so
The card you are linking is already loaded in your system by setting up the minimalist integration. The card config with the variables goes into the ui-lovelace.yaml file within the dashboards directory of minimalist
Gonna try wiping my HA and reinstalling the vm and starting from scratch, I can't locate the issue at all 🤣
do u have anything else added in the config file to include statement or something
i am trying to use this
https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_room/#usage
config
└── ui_lovelace_minimalist
├── custom_cards
└── card_room.yaml
did you add a link to the templates?
this is from the docs I believe button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
i think thats what im missing
Could someone remind me where to find the list of mobile devices, specifically smartphones, that have been connected to Home Assistant on the frontend?
Also card room is already part of the default Minimalist install, no need to add it to the custom_cards directory
why am i getting that error then
I don't know, cant see your full configuration 🤷♂️
can u just add lovelace cards into your dashbaords or you have to do all in the yarn file ?
Sorry I am not really understanding your question
You can add any card to the minimalist dashboard within the yaml file if that is what you're asking
yes thats what i was asking
but it wont work with lovelace room cards
is anyone using lovelace room card that can help me
To what card are you referring with lovelace room card?
Minimalist setup with card room
stop writing "lovelace" as it will only confuse people. Use "minimalist"
There's no way to change that, but it's odd that you're getting steps. What's creating that GPS location? There's definitely an issue w/ lat lon updates
Yeah, was more concerned about the colors not syncing when the device was on/off
NEMA forwarding from Teltonika via Modbus every 5s
I want to show for how long a device has been on for in the past 24hrs. How can I do that?
History Stats ☝️
can you post your configuration for the modbus sensor?
What exactly are you interested in? The fields for the RUTX50 like: - name: "Teltonika - GPS latitude" unique_id: "GPS-latitude" slave: 1 address: 143 data_type: float32 precision: 6
that only gets you lat, how are you combining lat and lon into a single sensor?