#frontend-archived
1 messages · Page 41 of 1
some of what they're doing in that dashboard is doable, but I don't think there's any current way to replace the sidebar
Does ha have a way to cycle between different sub views after a couple of seconds of no interaction?
I kinda see an automation incrementing some helper to switch conditional cards but that is horrible
Yah, the pre-beta is not useable. Hence why i was hoping to recreate it in a normal dashboard. My previous design which i really quite like would be much harder to implement. As I liked the HA-Fusion look and feel I figured this would be a good stop gap
What’s the goal of that?
I have this code:
show_icon: true
type: button
tap_action:
action: url
url_path: app://com.samsung.android.oneconnect
hold_action:
action: none
name: Samsung
icon: mdi:home-automation
theme: Mushroom Square
icon_height: 50px```
I wanted it to open not the main page in the app, but a specific device, e.g. a dishwasher - how to do this?
just curious, what's your previous design look like?
not apples-to-apples as this one was going to be for a larger tablet, but here it is
i was looking away and touched something on my phone screen to get this... never seen it before. what did i do, and what program is showing me my devices?
Having a display tablet to not just show the same dash while it sits idle
I'm thinking this is something maybe in your phone OS. I have something similar-ish that has controls for Google Home and Home Assistant. not exactly sure what an app does to register for such a menu.
I think maybe holding the power button has one way to access it, mine has a link from the pulldown bar
is it possible it's Samsung's own smart things automation program that i had removed all permissions from, killed, and then uninstalled completely and currently does not show up in my apps list or on the special Samsung apps list on my phone?
android vanilla has a built in thing on the lock screen which opens a control panel to control devices you authorise without unlocking the phone, is it that but the samsung version?
Hi guys, first attempt at making a pretty frontend theme for home, when using a Grid Card and say you use a 2 column setup is there a way to stretch a particular card within the layout.....for example here the historical graph
trick i learned pretty quick is nested grid cards, and grid cards nested within a verticle stack card
Oh ok thats a concept to learn, thanks @swift ore
the new "sections" dashboard type also helps with this
Not getting any luck on a search, is there a good way to order entities on a card based on their value? I kind of want a single list that shows my highest energy consumers in real time, preferably presented in an interesting way for a dashboard like a bar - but ultimately be able to see what is sucking power at a given moment, highest to lowest - animated to re-order without refresh
Got it working. I thank you
Android has had a shortcut for smarthome controls for a while. On OneUI 6 (which you seem to be running on), if you pull down the extended quick settings area, you'll find a button in the bottom called "Device Control". This seems to be a smaller, fly-out version of the same panel.
True but then it would be a pointless change... Again the goal isn't to have backwards compatibility (that would be provided for a short while to not end up with users giving crap to theme devs), but to clean up the list.
The samsung version is called SmartThings, i had uninstalled it, i have home assistant and use that, no point in having multiple apps do redundant work on my phone and just occupy cpu and batter. Also no point in advertizing my home contents to even more apps and their makers, i use home assistant because it keeps my private stuff mine only. I do understand that some other apps promiss that i can make my private stuff even safer by handing all my the keys over to some cloud company to keep safe for me, and their well trusted thousands of employees can dedicate their time to keeping it private, and every one of their of their millions of well trusted non-hacker users will never ever look at my private stuff, but i think private means not even those first thousand will see it, in fact, i like think i can trust myself more than i can trust others, even if i havent paid some third party to hold the keys for a certificate to prove to myself that i can trust myself.
@sullen quail, you nailed it. I found that program, i'd never run it before. What is the name of the program that actually runs it, i want to see what kind of permissions to share my belongings with the world that it gave itself. Will it hurt anything if i block those permissions or uninstall that program if it doesn't allow it?
There's no "program" that runs it, it's built into the system.
Trust me there is. SmartThings has a bunch of features HA doesn't have. They recently introduced a 3D interactive map view (and a floor plan editor alongside it) which is honestly the best way to have smarthome control
Apps can declare a list of "this is the list of things I can control" to the OS, and the OS coallates them into this menu. I don't think it's anything nefarious. I assume the HA companion app is publishing this list to the OS.
It actually made me consider trying to write the sync-back feature for the SmartThings integration
And yes as karwosts says, the HA app publishes some basic endpoints to the OS, and the OS displays it. It's not like a first or third party app, it's a part of Android. Other apps do NOT have access to your devices and can't control them (though your phone manufacturer might have injected analytics code that reports the list of devices to them).
Thanks, i get it now. It does, however, make me wonder why of the 137 devices i have in my home, with about 1000 control entities, it chose only 7 of these to show on that device control screen. Is there some why to control which devices are shown there from HA?
I disagree on it being pointless. You would be giving theme authors a proper way to hide things that they are already trying to make sure people do not use with big disclaimers. And it will probably lead to your list being cleaned up. Theme authors that are aware of it, will probably use it. Those that aren't, you can request the change to be made. And for unmaintained themes, you can just add it yourself.
And while your point may not have been to be backwards compatible, the point of my suggestion very much was to be backwards compatible. I suspect that a PR that gives theme authors a way not to clutter things is far more likely to be accepted than a PR that breaks all existing themes in order to force theme authors not to clutter things.
@gritty aspen I converted your message into a file since it's above 15 lines :+1:
custom: auto-entities lets you do that
nothing vanilla that I'm aware of
Hi!
i need some help with lovelace:
i want to configure it but as soon as i start the configuration hass will stop its service and i need to restart my portainer container
What's in the logs?
@gritty aspen I don't think you can put the position settings for the location custom_field in that spot. I'm pretty sure it has to go in yaml styles: custom_fields: location:
Search this channel for posts by me and you should find some examples that I've used. (I'm mobile atm and searching is kinda difficult.)
Anyone here set up a ' sankey-chart'. I have some questions.
I have a custom grid layout setup with 2 columns 30% for a sidebar, 70% for the content. I want to a) give the entire body a background image b) make the grid cells full height of the viewport and c) give the sidebar a background color. Any suggestions on where I can start reading/looking?
You know what I want now? For the lovely new sortable/filterable data tables in the admin UI to be available in a dashboard.
are there any "official" themes for home assistant or are they all through hacs manually adding them to a themes folder?
Good evening. Maybe you can push me in the right direction. I finally managed to set up my IR transmitter for the AC and added a card...
Maybe you can help me out with a more "elegant" solution.
Currently, it's just a bunch of stacks combined and each button calls "remote.send_command" to ...well... send the according command via IR.
Is there an option to integrate that, say, into a normal thermostat card?
Thing is: That AC uses a "FullSet" remote. All combinations of temps and modes multiply to 1088 codes.
...and I can't possibly add a discrete button for each.
@elder badger I don't know about integrating it into the thermostat card, but I don't see why it wouldn't be possible to use a slider to set the value and then a button to send the appropriate call-service. What are you using as the tap_action for the buttons in the screenshot (or would have to use if you haven't made them all)?
(You could probably style something to look like a thermostat card in the end with some third-party card.)
I didn't see that as an option. Let me check if I can find it...
@elder badger To create a helper: Settings > Devices & Services > Helpers tab > Create Helper button > Number (Display mode set to slider with appropriate name, icon, min/max, step and unit of measure.)
Thanks! That helps a lot! There are some videos on how to combine the different helpers. Guess, I'll be busy tomorrow. Gotta teach HA the remaining 1071 codes...
@elder badger It might be easier to try to figure out how to decode them instead of trying to hard-code everything. I'm sure there's probably some formula it uses to determine the code that it sends. If you can figure that out, everything else should be easy to do.
I'll see what I can do.
Is there a way to make all disabled entities hide by default rather than going into the filters consistently?
I am planning a new smart home setup and would like to have a tablet in various rooms of the house that have in-room controls using a hass dashbard and fully kiosk browser.
When someone presses the doorbell button I want the tablets to switch to the view of the camera with the following options:
- Enable intercom to talk to the person at the door through the tablet (button press on tablet to toggle mic on/off)
- Button to dismiss the camera and return to previous dashboard (ie. in kitchen my wife may be following a recipe on the tablet and needs to just go back to it while someone else answers the door)
Is this possible?
Hello, I'm trying to create a floorplan, I have all my SVG files available in HAOS but I can't load them (404), even though I'm using the correct path and all the tutorials do exactly the same thing. Have you ever had this problem? I've searched the internet and can't find any good solution, and the problem is known. One possibility would be to access them not locally but via a URL... This is exactly the problem: https://community.home-assistant.io/t/adding-a-floorplan-as-picture-element-did-not-work/212504
Did you have to make the www folder? If so, HA needs to be restarted before the path will work.
it's been created automatically after the floorplan installation
I ll restart just to be sure
thx the restart solved my issue
You'll want to take a look at browser_mod. You'll register each of the tablets with an ID (so it knows which tablet is which). Then, you'll set up an automation for when the doorbell button is pressed, Browser Mod can either navigate to a different view or show a pop-up (each showing the camera). (The pop-up can be configured to auto-close or you can configure the view to change back after a certain amount of time, in addition, to having a button.)
Using the tablet as the intercom may be a bit tricky. I'm not sure of the specifics on how to do it but it should be able to be done with Browser Mod and, I'm assuming, an automation. The thing is, Browser Mod may have issues accessing the mic (or webcam) of the tablet. It's a security thing of the tablet's OS that it tries to overcome.
Any idea why this is not working?
label: "[[[ return helpers.relativeTime(entity.last_changed) ]]]"
@sly pulsar It worked for me. (I didn't even know relativeTime was a thing. I always used a very complicated JavaScript to accomplish this... smh)
type: custom:button-card
entity: light.living_room_lights
show_icon: false
show_label: true
label: "[[[ return helpers.relativeTime(entity.last_changed) ]]]"
hey guys is there a way to have a better Media tab?
i find very difficult to navigate through folders, music/pictures/videos on the defualt media tab
is there a way to change it?
is there any way to give a grid itself a background image and one of its cell's a background color?
or rather.. i want the background image to be on the body essentially and then a background color on the grid's left cell/column
Is there an option I'm not seeing somewhere that would allow a graph (statistics-graph, but could also apply to history-graph) to automatically scale the units of the entities in the graph? Or even an option we can set right in the graph, it doesn't even have to be automatic - like a JIT unit conversion just for the graph?
Specific use case here is an SNMP sensor with unit=B, and allowing the graphs to scale to MB/GB/TB automatically based on the size of the values 🤔 I know I can change the unit of the entity, but that affects the whole history of the data, so I would have to truncate the history after making the change (otherwise it would have historical values with the original B value but represented as MB units, which is wrong). And I was hoping to avoid making a new template sensor just for the conversion - mainly because I don't think duplicating data is an ideal workaround
since groups are in HA now, will it be possible to group esphome devices in esphome integration page?
e.g offline/online, ardunio/idf etc etc
Hello. How can I make a timer card for my air conditioner? I want to configure the time and the fan speed. Then it should run for the configured time. But if I turn the ac manually of the automation should also be turned off. Also I want to display the remaining time of the timer. How is that possible?
you can use labels for that or categories
I have something similar configured for auto turn on/off lights. You'll need some helper entities: timer, two input_numbers and maybe an input_boolean. When you configure the automation, set it to reference the input_numbers and start the timer and turn on the AC. A timer finished event for the turn off.
For displaying the remaining time, the Entities card can show real-time remaining. The timer-bar-card can also be useful.
Search this channel for posts by me and the word timer to find an example or two.
How it will be auto labled?
You label it
I mean devices should be grouped by their api status... If it goes offline it will be automatically added to offline group
I am configuring a new light and attempting to get the popup to work. ```
- type: grid
columns: 2
square: false
cards:- type: "custom:button-card"
template: card_light
entity: light.dining_room
variables:
ulm_card_light_enable_popup: true
ulm_card_light_enable_collapse: true
ulm_card_light_enable_slider: true
ulm_card_light_force_background_color: false
- type: "custom:button-card"
when `ulm_card_light_enable_popup: true` is set, nothing happens when the light is held. If I comment out that line, the generic HA popup will show up.
nothing like that exists in HA, why would it exist specifically for esphome?
you can use the filters on the side of the page to sort by status btw
can't help without the card_light template
Here it is
I don't see anything in there defining the tap action based on that variable
I think it's supposed to be a hold action. The documentation says: To use popup_light you need to set the variable ulm_card_light_enable_popup to true
what documentation
this is random cards cobbled together
Heyo, can someone help me install this? https://github.com/jeremywillans/lovelace-roomba-vacuum-card
when I add resources:
-type: module
url: /hacsfiles/lovelace-roomba-vacuum-card/roomba-vacuum-card.js
to my dashboard yaml, it says "Unknown type encountered: Module"
am I doing something wrong?
heya guys.
i have seen that the meteocard support burze.dzis.net. When i try to use it HA tells me "The integration used does not fit entities:"
Error: The integration used does not fit entities: binary_sensor.burze_dzis_net_ostrzezenie_burza, binary_sensor.burze_dzis_net_ostrzezenie_mroz, binary_sensor.burze_dzis_net_ostrzezenie_opad, binary_sensor.burze_dzis_net_ostrzezenie_upal, binary_sensor.burze_dzis_net_ostrzezenie_wiatr.
name: Meteoalarm
type: custom:meteoalarm-card
entities:
- entity: binary_sensor.burze_dzis_net_ostrzezenie_burza
- entity: binary_sensor.burze_dzis_net_ostrzezenie_mroz
- entity: binary_sensor.burze_dzis_net_ostrzezenie_opad
- entity: binary_sensor.burze_dzis_net_ostrzezenie_upal
- entity: binary_sensor.burze_dzis_net_ostrzezenie_wiatr
integration: burze_dzis_net
disable_swiper: false
override_headline: false
hide_when_no_warning: false
scaling_mode: headline_and_scale
i dont understand why?
It is a known issue with the card. The burze.dzis.net integration did some changes, which break the compatibility to this card.
https://github.com/MrBartusek/MeteoalarmCard/issues/201
so there is no fix upcomming?
Doesn't seem so. The PR has not been merged since mid 2023
i'll check the code. i think i can do something
You will find many Polish friends, if you fix that card for them 
i try to
This might be a good starting point for you:
https://github.com/MrBartusek/MeteoalarmCard/pull/203
already found it. the hole code from meteoalarm for burze.dzis.net is mess... Holy crap
YOOO i found how to fix it without changing code
@vital burrow
i post it later on github for ppl to use it
I'm not using that card. I have a dashboard dedicated to all my warnings
can i see it?
No warnings at moment
oh nice. whats that map?
That is the DWD weather warning map for north-western Germany.
Ok thats nice. I have to make sure if DWD rly not works with austria. If not i will code an integration for our local warning system
Don't think it will. They don't provide weather warnings for AT
I have seen it. I will start to code an integration for our system:
ZAMG aka. Geoshpere and UWZ combined to one
If one of those provides the warning map as a picture (e.g. png) you can also include that as an image entity.
UWZ is doing that. Good idea
Those interactive maps are a bit of a problem
There is an PNG over the api
And the interactiv map is also not a problem at all. its to handl like a Vaccum map
Looking at the card_light template, it refers to a couple of other templates that need to be available. One is the icon_more_info_new and popup_light_btightness.
The dev was very meticulous when writing the code to ensure everything works. But, it also makes it very difficult to modify to fit your needs. I'd recommend going through the code and pulling out what is relevant to your use and designing your own card/template.
Is it possible to show a button card with status from a sensor?
if by "status" you mean "state", yes:
show_state boolean (optional, default: false)
Show state.
I want to show some history stats. How long my tv is on
In a small point of view
Where the triangle is now
use a markdown card
it doesn't sound like you want a button at all
you can display whatever you want in a markdown card
Ok. Now looking how to wright that thing 🤣
Can you share youre dashboard
Something like:
type: entities
entities:
- sensor.litter_robot_4_status_code
- type: custom:hui-markdown-card
content: >
Cat Weight: {{ states('sensor.holly_weight') }}lbs
Maybe i'm not understanding what youre trying to do with regards to the HA dashboard, but scrypted has a HA dashboard cards. https://ha-demo.scrypted.app/
The documentation to set up the HA cards is here: https://docs.scrypted.app/home-assistant.html
Hello guys can I make this width dynamically adjust depending on the device?
You'd have to use calc
or set the width with important and 100% or something like that
Hello, hope you have a good day
I want to create a custom frontend that suits my style based on this https://developers.home-assistant.io/docs/frontend/development/ and this https://github.com/home-assistant/frontend
I wanted to know if you guys have some tips 😃
It's a figment of my imagination at this point. It's not implemented as I don't have the time to do so. It's a Figma file
In dark theme dashboards is there way to better high-light buttons when you mouse-over?
thank you!
Hello fine people! I am looking to get some help on a return statement that produces undefined (obvious reasons) but would like to give it a value(?) of '' (null text) if it hasnt been defined. Example:
name: > [[[return `<${states['sensor.mysensor'].state}`]]]
is there a way to do a default value if the return statment is 'uknown' or 'undefined' ?
I would refer to the options offered in https://www.home-assistant.io/docs/configuration/templating/.
One such option is using has_value(), and one other other suggestion is to use the default filter https://jinja.palletsprojects.com/en/latest/templates/#jinja-filters.default
But is this JavaScript you are using? If so you can do pretty much whatever you want.
TBH, I dont know which would be the better option... and re-reading my last post I realized I didn't give the use case, which is the name: property of a custom:button-card
I'm llooking up has_value() now
I would take advantage of button card templates
I’m pup trapped atm but can share an example/thought later when I get freed
AHH -- I remember why I am using JS -- I need the text to marquee
That’s neat. But the template will still help examine state
I think I found something that will work ... 'ironically' by the guy who probably could have strangled me (LOL) for another template I needed help with
@sleek nimbus I converted your message into a file since it's above 15 lines :+1:
You might be able to put your formatting in the name section, and you could have a third template that does not have value or id and use that for the "unknown" state.
I am working on making a custom theme. How can I select an element to figure out what property affects the color. Which selector changes the primary text color for a lovelace card?
Hey, is it possible to set input numbers to box mode in ha's interface ? I can't seem to find the option on the latest version
Check and enable advanced mode in your profile
@fathom wagon I was helping @gritty aspen with his custom:button-card the other day. He has a scrolling marquee that shows track info when music is playing. I think it might be what you're looking for. I posted it on another server. I'll see if I can get it copied over here (or I can send you an invite.)
I forget the syntax for Javascript dealing with null and unknown when it is not a string. I've done it with Jinja and pretty sure I can take a look later and figure it out. (I think I've used it in functions that I've written for Node-RED.)
Added variables to make the code easier to update. Made the scrolling marquee hidden if not playing. Condensed some of the simple IF/THEN statements to conditional operators. (I obviously don't have the images so I went with just a white background.)
@fathom wagon take a look at the media sections.
Is there a simple way to create a card that just displays a link (or an image with a link attribute preferrably)?
@tribal galleon wow thats a lot more involved than what I ended up with -- I was able to modify the jinja template instead, but that's pretty damn slick
Why is there no on/off button on the thermostat card or am i blind? 😂 https://www.home-assistant.io/dashboards/thermostat/
it is for my ac unit, or should i use another card? 😛
Open the Features in the editor and add HVAC modes.
I guess you'd have to take that up with the integration developer for your device
typically I would expect it to have an "off" mode, if such a thing was indeed possible
yeah that seems a bit non-standard for a climate
okok i see 😛
Installed a custom switchhub integration and then the power was in the climate entity! so problem solved 😛
good!!!
On my dashboard I have one view that's just one big manual card full of yaml with different cards.
One of them is a massive horizontal-stack
Is there a way for me to store that yaml elsewhere and then when I want to put it in a dashboard just have something like type: custom-stack, so that I don't need to load that yaml every time I go to edit my dashboard?
Hi All, what do i have wrong here? Background is not loading. The image file is in /config/www/
# HomeKit Theme: background: center / cover no-repeat fixed url('/local/apple-home-bg.jpg')
Put it in another file and !include that file. https://www.home-assistant.io/docs/configuration/splitting_configuration/
Alternatively, throw a comment on top of it and collapse the section like this:
I don't think that works for dashboards and editing via the UI does it? Looks like this is mostly for referencing things in configuration.yaml
🤷♂️ This is what my dashboard looks like:
---
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
title: "Minimalist"
#theme: "minimalist-desktop"
background: "var(--background-image)"
#views: !include_dir_merge_list "views/"
views:
- !include views/home.yaml
- !include views/dining_room.yaml
- !include views/living_room.yaml
- !include views/house.yaml
What file is that? Are you editing it from config/ or the HA UI?
Config.
I think that's my problem then. None of my dashboard stuff shows up in config/ at least not that I can find.
It's not there by default. https://www.home-assistant.io/dashboards/dashboards/
If you have a UI configured dashboard, these are instructions to convert it to a YAML dashboard.
I'll give that a look. Thanks!
GUI build dashboards do not have the option to include files
hmm, how to use parseInt() And the helpers.localize() funtion together in a custom:button-card... https://community.home-assistant.io/t/lovelace-button-card/65981/7196?u=mariusthvdb
also, I now notice the mobile_app battery entities are not automatically updated, and reauire a reload of the view. which is odd, as the button card is supposed to update on all entities it uses?
No need to use ParseInt the helpers function also has an option to set the precision
And even the unit
return helpers.localize(states['sensor.thuis_' + variables.id + '_distance'],undefined,0, true)
ok right, that was buried somehwere deep.... remember when adding that functionality we had chatted about that with the author, and yet...
can confirm this to work as desired custom_fields: afstand: > [[[ var afstand = 'sensor.thuis_' + variables.id + '_distance'; return helpers.localize(states[afstand],undefined,0); ]]]
the inclusion of the unit, and the translation are the 2 main reasons I use the localize. it has been a major step forward for the button-card, thanks Bas
Yeah the button-card docs are sometimes not as clear if you don't know the mechanics under the hood because some needed examples are left out or buried away
what now?
Is this a rPi? VM? mini PC? Basically, if you can get to a console, you should be able to get to the logs from there.
Pi5 running haos
Connect a monitor and keyboard to it and see if you can get to the console.
Oh I'm going to have to add all my resources when I switch to that. Can I put them in say, resources.yaml and then do
lovelace:
mode: yaml
resources: !include resources.yaml
I see no reason why not, so long as the file is formatted correctly. But I’m still learning a lot and should be taken with a grain of salt.
Is there something missing from the button-card docs that could explain why minimalist popups aren’t working for me? Nothing happens when the enable-popup variable is present, but more-info pops up when it is absent.
Should be in the minimalist docs, not the button cards one
Have you installed browser-mod?
If I have a custom card installed via HACS, can I still load if in configuration.yaml?
Aslong you are in storage mode hacs handles all rescources
I'm not, I'm trying to move from storage mode -> yaml mode
You can still be in storage mode while having yaml mode dashboards
That would mean my Overview dashboard could still be storage, but the others could be yaml, right?
Yup
Thank you. I had downloaded browser-mod, just like all of the other required resources, but did not realize it was different in that it had to be installed unlike all of the other required resources.
Yes, browser mod is an integration not a custom card though 😉
I realize that now 🤦♂️ Days and days of headscratching. Could this also be why the helpers.localize() methods were not working for me?
helpers.localize() is a button card specific method, so i dont think so
But I could be since you are using minimalist you don't have a new enough version of button-card
Or did you download all resources manually?
All resources were downloaded manually
Okay, so what errors do you get? where is it not working?
When I use it, the whole card disappears.
entity_4:
entity_id: "input_boolean.sleep_mode"
icon: "mdi:sofa"
#name: "fdasfds"
name: >
[[[
return (helpers.localize(states['sensor.eve_room_temperature']);
]]]
color: "yellow"
was a test
If you open the dev-console of the browser you can see the error
uncaught (in promise) TypeError: e.setConfig is not a function
uhm the parentheses before helpers doesn't belong there I guess
That was a bad copy/paste on my part. But before I was getting a "helpers function does not exist". It went away now though
Also it can give sometimes problems if you try to use a function or other variable reference in a variable
That was actually my next question. Can I use variables in variables? I read that the variable names must be alphabetic, but if I tried to do something like
asleep: "[[[ return states['input_boolean.sleep_mode'].state === 'on';)]]]"
entity_2:
entity_id: "input_boolean.sleep_mode"
state: "off"
icon: >
[[[
return variables.asleep ? "mdi:white-balance-sunny" : "mdi:moon";
]]]
name: "Day"
color: "blue"
It wouldn't work
It can, but it gives a lot of unexpected problems within minimalist due to the large levels of nesting templates and variables under the hood
ok so avoid if possible. I ultimatly found a better way of doing what I was trying to do, but I was just trying to minimize the number of repeated code for simple checks for cases where both the icon and name may change based on the same condition.
somehow I've lost my way in the Frontend repo, trying to find the icon for device_classes.... currently though more specific, I need to find the possible states for the _battery_state entities made by the mobile_app. I want to replicare some styling in a button-card, and believed we had Full/Charging/Not charging, but am not sure
could anyone please help me out? where are the device_class icons, and where is battery_state
I know android just recently added Enums for these battery state sensors. Otherwise you won't find the list of states in frontend, they come from the mobile app.
thanks, i fugured as much. but didnt the frontend set the icons for the states?
it was somewhere in src/common/entity .... like we have the /color/battery_color.ts. and battery_icon.
suppose it is since the move to battery translations, (where dit that go..?). device_class and all
it must be from the mobile app, I still see icon: in the attributes
(if you're asking about iOS I don't know but assume it must be similar)
ok let me try and find that. And what about the device_classes ? can you help me find those
what device class
I mean I did add several myself in the day, but now wouldnt know where to find those 😉
any really, those were in 1 file domain_icons.ts with state on/off, like the booleans/switches etc, and the binary_sensor_icon.ts.
yep, each component has an icons.json, that is nice. But, still havent found the icons for the battery_state, that repo is a mystery to me, and monile_app does Not have an icons.json 😉 it has this https://github.com/home-assistant/core/blob/dev/homeassistant/components/mobile_app/sensor.py but that doesnt yet help
I think mobile_app is a bit of a weird one as a lot of the logic is in the companion app itself, not in the core integration
If I have a directory structure of
config/
dashboards/
cards/
custom_card.yaml
views/
home_view.yaml
dashboard.yaml
Is there an easier way to reference custom_card.yaml in home_view.yaml than !include ../cards/custom_card.yaml?
and yet I am almost 100% certain we had the battery_state sensor entity in the other repos. even a github search on the battery_state does not find it though
also, I now see this, which seems to indicate that even though at 100% it still shows Charging/Not charging, and no longer has the Full state.
is there a way to reference the button entity inside of a helper function? The button card documentation says that the entity in the localize function needs to be an entity object and not a state, and that entity represents an entity object. The function breaks unless I specify the entity_id.
- type: "custom:button-card"
template:
- card_room
- pink_icon_only
name: Bedroom
entity: sensor.eve_room_temperature
#label: "[[[ return (parseFloat(entity.state).toFixed(1)) ]]]"
#label: "[[[ return helpers.localize(entity]) ]]]"
label: "[[[ return helpers.localize(states['sensor.eve_room_temperature']) ]]]"
The first label works, as a test to make sure I have access to the entity. The second breaks, as does variations using quotes and trying to use states[entity] and various other ways of attempint to reference the correct object. the last one works, but if I change the sensor it would break the label.
@sleek nimbus try helpers.localize(entity)
use this all over the place, so should work, not sure about the other manipulations on it though.
How do I show the pictures for my different areas in picture entity cards? Where are the area pictures stored?
Not sure if here or integrations is correct. I'm using the tile card for two different fans integrated via bond. One of them shows the fan speed controller as buttons, the other a slider. How can I show both as buttons?
the living room fan has 6 speed settings, office fan only 3.
Do you guys have any easy workaround to use old iPad mini with HA app? I am using HA on a windows machine with VM. I am not familiar with docker installation
Wdym workaround?
What isn't working? Your install method should be irrelevant to the mobile app integration
If the ipad mini is too old it might not be able to download the app though, but you can always navigate to the dashboard via safari
It is not. As per research those old version are not able to render Lovelace anymore whether app or browser
That's Apple for you
@golden mirage I converted your message into a file since it's above 15 lines :+1:
Hello Guys, i have Roborock QRevo integrated to HA and i am using Simple Vacuum Card for controlling/displaying, however it is not showing brush/filter details. It is showing just Unavailable. I can see all details via Device - Roborock, so it is available for HA. Brush states are attributes.
Howdy FE folks - oh wow I think it's the first time I take a look at this channel 🙂
I'm seeking some help with adding 'themes' in packages somehow.
The idea is to leverage this:
homeassistant:
packages: !include_dir_merge_named packages/
and create my_theme-0.yaml, my-theme-1.yaml, my-theme-n.yaml in packages/themes, and those would have their light/dark mode kept together for a single one.
When I do this, i.e. packages/themes/test.yaml like:
themes:
test_theme_light:
I get a Package frontend setup failed. Component themes Integration 'themes' not found. error - now that's usually when it's completely upside down 😕
Would someone be so kind and point me in the right direction with this one pls?
Hello. Anyone know if it is possible on a tile card to get the tap action set to the device page? So when a tap on a card I get directly redirected to the device the entity belongs to
Bug or feature? I'm trying to move from mushroom cards to default Tile card. There is one weired. hold_action is not working over icon. So when I long tap the icon, icon_tap_action is taken instead of hold_action. And there is no icon_hold_action.
Is it bug or feature? I want to same behavior for tap and hold on both. Icon, and entity name.
The documentation only mentions the tap_action for the icon, so I guess it’s not supported (yet)
I don't need another behavior for long icon tap. But it's weird that long tap trigger tap action.
Hello all, does anyone know where to modify a theme, so when something is pressed and then i return to same page it doesnt have a different dim color.
One more question, how can I change cover color from purple to blue in default theme?
I tried this, but it's not working
frontend:
themes:
default:
state-cover-active-color: var(--primary-color);
I'm following along with a forum post on mushroom / card mod stuff and am trying to add a second badge to an icon. The post says you have to use background-image: for this as an mdi:icon won't work. My samba addon exposes config/ folder, so i created config/custom_icons/ and now i'm referencing that in my lovelace as background-image: url(:"/config/custom_icons/fan.svg") but it isn't working
do i have that path correct? Can lovelace connect to that folder path? or does it need to be in www/
Has to be in /www, but you can create subdirectories there to keep it cleaner.
k thanks
I'm having a nightmare of a time with formatting/syntax: https://pastebin.com/4nXDZkiA
the code ha-card { background :rgba(var(--rgb-primary-text-color), 0.035); } works on its own, but when I try to combine it with the other card mod code i have it doesn't do anything
the interface reports no errors with my syntax
.: |
ha-card {
background: rgba(var(--rgb-primary-text-color), 0.035);
}
also, your other template is super verbose for little benefit
card_mod:
style:
mushroom-shape-icon$: >
{% set is_on = is_state("light.kitchen_island_lights", "on") or
is_state("light.dining_area_pot_lights_dimmer_2", "on") or
is_state("light.dining_table_dimmer", "on") %}
.shape { border: 3px solid {{ iif(is_on, 'gold', 'grey') }} }
.: |
ha-card {
background: rgba(var(--rgb-primary-text-color), 0.035);
}
thanks, what does the .: do?
it's saying "this spot"
mushroom-shape-icon$ -> go to mushroom, shape, icon, then first shadow thingy
. -> go to right here
: is just the indicator for yaml
the .: should start at the same indent as mushroom-shape-icon
you can copy/paste what I wrote exactly 😉
well the thing is I dont find I'm learning as much as I should be, so trying to understand a bit more and copy a bit less
yes, style is a dictionary, so every item inside it needs to be at the same indentation level
also, that verbose part, its partly because it's helpful for reference and learning (by not much), but also I've started to find with HA that when devices go offline/unavailable a lot of things fail and aren't captured by that fact
it's more of an issue for automations than frontend, but when I write "do this if on, else do this", it does the else even if the device is unavailable
Hello guys,
I got a strange result here hopefully somebody got a hint for me.
I trie to add a #matter-archived device via Thread (Sky Connect) with an old Android (OnePlus 3 / Anndroid 9 (OxygenOS 9.0.6). But when I navigate to the Settings -> Devices area, there is no device of my 93 devices showing up. Its just telling me "no data".
When I then tap on add device and chose "add matter device" from the list just nothing happens. I alreade restartet, synced the thread credentials an tried this multiple times....
Does anybody know why this happens? and mybe how to fix this? Or is it just a too old Android Version (I found somewhere on the homeassistant docs, that at least 8.1 is required)? The App Version is 2024-4
Thanks a lot.
Ask that In #matter-archived
Is there a way to wrap text on cards? spefically tile cards in the sections view.
Can I redorder the floors? I have started creating them vwith the basement. and now the lowest floor is listed on the top. Looks weird.
Believe they are sorted by the level you gave them, not by creation date.
You can change the level #, but that may not make sense
@vast crane You are right. The floors are indeed ordered by the level. In ascending order which is weird. Never heard of an elevator whre the buttons are ordered that way?
The idea was that the ground floor for most homes the main floor is, and therefore is placed on top to see first IIRC from the livestream when floors were added
Is there a smaller version of the entity graph card?
I do like to have a graph but I also would enjoy having more than four per viewable page
Mini graph card maybe?
Well, yes. The ground floor is also or my house the main floor. But when you add a cellar as -1 it becomes the the first and "main" floor.
Options: a) reverse the sort order, b) add an option to reverse the sort order, c) let the user manually order the floor
a) was rejected by designers. b) and c) are probably not gonna happen, but you can write a feature request if you feel strongly about it.
I'm utilizing some cards that collapse based on state. But some of my media players never go "off" they go "idle" (homepod). Is there an established method to exposing "idle" as being equal to "off", or any problems with that approach that I should be aware of?
Are there any other automatically generating dashboards? I am currently using mushroom strategy, but I feel like with current version and tech much more could be achieved
i asked this in #general-archived but @trim ice suggested I ask here, so:
the format (in JSON) of the websocket API lovelace/config call to get a dashboard layout appears to have changed between 2023.10.5 and 2024.3.1 for entities cards. In the 2023 I got a card with type=entities, and an entities key containing a list of entity names. In the 2024, the card has an entities key holding a list of objects with an entity key inside. Are these changes documented anywhere that I missed?
What is the websocket call to "get a dashboard"? IIUC the only two options are to return a dashboard you have saved, or to get a dashboard that is defined by a strategy (which I don't think returns individual cards themselves as the frontend generates them).
But nevertheless both styles are valid for entities card, either a list of names or a list of objects (the latter is used to configure additional options).
Is there any way to have a button card where the button calls a Script, but the state being shown on the button is a binary_sensor?
like {{ states['binary_sensor.ping_windows_11_p600s_aaron'].state }}
or something like this
type: button
tap_action:
action: toggle
confirmation:
text: Are you sure you want to turn on [Aaron's Computer]?
entity: script.switch_computer_aaron_turn_on
show_state: true
name: Aaron's Computer
icon: mdi:desktop-classic
state: |
{{ states['binary_sensor.ping_windows_11_p600s_aaron'].state }}
Use the binary sensor as entity and use the script service for tap or hold action
type: button
tap_action:
action: call-service
service: script.switch_computer_aaron_turn_on
target: {}
confirmation:
text: Are you sure you want to turn on [Aaron's Computer]?
entity: binary_sensor.ping_windows_11_p600s_aaron
show_state: true
name: Aaron's Computer
icon: mdi:desktop-classic
WSConn::send: {"id":4,"type":"lovelace/config","url_path":"dashboard-stuff"}, indeed, to return a saved dashboard. Thanks, I'll implement both forms then.
hi, can someone help me configure **Lovelace RPi Monitor Card **? 🙂
i'm stuck here:
In your ui-lovelace.yaml (or resources.yaml, whichever you use for resources) add this:
- url: /hacsfiles/lovelace-rpi-monitor-card/rpi-monitor-card.js type: module
where is ui-lovelace.yaml ? 😐
I have a lovelace minimalist dashboard, and wanted to add a drop down to select my vacuum mode (select.vacuum_mode). Is there a card for that already, or do I need to find another custom template?
I cant figure out why this isn’t working, the first condition works but the sun condition doesn’t. Trying to get cards to show for roughly an hour before/after the sun…
conditions:
- condition: or
conditions:
- condition: state
entity: light.outside_group
state: 'on'
- condition: numeric_state
entity: sun.sun
attribute: elevation
below: 4
card:
type: vertical-stack
cards:```
@minor rapids 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.
If you installed via HACS, you shouldn't have to worry about the resources. Try refreshing your browser and/or clearing the browser cache and the card should be available.
I may be wrong, but I don't think the Conditional card can reference attributes. Consider the custom:state-switch card. Here's the forum post for it, too. I think you'll need to use the template method to set it up. yaml type: custom:state-switch entity: template template: > {% if is_state('light.outside_group', 'on') and state_attr('sun.sun', 'elevation') < 4 %} show_vertical_stack {%endif%} states: show_vertical_stack: type: markdown content: Replace this Markdown with your vertical stack.
I'll check out state switch, thank you. For now just made a template sensor to pull the attribute to a sensor and will see if it works tonight!
That should work too since now you've taken the attribute and have it has the state of the template sensor. Something that's cool about the state-switch card is that you can essentially define ELSE conditions to show something else based on different conditions. Example
I really like the idea of that, will probably use it a couple other spots to simplify things
why does the script in my service reference the old name i gave it? i changed it since then, and it doesnt work with the updated name. it looks like its holding onto the entity id for whatever it was originally.
The entity id doesn't change
Did you actually rename the entity as well? When you rename a script, it only renames the friendly name/alias.
is this not where you do that?
you can see where its called script.switch_computer_aaron_turn_on , but the service call for it in the button card only sees it by the old name of script.bot_computer_aaron_turn_on
bug?
Have you tried to reload the scripts in the dev tools?
Quick and dirty fix would be to duplicate the script to another name and to delete the old one.
oh i know that would fix it for sure lol.
it looks like all my scripts are being referenced here with their old names
its not picking up the new entity_id
does that happen for you as well?
Haven't tried it.
So it seems that enabling SSL on Home Assistant blocks/disables the existing 8123 http port. Is that right? Any way to open that back up again?
This has happened again - I have lost temperature controls on my AC (IR blaster). This is getting old.
@wet veldt I converted your message into a file since it's above 15 lines :+1:
sending it a temperature fixed the issue.
I like state switch! I wish I had access to visually build the cards after my conditions were in but it is way easier to write the conditions this way.
Hi, I would like to use an old WinTablet as a picture viewer (url to http slideshow on local server) but also display date/time and some states + messages from HA. (like the Alexa and Google thing)
Maybe with additional pages to view on click/alarm.
I found how to set the background image in a template, but is it possible to use a html page (picture slide show) instead?
I don't want to use static YAML to define a few pictures on the NAS which then getting used as background image.
Would like to use a ready to go picture archive/slide show software on local server and not reinvent the wheel myself (like repeated page refresh, one pager on server (php) grabbing a different picture each time)
Question: dynamic html5/js website as dashboard background possible? How? 🙂
Thank you!
in home assistant land, you'd make a camera entity
that feeds off an image file, then you replace the image
You'd need something custom to display a clock
The custom "Clock Weather Card" available in HACs is pretty nice for showing the time on a dashboard. Shows the weather by default too, but that can all be removed if you want.
Nice, thank you.
I know how to set up the dashboard.
Will look into the cards, tho.
Challenge: dynamic background with service from another server.
Pictures are on the NAS, and I would like to use the picture archive software to create a few albums for each picture frame. Create a Dashboard for each frame and show the corresponding slide show.
With this setting I can use an dynamic album which adds new images which do match a specific scene (image recognition in archive software).
like:
Frame1 -> Album Last Vacation
Frame2 -> Album Wife/Gf/Partner
...
I know it is possible to mount the NAS
select the images for background, write them in a YAML and slide trough.
But then it is static and a pain to update (I know myself, that will never happen). 🙂
again, set up a the generic camera integration and point it to a file, then update the file at whatever frequency you want.
that's the only way to do this without going custom using HA
@tacit cave thanks, will try that.
found how to use it as a card, any pointers how to use the generic camera as a dashboard background? 🙂
you'll need a custom card for that
something that supports a camera entity as the background image
or use picture elements card
I see.
No dashboard background!
It will get messy then! 🙁
not sure how, picture elements with the bottom element being a camera is the same thing
other way round would be using MM2 for the frame setting the dynamic background (URL) and get the HA Entities shown there too.
But that would require the Picture Archive Docker Container as well as an MM2 Docker Container for each picture frame serving the view and including the HA Entities in each one will be a mess too. 🙁
I really don't see what your hangup is
make the camera, the camera points at a file, any file. You can do whatever you want with that file. You then put the camera on a dashboard as a picture element, on a view with mode panel.
then just replace the file with whatever current image you want to show
sorry I don't think I am getting that.
Will that picture element be full screen? aka background?
Can I place other Elements on top?
yes, please look at picture elements card
you're making assumptions without trying these things
Any way to control margins when using sections and viewing HA via a browser? It seems everything is centered by default, leaving me with a lot of whitespace on an ulrrawide monitor
So i start my HA again any suggestion for dashboard? some good for the mobile app
Hello, I'd like to recreate my electric board in HA to show power consumption. I'd like to split every line in 6 slots to put 1 gauge in 1 slot and time to time 3 gauges in 2 slots. Do you think that something like this is possible ?
You could always temporarily change your condition so it returns true. If the condition is "when on" change it to "when off"; if greater than a number, change it to less than a number. Then you can see what you're working with. (Just remember to change it back.)
where is the logbook? i cant find it anywhere?
In the sidebar
Did you remove default_config: ?
ok, how could i bring it back
Press and hold on the title
sorry so would that be home assistant or overview?
Home assistant
thanks!
will give that a go
it did not show up
everything you see just wiggles
if it makes a difference, i moved from Rpi to an Intel NUC a week ago and restored from backup
Doesn't matter
Did you try scrolling to the bottom of the menu?
Maybe you just need to scroll
Snap.
What's the best way to change the background of a mushroom climate card based on current heating/cooling of a Nest thermostat? I tried but apparently it was just referencing the current mode (if it's set to cool or heat, but not actively running).
the attribute hvac_action contains the active heating/cooling status (as opposed to the mode)
Sweet, got it with this:
card_mod: style: | ha-card { background: {% if is_state_attr('climate.downstairs_thermostat', 'hvac_action', 'heating') %} #890002 {% endif %} ; background: {% if is_state_attr('climate.downstairs_thermostat', 'hvac_action', 'cooling') %} #002E89 {% endif %} ;
you're overwriting it
that's not going to work
card_mod:
style: |
ha-card {
background:
{% set action = state_attr('climate.downstairs_thermostat', 'hvac_action') %}
{% if action == 'heating' %}
#890002
{% elif action == 'cooling' %}
#002E89
{% else %}
#FFFFFF
{% endif %} ;
you might want to fill out the else
you can also use a map
ah ok. I did test it with just Cooling and it changed to blue but didn't test the other actions yet. Thanks
If I don't do the else will it just go to the default color?
card_mod:
style: |
ha-card {
background:
{% set action = state_attr('climate.downstairs_thermostat', 'hvac_action') %}
{{ {'heating': '#890002', 'cooling': '#002E89'}.get(action, '#FFFFFF') }};
no because you're overriding the field
OK cool. New to card_mod (and styling in general) so appreciated.
Follow up question... when I add the code in the visual editor, I can see it's working (can test the conditions and it changes), but then the additional code is just disappearing when I save.
I did use card_mod to remove some icons from entity rows in other cards in the grid, would that be why? Those don't disappear
IIRC that's a known issue with card mod? I don't use so don't know for sure, but I've seen that reported that it's eating code on save
Yeah I came across some github issues reporting the same
I don't use the UI so I'm not sure
seems to stick if I edit the dashboard directly
how do i create these smaller cards on dashboard?
button card
thanks but tbh i found the new experimental "Sections" view and that works fine for me. and its much easier for my limited/simple dashboard.
Has anyone been able to successfully hide the stop button on the mushroom cover card? I hid the icon and background with card mod but when I tried moving the open button over into the place of the stop it went behind and my tap action stopped working.
on the markdown card, I can't seem to use "# Heading 1 " is that not supported? figured out the issue. Indentation problem.
How do i add an device with "last triggered" shown on the dashboard?
@compact pebble I converted your message into a file since it's above 15 lines :+1:
I have a question as I scoured through google and bit confused on how styling works. I tried to adjust the configuration as I want to add "Dawn and Dusk" time only when i set it up it shows a full date and time. How do I remove date out?
What kind of card are you displaying it on? Usually a simple template helper will take care of that.
It is on entity card. I don't see any where on that regular Card option
hi. is there a way to force the size of tile in the frontend ?
Is it me is Mushroom Template Card not easily customizable for text alignment?
Card mod Mushroom Template Card
Given a door sensor that gives me open/closed states, is there a simple card that would allow me to show that state visually? Like the default button card lets me set a door icon and the icon can change its color based on the state which works fine. But could I also change the icon to an open door or closed door?
not sure about the channel - I'm wondering if there's any way I can make this click as shown in that screenshot "programmatically" to get the resulting history.csv file, for example in a python script using requests? Or any other way where I can submit entity, starttime, endtime and get all data including from long term history?
The rest API apparently is discontinued ( #devs_core-archived message ) and the /api/history endpoint is not returning long term history data 😦
How do i display hour and mins since device last triggered on my dashboard? Im currently using a tile card but it only displays hour
How to show full states at custom temperature at left top
https://paste.mozilla.org/QHbVZ9D7
The snipit is missing
I'm assuming you've already set the sensor to Show as Door which should handle open/closed icons. Once the stock cards start to outgrow what you want them to do, you have two options: card_mod and custom cards. Card_mod, generally, let's you modify cards to do more of what you want; it just may take a bit of work (if someone hasn't posted it already; Card modding a tile card's icon and icon color.) Personally, I prefer the custom:button-card. This is how my door sensors are shown. They're subdued when they're in their normal state but flash when opened/closed, as appropriate. The colored dot is the battery level indicator. It took about 50 lines of YAML to make, but the custom:button-card allows a configuration template which let's me call the template without having to repeat the code. Subsequently, each of the buttons is only 6 lines.
that should really be a flashing poop emoji
Alert condition brown
I like the flashing red door icons. I can see it from across the room on the tablet.
Code link is broken. I'm assuming you're using a custom:button-card. Try setting overflow: none for the custom_field and/or adjusting the width.
@tacit cave @vital burrow Just for you guys:
hey guys. can anyone give some pointers to make a brush graph using the custom:apexcharts-card? I'm trying to get something like this:
I've been trying examples from the forum but the syntax must have changed because nothing works..
Post what you've tried
tried these
the apexcharts docs states that we have to use two charts, one for the brush and another for target
Thats a community post, can you post exactly the code you tried?
verbatim, what you wrote
@slow sundial I converted your message into a file since it's above 15 lines :+1:
also tried: `` type: custom:apexcharts-card
apex_config:
chart:
id: main-chart
brush:
enabled: true
target: main-chart
height: 30
xaxis:
type: datetime
series:
- entity: sensor.sonoff_station_temperature
type: line
name: Temperature ``
not sure if the syntax is supposed to be like the https://apexcharts.com/docs/options/ or if it's different (adapted) for using with the card
a simple working example would be much appreciated
you aren't specifying the brush
e.g.
show:
# in_brush: set it to true and the serie will show up in the brush
in_brush: true
# add this also if you want your serie to only show up in the brush
in_chart: false
which is included in the brush example in the docs
I don't think so. That button doesn't call a backend function, but rather uses the frontend JS to package up the agglomeration of currently retrieved statistics/history into a CSV file.
If REST doesn't support gathering statistics you would have to use Websocket API to get them.
Does anybody know how to have an entity filter hide itself if it is empty?
AWESOME
And websocket API is sparsely documented because it's in rather rapid development, did I catch that right?
(No offense intended there)
I can't speak to why it is or isn't documented :\
But all future API development uses the websocket. It's what the frontend uses.
Yeah, I'll dig into that then. Will be a bit more effort but it's the proper way. I could of course read directly from the database for my private use, but that doesn't seem very clean to me.
Thanks!
FYI here's the documentation https://developers.home-assistant.io/docs/api/websocket/
Thanks! It seems it doesn't have a noob friendly list of possible actions like the REST API doc has.
But I'll figure it out 🙂
I'm just a python hobbyist messing around a bit.
well that's because it depends on the language you decide to use
the websocket api is agnostic to what language you use to perform the connection
The idea is that you know what you're doing with websockets. So if you plan to use websockets and python, look up a tutorial on how to use a websocket in python. Then once you know how, look at that API and it will make sense.
see a previous conversation with a hint on how to get a list of APIs from the source: #general-archived message
may not be exhaustive, but it's a start
Awesome! Another learning opportunity. Thanks for the hints!
I guess I don't understand your comment because it's well documented there
It's just not documented with python
its documenting what you do with a websocket in order to get the data you want
maybe this is a miss understanding on how websockets work, but the documentation covers everything it can do
The actual API functions that exist are not documented.
that loosely tells you how to use the websocket, but it doesn't actually say what requests you can send
beyond a few limited examples
(you just have to read the code to figure that out)
what other commands are not listed?
Sounds like they'd just need to be added. I'm looking at the list and I can't see anything that I'd need outside that to make and use entities
well the initial question was about fetching statistics, which is not there
anyone can create their own API
Yes but I'm talking about HA's actual websocket api
I'm asking questions, not trying to argue 😉
which it seems like yall think I'm arguing
I always viewed that page as a sampling/example of APIs that are available without an attempt to provide an exhaustive list, and with the caveat that they can change whenever
like it's not a goal to reproduce the REST API documentation for websockets
The page is very explicit (to me) on what information to send, and what it will do
key is "exhaustive" and "unchanging"
for those APIs at this moment, I'm sure it's fine
Well looks like there's ~350ish valid commands you can send to WSAPI. That page maybe lists 10 of them. It's not a bad start for simple things, but there's a lot more.
is there any hacky way to be able to navigate to a templated-url in frontend? like googlemaps coords for gasstations etc
The markdown card accepts templates, and can have hyperlinks.
Wow. That's a word I haven't used in... a while
is there any way to add a sensor to this card under the state of the curtain? would be better than adding a vertical card which takes up more space
i wanted to add the battery % under the word open
Ugh, sorry in case this came off as snarky or something. I meant it literally, I welcome the opportunity to learn more about websockets.
Please excuse me. I'm bad at communicating and English is not my first language.
Not at all, I just took it at face value. Learning new things is good!
i basically want to do this, but combine the battery into the card so it doesnt have to add additional bulk
@umbral harness you a fan of sonoff products thinking about replacing smartplugs with them
No worries 🙂 Want to keep the channels as clean aas we can.
I didn't even realize I was in the wrong channel. I'm trying to keep up with so many channels heh
@jaunty pivot I converted your message into a file since it's above 15 lines :+1:
Hi guys, i'm making an entity filter card with a huge list of devices. Is there a way I can get the names from somewhere of all the entities so I won't have to add them 1 by 1 manually? I assume HA is storing them somewhere, no?
I'm using this to get all my batteries. Hope it can help you :
- entity_id: ^sensor.*battery
so you don't use entities?
type: entity-filter
entities:
- sensor.sun_next_dawn
- sensor.sun_next_dusk
- sensor.sun_next_midnight
conditions:
- condition: state
state: '2024-05-23T03:21:33+00:00'
card:
type: entities
in your entities list, you can try, entity_id: ^sensor.sun* to get all you sensor starting sun for example
Is there a way to make a button card show an on state from some other sensor?
I have a button and then a template that returns true from that button being pressed for 15 mins and it'd be nice to show that
Check out the stack-in-card. Basically, you can merge cards together to make them look like one card. You may need to add some card_mod to adjust the margins and padding to get the desired affect. Example
The custom:button-card allows you to have a name, state, and label. You could configure the label to return the battery level.
For my battery levels, I use a colored dot as a custom_field in the custom:button-card with a little bit of Javascript.
alright
I am trying to set up a conditional card to show when only A is active or when only B is active but NOT show when A and B is both active at the same time. How do I set the logic on this? Thanks!
Use two conditional cards each with the combination you want repeating the card you want to show, or use a state_switch custom card with a template condition
Won't using 2 conditional cards not work? Since having A active and B active will show the card, having A and B active at the same time will also satisfy the conditionals and show the card
I don't know what you mean by 'active', but you provide two conditions for each card and both need to be true to show the card
Use state: and state_not:
Active as in on state. So I want the card to show when only A is on, and to show when only B is on. But not show when A & B is on at the same time
Okay so for card 1, show card when A is on and B is off. Card 2, show card when A is off and B is on. If A and B is on, it should not show
Will try, thanks!
Yep
@gaunt eagle Like RobC mentioned, also consider the custom:state-switch card. You can set up different conditionals to show different cards from within the state-switch card. Kind of like an IF (show this), ELSE IF (show that), then ELSE (show something else).
Sounds good, I will give it a shot. Thanks!
Hi all!
I would like to change the icons of a glance card depending on the status of an entity.
Quick summary, I have a pool pump with 3 speeds and I want to display a different icon per speed.
I have added this into the glance card but the icon is not displayed:
icon: >
{% if is_state('sensor.tild_filt_state_2', '129') %}
mdi:fan-speed-1
{% elif is_state('sensor.tild_filt_state_2', '130') %}
mdi:fan-speed-2
{% elif is_state('sensor.tild_filt_state_2', '131')%}
mdi:fan-speed-3
{% else %}
mdi:fan-off
{% endif %}
I am hearing that templating might not be supported? but is there a workaround?
@lethal rose The Glance card does not accept templates. You can get it to work with card_mod but it is not the easiest card to work with. It's been a while since I messed around with that card. I still have some examples for reference. Lemme see if I can remember how to get it to work.
@lethal rose I remember why I didn't really work with this card too much. It is a PITA to work with. I tried something things that did not work. I consulted the card_mod huge post in the forum, specifically for the Glance card. There is no example there that shows how to change the icon. Basically, if Ildar_Gabdullin does not have it posted, there's a strong possibility that it cannot be done. (He's a beast when it comes to using card_mod.)
With that said, you can "make" your own Glance card. The custom:stack-in-card is useful for merging multiple cards into one. I posted about it a little bit ago. Scroll up and you'll see a couple of pictures that I posted. Inside the stack-in-card, just use a card that can act the way you want such as a card_modded button card, custom:button-card, or the Mushroom Template Card from Mushroom card.
thanks for this; I will have a look
@lethal rose Forgot to mention, if you use the custom:button-card, it uses JavaScript and not Jinja. But, it also has the ability to apply styling based on the state; so it doesn't specifically need code to make it do what you want. (This is a very useful card and can be made to do just about anything. I have a bunch of stuff/examples posted in here about it.)
Another idea to do without templates is an entity-filter with glance card. Instead of templating the icon, you add that entity 3 times (each with different fixed icon), and then show only one of the 3 entities based on numeric_state condition.
I don’t know if this is where to ask this question, but is there any way to change the card that’s used to represent HVAC controls? I need one that’s SIGNIFICANTLY smaller, as I’m using HA in the store I run, which has 8 RTUs, so these absolutely massive HVAC cards take up half my dashboard lol
Hey, setting up a button to close or open curtains (hooray for conditional cards), but running into this error:
Failed to call service cover/open_cover. must contain at least one of entity_id, device_id, area_id, floor_id, label_id.
Exact yaml on the tap action is:
tap_action:
action: call-service
service: cover.close_cover
data:
entity_id: cover.living_room_curtain
I feel like I am missing something obvious. Calling the service manually from the dev tools works
Consider using a "Tile" card for the HVAC controls; it lets you select which controls to expose and uses a pretty compact layout.
(it fits in a narrow column on the sections ui too, if you use that)
How do I do that? I'm new to ha and I'm just using the default dashboard...
Go into your dashboard - top right corner you should see a Pencil to allow you to edit the dash, then bottom right corner to add card, scroll through options to Tile and then point it at one of the climates you want to control
thanks!
OK .. I'm losing my mind here..
the button-card supports templates for the name, yes? why does it keep showing the daggum template text and not the templated value?:
- type: custom:button-card
name: "{{ states('input_number.ac_mastersuite_volume')|int }}"
You're using Jinja
It only supports JavaScript
The docs show many examples of the JavaScript templates it supports
Ok , so ... tried that too.. doesnt work even more. (which is why im losing my noggin.) use case: browsermod popup with button in content. button name is java. popup doesnt pop up ... like at all...
name: |
[[[
return `${states['ac_mastersuite_volume'].state |int}`
]]]
hang on.
I might just be being stupid.
Maybe
|int is Jinja
You also made it more complicated that necessary
And you didn't specify the proper entity_id
I swear that there are exact examples in the docs
i noticed that too, but fixed that. however, Im looking over them again now.
name: |
[[[
return Math.trunc( states['input_number.ac_mastersuite_volume'].state );
]]]
that works
sheesh ... is it Friday yet!?
name: "[[[return helpers.localize(states['input_number.ac_mastersuite_volume']) ]]]"
Shouldn't be more difficult than this. This also allows to set options for precision and unit of measurement. For string states it can also translate them
4 Mondays in a row is just not frickin fair
The easiest is:
name: "[[[ return states['input_number.ac_mastersuite_volume'].state ]]]"
Yes, that returns, but as a float. I needed an integer
name: "[[[return helpers.localize(states['input_number.ac_mastersuite_volume'], undefined, 0) ]]]"
Then use this, it's all built-in button-card
Or change the precision within the HA ui in the entity settings
Ok .. next one. I cant get the name of a button card to update in the browser-mod popup when the value of the entity it watches changes ... is that the same for anyone else?
- type: custom:button-card
name: "[[[ return `<center>${Math.trunc( states['input_number.anumberentity'].state )}</center>`; ]]]"
I've done it this same way with cards on the dash, so I want to think it's something to do with the popup
Confirmed ... I changed a button card to time, and it's stuck
(unless one of you fine people know how to accomplish?) I found a ~2yr old thread that led nowhere
You probably need to add that entity to the triggers_update
I did try that, but it didnt seem to work, lemme look again
This is what I have at the moment -- I am pretty sure I have it conf'd right, dont I?
- type: custom:button-card
name: "[[[ return `<center>${Math.trunc( states['input_number.ac_mastersuite_hour'].state )}</center>`; ]]]"
triggers_update:
- input_number.ac_mastersuite_hour
Mind you, this is only seeming to happen within the browser_mod popups
but I wanna make sure it's not just me
@fathom wagon You can also use parseInt(the_state) in place of Jinja's | int.
I've put together some concepts that shows how to do some common tasks with Jinja and Javascript. Link
triggers_update: all can also be used.
If it isn't centering like you want, you may be able to use yaml styles: name: - alignment: center(I may be wrong on the exact syntax but it is something like that.)
does anyone know of a way to change the text size of an input bumber with card-mod?
(or it is even possible?)
It depends on the card you're trying to use. Check out the "huge card mod post" that I referenced here for some guidance: #frontend-archived message
Any idea how to show a webpage on my dashboard? I use the webpage card but it says "refuse to connect"
You need to share more details.
Hi, is there a dedicated room for the homeassitant floorplan or would it be ok to ask here?
having several live weather cams under some fold-entity-rows, I was wondering whether these are only downloading data when actually unfolded, or that there is a contiuous data stream going on. Can we check that somewhere in Inspector? Network tab shows traffic, but I cant pin it down to the card
closed: hope this has no traffic...
and open, which would obviously require some traffic for the open fold
I'd like to think I havent spent the whole night tinkering with the following for no reason.. Im trying to get rid of the padding around the input textbox .. Is this doable?
- type: entities
card_mod:
style:
hui-entities-card:
ha-card:
'#states div':
padding: 0px;
I havent been able to do this with the config, but manually changing the css on devtools obviously works. I might also mention, that I am not even a rookie when it comes to css styling, so it may be that I am just not pointing to the correct element, if this is actually pointing to anything at all
im using this: card_mod: style: hui-generic-entity-row $: | state-badge { display: none; } ha-textfield: $: | #label { left: 0px !important; } .: | :host { --text-field-padding: 0px; }
to give me:
I'm actually trying to modify this : mdc-text-field__input
would you happen to know how to get that?
I have that page open, yes .. just not to that post
card_mod:
style:
hui-generic-entity-row $: |
state-badge {
display: none;
}
ha-textfield:
$: |
#label {
left: 0px !important;
}
.mdc-text-field__input {
margin: -10px;
}```
you do know how to select the correct Dom path inside the inspector?
btw if you search that main post for mdc-text-field__input, you'll get a lot of hits pointing you to the solution
@jaunty storm I converted your message into a file since it's above 15 lines :+1:
Helper code (This is brining back the right values in developer and when copied to the code it works):
{% if states('input_select.auto_pot_2_stage') == 'Germination' and states('light.grow_light') == 'on' %}
[{"from": 0, "color": "#db4437"}, {"from": 18, "color": "#ffa600"}, {"from": 20, "color": "#43a047"}, {"from": 25, "color": "#ffa600"}, {"from": 27, "color": "#db4437"}]
{% elif states('input_select.auto_pot_2_stage') == 'Germination' and states('light.grow_light') == 'off' %}
[{"from": 0, "color": "#db4437"}, {"from": 13, "color": "#ffa600"}, {"from": 15, "color": "#43a047"}, {"from": 20, "color": "#ffa600"}, {"from": 22, "color": "#db4437"}]
{% elif states('input_select.auto_pot_2_stage') == 'Seedling' and states('light.grow_light') == 'on' %}
[{"from": 0, "color": "#db4437"}, {"from": 18, "color": "#ffa600"}, {"from": 20, "color": "#43a047"}, {"from": 25, "color": "#ffa600"}, {"from": 27, "color": "#db4437"}]
{% elif states('input_select.auto_pot_2_stage') == 'Seedling' and states('light.grow_light') == 'off' %}
[{"from": 1, "color": "#db4437"}, {"from": 13, "color": "#ffa600"}, {"from": 15, "color": "#43a047"}, {"from": 20, "color": "#ffa600"}, {"from": 22, "color": "#db4437"}]
{% elif states('input_select.auto_pot_2_stage') == 'Vegatative' and states('light.grow_light') == 'on' %}
[{"from": 0, "color": "#db4437"}, {"from": 20, "color": "#ffa600"}, {"from": 22, "color": "#43a047"}, {"from": 28, "color": "#ffa600"}, {"from": 30, "color": "#db4437"}]
{% elif states('input_select.auto_pot_2_stage') == 'Vegatative' and states('light.grow_light') == 'off' %}
[{"from": 0, "color": "#db4437"}, {"from": 16, "color": "#ffa600"}, {"from": 18, "color": "#43a047"}, {"from": 23, "color": "#ffa600"}, {"from": 25, "color": "#db4437"}]
...
please format that post (click edit, select and select <>)
states are truncated to 255 characters, if your code outputs more than 255 characters, the json will not be complete.
The code outputs 173 characters, so it shouldn't be receiving truncated data and the state check I did in the developer section shows the full output so I don't think truncation is the problem here?
[{"from": 0, "color": "#db4437"}, {"from": 0.6, "color": "#ffa600"}, {"from": 0.8, "color": "#43a047"}, {"from": 1.0, "color": "#ffa600"}, {"from": 1.2, "color": "#db4437"}]
Does config template card support complex objects as an output to a field?
that card predates those outputs in normal templating and it hasn't been updated since.
Also | from_json is a jinja thing, it's not a javascript thing.
so you'd need to use the javascript method to turn a JSON string into an object.
JSON.parse(states['sensor.auto_pot_2_airtemp_segments'].state)
I think this is more likely where I am getting it wrong as using the other variables to set the gauge limits works flawlessly so has to be what its receiving using the variable. Would that mean I need to do it to the lines on the template that produces the JSON or in the refence in the custom card?
I gave you the code..
this
keep in mind you need to wrap it in ${}
dont want to interfere here, but you are aware config-template-card rewrites that card upon each and every state change of those entities? it is a terrible resource hog in itself, so be careful to add too many variables/entities to it, or it will halt your view. ofc, depending on the resources you have available
Thank you very much its all working now
Thank you very much for this and I will monitor the system. Is there a better card to use to achieve the same outcome that is less resource intensive or this is just a draw back of trying to do what I am doing?
nt sure, but if you want the segments to change completely depending on several states I don't think there's another way. I cant completely get what you want or why, but personally I prevent using CTC as much as possible. You might be able to use state-switch, and give that a few options, and set a fixed segements section per those options
Ok then I think this is the only way to acheive it. The segments and other variables don't change often but its to prevent having a gauge per metric per lifecycle of plants or having to change the gauges everytime I go from seedling to vegetative then to fruit.. So this way I have one gauge that will change parameters depending the plant phase and sun up/down.
I'm trying to configure cards using mosquitto_pub and HA discovery, e.g. using topics like: homeassistant/light/living_room_light/config However, my light appears as two lightning icons, whereas all my tasmota devices appear as toggle buttons. What magic property in my config json payload makes it appear as lightning icons vs toggle button? (Talking about the control that sends the commands for ON/OFF, not the icon of the device)
@quiet tree I converted your message into a file since it's above 15 lines :+1:
what do you mean 'it asks'
sorry not asked, it points to
screenshot please?
Hi. Before I open a frontend issue, I want to know if there is a bug with the sidebar dashboard : the sidebar on the left is really small compared to the energy dashboard
size seems fine when I edit the dashboard
There's nothing built into core HA that would provide that layout
so you'll have to tell us what you're using to provide a layout like that
I have no custom layout, it's the sidebar view type
Ah a new(er) view
clear the cache and reload the page on your browser
it's working over here for me
try safe mode too
already done, tested on Safari on a mac + firefox and edge on windows
I'm also running 2024.5.4
share your yaml
yah, even when adding a bunch of extra gauges and history graphs, it's still displaying properly for me
I got it
nothing with zoom
it's just kind of responsive, if I make the window narrower it chooses to shrink the sidebar versus the main up to a certain point
Yeah I did that and it stayed the same size for me throughout
Only the left panel was squeezed for me
seems related to stats graph
ah, I'm using history graph
do you want me to open an issue?
I have no custom frontend theme or card
maybe related to monitor resolution then?
I'm running shitty old monitors with limited DPI & size
When I resize the window, size is OK for 0.5s and then it is small again
eh, worth a writeup then. Not sure what will come out of it though
but karwosts might find it
👍
y'all are smart people; how do I apply css to a element, and also the #shadow-root?
i guess you didnt read that thread I posted earlier after all?
I did
there are literally thousands of examples there
I've having difficulties applying to the base element and it's shadowroot
and the docs of Card-mod would be useful to you
@fathom wagon I converted your message into a file since it's above 15 lines :+1:
@fiery ledge .. I figured it out. .: is the root elemet? (I had no idea, actually)
May I know how I can change the colour of an icon in the entities card? What will work here?
entities:
- entity: light.bed_light
card_mod:
style: |
:host {
color: red;
}```
You might find a solution for the std cards here: https://community.home-assistant.io/t/mushroom-cards-card-mod-styling-config-guide/600472
Can someone point me at how to select the clock-weather-card-today-right-wrap-bottom element with card mod? Just want to set display: none but I really struggle understanding the selectors logic.
Good Afternoon, I am having a problem with LoveLace updating from a file. Someone told me that I need to install the Development front end. Is there a step by step guide for doing this
@tribal galleon I'm trying to find out how to render something else than the entity state, in the custom:button-cards state. I think I've seen something like "state_show" or similar. Was it from you perhaps?
oh nevermind, found it! state_display
Can't believe I missed it despite looking through the documentation multiple times ^^
Yup. That one always threw me for a loop when I needed to use it. Would have to consult the docs or saved examples in order to remember it.
you did have some helpful content/guides on your Github right? Could you link it please. I seem to have lost the link 🙂
Take a look at the card_mod mega post for the Entities card. There's a couple of ways to handle it depending on what you're trying to accomplish. LINK Working with the icon is towards the bottom on the post.
thanks a lot 🙂
hello, according to everything I've read, this bar card should be yellow and it is not and also i believe the code to be correct, is this a bug?
`type: custom:bar-card
entities:
- entity: device_tracker.andrew_mug_warmer
name: Andrew's Mug Warmer RSSI
severity: - value: -100
color: '#FF0000' - value: -80
color: '#FFA500' - value: -60
color: '#FFFF00' - value: -40
color: '#00FF00' - value: 0
color: '#0000FF'
attribute: rssi`
I want to say that the bar-card cannot handle negative values but I'm not for certain. You may need to make a helper entity that returns that the absolute value of the RSSI attribute and then use that.
I think there is also a version 2 out the somewhere that might have some more options.
"I think there is also a version 2 out the somewhere that might have some more options." do tell.... That is the preferred route if it exists...I would have approx 90 of these to convert, if i went the helper route...
I don't think you have that configured correctly. Severity should be from: and to: instead of value:
I'll try it, but i tried it the other way once before and it didn't make a difference, hold please
yeah....no difference.
@final cypress Try making one absolute value template entity and see if it is an issue with negative numbers. If that works, then the easy fix might be to wrap the bar-card with a decluttering-card and have it handle the absolute values so you don't have to make a ton of helper entities. I can look into that when I get home from work. #templates-archived can help with the helper entity.
Can we see the updated code?
that isn't updated
- from:-39
to:0
color: whatever```
i typed that freehand, with your image too small to read
oh, yeah i can try it that way too..
if they're not integers, you'll probably want -39.9999
value is not an attribute available for severity, it requires from/to/color
@final cypress I converted your message into a file since it's above 15 lines :+1:
note: i added the extra 9's to be four 9's
now try again with color names and no quotes?
no quotes around the color name, i mean
again though, you have a value in there and that is not a valid attribute for severity
@final cypress I converted your message into a file since it's above 15 lines :+1:
yeah, like that. only -from: -100/to:-100 instead of value. try that
ah, right
if that still doesn't work, then it's the negative value that's the problem. you'll still need the ranges like this instead of values if you do the absolute value trick that d_sellers suggested
well...it's strange, i get a color change when it's from -100 to 10 and when i put the final 0, then it goes back to not working...
maybe leave that one off altogether
The color looks like it appears behind the bar though...
also, it does look like it's an integer so you don't need the .999
I was just reading the instructions here: https://github.com/custom-cards/bar-card
tried doing a set state on it, the color doesn't change so it's just red no matter what the value is.
I've read them a bunch, that's why i think it's a bug or something...works just fine when it's not an attribute....or it might be the negative number thing, like you said..
it doesn't really say one way or another, but it also has no examples with negative numbers. nearly all of them are percentages actually
maybe if you set limit values?
@tall monolith I converted your message into a file since it's above 15 lines :+1:
you might need to put max before min
premature joyelation...
It brought the color forward, but ultimately still doesn't work....
well, try the absolute value trick then
actually
try it without any - signs
just exactly like you have it already, just drop those
Back to faded red
well, now the value is 0 so I guess that doesn't help... maybe keep it to min -100 and max 0
this is how troubleshooting goes, btw, you just try small changes until you get something
oh...i know for sure...I'm just out of ideas myself with it...
it's back to looking functionally normal, but without the colors still
it works backwards though, the higher the number the lower the bar, should be the other way...
@final cypress can you pick a different entity with positive values and set the min/max accordingly? This will check your syntax and make sure it is correct. Then, we can dig a bit deeper into working with the negative values.
yeah, i'm sure this is the right answer now
and if you want the bar to fill properly, you can math it to (1/(abs(RSSI))) and then have the min/max be 0/1
so it's from 1/100 - 1/1
Will the card accept templates like that?
i have no idea how to do that sort of thing, that was just math
I switched to a system monitor sensor and dropped the '-' and i don't get anything
the current value is 2
ah, then drop the attribute line
colors work too
I've been able to do this fine with other sensors but it seems with this rssi being an attribute or a negative number or a device tracker or whatever that the bar card is just not havin it...
I WANNA GO!
The docs show that an attribute can be used though.
just not a negative one. Maybe a different kind of chart
Try using the LQI attribute to see if it works. Usually, if there's an RSSI, there's an LQI which is an positive number.
May I know how I can change the colour of an icon in the entities card? The bottom changes the title color but not icon
entities:
- entity: light.bed_light
card_mod:
style: |
:host {
color: red;
}```
I have a "signal_level" attribute, which is essentially a watered down version of Rssi and that seems to work just fine...; it's a positive number
Messaged you earlier about how to do it. Check the forum link for examples. In its simplest form: yaml card_mod: style: | state-badge { color: red !important; }
I've made some progress. Now, just need to figure out how to apply it. (This is using an RSSI entity, not an attribute but it is still a negative value.)
Must have missed it. Thanks man!
bumping this if someone can help me with the right selector on card-mod
I am trying to figure out how to add items to UI Lovelace Minimalist? I have room zero and living room that was there from the start. I want to add one somehow.
Negative numbers in a bar-card
Take a look at the Customizing section in the Setup docs. (Don't worry about the Add extra views (tabs) and Add multiple dashboards sections for right now.) Then, you'll want to check out the Room card's doc and follow what it says by adding the Usage code to your dashboard.
Is this the correct channel to talk about a problem with dashboards?
This one
How do i make the entity detail popup larger? I know browser-mod has a "large" parameter when opening a preview modal (https://github.com/thomasloven/hass-browser_mod/blob/master/documentation/services.md#browser_modmore_info) and i basically want that but either forced by default or with a additional button to enlarge it while its open
hi, I was wondering if I could make the unlock button a dynamic tile (conditional card)
type: custom:mushroom-title-card
title: Rooms 🔓
title_tap_action:
action: call-service
service: script.unlock_main_door
target: {}
OR maybe you have another suggestion to make it look better? my goal is to be able to see the Unlock button (which unlocks the door) only when the door state is locked or when script.unlock_main_door is not triggered.
Dynamic tile card options
What solid methods being used to have a "default dashboard" for ALL users (forced)?
Seen "default-dashboard" on HACS.
Or is KIOSK-mode the best way?
how many users do you have?
you set the dashboard per user
you set the theme per dashboard
i consider it part of provisioning
I am trying to get the Tesla Custom Integration working but all my sensors for the car and solar say "Not Provided By Integration" anymore.....No upate in HACS, what could be the issue?
Odd thing is, on GH, it looks like a very active Repo
Updated HA, background image is no longer working. L
Hi guys, i would like to setup something like this, sureillance to the right (AgentDVR local webpage) and to the left a couple of entity card for my solar, how can i do it?
You can use the sidebar layout, but that will put the entities cards on the right side.
ok looks perfect, thanks a lot
iI've successfully changed the font size (2.5em) of an input select control, but the text is clipped on the top; is there an acual way to change the height of the display element so that the text isnt clipped? ex:
the top of the 2 is clipped
decrease padding
actually, I found it just now ... .mdc-select__selected-text-container display properties
type: custom:button-card
icon: mdi:air-conditioner
styles:
icon:
- width: 24px
- color: White
img_cell:
- width: 50px
- height: 50px
card:
- background: none
- padding: 0
Hello, I'm using this code with the button card, integration of hacs, and I want to take the border out of the line. How I can do that? Thank you.
Assuming you mean you want to remove the border from around the card. yaml styles: card: - border: none
What are the color choices for icons in the horizontal stack cards?
The horizontal stack card doesn't have any icons. The cards that you put inside of it, however, can. For a list of names,
https://github.com/home-assistant/core/blob/e2fdc6a98bdd22187688e70701fc3617423a714b/homeassistant/util/color.py#L19 is from the code which references https://www.w3.org/TR/2010/PR-css3-color-20101028/#html4.
Thank you. Interestingly, when I use something like darkblue the icon color just stays default.
Post your code. Show what you're working with.
@placid oracle I converted your message into a file since it's above 15 lines :+1:
You can use : icon_color: '#00008B'
Maybe Mushroom don't support darkblue
Ah, I'll try a non mushroom card.
@placid oracle It looks like the Mushroom cards have their own list of colors. You can see them in the theme.ts. Like khaisilk1910 mentioned, you can also use the HEX value of the color. You could also apply some card_mod to it if you wanted to.
card_mod:
style: |
:host {
--mush-icon-size: 60px;
--card-primary-font-size: 20px !important;
--card-secondary-font-size: 10px !important;
}
ha-state-icon {
--icon-color: black !important;
--icon-color-disabled: pink !important;
}
mushroom-shape-icon {
--shape-color: red !important;
--shape-color-disabled: none !important;}
}```
You can also check out the names and HEX values at w3.org.
Thank you all!
Any idea why my dashboard background doesn't work after the latest update?
it's just black now
Try this (needs HACS: card_mod) for individual card css
card_mod:
style: |
ha-card {
box-shadow: none;
}
@thorny hedge I converted your message into a file since it's above 15 lines :+1:
While card_mod does work with the custom:button-card, in most cases, including this one, it is not needed and its own internal style handling works with - border: none under card:.
I am trying to add an image using picture elements to make a dashboard, but the image is not viewable in vscode, and when I put the path of the image it doesn't show up either. What do I do?
Is transparent.png transparent? Would explain why it's not showing up in vscode
It not just this image, it’s any image I try
I know it's not a feature but is there any tricks to hide logbook and history for users? Or just everybody?
It is possible to remove them for all. Both integrations are part of default_config:. Removing that from the configuration.yaml would require you to add all wanted parts of default_config: by hand.
I have a feeling he's gonna want to have them for admin
Otherwise the user itself can remove that part from the sidebar in its profile. Either by clicking and holding the Home Assistant part of the sidebar or the according medu item in the profile
I noticed that when researching and that would be fine by me as long as it doesn't mess up template sensors and automations? Like if I remove it will it not break stuff?
From what I read that method would turn off not only logs but recorder? Or something like that. Would that mean that things will break?
I don't care for having logs for admin if the templates and automations all keep working
I'm just going to try it and see what happens I guess
Lifesaver, thank you so much 🙏
Can someone help me debug this CSS? https://file.coffee/u/ytJHIq2hqeQcj0FHzutsK.mp4
Trying to make the dot fully black. It's properly set black, but a gradient from a parent seems to be messing with the colour. Idk why or how to stop it. I don't see any transparency, and I tried setting z-index too.
@upper dew I converted your message into a file since it's above 15 lines :+1:
@upper dew That is #integrations-archived , not #frontend-archived
Is it possible to make buttons sized relative for devices? For example I added these buttons on my pc and they looked fine, but way too massive on mobile
@celest karma I converted your message into a file since it's above 15 lines :+1:
Hello again my JS friends. I have a group with some custom devices in it. I'd like to pull the group member name for the first (or any one) that has an attribute that matches 'type':'view_audio' . Can someone give me a hand?
Anyone had an issue where a tile wasn't displaying the right content even when its been defined?
- platform: mitsubishi_heatpump
name: "My heat pump"
hardware_uart: UART0
baud_rate: 2400
visual:
min_temperature: 18
max_temperature: 25
temperature_step: 0.1
That's how I defined it but it looks like this
Doesn't let me control temp at all even though its a supported feature
For reference I'm using this: https://github.com/geoffdavis/esphome-mitsubishiheatpump?tab=readme-ov-file
@limpid kestrel I'm not sure how to go about troubleshooting this but are you able to control the device with service calls or get data from it? Looking at the integration that you linked to, it has not been updated in two years. It's quite possible that the project is broken and/or dead. There are 138 forks available that might work. Looking through some of the closed issues, I found a discussion about the future of the project. https://github.com/geoffdavis/esphome-mitsubishiheatpump/issues/136. The last three posts might be relevant; one of them is by the Dev, one with an alternative option.
Hi all. Since I am pretty new to HA wanted to ask please what you suggest is the best to keep in the overview dashboard. Everything and then create secondary ones to categories the entities?
Hi guys, was playing a bit around w Modbus, directly in the configuration.yaml. I've deleted it later, but still some data is visible in the dashboard (pic w the binary sensors). Then I've implemented one sensor again - worked fine, but after restart I have two instances...one good, another one remnant without data
so it just have the same friendly name but another entinity id.
dashboard will not be editited if some entinity is deleted, just "normal"
thanks! i’ll check it out
is there a way to show friendly names for entitys on the dashboard, ,for example i got a sensor called livingroom_sensor Tempaerature but i rather it just show Living room Temperature
Most cards do default to display the friendly name over the entity_id
how are you naming some of your sensors? because if i had my sensor to the dash, it shows up like this: bedroom_sensor Temperature when my friendly name is bedroom_sensor, not sure how else to name it so i know what it is when i am setting things up
bedroom_sensor is the name of your device, and Temperature is the name of your entity
you didn't override either
ya so i had it different in the past where it looked nicer with spacing etc.. i was wondering how people have theirs setup to make it look nice.. if they did anything in particular.. i also have group entities with has a bunch of scripts on there, it shows up like a list of fan_off fan_low etc
friendly names with spaces and upper and lower cases can never cause a problem in the future correct?
if not, i will switch it all back to my old scheme
Friendly names don't matter and aren't used for anything under the hood
And as long each entity has an unique_id you can change them freely in the GUI
in a script if u use mqqt public payload it has a topic and there i was using the friendly name
example topic: zigbee2mqtt/ir_remote_control/set
i tried to change this in the script + z2m but then it stopped working so i reverted it back
changing the friendly name on mqtt entities does not impact what topic it's using
there's some miss conception that you have
not really sure what that is though
so in a script if i had zigbee2mqtt/ir_remote_control/set or zigbee2mqtt/IR Remote Control/set both will work? how does it know what devices to use? should i be using the actual name of the device insteaad of the friendly name?
like this? zigbee2mqtt/0xa4c1382660ce0d16/set ? just trying if i can improved my setup it would be wonderful
I think zigbee2mqtt uses the entity_name which is different than the friendly_name
Changing the friendly_name does not change the entity_name
ok so just to confirm lemme show you an example i was using:
sequence:
- service: mqtt.publish
data:
topic: zigbee2mqtt/ir_remote_control/set
payload: >-
{"ir_code_to_send":
"B/kXAR0sAmcG4BUD4AkBAloCLOACAeApP+AFAeAlP0B7QAPgAQHgAz/AAeAFE+ABL8AX4AsBQBtAAeADB0ALgAOAQwNnBiwCQAHABwEsAuABF0AJwBfAB8AT4A8HB2cGLAIBHSwC"}
mode: single
icon: mdi:air-conditioner```
i was using like that in my scripts the friendly name, i dont remember where i originally learned that but it would be good to know if i am doing it wrong
Although it can be confusing without knowing the backend mechanics since the friendly name is determined when adding the entity to HA on some predefined rules
The friendly_name state attribute is generated by combining then entity name with the device name as follows:
- The entity is not a member of a device: friendly_name = entity.name
- The entity is a member of a device and entity.name is not None: friendly_name = f"{device.name} {entity.name}"
- The entity is a member of a device and entity.name is None: friendly_name = f"{device.name}"
But the friendly name can be changed afterwards
under entities ir_remote_control is what is listed for name and switch.ir_remote_control as the id
I don't use mqtt topics so I don't know, but the docs seem to mention the friendly name so there could be some things happening that are not supposed to https://www.zigbee2mqtt.io/guide/usage/integrations/home_assistant.html#via-mqtt
Maybe Petro can give some better insights
@lyric prairie do you have any insight into the current status of the minimalist project? It looks like you may have been the last person to merge something.
I’m interested in getting involved in a project to potentially contribute back to, but I’m afraid my current PR and future ones here will go left unreviewed and so my time may be better spent elsewhere.
Your topic will not change if you change names in HA. If you change the name in Z2M, then the topic will change. If you change the name in HA, nothing will change on the Z2M/MQTT side.
I’m afraid my current PR and future ones here will go left unreviewed
PRs for HA or for minimalist?
Minimalist
Can always contribute for HA itself 😁
I don't know, most maintainers seem to have abandoned the project.
Id love to do that too. Lots of the visual style and functionality I want are in third party projects right now, so while those are getting set up small things I come across can easily be contributed back. HA commits will def come later
Makes sense, that’s sorta what I expected. Thanks for your thoughts
And to be honest Minimalist should probably undergo a full internal rewrite to coop with all the changes the last year, while most of the Minimalist unique features are already used in the tile and mushroom cards
For sure. The Room card was the biggest draw for me, and other projects like Mushroom don’t seem to have a corollary. Same for graphs. Mushroom docs themselves call out that it’s not intended for customization.
i would like to change it so its consistent everywhere.. when i tried to change it in z2m and click update entity id, it didnt change the name and just stopped working.. i will backup and give it another go soon
well that's where your problem is, if you change it in Z2M it will break what's happening in HA because you provided HA with new discovery information.
it will essentially make your other entity unavailable, while making a completely new one
it's 100% the wrong way to rename
Keep the name the same in Z2M, never update it or the seed for the entity_id. Then in HA, change the names on your devices/entities.
ok
@sleek nimbus If there are parts of MinimalistUI that you like, you can always copy the code into your own dashboard. MinimalistUI uses heavily templated custom:button-cards; you'd just need to incorporate the templates. This way also makes it easier to make changes specific to your usage.
This is true. I started out with Mushroom and moved because there were things I wanted to do that I found difficult with mushroom, but the two have a similar look and feel and could work well together. But at the core I’d like to pick a framework and stick with it as much as possible instead of using a buffet of projects. I’ve learned quite a bit of the arc of mushroom to minimalist to digging into button cards, to making modifications to the code to fit my needs and contributing it back. And of course all of the things I’ve learned here.
I'm taking a lot of this to heart and experimenting with the tile cards, which somehow I missed and seem great. In doing so I'm also looking at the area card, but I can't seem to modify what lights it controls, or what entities show up there. Is that a limitation by design, or somethign I can control elsewhere?
The area card shows entities that are bound to that area. If you change an entity’s area, it won’t be controlled by that card any longer.
ok, so there is no way to exclude entities except by removing them from the area itself.
Is there a way to decide what toggles are shown on the card?
You can also mark an entity as hidden, I believe that will exclude it.
Correct. And what @vast crane said too.
You can choose sensors and measurements show on the card as well.
Can I add media players? The docs indicate I can't really control what displays so I'm guessing no.
I think what it shows is what you get
And I'm guessing the only way to remove this toggle from appearing is hiding it or removing it from the area
afraid so
I'm not even sure what it goes to. It could be any number of things
You may want something more like picture elements if you really want significant customization.
I'll look into it. I don't really want pictures, so hopefully I can replace them with icons.
Thanks!
Yeah makes sense. But the name is why I looked over it.
@sleek nimbus Mushroom cards are great but they lack being able to be customized and templating. Can be done with card_mod though. MinimalistUI is difficult to modify if you want to change something. The custom:button-cards are very resourceful in that you can get it to do almost anything and get it to look however you want. I was able to stylize one so that it looks like a Mushroom card. Plus, being able to embed other cards into it is very useful. (That's essentially what MinimalistUI is doing.)
Thanks, yeah, these are all the lessons I learned as well, and expresses the reasons behind the journey I've had so far. CSS and I have enough of a relationship that I don't really want to dive into it more in my free time though 🙃. Ultimately I'm just trying to build something that is pleasant enough to look at and easy enough to navigate with as little scrolling and navigating as I can make it so that my partner will be happy. Ultimate goal is to actually never need a dashboard, but if we do need it I don't want her to be confused, frustrated, or turned off by it.
The room card from Minimalist was great because I got four major devices to interact with for each room on each card. She would likely never need anything else.
@sleek nimbus Consider adding pop-ups via Browser Mod. Easy to add a hold action, for example, to show more options/info without the need for navigating or scrolling.
I have a button that toggles a light group with a slider for brightness under that. Holding the light group brings up a popup to control individual lights, automation timer settings, etc.
type: custom:mini-media-player
artwork: full-cover
volume_stateless: true
icon: mdi:speaker-wireless
entity: media_player.chrome_cast
tts:
platform: google
entity_id: media_player.chrome_cast
service: tts.cloud_say
group: true
info: scroll
replace_mute: play_pause
sound_mode: full
I'm trying to broadcast to my Google Chrome tv and not sure why it is not working was told to ask here
You forgot to share the error
Ot still says tts google_say not found
Is because you've given the card an invalid config
tts:
platform: cloud
``` is all you need, since you'd said you have `tts.cloud_say`
Ok I c of I try to send a message it just pretends to search you from Google assistant and does not broadcast what I write
Is it possible to wrap the text of entities in an entity filter?
I have many entities that often don't fit
It looks like this:
The light was left on all... Problem
I am going to ask in general in case someone over there might know
Do not cross post
You should be able to with card_mod and text-wrap. See the docs of card_mod how to target the right element. It's to diffucult for me to figure out unfortunately
Oh i thought it was okay since several hours had passed and I gave a warning as to not waste anyones time
Thank you i will look into this now
@celest karma I converted your message into a file since it's above 15 lines :+1:
where are the yaml files for dashboards? I've set a dashboard up with wallpanel, which has disabled the bar across the top so I can't edit it again 🙂
nevermind, I added "?edit=1" to the URL. Now I can edit it.
anyone know if its possible to set up a custom button card with a tap_action that plays a local media file (a .mp4 video in this case) on the dashboard/device being used? struggling with wrapping my head around using a media player entity for this when i just want to display the video file on the dashboard or really in a pop-up after tapping the card
Is there a way to group by label for devices or entities?
how do i limit access for certain users ? (i need some detail im lost rn)
on the view, choose the user tab and select users you want the view to be visible for
if you're talking about dashboards
OMG ty i found it this is soo good i looked at 6 different forums discussing this issue but no one ever sayed its "fixed" now WOW tysm
works like a charm the logbook and so on is just refusing but that's not too bad
Logbook and history aren't actually dashboards. But, you can hide those by long clicking on the Home Assistant header in the sidebar and then just clicking the X next to Logbook and History.
or should i be looking at frigate or something similar to accomplish this?
i saw that but cant the user jsut add it back ? or is it admin only ?
Yeah, the user could add it back. But, tbf, the user would have to figure out the long press of the header or know the URL to get to the logbook.
ok thats true alright ty ima do that
Creating a dashboard in the visual editor, is it possible to add a grid, and then drag cards which are already on that dashboard into the grid?
Nope
is it possible to adjust a CSS value for just a dashboard without creating an entire theme? Want to adjust the ha-view-sections-column-gap: 10px for the new sections, since the gaps are too large
I'm trying to do it straight in config.yaml based on this https://community.home-assistant.io/t/customize-gap-between-new-sections-dashboard-layout/701480/5, but getting an indentation error.
frontend:
themes: !include_dir_merge_named themes
google_theme:
ha-view-sections-column-gap: 7px #indentation error here
row-height: 0px
Too difficult for me to figure out too lol 😫 omg. entity filters need to be put in custom cards if you want to use card mod. That complicates it straight away.
do you have a screenshot of your card? maybe there is another way to solve it?
Has anyone been able to change the line color of the Mini Graph Card using templates?
I need to color to change based on a sensor.
I've tried templates directly in the card, and I've read the the themes do not support templates. Do I need to go with card_mod?
You can do that with card mod or when packed in a button card as custom field
bumping this quick question
This is what it looks like. You can see how it puts ... instead of left on all night.
https://imgur.com/a/U2rCXMr
it is actually is a custom button card, but I don't know where/how to target the line colour using a state
Then you should be able to template the key that is normally used by the mini-graph-card for the colored line with the JS templates used everywhere in button-card
oh yeah that did work. I just assumed JS was the wrong language here. Silly me not to try all options first. Thank you
[[[
if (states['sensor.price_level'].state == "NORMAL")
return 'rgba(var(--color-green),1)';
else if (states['sensor.price_level'].state == "CHEAP")
return 'rgba(var(--color-orange),1)';
return 'rgba(var(--color-red),1)';
]]]```
can anyone help me out, what i'm trying to accomplish is replicating what is on the "Media" page on one of my dashboards. I'd like to have a similar card that is a button, when it's clicked on, the media plays in a pop-up within the dashboard. Exactly like it happens on the media page, just on my dashboard. The filename of this media remains static but the content of the file changes, so using an iframe runs into all sorts of cache issues. Is this possible?
Hello
i have a dashboard with 3 columns and about 10 rows. in the first column there is only a small picture, is it possible to make the first column very narrow and thus make better use of the space?
So far the whole thing is a dashboard with a “panel” layout and a vertical stacked card with many horizontal stacked cards in it
is there a built in icon that resembles a solar inverter?
Look for something you like -> https://pictogrammers.com/library/mdi/
thanks
maybe home-lightning-bolt-outline or solar-power they probably aren't exactly what you're looking for but might be close enough
yeah I settled for mdi:lightning-bolt-circle
there's a decent browser extension -> https://github.com/Pictogrammers/Browser-Icon-Picker?tab=readme-ov-file
weird there are icons for generators but not for inveters
this is pretty cool
but I guess the website works too https://pictogrammers.com/library/mdi/
yeah, i was surprised there wasn't something more specific for inverters or even a generic rectangle shape with a lightning bolt or something
@civic brook I converted your message into a file since it's above 15 lines :+1:
@civic brook I converted your message into a file since it's above 15 lines :+1:
Are you using the custom energy selector plus card ?
You need to get rid of it, IIRC it doesn't work at all and breaks all other energy cards for just being installed.
I use this: https://www.home-assistant.io/dashboards/energy/
yes