#frontend-archived
1 messages ยท Page 43 of 1
Wasn't sure where to put this. I want my automation to play a daily weather forecast on my TV (similarly to me asking Google Assistant for the weather). It doesn't necessarily need to be a video stream, but I'd like it to be more robust than the default weather cards. Any suggestions for services? The TV in question is a Roku that has an external Chromecast (not CCwGTV, just a basic Chromecast) so whatever I can cast using that. Even if it's just a nice website. Would like to avoid having to build out a dashboard for it
are there collapsables in home assistant
i cant find one in add a card and i want to add one for my callendar because it takes just too much space
can i not remove or rename helpers
Sure. Click the โ๏ธ on the helper card. That will take you to it's properties.
also why cant i change the places the stuff goes in my dashboard its annoying
i made i guess a janky version of a collapsable
Are you using Sections?
idk i just pressed the button that allows me to edit the dashboard my self and nothing else
So, if you create a tab in your dashboard, you can choose the new Sections layout. That's what you're looking for.
dumb thing to ask but where do i find that
On your dashboard, top right corner, click the pencil. Then, on the tabs bar, click the +
You can also get to it for your existing tabs by clicking the pencil and then the pencil next to the tab header.
thx
says i gotta create the dashboard from scratch anyways so i guess i better make that
i mean this is better than the old one i will guess most people use it
i found this for an collapsible
but i dont know really how to intergrate it
You should do it through HACS: https://github.com/Alia5/lovelace-expander-card?tab=readme-ov-file#installation
i dont even know what hacs is
wait
there is more custimazability to ha other than the baked in stuff
wait i just now realised how powerfull ha actually is
lol yes... a LOT more.
third party app stores i just learned this
Not apps, integrations (you'll get used to the terminology)
and if i dowload this nothing will break if update ha right?
this is my current dashboard i think expandables are needed for this
i use conditionals at the momment to turn off the gauge and the calendar
How is the white background called i want to edit it in my them file for #373A40 but i can't for the life of me find how this is called
nothing will break if i update ha with hacs installed right?
Most HACS integrations are safe, but always remember ymmv with some of them.
ymmv?
Nope. Occasionally, you'll find an integration that might behave badly, but you can usually remove that without too much fuss.
ymmv = "Your mileage may vary".
ah ok i am gonna go install hacs
tbh i dont think i need the ssh addon
i have access to the ha terminal thru proxmox
Yeah, if you have access to the console, then you're good.
nvm i am gonna need that ssh addon proxmox doesnt let copy paste
what is a good ssh addon for ha
can you recommend one?
The offical one: Advanced Terminal and SSH
the easier the better
(I think that's the name of it)
its not it says its community addon
when i search it
the only one i can find in the addon store is advanced terminal and web terminal
Yeah, that one.
oh ok thx seems simple enough
i gotta say switching to a virtualized ha from docker its better
i will guess i need to restart home assistant if i install the addon
i mean the web terminal
nvm
I have an issue with Roku_Card as I am trying to set up. The problem is everything is working perfect except the icon are not showing up correctly. It just show as either blank or broken icon. I been trying to figure out what is the local file path as according to example shown in documentation. Can anyone please shed light of that?
Maybe ๐ I prefer Container myself.
ok the addon doesnt work
i just want it cuase having esphome direcly with home assistant is better for me because i want in the feature to make my own esp stuff
What do you mean by "doesn't work"?
The add-on seems to not be ready, it might still be starting. Do you want to try again?
It needs username and password or SSH key configured to start.
and how do i set that up
In the settings tab of that add-on
It's under configuration @shadow thorn
is username is hassio and password nothing where do i find the password
you need to set the password
are you on the "configuration" tab of that add-on??
yep
do you see the word "password"? then?
then..........remove ""
and write whatever password you want
"" > thisismypassworddonotstealthis
just remove "" and then write password you want.
then try to SSH into it.
does work
Advanced SSH & Web Terminal
The add-on seems to not be ready, it might still be starting. Do you want to try again?
oh oh oh! Before you ssh you need to restart the add on
i get this when i got to the sidebar and press terminal which is this addon
I forgot to mention it.
why does it always remove the things i change in the config
i save it
it just doesnt save the password
what do you mean it doesn't save when you click save? like you save it and then go to "info" tab?
it might just not be displaying the saved password. you should use a !secrets file anyway
And did you use the right save button? There are two on that page
I don't actually use a username and password for my mqtt broker, because I can't imagine anyone joining my home network and even knowing that it's doing anything
And it might be time for a thread. That add-on fixing clogs up this channel
ok nvm
i am just a complete idiot
there are more than one save buttons
which i didnt know i thought there was one for the whole config page
yep works fine now
so now i just run the command to dowload hacs restart ha and hopefully it works
ok restarting now and fingers crossed
ahh
yea sry for all the trouble
i thought because most self hosted apps have one button to save the whole page it would be the same so i just scrolled to the button out of habbit
i am preatty sure a hacs button should be in the sidebar but its not
You need to go to devices & services and add HACS as integration
ok a hacs button appeared but it doesnt look the same as the website
it's not always the case
so how do i use it now
Sorry My keyboard was acting up/sticky trying to fix it.
Oh. In that case, what was it you wanted to do?
OHhh you're trying to modify dashboard?
https://experimental.hacs.xyz/docs/use/type/ here is everything documented
and its supports hacs
this one exacly if you go to the github provided it says it can be installed thru hacs
OK. Are you at HACS page?
Can you start a thread for this, please? This clogs up the channel for other people having questions.
yea sry
trying to add a expandable and
@vital burrow know anything about Roku_Card?

darn it
I know that it hasn't been updated in nearly 2.5 years
several issues reported with no replies
....... d'oh. Well I was trying like heck figuring out how to get icon to work properly based on filepath
Even the dependabot PRs are not processed
it might work, and you might be able to solve problems, but it's probably abandoned
What is your problem about the filepath?
- image: /local/netflix.webp
app: Netflix- image: /local/hulu.webp
that file path to grab the icons. I can't for the life of me figure out why it's not showing up
oh, you probably have them in the wrong place
I know that but what is the correct place. That's what bugging me. I been copying images left and right
These files have to be in /config/www (needs a HA restart when that directory is created)
https://www.home-assistant.io/integrations/http/#hosting-files
The www directory translates to /local in URLs
and is there a size limit or specification? that's exactly where I been dumping images in there
Have you restarted HA after creating the www directory?
many timees
try going to http://yoururl:8123/local/hulu.webp in a browser
Stupid question... do you have a hulu.webp file in www?
that's the question I EVEN asked myself. I looked everywhere and I don't see those file. So my next though process is try to use those logo from pictogrammers
or....does it exactly have to be a webp file?
so....I went with what you said @tall monolith and a png file is definitely reachable
LAUGH HYSTERICALLY............................that worked!!!!!!!!!!!
You can also use mdi icons, if you want it look more simplistic.
in HACS are also some integratuions providing more icons, like brand icons.
that's exactly what I did I downloaded the png file and it's definitely reachable.
NOW i get what it means /config/www = /local
Just be aware, that everything in /config/www is open to everyone without authentication
Yea. That's the problem Let me make it work then add security later.
so... you had png files but were calling for webp?
You don't ask THOSE questions 
No. There was NO webp at all but it was according to the example and I followed the example and was confused but.....I don't see any webp anywhere
i mean, there was webp in your config file. so you were telling it to look for webp files
you have to apply your own intelligence sometimes to translate from the example to what you're doing
hm, no.
What he said.....I'm still blaming it on instructions and developer
anyways thank you! Now on to try firemote card and compare!
In that case what do you do to secure those file
i wouldn't bother to secure the streaming service logos
just don't put anything there that you're not comfortable seeing on someone else's computer later
oh hahahahahaha!!!!
........... yeah firemote is the best. i don't know why i wasted my time over roku_card
I'm using the sections view, and was thinking about ways to use the new "visibility" tools. I'm using one Boolean to show/hide individual tile controls for my smart shades (which are otherwise represented by a device group in a single tile). This got me thinking about ways to have Boolean "filters" -- a toggle for lights would hide everything except for light entities, a toggle for fans would only show "fans" that sort of thing. Can anyone think of some ideas on how to do this?
You can use input_boolean helpers
with automations that turn all the other booleans off if one turns on
ooooh.
yeah that makes sense
and I'm realizing I was 90% of the way there with my shade idea, thanks!
Just like how many of us use home/away/vacation modes where only one or none can be on each time
thanks for helping me reframe!
Do you still have the issue ?
i wonder if we can set a custom vacation mode? one for away-occupied for like, setting home to away/lockdown mode, but kids are home alone so you want security to be up high but also not run any away mode automations
sure, you can do almost anything
Take a look at Alarmo as it has some out of the box features that you might like for something like this.
Cross-posting from #general-archived message as suggested by #general-archived message
On a graph, the mean of a sensor is 275 (https://i.imgur.com/VdScxRQ.png), but a mean from this sensor, defined as:
sensor:
- name: Espresso machine (watts 5m mean)
platform: statistics
entity_id: sensor.espresso_machine_watts
state_characteristic: mean
max_age:
minutes: 5
...returns a much higher value, ~766 (https://i.imgur.com/0FtjsIt.png). Why is this? Am I missing something?
Why did I use target: but other users still see the popup window?
service: browser_mod.popup
target:
entity_id:
- lap3bond_firefox
- k50g
I want to add a card, but I don't see the Add Card button on my own home screen, as shown in this doc here: https://www.home-assistant.io/dashboards/ - what am I doing wrong?
Click the three dots menu and choose edit dashboard
Oh, its because I am... you can't control the Overview. I see now if I make a new Dashboard from Scratch.
you...can
I can't because I wrote my dashboard in YAML, but there's no reason why you can't
I'm not sure what the security implications are of trying to share a dashboard to the public even it is just an energy dashboard, but I'm sure it would be frowned upon. Visitors would still need username/password authentication in order to view the dashboard. On top of that, Home Assistant has very little in terms of User Access Control so it is quite possible the visitor could access more than what you're wanting to show them. Even if you try to secure the dashboard with something like Kiosk Mode or Browser Mod, those options are easily bypassed.
With Grafana and InfluxDB/Prometheus, you can(somewhat) easily design your own dashboard to show the info that you want. Here's an example: Home Energy Usage v2. Grafana - Public Dashboard. A guide on setting up Grafana & HA. #energy-archived may also have some better recommendations.
I mean you could make a user for the tablet and put into Kiosk mode so it can only see the singular dashboard. But I totally agree. Not something I'd open up to the network!!
I believe the OP is looking at sharing the dashboard publicly online. He originally asked about setting up a second instance of HA that could access the entities/data of the original.
I am trying to figure out how to set up a new instance of HA and trhough that instance show enitys from my existing ha
I want to make a dashboard completely public (showing energy production to the public)
Super bad idea lol
put into Kiosk mode so it can only see the singular dashboard
@mighty chasm Even with Kiosk Mode enabled, it can still be bypassed. Just need to be able to get to the address bar of the browser.
?disable_kmwill temporarily disable any modifications (unless ignore_disable_km has been used in one of the conditional configs)
I use Kiosk Mode and Fire Tablets running Fully Kiosk Browser. It's still not totally secure. Swiping from the left accesses the menu where the start URL can be changed. I have another dashboard running on a 24" ViewSonic touchscreen running on Windows 11 and viewed in Firefox's Enterprise Kiosk mode. There's no keyboard/mouse on the system but I remotely "access" it via Microsoft PowerToys' MouseWithoutBorders. But these are all dashboards in my home so that's a layer of security not available to a publicly accessible dashboard.
You can setup a pin code on the swipe. So in the case of my table (Galaxy Tab), if someone swipes into the menu, it prompts for a pin code that my wife doesn't even know!
Not sure if that is in some way related to dex but I have that restricted in my case!
Revised: Recommend checking Fully Kiosk documentation. Specifically the area on using a PIN code to secure the device. This allows you to have a PIN to change any settings within the fully kiosk settings. That will secure it and prevent someone from being able to walk up and modify your settings without having your PIN code. May require the one-time subscription depending on how far you want to secure
ChatGPT and other "AI" systems do a fantastic job of generating well structured, convincing looking answers... that are either totally garbage or, if you're lucky, have subtle flaws. Don't use them to "help" others, and don't use them yourself.
@tribal galleon Point taken - but I'd also say that saying something is not secured when you simply haven't looked into or tried to secure it, is not fair to that application either. Fully Kiosk can be secured and that's all I was trying to say. That said, I did verify it on my Fully Kiosk before putting that out there to you and it does work. Either way, Fully Kiosk is irrelevant to the OP.
I never said I hadn't look into it or tried to secure it. I've used the PIN option (which is found in FKB's Kiosk Mode settings). Just like with everything related to security, there's usually ways around things (to include the FKB's PIN); it is just a matter of how much effort someone is willing to go through to get past it.
Hey yeah, still wondering if this is possible
it is
in your config.YAML add the following option :
wake_on_lan:
then restart HA
yeah i have that, i can turn on the TV with WoL
i want a power on icon in the tv card that sends the wol packet
@silver stratus I converted your message into a file since it's above 15 lines :+1:
Cool! i'll take that and fiddle with it :) ty
it's nice , I made an automation that when it see the TV turning ON it turn the soundbar and the shield ON on the correct channel
yw
Thats nice, i'd like a shield but everything is a bit over budget atm - recently moved :p
I don't have a soundbar, just the plain ol AVR which turns on by default when turning on the TV via ARC.
same her moved a few month ago
slowly building up
Is anyone able to explain me how to find all possible entities or settings we can send to a specific device ?
For example discover all features available on a light like effects and scenes..
Is is populating by itself in the device info pane ?
oh to figure that out I went to the service call page in developper options and tested the wake on lan features on the TV once it was turning it ON I copied the YAML code ot the service call and paste it in a button card
@celest pendant
yeah! i did the same, still lots to customize
Nested Entities Visibility not working
Kind of an open-ended question really, but if you look in devtools > states, usually most effects and such are in attributes on the device. It's not comprehensive by any means (different devices expose things differently), but should get you close to what you need.
@broken marsh I converted your message into a file since it's above 15 lines :+1:
Forgot to say that from 00:00:08 until now the sensor has been 0. I want the graph to restart at midnight so that it shows 3 coffees yesterday and 0 today.
Is there a weather card out there that shows daily but you can press a button and it changes to hourly?
Hmm... maybe it's because 8 seconds past midnight it goes from 3 to 0 and not exactly midnight? Do I have to use offset: +10min or something?
anyone have recommendations on custom cards
just general stuff more cards
i just added the mushroom packet and alarmo they look good
wait because i installed alarmo does that mean i can make custom alarm system including stuff with node red and others because that would be cool
I just use: Custom Button Card, Card Mod, Layout Card, Auto-entities, and Mushroom Cards.
alarmo card is specific to the alarmo integration
mushroom has alarm card for alarmo
i learned about the hacs marketplace yesterday for ha and it has unlocked so many more things that i didnt even know were possible
exactlly what I was looking for thanks
then I just have to copy/paste desired effect or settings in a MQTT payload publish ?
Just to be sure this is the place you got the custom button card https://github.com/custom-cards/button-card
right?
yes, but its' built into hacs, so just look for button card in hacs
i cant seem to find it
You're probably not looking in the frontend section
frontend section i just go into hacs and search it
remove any existing filters
also, make sure you waited for hacs to fully build the library
IIRC it can take 24 hours for the library to build
No problem. Yup.
i mean it should have a fair ammount of it done i dowloaded it yesterday night
just have to figure out how to target my lamps then with that payload
so like i think in like 4 or 5 hours its past the 24 hours
^^
i guess i can just dowload it straight from the reposatory there should be no problems if its official
at the very least i just restore to a backup
i found it
Can anyone suggest a good example of a starting point for creating a custom card?
Oh man ... I forgot its Javascript... hangs head thanks Petro ๐
Hi. I need some advice on the best approach to take. I want to create dashboard for a tablet that must display two two columns. The first column covers 75% of the will screen width with two cameras stacked vertically. The second column 25% width with some light switches and buttons. What type of layout or hacs plug on should I use?
you can do all that with no customizations
use the sidebar layout
you'd probably want to use/implement fully kiosk
which is custom
for the tablet itself
I got the kiosk mode hacs working. Will try the sidebar layout thanks
Hello clever people, how do i turn this into a button? http://paste.debian.net/hidden/dc108f7a/
Convert it to a script?
i tried but very unsure of the formatting
You literally take what you have and wrap it in a script. If you have questions about the formatting, ask those ๐
In fact, that's a service with one action ๐
http://paste.debian.net/hidden/2daee67d/ Message malformed: extra keys not allowed @ data['script']
Remove script: and make sure you save it into scripts.yaml. Or, if you are using the UI, just create a new script and then click the
and choose Edit in YAML and paste in your code.
In your ui-lovelace.yaml file, add the following lines under the ressources key:
Where do i find this ui-lovelace.yaml file please?
created a new script from the ui, clicked edit in yaml and pasted this. http://paste.debian.net/hidden/a15b28bf/
Message malformed: extra keys not allowed @ data['blinking_off_script']
you don't, those are very old instructions
according to an online yaml linter the formatting is OK
oh ok, so i dont know ๐ how to get this
๐คท
I have no idea what card you're using or how you're installing it
if via HACS, it installed resources for you
https://github.com/AmoebeLabs/flex-horseshoe-card?tab=readme-ov-file This one, but cannot make it work
ok
install using HACS and then follow the instructions to set add the card to a dashboard
Thats the issue, that this doesnt have card, its only via yaml, and i am getting error or no visuals
Any idea how to create the same style infographic ?
Nevermind it just started to work ๐ Thanks god
I have this setup but the main section of the sidebar with the two video streams in a vertical-stack is extending past the bottom of the screen. How can I specify that it resizes the vertical stack to fit the viewable screen area?
I tried a card_mod under the vertical_stack but it is not making any difference
it will automatically do that
oh wait, you mean shrink it
it will not do that
you won't be able to get that to happen without card-mod magic and it won't be easy
You may have to switch to a grid in the sidebar
instead of vertical stack
I had a grid and then had the size issue and tried the vertical stack with the same result
Has anyone successfully gotten auto entities to pass a list of entities to the Mushroom Chips card?
I had inconclusive results when searching on the forums so I figured I should ask here before opening a GitHub issue with piitaya
Damn any idea how to create a button card with 3 small action on the left (in the same card)
๐ฆ
Do you think it's possible to add secondary option on a card, to stop the gate at several position ?
Click on the main logo => full open
click on the main logo when open => close
click on secondary logo (25%/50%) => open and stop at the good position
You can do something like that with the tile cards
That card allows to set a different action for the icon
Or custom:button-card but that involves some more knowledge
I am trying with the custom button-card
@zealous heart For combining more than one card to make it look like a single card, check out the stack-in-card by stickpin. (You'll have to add this repository as the one found in HACS is out-dated.)
In this screenshot: a Mushroom Light Card, a custom:button-card with custom_fields made to look like two Mushroom Light Cards, and a stack-in-card with two Mushroom Light Cards and a custom:button-card for the footer.
Okay, what do you have so far? Have you any design planned?
There's a lot you can do with the custom:button-card. This is one of the simplest options.
I planned to have a compact "All in one card" design for the garage
- A big icon with the current status of the garage door
. if I click on it (toggle) => full open and a blinking up arrow icon / full close and a blinking down icon - on the right several option
. 25% open
. 50% open
. activate / deactivate the automatic close option - on the bottom
The door position status (0 to 100%)
The timer progress bar before the automatic close (hidden if deactivated)
I m also thinking about an option to increase the timer value but I don't know where I can put it
Maybe the blinking arrow are too much :/
So then the first steps are to create a grid that can accommodate that. Add all the info and service calls to it
I can help with that, but that will be after some sleep haha
lol thanks
@zealous heart I'd suggest to not try to do everything all at once. Break it down into smaller, simpler objectives. This is one of my cards with custom_fields and embeded cards. The yellow bar at the bottom is a timer-bar card that counts down. (Same for the time next to automatic. I just haven't decided which to keep.) The Automatic is toggled with a double_tap.
i can do several card for every automation, the challenge is to assemble everything in one card xd
Start a thread and post a sketch of what you envision (use Paint or whatever). Depending on what you draw out will better help with suggestions to actually make it.
It's working but not very beautiful (and the frontend is a it buggy)
-> I don't have nice icon for 25% and 50%
-> The timer show idle when not started (better if the maximum duration is shown by default
I don't have a sketch but the idea is to concat all these action in a nice tiny card, sadly my frontend skill are poor
I must go sleep for the moment, I wake up early ^^'
I have a dashboard on a fire tablet that's frequently running very far behind. I can tell because a time entity will update, but to an old time. So something seems backed up with it's processing of events. How can I troubleshoot what's going on here?
@zealous heart That still doesn't convey how you want the single card to look. That's just showing the different things that you want to incorporate which you already listed earlier.
Check to ensure the tablet's time (perhaps time zone) is correct. I had an issue a while back where my PC's time was 4 minutes off after a reboot and it caused issues. I just so happened to be messing with timer entities at the time and couldn't understand why they weren't saying the elapsed time properly. #frontend-archived message
karwosts response: Yes the card just shows the remaining time based on your browser's time, and the finishes_at attribute. If the clock is off, it can have weird behavior.
Thanks. It isn't just the time entity though. Like many entities are delayed quite significantly.
It's just most obvious with the time entity. But interacting with the dashboard can be very unresponsive or just not work at all
Auto entities and Mushroom Chips
Is this the sort of thing you're after?
Can custom any with custom-button
Hello; I am trying to convert my layout to Sections but I am seeing large gaps going horizonal and vertically - is there a way i can adjust these?
Hi All - trying to get weather mapping down but I'm missing something. https://pastecode.io/s/k4y08v17
@tribal galleon this is nice,
Can be improved,
if auto is on -> the timer show the max value by default
if click on the timer -> possible to update the timer
on the right adding a third option (as the light) to redirect to a camera can be nice (but I didnโt integrated yet the garage camera, still itโs an option)
the progress bar can benefit a percent in middle of the icon.
And maybe like @golden mirage button a tiny online status to check if the door is online.
@upper rapids @golden mirage thanks for your idea, now I want to rework some of my light xD or monitor my grid injection and solar panels ^^
I second the suggestion to actually draw the layout before you do anything else. Get a pen and paper. Make notes. In time, and experience, you'll be making cards like that from your head ๐
this card looks optimized for me,
but I ll try to do a sketch when I ll rework my other cards.
I need to do one specific card for my bedroom lights or my sejour (multi room). But I ve a lot of other things to do before xD
I m using dwains dashboard for the moment, Itโs nice and easy to setup but I ll definitely want my own personalized dashboard in the future. For the moment I want to focus on automation and more useful cards.
Itโs my temporary solution
all of my lighting:
itโs well organized, me itโs more straightforward. My more complex bedroom I can control all lamp or individually one by one. I did add add some logic about brightness regarding time on the remote.
What is the adaptive lighting master option and toggle for ?
the first slider control all the room*
Hey, exists a way to minimize the GAP between the sections? (without a new theme?, maybe in the sectionside editor directlly?)
That looks very functional, but what is adaptive brightness and color? How is it used? Have you installed the same brand of lights in all your rooms?
Adaptive brightness is a plug-in that changes the temperature of the lights to match the sun. Works really well and can be calibrated to work with different brands of lights, however I have only been using it with Philips hue.
Every light in my house is Philips hue and I notice it been much better than having harsh, cool light all the time in the evenings
See above for adaptive brightness/colour
I m using hue filament in half my home, I donโt know how the adaptative will work with them. They canโt do every color and are warm only.
oh wow, that's interesting. THanks for explaining
No worries ๐
Just wait until you get me talking about my node-red stuff ๐
Doesnโt need to be RGB, temperature control will work fine. Some of mine are the RGB ones but some are just the temp ones that can go between 2000K and 6500K
I ll give a try then
but the adaptive color toggle doesnโt make sense if there is no color, right ?
adaptive brightness changes brightness, and adaptive colour changes the colour temperature
is it possible to see how you did that?
@upper rapids how do you activate the adaptive light ? You use an automation on the toggle helper state ?
I don't know where to start
It works when your light is on, no need to toggle with an automation, but #integrations-archived is the place to talk about adaptive lighting
No, it's still experimental, so hopefully somewhere in the future.
weird question about displaying background images. When I create the card with the background image it shows up correctly and all is well. But when I cast this display, it appears with a blank background. I cannot for the life of me figure out how to correctly display this image. I have the same issue displaying person entity images. When i just make a blank image card it displays fine tho
@frosty sleet when you ask your question here, make sure to format your code using backticks `
@frosty sleet 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.
@frosty sleet I converted your message into a file since it's above 15 lines :+1:
@frosty sleet there's no such thing as a mushroom-slider-card
there's a mushroom-number-card which shows as a slider
but that requires a number entity
and the volume of the receiver is not I imagine
If your media_player supports a volume slider, add the volume control options to the media player card
I did it
e.g.
type: custom:mushroom-media-player-card
volume_controls:
- volume_set
- volume_mute
- volume_buttons
media_controls:
- on_off
entity: media_player.votre_media_player
Has anyone seen a collapsible card but with the option to always show at least one of the embedded cards?
I basically want to create a list of card, showing a few favourites, and the rest hidden upon tap
This is exactly what I mean. Question is...does it exist?
pretty sure the fold entity row can do it
with media players, you'd need to combine the fold entity row with the hui element card
so that you can put media_players in the entity card
and then fold it
but can it fold cards? custom button to be specific
anyone around who can assist with the weather platform? I'm struggilng to map icons based on state
Suggest just ask your question, don't ask for someone to pre-commit to answering it.
I should know better. I'm struggling to map icons to weather states. Here's my code: https://pastecode.io/s/pr0upy0e
Instead of it showing a single icon, it's stacking all my icons all the time
no I need the first couple of cards to be visible. I want a "show more'" button, not "show all" if that makes sense ;p
Why not just have have the second card always visible? Maybe make the first card normal and the second card fold?
yes that would be a backup solution. Just to clarify, I would like it to be as on the left. And your suggestion is as on the right, correct?
Yeah that's what I was thinking. You might even be able to get it to work by placing the top two in a vertical-stack, but I don't know if it does work or if it would be any better.
The template seems correct, it has probably something to do with how decluttering card or lovelace-paper-buttons-row handles it. Not really a weather platform issue
But I don't use both cards
@lyric prairie - I took the code largely from someone else where it works. I'll try to take it out of decluttering to identify where the problem is
Hi all, i have a couple tuya smoke-detectors connected to HA. And now i'm looking for a way to show them on the dashboard. I can do it off-course with normal entity. But i want to change the color of the entity red/yellow when there is smoke detected. Is there a card or entity view that can do this easy?
I'm not sure this is the right place to ask JS questions but it is tied to Custom Button Card so I'll ask for your mercy if incorrect:
var_assistsat_entity: |-
[[[
return hass.states[variables.assist_group].attributes.entity_id
.find((eid) => hass.states[eid].attributes.browser_id === localStorage.getItem("browser_mod-browser-id")) ?? variables.default_satellite;
]]]
I have this variable being define and it works great for my purposes. Someone here helped me put it together. Now I am trying to do something slightly different. Here it will either return the value that matches or if it is undefined it will assign a value. What I want to do now is if it is undefined then return undefined and then break out. I have other examples that I want to do this for that are a bit more involved so I started with this example.
var_assisting: |-
[[[
var assistbid = hass.states[variables.assist_group].attributes.entity_id
.find((eid) => hass.states[eid].attributes.browser_id === localStorage.getItem("browser_mod-browser-id")) ?? variables.default_satellite;
var micdevice = hass.states[assistbid].attributes.mic_device;
var micstate = hass.states[micdevice].state;
var assisting = micstate.includes("start");
return `${assisting}`
]]]
Here is one where the value determined is passed further down. I cannot just assign the default_sattelite value to undefined otherwise things start breaking.
no mercy
Hopefully my request makes sense. I am trying to set up a troubleshooting view that will give the true value of these variables .
Any CSS guru's online?
I have some Lenovo ThinkSmart View devices and developing a dashboard for use as bedside table displays. They work really well except the very lowest display brightness is still a little too bright. So I've been trying to overlay a custom mod-card that sits on top of the dashboard and has an opacity value linked to and input_number helper. This works well for most of the cards on the dashboard except for Cloos' fabulous Bubble Card which I use extensively for popups. The popups and the buttons that call them sit on top of everything else, no matter what z-index I use for the mod-card (high numbers). Viewing in Chrome layer view (3D) I can see that the bubble card elements always sit on top.
This is the mod-card code I'm using:
- type: custom:mod-card
style: |
ha-card {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, {{ states('input_number.bedside_table_device_overlay_brightness') }}); # Use the variable here
z-index: 9999 !important;
pointer-events: none; # Make overlay non-interactive
display: flex;
justify-content: center;
align-items: center;
}
ha-card > div {
pointer-events: auto; # Make the inner elements interactive
}
Any thoughts?
@scenic current an empty return should be the same as "breaking out". I thought you were able to get checking for undefined values back in March. #frontend-archived message
var_assistsat_entity: |-
[[[
return hass.states[variables.assist_group].attributes.entity_id
.find((eid) => hass.states[eid].attributes.browser_id === localStorage.getItem("browser_mod-browser-id")) ?? "";
]]]
Hmmf.. so I use that variable downstream from here so I guess I'll have to do some extra work but what I have above should return undefined?
I'll post the code this evening. The screenshot only has a minimum amount of functionality. It is more pseudo code than anything what but could be a good start.
do third party cards (HACS) need to build in support for visibility? Trying to implement it for "ApexCharts" it does not have a visual editor. When I add the visibility yaml code I get a message stating: ** "apexcharts-card version 2.0.4 /// value.visibility is extraneous" ** https://dpaste.org/tmXZ8 YAML
Yup.
Well that's super annoying.
I don't think I agree with that
visibility works for other custom cards without support
Simply too many option to cram into a small UI.
I actually just confirmed this.
if APEX is complaining via its own error messages that's its own business, but I think the frontend would be fine with that
does it work, disregarding the error message?
Might just have to wrap it in a Conditional card.
that's apex that's throwing that error. seems like it's trying to be too helpful
d'oh-- yes this works
Maybe instead of the "", set it to null. (No quotes.)
No joy. I'm going to have to circle back on this one.
Hi, I have got a problem with my timetable helpers. They are not editable anymore via UI.
Is there a known problem?
I used to change the time periods by klicking a 15min slot or drag them
But now everything seems to not recongnize my mouse click
Even when creating a new one it is not possible to set any timeslots for on/off
it is a known bug
I tried like one or two the other day and they didnโt work natively. So, IDK. But, I didnโt have them wrapped in a conditional card either.
Any way to fix pictures that show up on my desktop dashboard view, but dont load when casting the board to my hub?
https://imgur.com/a/9PmSSkT
Can I change the font size somehow or is card mod needed? (yellow)
Second, what's with the icon colors once working and then not (red)
More than likely need card_mod to adjust the font size.
What cards are the cards in red giving icon problems?
Could be a limitation of the hub. Generally, they don't use standard browsers.
Using the new Section Conditions, is it possible to use a chip card (without entity) to toggle a section?
Hmm, when I do a standard image card it displays fine, but when the image is set as a background image, or person_image (creating custom user cards) it doesnt display. All of these are referencing the same image
@tribal galleon Sorry to bother you, did you find some time regarding the garage card ?
Just got home. Will have it in a couple of minutes. Want to add a couple of things to it that you might find useful.
My custom garage card
Using UI_Lovelace_Minimalist custom:button-card, as soon as I add template: card_light, I lose the ability to use card_mod to set the font-size for the name. Is there a way around that?
Why are you using card_mod on a custom:button-card when It has its own styling capability? Anything you put into the card's code will override the template's code.yaml styles: name: - font-size: 20px
I saw that, but it didn't do anything. It seemed to be for a different button-card than ULM.
Minimalist relies on templated custom:button-cards. It's the same custom:button-card as found here . The code that I posted above I just put into a custom:button-card that I was working on the double-check the syntax.
For me this is neither green nor tall unless I comment out the template.
However you are correct that card_mod isn't needed. I only thought styles: etc wasn't working because I hadn't commented out the template.
@pallid zephyr I think I know what the problem is. So, name: is not actually the name:. The template doesn't actually use name:
From the template: show_name: false.
It looks like the name is actually located in the custom_field called item2. The problem is, I cannot figure out how to target it from the base card's styling. I don't think it can style into another custom:button-card.
You might be able to use card_mod but I don't have a clue how to target something like that. You might be better off modifying the template itself, but that would make a global change across all cards using that template.
How do I round the decimals in this? My attempt is not working
label: >
[[[
return '- ' + ((states[variables.entity6].state / 100) | round(2)) + ' kr'
]]]
This works, so it's only the round part...
label: >
[[[
return '- ' + (states[variables.entity6].state / 100) + ' kr'
]]]
@zenith stag (states[variables.entity6].state / 100).toFixed(2)
thank you. I find these things really hard to grasp
trying to mege previous templates from different places to create new frankensteins but hardly ever work 100% ^
Is it possible to use a node.js client library (influx-node-app) in the frontend? I would like to access influx data in the frontend to generate the required data for the APEX Card (data_generator)
You would need a custom integration to do that. However, the InfluxDB integration allows you to create sensors from data stored there.
is this possible?
Anyone using Bitwarden 2024.6.0 and Home Assistant? Seems to be an issue with tabs freezing: https://github.com/bitwarden/clients/issues/9617
Should Auto Dash fully setup rooms etc. automatically like mushroom strategy?
I am a little lost reading the documentation
Are the new sections view type, supposed to be suitable for my use case below.
I usually have a single dashboard where I try to show all of my alerts/alarms at the top of the dashboard, conditionally. I then show areas for each room below that so I have tried to use sections today to see does it work well.
For the most part its quite good, however, in my 'alarm' section, when all is well, there are no alarms so ideally I would like to hide that entire section when theres nothing to show. However I guess because of the current nature of the sections, even if nothing is visible within one, it will take up a single grid space, showing nothing inside.
Is there any trick to help with this, maybe hiding the entire section if no entities within are visible without me having to write this logic myself at section level?
Second report: https://github.com/bitwarden/clients/issues/9627 Anyone experiencing Bitwarden and HA issues?
hi all - I have an incredibly simple thing not working for me.
{{ states('sensor.day_en') }}, {{ states('sensor.date_en') }}
is returning "unknown, unknown". I have the sensor defined in my configuration.yaml:
- platform: template
sensors:
day_en:
value_template: "{{ ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'][now().weekday()] }}"
date_en:
value_template: "{% set months = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] %} {{ now().day | string + ' ' + months[now().month>```
Are these your first template sensors? Did you test the templates themselves in the template editor? It looks like the date_en is wrong. It should be {{ now().day | string + ' ' + months[now().month] }}
The end should be months[now().month] }} to fix that one.
trying now
@safe trout A few more things. You should probably subtract one from the month to get it to return the correct month. Lists start at 0.
{{ now().day | string + ' ' + months[now().month -1 ] }} returns june. (your's returns july)
{{ now().strftime('%A') }} returns Thursday.
{{ now().strftime('%B') }} returns June.
Python strftime cheatsheet
getting an error in the yaml check, trying to figure it out
- platform: template
sensors:
day_en:
value_template: "{{ ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'][now().weekday()] }}"
date_en:
value_template: "{% set months = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'] %} {{ now().day | string + ' ' + months[now().month> ```
dangit sorry, that's wrong paste, give me a moment
#templates-archived would probably be more helpful. (It looks correct to me, though.)
template is clearing my code, but the yaml restart checker is spitting out an error
missing a quote - here goes reboot
success, thanks @tribal galleon and @vague blaze. Onto the next bits. Trying to replicate another project that someone killed off last year that I think is hands down the best looking HA I've seen
ok, now I'm somewhat convinced there's a bug ๐
Why is that?
because I had my day/date/time appearing perfectly, started working on an entirely different block (weather), and now my sensors are returning "unknown, unknown" again
ok it must be related to the restart after I added openweather, do I have to do something in the template for my sensors to trigger again to get initial values?
Ok, let's move this over to #templates-archived first. Then we can figure that out.
I have some lifx bulbs that support a flame effect. I want to slow the effect down and then save it as a scene but I'm not seeing a clear way to alter effect parameters when turning light effects on or off. Is this something I will need to build a card for using number helpers and a button that calls lifx-SetState but passes the number helper to the effect length parameter?
I think just vanilla cards. in sections view
Hi All. Any idea why when I play something from Stremio it displays the full poster of the Movie or TV show and the name of the show or Movie on the media card but Kodi just stay default and displays just the name?
Thanks
I try to generate Cards based on a template-expression, ie:
{% for attr, value in sensor.items() if attr.isdigit() %}
// generate Card here
{% endfor %}
I've tried auto-entities with template but it does not work if the json includes booleans. Any other ways to do it?
Hello all,
I have a sensor called โsensor.myteamspeakserverโ.
The attributes are attached. As you can see, there are three users online right now:
client_nickname: 3de1
client_nickname: 3de
client_nickname: serveradmin
Can anybody help me to create a list of the online users on my dashboard as a markdown card?
I also would like the user โserveradminโ to be hidden in that list if possible. So basically, there only should be the users โ3deโ and โ3de1โ in that list.
Thanks!!!
hey, is there a way to comment out a card state but not lose it when i save it to has it as backup in the card? like a # in yaml
when i use # in yaml code it removes the line
you can't use the UI at all
you have to use 100% yaml to comment things out
there is no way to do what you want if you use the UI at all to set up your dashboard
hรค, i said im using the yaml mode, do oyu mean something else?
with /* it works to comment out
not sure what /* is supposed to do...
it looks like this comments out the line but dont remove when im saving
there is no possible way to comment out a card if you use the UI in any way, shape, or form.
@fiery ledge I converted your message into a file since it's above 15 lines :+1:
aargh.. sorry.
please check if we can do something like width: > [[[ if (@media (min-width: 570px) ) return '494px'; return 'calc(100%)'; ]]] which would be awesome ๐
that's card mod
use jinja templates
I don't believe you have access to the CSS though
heck, youre right
I don't think it's possible TBH
no, I've tried all I could think of, and this is the most compressed I could figure
Although in button-card you can use something similar
Yes but the thing is I donโt want to overcomplicate the horizontal-stack of the menu buttons itself. The width is required because the โpositionโ is used in the card_mod. Without that, the stack is perfectly limited to a single column in the view
In fact, itโs a bit surprising it can go beyond that at all, because my views are all vertical-layout, so only have 1โฆ
HI, is there a way to change the size of a mushroom title card? Not just the font , that I can do with
card_mod:
style: |
ha-card {
--title-font-size: 24px;
}
Would anybody be able/willing to help me edit the javascript of a custom card (compass card). I am trying to force it to have a custom word rather than "N"
The card has language options. So my first idea was to pick a language and chenge the javascript for that language to put custom words instead of that language's words for N
I found where it has the russian language and tried editing the abbreviations through that and saved and refreshed but it seemed to just not change anything
you might be running into browser caching.
I'm not confident if it does or not
Okay I will try opening in private window
there's like multiple levels of caching, and hard reload only clears one level of cache, and I think https vs http plays a factor... it's complicated
I tried in incognito but it is the same there :/
The russian letter for N (North) seems to be "ะก" which is Cyrillic not latin "C". Searching through the js file I have replaced all cyrillic "ะก"s so I cant see how it would still show it in the card
Try changing ha-card to :host. The variable might be --mushroom-title-font-size.
read up on some custom cards and caching. some update their url with a ?v=2 to defeat the cache. or you can disable it as described here:
https://developers.home-assistant.io/docs/frontend/development/#development
Okay I disabled cache but still the same :/
didn't really help; note that what I use, does change the font size, that's not the problem. But the size of the title card doesn' t change with that. I want to make it smaller.
If there are no results in the js file for "ะก", and cache is disabled, how can it show "ะก" in the card? I feel like I must be missing a piece of the puzzle
Unless I am somehow editing the wrong file. I found it in www/community/compass-card/compass-card.js
Okay I found in chrome tools > sources I found the JS file its using and its still using the original without my changes
So where is the js file that the frontend uses?
can anyone help me with getting themes working?
i installed this one
but it seems like the background isn't changing one i pick a theme
the mappings from card type to .js file is specified in custom resources configuration page, under dashboards
Is there a specific place where its best to leave feedback / ideas on the new homeassistant sections. I want to raise a request/idea to have an option for a section, which can control its visibility based on all of the children elements within. ie
hide section if all children within are hidden
The idea being that some users might use a section at the top of their dashboard to show any alerts/alarms so as to appear most prominently for the user, but the section containing any such alarms shouldn't take up unnecessary white space when no elements within are being shown (ie no alerts/alarms).
(Make sure to check that it hasn't already been suggested first)
There's that general feature requests forum, frontend also runs a separate feature request tracker here:
https://github.com/home-assistant/frontend/discussions
and I believe it was mentioned in one of the livestreams for sections feedback specifically to comment in this forum thread:
https://community.home-assistant.io/t/a-home-approved-dashboard-chapter-1-drag-and-drop-sections-view-and-a-new-grid-system-design/699342/210
I guess you could make a group of your alerts, and then show the section if that group was on. but I understand you're asking for something more automatic
Thanks a lot guys, I'll try the forum thread first, thank you
If you're looking to change the dimensions of the card, it should respond to height and width in the ha-card section. If that doesn't work (or not what you're looking for, post your code and I'll take a look later this evening.)
Look at the issues for that card. That's a known issue. I've commented a couple of times in here about it and how to fix it. (Files need to be moved.) Search in this channel for my username and ios. I wanna say there's a fork that has it fixed.
I've tried with this
type: custom:mushroom-title-card
title: NetAtmo
card_mod:
style: |
ha-card {
width: 1000
height: 1000
}
but that doesn't do anything
You can also try adding !important to the end of each dimension. The title card may have its own variables for dimensions. I have to look later, though.
adding !important didn't help either
/push
All -
relevant YAML: https://dpaste.org/ZyXXd
I'm having an issue with the mapping of icons. Currently, the result is I just get text on frontend ("icon"), instead of the right icon, not sure where "icon" is even being pulled from.
lines 71-75
Your path looks weird. Should be something more like /local/themes/.....
Have you run your script through Dev Tools?
Those icons are also avaliable online. You can use the path to those instead.
just ran it through dev tools, the path looks right
/local/themes/animated-weather-card/icons/sunny.svg
changing to https://github.com/bramkragten/weather-card/tree/master/icons/animated/ - same effect, I'm just seeing text "icon" on my frontend
Is the yaml supposed to use image: or icon: at Line 44?
Im trying to set up a ios scriptable lockscreen widget to have me sent directly to a custom dashboard, but whatever i do homeassistant://navigate/lovelace/custom-dashboard will not send me there. I always land on the default dashboard. Ive also set the default dashboard in the companion app to the required one, but that didnt help either. Does anyone have tips on how to make this work?
@safe trout I wrote something similar but in Javascript. custom:button-card with mapped icon and icon color based on weather condition. (This example has since been improved; it now shows night-time icons when applicable.)
I thought I had made a Jinja version but I cannot find it. (I may have lost it a while back ago when I accidentally saved from a different window.)
looking now - appreciate the help. I've been doing some tests, I can't pass a URL into icon, if I just do a generic local icon past icon: it works, but as soon as I change it to a URL, blank
looking at documentation I think I need to use background-image
Wondering if anyone could take a look at this and tell me why its not working. I have an icon that shows when any lights are on and when I click that icon it shows me a pop up of just the lights that are on and I'm able to click them to turn them off. That works no problem. But when I try to put that into a conditional card it doesn't come up with any errors but no card actually shows up.
Right now outside of that conditional card when no light is on it shows the icon with "0" next to it. I would like for that icon to disappar when no light is on and only show when any lights are on
This is it working without trying to make it conditional. https://dpaste.org/jLoJp
Don't know if it will help but try adding a /at the end of your path. Maybe, adding a /0 or /1 might do something.
Hei, i have a temp sensor which I plot the last day on a graph, it looks good. Now I also have a 7 day graph, but I want a lower resolution like 1h average, what's the best approach for this? I often use the apexchart add on, but it's not essential
Does anybody know if its possible to set tap action to none on statistics graphs?
I'm about to just call it a day and give up on the icons. I think the issue with my yaml is the image variable itself, but changing it to icon doesn't help, I can't pass a URL to icon as far as I know
In Mini Graph Card you can set points_per_hour to increase or decrease resolution
Great thanks! ill check it out!
Sorry for the small screenshots, on my phone
it is enough to work one:)
I'm stuck, I have been able to get the colors of state-icons change on my picture elemants card, but I have a conditional element, which is also a state-icon, but the card-mod code I have been using everywhere is not working. Any help will be appreciated. The code which usually works is:```
card_mod:
style:
'state-badge$': |
ha-state-icon[data-state="on"] { color: red; }
ha-state-icon[data-state="off"] { color: grey; }
I've been desperately trying to learn card_mod styling, but not having much success. Is anybody willing to walk me through a few things?
To pick a starting point, I've been trying to understand the "Debugging tips" section of the card_mod docs, hoping that this would allow me to troubleshoot other issues myself.
Step 4 says to select the <card-mod> element under the <ha-card>, and then type $0.card_mod_input into the console to see the rules applied (or at least matched).
On one of my cards, this works, on another card (that I'm currently trying to style) with the exact same rule, it just shows an empty string. What does that mean?
Maybe it's an issue with that specific card. (It's the denysdovhan/vacuum-card, btw.)
If I apply the rules via card-mod-card in the theme, it does apply!
I've also noticed that the <ha-card> has a class of type-undefined. That's odd, isn't it?
Additionally, I was unable to set the styling variables (as documented) as variables in the theme. However, if I set them to ha-card.type-undefined via card-mod-card, it works!
Documented on an existing issue: https://github.com/denysdovhan/vacuum-card/issues/547#issuecomment-2168826432
Next, does anybody know how card-mod-more-info works? What element should I attach my rules to?
I'm trying to style all Tile Card tap popups, but having this in my theme seems to affect nothing:
card-mod-more-info: |
* {
font-size: 99pt;
background: hotpink !important;
}
thanks, finally i forced myself over the wall and installed InfluxDB + Grafana (I would have had to install database anyway since the need for long time storage of data) starting to build my first dashboard hitting so many new walls....
https://energi.hoorsscoutkar.se/e
Im trying to cast my dashboard to my google hub, it is all working fine, except my entity picture is showing this instead of loading, anyone know how to fix? The image shows up correctly on my desktop, just not the hub
Have you tried another picture file type?
no, its a png should I try a jpeg?
when I do a picture type card the image load fine
just not as an entity, or the card background
I'd expect png to work, but it might be worth a try.
I got the same result with the jpg as a png
loaded fine on the computer but not on the hub
ok I'm working through the next section of this guy's dashboard and have more questions (thanks in advance). Sometimes it's hard to figure out what has been deprecated and this dashboard is over a year old.
https://pastecode.io/s/50voe08q
is that style modification still valid under the current iteration of slider-button-card?
nvm answered my own question.
anyone ever have an issue where the dashboard doesn't load until you go into edit mode, then everything pops up?
Thatโs usually a browser issue and/or caching issue. Clear your cache and also test with another browser and test with private/incognito mode as well.
@vague blaze happening on every device (3 different devices tested)
btw - thanks again for the help. It's coming along: https://imgur.com/a/YaCtuJ3
What happens if you create a new dashboard? Same issue? Also, check the browser dev tools and see if there are any errors in the console.
Anytime!
That looks really good!
still annoyed I can't figure out the weather icon, but, I'll tackle that after I get through a bit more
weather icon?
@untold trail yeah I've been trying to get a mapped weather icon working for a few days now. Several people have tried to help, no luck. It's based off of a template I took from someone else but I think things have either changed or been deprecated
oh...idk what mapped even means heh
can a mushroom chips card have a light popup card when you click on it?
Is there a Blueprints UI coming at some point? I find it extremely difficult to debug at the moment.
You were close with the card_mod but (I didn't notice it before; I was mobile) you don't have a unit or semi-colon at the end of each line.
(I condensed some lines so the bot would not eat this post.)yaml type: custom:mushroom-title-card title: NetAtmo card_mod: style: | :host { --title-font-size: 32px !important; --title-color: black !important; } ha-card { display: flex !important; text-align: center !important; height: 150px !important; width: 300px; background: gray !important; }
Your code snippet link has expired. Can you repost so I can take a look at it again?
hi, i want to display a clock on my dashboard but i need to it to cover the whole dashboard so the font size is big. how would i do that?
Yes indeed this does work! Thanks a lot man!!
although no, it's nog 100% what I'm looking for
I can change the size of the text and if I make it like 1000px the card grows with it. However if I go below a certain size, the text shrinks but the card itself does not. In normal circumstances the text is alligned to the middle of the card. But when the text is too small it's alligned to the top of the card. I'm still looking to make the card itself smaller
Anyone know how to extract the temperature from the forecast attribute.
Forecast [{'datetime': '2024-06-15', 'condition': 'cloudy', 'precipitation_probability': 0, 'wind_bearing': 225.0, 'is_daytime': True, 'sunrise': datetime.datetime(2024, 6, 15, 5, 29, 'temperature': 18.0, 'templow': 12.0}]
This one below is not working.
label: "[[[ return states['sensor.weatherforecast'].attributes.forecast[0].temperature + 'ยฐ' ]]]"
@vital bronzecreate a view with the clock card and set the view to panel: true
Anyone have a way to set up dynamic timers in a card? Like at the very least something that I can set a single dynamic timer for, that I can then use to trigger other actions, or maybe something that would allow me to add multiple dynamic timers to a list that each timer can run concurrently and actions can be taken on each independently.
I think probably the closest you could get would be like creating a script that has input fields, like a duration and an actions selector. then put that script and a timer in a card, and when you click on the script to run it you can pick the actions in the more info
Script as in the scripts section in Settings?
yeah, but use the Add Fields option
add action you mean?
you'll need both fields and actions.
I dont see an add fields option in scripts
top right
menu
FYI this is not going to be an easy thing to implement, it's pretty advanced
Not sure why it would be that complicated, I mean theyre just timers. But I guess with the restrictions of the system it may be
I'm not following the "single dynamic timer " part. ๐
Well when I was initially looking at timers, I was mostly getting results for a timer that had a static set timer, like 15 min for your sprinkler system whenever you triggered it. I want to be able to set the time on the timers in the UI in like a card, that being the dynamic part I guess.
I input_number helpers which can be added to your dashboard. When starting the timer via automation, I have it look at the helper to set the duration. Action: yaml service: timer.start data: duration: >- {{ states.input_number.automation_auto_bathroom_lights_duration.state | int(0) * 60 }} target: entity_id: - timer.automation_auto_bathroom_lights
Example being like if I have 3 timers I decide to start with varying times, the first being an hour, the second being 15 min and the third being 30 min. If I start the first, then 5 min later the second, then 30 min later the third, I want timer 2 to go over 20 min after the first timer start, timer 1 to go off 60 min after the first timer start, then timer 3 to go off 65 min after the first timer start.
and I was hoping to be able to edit the timer length in a card to have an easy UI to start and edit times with.
Did you have to manually create those "timers" up front, so you always have those 4 available, just not all may be in use at the same time?
Those just seem like different events that need to be added to the automation. Trigger_ids and Choose actions would be the way to go rather than trying to make 12 different automations.
Also, those timers autostart by an extrnal trigger, I wanted a start button, but I suppose that would be easy to set up. With what you posted though, I'd have to set the other 3 timers to 0 if I only wanted one timer running at a timer, and I don't know how I would really start another timer before the 1st ended.
Unless I had a separate start button for each timer
Each row in the picture above has the following: an input_boolean helper to "enable/disable" the automation (so I don't enable/disable the actual automation entity), a timer entity, and an input_number helper for the duration.
@north crag https://github.com/dsellers1/home-assistant/tree/main/automations. I think the same basic concept would apply for you. Your events would be different (Timer A = x minutes) but perhaps this might put it in a different perspective.
what's the actual thing you're trying to accomplish?
Sounds to me like a staggered timer sequence.
I'll check it out, thanks
Just a UI (card) interface and logic for an undetermined number of customizable timers.
no, that's how you're trying to accomplish it. what's the actual goal?
I'm not trying to bring you down, I'm just curious why you want that. maybe I'll want it too or maybe one of us will have a better way to accomplish it
The goals is to use HA to allow me to get notifications from multiple timers that I set up around my home. Anything from basic kitchen timers to any other timer that I know how long it should take to complete that I want a notification for.
#automations-archived would probably help with the automation aspect of it. From a front-end perspective, helpers can be used to be able to "adjust the settings."
Ok, I haven't really used automations before, and wasn't sure if automations was the way to go otherwise I would have posted there first. I thought maybe there was an card that would have handled all this.
Thanks for the help.
You'll need the automation portion to get your timers to actually do anything meaningful. Otherwise, they'll simple countdown and then do nothing. I'd suggest starting with one timer and get the notification portion working. Then expand it to be able to handle the * If I start the first, then 5 min later the second, ... I want timer 2 to go over 20 min after the first timer start,*. I'm sure it won't be easy but of the logic you're trying to get it to do. (But not impossible.)
this suggests using the scheduler integration/card for that... https://www.reddit.com/r/homeassistant/comments/121hbnk/solution_for_oneoff_timers/
and this talks about it more https://github.com/nielsfaber/scheduler-component
i think it's exactly what you're looking for. throw in a helper to make it notify instead of turning on a light or starting the vacuum
and it actually looks like it might be useful for me too, so that's a win ๐
Thanks, I'll check those out and respond back when I've been able to test some of it.
i tend not to use that sort of notifying timer for anything but cooking, but I can imagine wanting to have a thing happen at a time as a one-off instead of an always thing.
@brazen drum I converted your message into a file since it's above 15 lines :+1:
I have the following card in each view on Home Assistant:
`type: custom:vertical-stack-in-card
cards:
- type: custom:decluttering-card
template: navigation_bar_template
card_mod:
style: |
:host {
position: sticky !important;
bottom: 0 !important;
}`
This card is a navigation bar defined as the last card on the page, always displayed at the bottom of the screen. However, since the last core update, it no longer works. How can I fix this?
@brazen drum I use this to position a card in the top right corner of the screen. yaml card_mod: style: | :host { position: fixed; top: 0%; right: 0%; z-index: 99; }Looking at your code, I wonder if it is because you use 0 instead of 0px or 0%.
anyone know how I can determine the URL of the daily post for "HIGH POINT LOOKING NORTH" from the following set of "live streams" http://sandiegoweathercenter.blogspot.com/p/live-images.html#google_vignette
I want to use it for my background
@safe trout To me, it looks like it is not actually a steaming feed, but simply a static JPG. (I'm sure it gets updated at some interval.) But here's the link to the image: https://cdn.hpwren.ucsd.edu/RT/hp-n-mobo-c.jpg
@tribal galleon how'd you get that? I agree it's static, which is fine. Timestamp looks like the current image is from the last couple of hours
Followed your link. Found the camera. On the next page, in Firefox, I inspected the page. Used the Pick Element tool. Selected the "live camera view". Screenshot shows what it returns. Copied that link into a new window to double-check that it was what I was looking for.
@tribal galleon you think it's better for me to pull the image locally and then link to that in HA or just go direct to the url?
Sticky navigation bar broken
im using button-card and i would like to remove the unit from my state so it will only say "30" instead of "30 miles" and for it to look like the default title card but just can't find any css out that that works
it seems like i cant edit the css of the container div making it a flex row placing the icon next to the text instead of above
The image's file size was about 500KB so just using the URL may not be an issue depending on your connection. I'd say, give that a try and see how your dashboard responds. Just realize that it will probably need to download each time as you navigate around to different views. It also depends on it the image gets cached on the device.
If you decide to use the Downloader integration (and set up an automation to download the image), just remember to set its path to use /www/ and not /downloads/ like it wants to default to. I forget how the integration gets set-up, but before, when it had to be manually configured, I had to use this configuration.yaml: ```yaml
#downloader:
download_dir: www```I have some caching issues with the downloaded version when an image is used in a custom:button-card. (A picture card using the URL works just fine.) I'm sure it is more of an issue with Firefox than it is a problem with the card. (Even though I've tried being sneaky and forcing the card not to use a cached version of the image. But, now that I look at the code that I was going to paste here, I think I see my problem. I tried using a Jinja template inside a JavaScript-based card.) ๐คฆโโ๏ธ
This might work for most cards: "/local/WU-animated.png?v={{ now() | as_timestamp() | int }}"This might work for the custom:button-card: "[[[return `/local/WU-animated.png?v=${Date.now()}` ]]]"(EDIT: Just don't use triggers_update: all because any little thing will cause the card to update itself and create an almost strobe-like effect.)
EDIT2: The custom:button-card version works. Added triggers_update: automation.download_latest_gif. When the automation fires, the entity is updated which subsequently causes the card to refresh showing the newly downloaded image.
type: custom:button-card
triggers_update: automation.download_latest_gif
styles:
card:
- background: '[[[return `url("/local/WU-animated.png?v=${Date.now()}")` ]]]'
- background-size: contain
- background-repeat: no-repeat
- height: 350px```UPDATE: This actually works pretty well. Updates whenever the automation fires. Good for a static dashboard that doesn't get refreshed frequently (like a wall display). The Picture card that I was using for comparison has not updated itself during this time.
Is there a way to hide disabled device's entities from a dashboard? I have one device which I don't want to remove from HA core because I use it every 6 months. Its entities are shown in the dashboard. If I disable the device, entities are showing the error on the dashboard. I tried commenting them out from code editor, but it just removed them.
Now when I opened it again after saving, it deleted them completely.
Before it deleted them, I also tried disabling them (which also triggers "visible" toggle to off, but they are still there.
Conditional card
Condition being state = unavailable
Thanks. Is it possible to do it partially? On the dashboard I'm using, I have a card for a living room, so all devices' (from living room) entities are there. Is there are a way to hide those of disabled device? I tried conditional card, but if I'm seeing it correctly, I would need to have separated card for every device?
You could put multiple cards inside the conditional card but then all of them would be disabled based on the state of one
If you want them individual youโd need a conditional card for each
On my dashboard, the <hui-root> and <hui-view> both have a class="undefined". Is that correct and intended (why?), or is something going wrong there?
Is it working fine?
Well, a lot of stuff isn't working with my custom YAML dashboard! ๐
But it's WIP and I cannot identify the missing classes as a specific issue, no.
hello any idea how to remove the separation from this vertical stack cards: https://pastebin.com/QJK1rcqt
I want these 2 cards to look like one card
one option is https://github.com/ofekashery/vertical-stack-in-card
But I think the built-in Grid card could be a better choice
How I ve never used this one, I ll try
hmm grid stack look same but is different ^^'
I got the same result
yeah, the first one looks like the solution
?
Noice
I wonder if you could use an auto-entities card. It's not the easiest card to set up, but you can feed it enough parameters to get it to show what you want, excluding those that you don't. For example, in this screenshot, auto-entities includes entities matching light.*_lights and excludes states off,0, & unavailable and entities containing *screen* and light.all_lights. It is set to output a custom:button-card for each entity it matches. (The custom:button-card uses entity_id: this.entity_id.) There's some useful examples in the docs.
In regards to what nitro suggested, why couldn't you put the one entity that rarely gets used into a conditional card, and set its condition. I suppose ultimately it depends on how the card looks currently and what you're able to live with it looking like in the long run.
so auto entities are the think used in dwains dashboard
Anyone in here with floor plan setups?
Looking through the code of Dwains Dashboard I don't see anything that shows that it is using auto-entities although I did see references to using custom:button-cards. There's so much code in there (which, honestly, I don't understand) but I'm willing to bet that it handles all of the entity matching/displaying on its own.
It could be of course. My dashboard is basic and I like it that way, that's the reason why I asked. The card is per room as it's useful for me to turn on or off all devices in the room with a single toggle switch from a card.
That's why I hoped for a solution where entities of disabled device aren't show at all by default.
@tepid spear Post your code for the card or a screenshot of the card.
If you've defined an entity within the card and it cannot be found (disabled, typo, wrong domain, etc.), then the card is still doing what you told it to do and will attempt to show the entity. Since it can't be found, hence the error.
If you're using an Entities card (I'm assuming since you mentioned being able to toggle everything within the room), the auto-entities card should be able to feed the Entities card with the appropriate entities.
You are correct, I'm using just a default entities card. YAML is
entities:
- entity: sensor.plug_power
secondary_info: last-updated
- entity: sensor.plug_energy
secondary_info: last-updated
- entity: switch.plug
- entity: sensor.plug_device_temperature
title: Living Room
show_header_toggle: true
state_color: true```
So nothing special. Here in entities were sensors of disabled device showing an error. My idea was simply not to show them while the device was disabled and once it is enabled again, they appear.
If I'm not wrong, autoentities require hacs, which I don't have, but if that's the only way for this to work, I will add it.
I am looking for some advice, my web ui for Home Assistant OS keeps going unresponsive, I can access the ui from companion apps without a problem. What should I look for in the logs to find the issue, and which logs should I be looking at?
HACS is not required to add the auto-entities card, but (IMO) highly recommended and makes things way easier. (There's a lot of other cool stuff you can add via HACS, too.)
It looks like the auto-entities card should do what you want. Here, I have two entities defined. It excludes entities with an unavailable state. (I set light.stove to unavailable for this screenshot.)
yes you can add stuff without using hacs, most of the repositories add a doc to add them manually
type: custom:auto-entities
card:
type: entities
title: Kitchen
show_header_toggle: true
state_color: true
filter:
include:
- entity_id: light.kitchen
options:
secondary_info: last-changed
- entity_id: light.stove
exclude:
- state: "unavailable"```
You can add this to move entities that are turned on to the top of the list: yaml sort: method: state reverse: true
Thanks @tribal galleon! Guess I will just add HACS (planned to do it for powercalc as well) and play around with auto-entities.
@tepid spear Check out the forum thread for more ideas for it or if you need specific help pertaining to that card. Auto-entities - Automatically fill cards with entities
I start loosing my mind. Hopefully somone here can help.
2 days ago I noticed that most of my dashboards are extremly slow. Not even responding most of the time.
If I open the url that leads directly to settings or Dev tools it is very fast and everything works. Just all the dashboards are slow
APPs are working without any isues
There's an issue with the Bitwarden browser add-on/extension which some folks have said made their dashboards unresponsive, it may just be slowing things down for you.
https://github.com/home-assistant/frontend/issues/21085
OMG i searched the problem at least 5 hours now.. started to tear my dashboards apart to find the issue and this seems to be it
thank you so so much I can't express how happy I am
I'm glad to have helped ๐
I remember seeing comments about BitWarden add-on being messed up but didn't realize it was affecting the frontend.
It's the browser extension/add-on that's the problem.
would anybody possibly know how to use card-mod to remove the 3 dot menus on the right side of the to do card?
I managed to remove some other stuff like delete using this code i found on reddit
style:
div: |
div.addRow {
display: none;
}
ha-icon-button: |
ha-textfield {
pointer-events: none;
}
I tried myself with the css but I just dont know how it works well enough to figure it out
Thanks @midnight charm and @blazing wren I posted a similiar issue earlier on here and didn't get a response. I was doing the same thing natron, I was removing HACs add ons, re writing my templates anything I could think of to get it to work. a simple extension was the problem...
This should hide the configuration menu of all to do lists on your dashboard:
card_mod:
style: |
ha-card.type-todo-list ha-button-menu {
display: none;
}
I'm absolutely going crazy trying to make the button-card templates work. Can anybody explain me how they really work?
When are they updated/rerendered? (I can tell you that in my case the answer is: absolutely never!)
I've tried to drop the whole ui_lovelace_minimalist/custom_cards/ and custom_components/ui_lovelace_minimalist/__ui_minimalist__ setup and just pull them local to my dashboard. Now I've deleted all of them, and the old versions are still rendering. Sometimes, a full reboot of Home Assistant works. But lately, not even that.
Where the hell are they cached and how do I clear/refresh that cache? (Or just turn it off, I'm okay with them being rendered on each page load.)
@safe pike custom:button-card templates go into the root of the dashboard's yaml.
If you're using a regular storage mode dashboard, go to the Raw Configuration Editor by clicking the Edit icon in the top right corner > click the 3 dots
> Raw Configuration Editor.
If you're using a yam mode dashboard, simply paste them at the beginning of the code. You can also use button_card_templates: !include button-card-templates.yaml and store them in a separate file.
button_card_templates:
name_of_the_template_here
show_icon: true
show_name: true
show_state: false
...and so on...```You can see how it is laid out in my dashboard's yaml starting at [Line 162](<https://github.com/dsellers1/home-assistant/blob/68e8d583109036d29b927229a71c9883e52d6e6b/dashboard.yaml#L162>).
Can anyone confirm: there is no way to cast (to a 4K chromecast) and change the resolution, right? Itโs like 1080p or bust?
Thank you this is awesome ๐
I've added a custom entity picture to an input_select. The picture shows up in the entity details view, but not with the Mushroom Select Card. Am I missing something?
Oh I'm super silly, figured it out. Thanks.
There isn't a hacky way to get a legacy card to adhear to the sections view half width size, is there?
If you don't want to use card_mod, you're pretty much limited to how the card is designed to be seen in the Sections view.
Is there a card-mod trick then?
Generally, for most stock HA cards: yaml card_mod: style: | ha-card { width: 50%; }EDIT: Typo fixed.
@tribal galleon Thank you, you are a saint and a savoir.
Sadly I don't think it works with entity picture cards.
It's half sized but still takes up the whole row.
@drifting horizon Fixed typo in code above. It works but probably not as you're wanting.
Yeah. I just tested it myself to see what it would do. For the time being, this is a limitation of the Setions view.
No worries. back to the grind with grid cards.
This might seem a little dumb, but I'm trying to make this star trek themed dashboard where you tap a button and it plays a random mp3 via a script from the device I'm currently using via its speakers
I have something similar set up for my wyoming satellite where it's playing random computer chirps through my media players when it hears the wakeword and when stt ends and it works great
but im now realizing there doesnt seem to be any way to play a sound from HA in its app/browser form?
like what action do I perform to play an mp3 locally on-device
If you are using HAOS: VLC add-on, VLC over Telnet integration and using that mediaplayer for playing the mp3.
Thank you for your response! Right now, I have my button card templates in separate files in a subdirectory, next to my dashboard YAML file. I'm using button_card_templates: !include_dir_merge_named "button_card_templates/" to import them.
That generally works, I just have to fully reboot HA (Dev Tools > Restart > Restart Home Assistant) to get any changes to the template to show up on the dashboard. Quick Reload (Dev Tools > Restart > Quick reload) does apply theme changes, but not template changes!
That makes for a very arduous development process. Any ideas how to speed that up? Honestly, I'd love to just turn off the template cache. My templates are not that complex and CPU time is really not a limiting factor for me right now.
When you make changes to the file with the templates and save it,also save the file for the dashboard.
My theory is, even if you refresh the browser, the dashboard file hasn't changed (timestamp) and therefore doesn't reload the templates from the !include because the browser doesn't actually load a new copy of the dashboard (cached).
Try it and see if that helps. It's what I have to do when working in VSCode.
Have you tried used the Studio Code Server integration? I have the same folder setup as you but there is no "saving" or "delays" or anything. Every template and card on the dashboard is updated as soon as I refresh the dashboard.
btw, to apply changes in the theme, this will be quicker than doing a "quick reload"
Hey guys, not sure if im in the right place for this. Im currently notified of my washing machine runs, duration, kWh, that sort of thing - im wondering if and how i can create an overview of all the runs listing the duration and kWh and possibly add more data manually if needed?
hey people! ive made a reddit post if anyone could please help
https://www.reddit.com/r/homeassistant/comments/1dhz05l/retrieving_sensor_info_in_picture_elements/
i have spent so so many hours trying to get sensor/light colour data to affect my floorplan and gave up. now a simple picture elements card wont get data from any entity
ah okay. do I need to change it to a template card
possibly, I'm not familiar with all the custom cards and what options they have, but you cannot do what you're trying to do with the picture-elements card by itself
ah okay thank you very much
I'll double-check, but I'm constantly editing both the dashboard and its templates, so I'm pretty sure nothing but a full cold reboot of HA has the desired effect.
I'm running HA in Docker, so I believe those add-ons are not available to me.
But I'm editing straight on a network share, which is volume-mapped into Docker. So I'm sure the files immediately get written.
It is possible that the OS doesn't send proper 'file has been changed' signals to file watchers through the Docker volume (I've experienced that issue before in other projects, although only in the other direction).
But still, my question remains: what causes the templates to be rerendered? Is it a file-watcher?
Because if I understood the process, then I could modify or work around it.
I'll give that a try. But the 'Quick Reload' is instantaneous for me. It even refreshes the dashboards. By the time I've switched back to my dashboard tab, it has already applied the theme changes.
It's an extra step that I wish wasn't necessary, but compared to the stale templates, it's a really minor annoyance.
Reloading templates with minimalist requires two steps, sometimes three.
- you need to reload all yaml configurations or reload the minimalist integration
- reload the dashboard itself to renew the frontend cache
- (reset browser cache)
wtf is this graph
it looks like it's probably your T5 Pro Z-Wave Programmable Thermostat with smartStart current temperature fluctuating by 9 degrees a couple of times an hor over the last 35 hours
I think those blue bars are primarily the cooling bars, not a fluctuation in the blue line
it's hard to tell with the colors so close
That's blue shading, showing when it's cooling
It's only hard to tell because of his date range
choose a smaller time period, it makes sense
that does make a lot more sense
This is actually interesting that you mention minimalist. I was wondering how that's related. (Not a trick question, just a newbie question!)
Is it because the button-card is based on minimalist? But its description doesn't mention minimalist even once.
I thought minimalist was some kind of higher-level framework that runs on top of lovelace (the "dashboarding subsystem")? Is that not correct?
How is minimalist involved in my button card templates, and how does it hook into lovelace?
mimimalist is just an autogenerated dashboard using custom button card
and other cards
No minimalist is based on button-card. I saw you mention the custom card folders from minimalist that first are copied to the integration. The directory of the integration is included as button_card_templates, so that works a bit different than with plain button-card
ohh thanks
they should probably change the color of the blue bars below the line so it doesnt look like its part of the line lol
you can change that by adjusting your theme
@carmine island I converted your message into a file since it's above 15 lines :+1:
I see. As far as I know, I'm not using minimalist in my dashboard (anymore). So I should be able to uninstall it and just use plain button-cards (and all kinds of other custom and standard cards not part of minimalist), and maybe then I get fewer sync and refresh issues?
If nothing else, I would then get one fewer source of issues to deal with.
Than you probably just need to adjust the relative paths after the !include to the directory where you store the button-card templates
They are now in a folder next to my dashboard YAML. I've stopped using the whole __ui_minimalist__/ulm_templates setup, hoping that it would fix my reloading issues โ it didn't.
Now I've noticed that my dashboard is still stored in a folder named ui_lovelace_minimalist in my HA config root. Did I name it that? Or does that mean that I'm still using minimalist somehow?
Sorry, I'm still so very confused about the relationship between HA and lovelace and minimalist and button-card and all the other custom cards and maybe even HACS. ๐
Can anybody recommend a good article (almost like an ontology), that puts all of these different systems and their touch points in relation to each other?
Home Assistant is the automation software that you're using. "Lovelace" is the original name for the HA frontend
I mean, the minimalist docs start with:
It's kind of hard to explain what this is
That's not off to a good start! ๐
"UI Minimalist" is a framework for a frontend dashboard/cards/whatever that's based on the "custom button card" custom card
Jup and it utilises some python to pre-setup some stuff
HACS is an integration for downloading lots of custom things and updating them when updates are released
Now I've noticed that my dashboard is still stored in a folder named ui_lovelace_minimalist in my HA config root. Did I name it that? Or does that mean that I'm still using minimalist somehow?
This ain't a problem since it is just a dashboard with things setup to make it easier with minimalist, but you can override/delete that stuff and it all works as a normal yaml-based dashboard
The most important is that you adjust the line:
button_card_templates: !include_dir_merge_named "<some_path>"
To the relative path that is used by the directory you have put your templates
But maybe that's the caching I'm trying to get rid of! Also the "python to pre-setup some stuff" sounds exactly like what I'm looking for (to eliminate).
Is there a guide on how to set up a pure YAML dashboard without minimalist?
I mean, I have. If it wasn't correct, then the templates wouldn't work at all, don't you think? But they do work! They just need a cold reboot of the entire HA platform to apply any changes I've made to them.
If that is done you only need to run reload dashboard. But I can not verify that since you haven't showed use anything of the yaml that you use for the dashboard
The dashboard is not cached by the integration, certainly not after you have adjusted the path
That is not the case for me. That's exactly what I'm trying to troubleshoot.
I'm off for a bit now, but I'll try to set up a minimal (no pun intended) reproduction case.
Thank you for all your help, btw.!
The official docs https://www.home-assistant.io/dashboards/dashboards/#using-yaml-for-the-overview-dashboard
Note: if you scroll down you also see the suggestion to use yaml-dashboard next to your auto-generated overview dashboard
@carmine island I converted your message into a file since it's above 15 lines :+1:
@carmine island I converted your message into a file since it's above 15 lines :+1:
can someone tell me what card I need to have a svg react to sensor information. pulling my hair out here
what are you trying to do?
@carmine island you want probably:
card_mod:
style: |
ha-card{
background: lightgrey;
border-radius: 14px;
}
Also change importent to important in your template statement
I cant send images on here but this
https://www.reddit.com/r/homeassistant/comments/1dhz05l/retrieving_sensor_info_in_picture_elements/
I just want the svg to spin based on a sensor %
#frontend-archived is one of the channels that allows images
it works with hard values. only thing that doesnt work is reacting to the sensor data
oh cool
ive tried everything. someone said a picture elements card isnt capable of doing it but idk
But also here it is encouraged to paste the yaml as code formatted text
sorry how do I do that
@dense spear 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.
@dense spear I converted your message into a file since it's above 15 lines :+1:
Pictures of the card itself are fine though
@carmine island I converted your message into a file since it's above 15 lines :+1:
@carmine island Please stop sending the same text over and over again, I already answered it
Also with message larger than 15 lines due to code consider to use a code paste website
@carmine island 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.
thank you
Ive spent countless hours trying to get this working. my floorplan wouldnt change hue either
it should be really basic. when I copy others code it still doesnt work
@dense spear As karwosts already mentioned you cannot use variables and templates directly within the picture-elements cards. Things you can consider are using:
- card_mod
- decluttering card
- config template card
I have the exact same issue even with template card. both this and my floorplan dont get sensor data
hard coded numbers work fine. just not the data from the sensor. or light colour value in the case of the floorplan. even others code doesnt work
It requires javascripting not jinja
so
states(''sensor.window_open_percentage'') | int
Should be
parseInt(states['sensor.window_open_percentage'].state)
Hello, i have the following problem with the card (thomasloven/lovelace-card-mod ):
https://dpaste.org/1cXFU
The visual editor is not supported for this configuration:
Key โcard_modโ is not expected or supported by the visual editor.
You can still edit the configuration in YAML.
I can save this and the icons are working but the background is not changing in lightgrey en the radius is not working.
Can you help to get this working?
this is what the template editor has to say
i have tried the suggetion but it's not working
Notice the difference in where the variables are defined (from the docs)
type: 'custom:config-template-card'
variables:
LIGHT_STATE: states['light.bed_light'].state
GARAGE_STATE: states['cover.garage_door'].state
entities:
- light.bed_light
- cover.garage_door
- alarm_control_panel.alarm
- climate.ecobee
card:
type: picture-elements
will "state" get the value of the helper if its just a percentage
Here it works??
Yes it gets the entity state
Still says undefind in the template editor
just loads foreber in lovelace and cant save it
javascript isn't gonna work it the jinjatemplate editor
ah okay thought so. i just dont have a way to see whats wrong. lovelace justloads forever gives no specified error
no error now it just doesnt show the tilt. if I add hard numbers the window swings correctly
this is in f12 menu on chrome
The variables need to go outside of the picture element part, but I am also struggling to get the template to work in the image block
How do I disable the min/max/mean for everything and just get the actual value? (systemwide if possible)
ex:
if you give it a hard value its fine. its just getting the sensor data in. im so confused
can you tell me what you have in the configuration file:
i have in configuration file under frontend:
extra_module_url:
- /local/card-mod.js
lovelace yaml:
resources:
- url: local/card-mod.js
type: module
under daschbord sources:
/local/card-mod.js
javascript enabled
you're mixing and matching jinja & js
config-template-card does not use jinja
it uses JS
is that a smart Kazoo?
no idea because you keep posting pictures of the code
can only see half of it
is casting a dashboard to a 4k Chromecast still limited to 1080p? Or is there a trick to getting 4k resolution ?
sorry it is limited to 720p
{{ states('sensor.window_open_percentage') | int }}
that's jinja
'custom:config-template-card'
that only uses JS
transform="rotate(${vars.window_open_percentage} 200 200)"?
if so that just loads and I cant press save on lovelace
you'd need to read the config-template-card's documentation on how to use JS templates, it's been a while, I forgot it's exact syntax
Thanks I appreciate the help a lot. ive been at this for hours and read it so many times lol. Ill have another look
are you reading the correct documentation?
because you aren't even doing the bare minimum requirements for templates
So many pictures of the text
I was just showing the github I didnt realise youd want copy pasted text of that
yours doesn't have the $
it does, just in the wrong spot
but also, a URL would be more appropriate than a picture or copy of the code
the entire template needs to be wrapped in ${ }
ah okay sorry. I sent this just now
i mean a url of the github
I don't know if it applies here, but a lot of people on the internet use screen readers for text and that makes a picture of text extra bad.
Oh okay that make sense. sorry im new to using discord
just been stuck with this issue for so many hours
here it's probably more that people will want to copy/paste into something with code highlighting
well, this
I'm not sure I understand what you're doing there or why, so don't look at me ๐
essentially ive tried in two diffrent projects to get SVG to react to entity data. but it doesnt work even when I copy past others code. I tried to hue shift in a floorplan and nothing. now im trying to spin this window svg open with a % sensor
the code compiles but it never does anything
hi all - I'm having a problem with my frontend where my dashboard is entirely blank until I go into edit configuration editor (no edits needed, no saving or overwriting), then exit, at which point my dashboard is populated.
https://drive.google.com/file/d/1Rx-ARrBSG5GlUgtAMhuE1CfMghBN7P4U/view?usp=drive_link - video demonstrating issue
happening on multiple devices, copied the configuration over to a new dashboard, same problem
How hard is it to create a custom card? This card would be exactly the same as the todo list card except I would remove the code that lets you click the item to change the name. So my thinking is that it could be as simple as figuring out what part of the code makes something happen when its clicked and just deleting it. What do you guys think?
it certainly isn't that easy
Its probably harder than you think. You can't just copy a frontend card as a custom card as all the helper functions it imports will not be available to you. So you'll have to end up re-implementing most of it.
but it's open source so if you want to hack at it - you can: https://github.com/grinstantin/todoist-card/blob/main/todoist-card.js
I'm getting annoyed at the size of the thermostat card
Any suggestions towards a more minimalistic, but still functional approach?
Thanks, done
Can I have picture-elements bigger?
I can see width and height, but in percentage.
for the cctv dashboard, there is a lot of wasted space on the sides
How can i increase the size of the previews
make a 1-card (panel) view and add a grid card, should takeup the whole space
let me try
I have picture-elements which helps me overlay sensors and switches over the image. At the same time, I'm using custom webrtc-camera streams. I can't find a way to combine these with grid in a panel type dashboard.
I can't code.
I would have to give up one or the other - either go back to big latency streaming, or give up overlaid information.
Is there a place I can check for ideas/templates ready to use ?
The forum maybe
There was a template that Everything smart home scored 10/10 from Delon, did you guys ever found the creator ๐
that one was really nice
Is it possible to use an mdi icon as part of the state of a template sensor or can state only be clear text?
Ok, thanks. But HTML UTF-8 symbols like ๐ด๓ ง๓ ข๓ ฅ๓ ฎ๓ ง๓ ฟ could perhaps work. I'll try.
Yeah. That works. Fun.
oh yeah that makes it sound a lot harder
I feel like that can't be all the code? For example if the todo list is empty it says "You have no to-do items!" But that does not appear in the code you linked to.
That's an entirely different card than the one in HA, must have been some misunderstanding.
Oh that makes sense
The HA todo list card is here: https://github.com/home-assistant/frontend/blob/dev/src/panels/lovelace/cards/hui-todo-list-card.ts
What if instead of making a custom card, could i just jump in to the existing code on my HA and change it from there? Then would it be able to use all the modules?
just spitballing here
I've got an issue where I cannot add new dashboard views nor can I edit the properties (or delete) existing views. Clicking the + or pincil does nothing and doesnt generate any logs
Does anybody knows how to remove these javascripts from loading?
https://pasteboard.co/Lpt7hhb4AnUf.png
I dont have webrtc anymore
your image link does not seem valid to me
What do you mean?
just says "Image not found".
maybe it's my problem somehow, but just thought you might double check
Try Settings -> Dashboards ->
-> Resources
I would try restart in safe mode.
make a 1-card (panel) view and add a
can I have nested auto-entities cards? like, an autoentities card that populates by area and does a grid of autoentities tiles to display just switches and lights?
sort of like the automatic lovelace dashboard does, only with the ability to filter out the parts I don't want to show
good idea, testing
yep, dashboards back to normal in safe mode
so now is it just process of elimination for frontend add ons?
ugh I've removed every added reource and almost every frontend add on ... no joy
had this before but apparently didnt copy this one config from old instance before i rebuilt, HA. before I had an input_select dropdown that would basically set a lovelace card, trying to make a media control page but with a dropdown to select the room, then room select will populate the entries in the remote card and plex card etc.
now that's an interesting idea
that way its one media page, and youre using same remote card etc
https://github.com/PRProd/HA-Firemote is remote card im using, since it has a display option for top, can make that show the selected room
just figuring out getting my input select things into the card
currently if i did something like
visible_name_text: {{states('input_select.media_location_select' }} itll just say object up top, not what the state is, so im likely not remembering something i did before
anyone have any thoughts about the question I posted yesterday?
what was it?
Here - my frontend isn't populating until I go into the raw configuration editor. Super annoying
demonstrating the issue
sounds like you dont have permissions to the things you setup
if I go into the raw code editor and make zero changes, and then exit it, everything is populated
pull down age and refresh without doing edit
does it show
seems almost like a caching issue in video
but you said multiple devices too?
make a new dashboard. paste that code into it. delete all but the first sub-entity
already did that too
try until you find the minimum amount that works
hold on I'll be back, need to drop my kid off
i'm betting it's something with the "Decluttering" line, because I don't recognize it
this might be only hope for my media idea since lovelace cards im trying arent showing when i change the entities, even tried doing multiple helpers and an automation to set a few diff select
damn, that made it a cakewalk
@granite briar I converted your message into a file since it's above 15 lines :+1:
I guess state-switch is the card you need https://github.com/thomasloven/lovelace-state-switch
ill check that one too, may be simpler than what im doing
cuz now im using 3 input selects and an automation where location select picks 2 remote and media entities
Or use the conditional grid feature from the new sections lay-out dashboard
yeah but im trying to avoid managing multiple cards
with this method the card never moves just the variables change
started as conditional originally
got a link explaining that?