#frontend-archived
1 messages · Page 12 of 1
You are so right. It was something that was so simple I should have thought of it
I feel so dumb again
didn't use the ui editor for card config? It should have given you the right thing
glad it got worked out
No I'm using VSCode
can anyone help me with this?
How does the statistics graph decide what color it will use for what line? I have always same order of entities, but it choses different colors for them
Is there a way to get at the raw yaml for a dashboard, not through the webui? I have samba share setup, but I'm just not finding the file. I'd really like to edit it in VScode with it's HA extension
Try looking in \\HA_IP\config\.storage
In the SAMBA Add-on, you may need to remove the .* exclude filter. In Explorer, I couldn't see the .storage folder but could type it into the address bar.
You should see a couple of files beginning with lovelace.
ah ok, I saw those but didn't even read through them because they they had braces so I assumed they weren't the right files and were just config files heh
I assume those have already been parsed to lovelace eh
It could be. I was just looking at them again and noticed it is not written in YAML, but maybe JSON
looks like it ya.
I guess I can just copy over the yaml to vs code and edit it there.. I just need the vertical guidelines.. I'm old and hate whitespace languages lol
It could be a hassle but you could write in VSCode and then copy&paste into the HA YAML Editor
ya that's what I'm thinking
Is there a card that anyone knows of that uses the built in calendar that will only show upcoming events and their date? Not just a calendar view. Like if there's a doc appt in 2 weeks that it has the event name and date
is it possible to show conent of that folder in vscode addon?
how can you display a text that changes using conditional card ?
In Studio Code Server, try pressing CTRL+K, CTRL+O, then select /config/.storage to open the folder since it is hidden.
(code paste incoming) anybody have any idea why this state operator (line 30) works fine when just in a horizontal stack, but when I put that stack in a custom button template that acts like a container it returns undefined?
container template: https://pastebin.com/JruA4v0B
I can only assume it's some sort of scope issue, but where the entity is set didn't change..
how do you add css to different text in a markdown card ?
text one (font size 30px)
text two (font size 20 px)
?
Can some please help with the secondary-info about the last change?
The top example has secondary-info: last change
the lower one has a value that I created on yaml with {{ now() }}
You can try to add device_class timestamp to the 2nd one
and/or show the data if that does not work, I am not 100% sure how it works too
Top one looks like it's using relative_time, for example if you wrapped now() in that ({{ relative_time(now()) }}) you'd get 0 seconds
error corrected: I mean device calls timeSTAMP
Thanks.... i forgot to write the question.....
how can put the low value to just say "01-Jan-2023 08:56:45" ?
depends on what is really looks like but try this:
{{ as_datetime('2023-03-01T17:59:00+00:00').strftime('%d-%b-%Y %H:%M') }}
any css guides ?
Thank you very much. You helped me a lot !
Is it possible to have two different Y axis for apexchart for one card?
type: markdown
content: |-
<span class='a'> text 1 </span>
<span class='b'> text 2 </span>
style: |
span.a {
font-size: 50px;
}
span.b {
font-size: 100px;
}
css doesnt work why ?
That's with the default markdown card? Where did you get the impression that CSS was something you could use there?
Yes and suggest to check the apexcharts post : https://community.home-assistant.io/t/apexcharts-card-a-highly-customizable-graph-card/272877
already the fifth card has 2 y-axis but not sure what you exactly want
page through first and yes, there is a LOt ... but it also provides more ideas 🙂
and this is the link t othe doc : https://community.home-assistant.io/t/apexcharts-card-a-highly-customizable-graph-card/272877
well i tried like that, i have no idea how to add styling to markdown cards
I would assume that you cannot, if you don't see any description of it in the doc page for markdown card. There are more advanced custom cards that probably support it, but I don't know about those.
I have one particular Z-Wave device (light switch) that is marked as "hidden". I can still interact with it if I go to the integration and click on the switch, but it's not showing up in regular searches, and under "Advanced settings" the "Enabled/Hidden/Disabled" radio buttons are disabled. How can I track down what's causing this?
Thanks. I finally was able to get second Y-axis.
nomather what i try, couldnt make my tablet (fire 10) show only 3 column ( so they can wider and easy to use) any idea?
How do I debug which entities show up in the default "Overview" dashboard? I have a bunch that are Enabled, are part of Devices that have Areas, and they don't show up, even though other Entities from those Devices show up
Hi folks! I noticed for the first time about a week ago that I can no longer navigate to Developer Tools -> States. The frontend just hangs and eventually I get an "error code: out of memory" black page in chrome. Any ideas?
I am having this same issue too.
I was able to solve this problem. It was caused by the device_tracker integration which had autocreated hundreds (maybe thousands?) of useless entities. So I deleted known_devices.yaml and removed the integration from config. Reboot, working again.
Is there an easy way to transform only 1 sensor history graph to either pie chart or just "state X (50%), state Y (20%) state Z (15%)" ... for selected time data?
Loving the new HA UI. The only quirk I notice is if changing the colour temperature of a light, after releasing the finger from the new UI element eg going from 2800k to 3500k, the UI seems to move to 3500k, back to 2800k and then back to 3500k again. It's all within about 1 second but doesn't look or feel good. Should I log it as a bug?
I think that's the behavior if your device is slow to respond. It trips some timeout where it assumes the set color failed, so it reverts back to 2800, and then if the device finally responds it goes to 3500.
Oh really. Dang. In this case it's the lifx bulbs. They seem to be responding at least physically immediately. I wonder if theres somewhere in the code base for the timeout. I could check with the lifx integration author if it's something in the integration itself.
Hey guys. About a week ago I started noticing that my browser mod popups are cut off at the edges on Android
Anyone else notice that? I haven't done anything but update regularly
I use this which is stable on columns on different tables and different laptops/pc: https://github.com/thomasloven/lovelace-layout-card#quick-start
Man - really am not having a good day.
clean install 2023.3.0/add a helper (input_bool.test)/reload bools
Create a dashboard/Edit UI/Add Card/Button
UI/Button comes back with "Visual editor is not supported for this configuration: (no UI)"
same with entity card "Visual editor is not supported for this configuration: (no UI)"
Entities card no problem
glance card also no prob
If I fill in the entity in the editor - button card works
ok.... if you add something with a switch (like a light) it works from then on..... fails 100% of the time if the only entities you have are input_bools. buttons/entity cards do not work
I am sorta confused about which entities are included in the default Overview dashboard. Can someone clarify?
so it seems that i install the mushroom cards but when i go to config files i cannot find the installed filed and in dashboard there is no mushroom cards
and none of this update
shouldn't this switch hide the legend since the update?
hello, i am having an issue that randomly started this morning. i have 3 different climate cards which have all been working fine until today. I have now lost the ability to change temperature using the 'slider' the little 'grab' dot has disappeared. I have restarted HA and also removed and re-added the cards but this has made no difference. If i go to the entity i can change with the up and down arrows and that works fine. any ideas? tips or hints greatly appreciated. ( have tried in different browsers too )
Hey guys, I need help, after the last update i've been missing the "dot" in the thermostat frontend. I can still control the thermostat if I get into the settings of the device or if I press the 3 dots on the right corner, and everything updates ad it should, just I cant control it in the thermostat frontend, anyone have a problem like that? or know what to do? Please help me! Thank you
Yes this was an issue in 3.0, it is fixed in 3.1 released today.
not like this
like i want the actuall time and not an in x time
how do i change that?
sensors with a timestamp class will display with that relative time. If you don't like that, I guess you can create a template sensor that formats the date into a text format that you prefer. As long as it is not device_class: timestamp, I believe it will show the exact sensor value in that case.
that sonds like something i have no idea how oo do
Time to start reading the documentation. https://www.home-assistant.io/integrations/template/#state-based-template-binary-sensors-buttons-numbers-selects-and-sensors Then head over to #templates-archived if you have questions.
Also I guess I'll point out that while entities card shows relative time format, entity card shows the date and time exactly. Not sure why, but that might work for you.
Entities card allows you to define a timestamp rendering format: https://www.home-assistant.io/dashboards/entities/#format
what
it already is entity
Now add the format statement to the entity in that list as well and you should be good
dam this worked
thx man
he new one has less information than the old one, an now - in my case - you need 2 clicks to get the information. In my case it is interesting the last actions starts. as example how long is the wallbox switch on, how long is my car loading.
in the old style you need just one click.
in the new style you need two clicks.
Is there a way to configure which dialog to use? old or new style?
Or any way to configure the new style with some needed information?
Nope, you can make a dashboard (or view) with that information on it or use 2 clicks
Hi - Looking for a way to make a new dashboard with the entirety of a single integration? My honeywell alarm system has 1 device & 100 entities - I would like a dashboard with only those 100 entities. That one has a starting name of binary_sensor but my IP cameras have binary_sensors too which I wouldnt want. Any easy way to do a dashboard with a single integration, all devices, all entities?
This might work for you: https://github.com/thomasloven/lovelace-auto-entities
anyone else getting weird numbers in their light and switch history since 2023.3?
hmm not that I can see, just on and off for me. does the logbook also show those numbers for state? maybe something malfunctioning in the integration that provides that light entity
What does the HA web interface use to detect if a login is required? I'm opening the webUI on a nspanel pro (sideloaded back to pure android), but every so often, the login page is shown, even after the remember me box is ticked.
IP address of the device is static. Local network.
turned on brightness?
Is it possible to reverse the status of a door sensor to be " locked" when open and "unlocked" when closed? I have a sliding door bar that uses this logic and would like it to say locked when the sensors are apart and unlocked when they're together. Any ideas on where to swap the status output?
It really depends on the card you trying to show the sliding door bar's status. I I use a similar concept with my bathroom door. If the door is open, then the icon needs to be normal but closed I want it to be yellow in color (the same as an exterior door being open). yaml - entity: binary_sensor.bathroom_door show_icon: true state_color: false icon: conditions: - condition: equals value: 'on' icon: mdi:door-open styles: color: rgb(169, 177, 188) - condition: equals value: 'off' icon: mdi:door styles: color: yellow
is anyone else having weird issues with their history graphs in lovelace since 2023.2.0?
mine are pulling through entities that aren't specified in their config
every single one is displaying the CPU temperatures of all of my Raspberry Pi's...
and the history of what they should actually be displaying isn't there. it only starts to update if you sit on the page and watch it.
I have one particular Z-Wave device (light switch) that is marked as "hidden". I can still interact with it if I go to the integration and click on the switch, but it's not showing up in regular searches, and under "Advanced settings" the "Enabled/Hidden/Disabled" radio buttons are disabled. How can I track down what's causing this?
For the Dashboard View "Masonry (default)" when I hide the HA side bar, the whole Dashboard shifts to the left, not centered anymore... Is it suppose to do that? I feel like prior to this last update, it didn't do that..
Hey all. I feel silly asking this but I can’t see where this is answered in documentation yet. Im trying to use Generic Thermostat to turn a thermometer device and a plug/heater into a climate control arrangement. Generic Thermostat complains when I put the example code in the editor of a dashboard item like a gauge. “Key 'climate' is not expected or not supported by the visual editor.” So what file do i edit? Is there no dashboard item for Generic Thermostat available for the user to change a room temperature? The documentation https://www.home-assistant.io/integrations/generic_thermostat/ shows an example of code but not a link to a generic step by step process of how I start implementing things like this. Is there a better way that I haven’t discovered yet to implement a thermometer + plug/heater combo? Thanks.
Example configuration.yaml entry
It sounds like you're putting the YAML for an integration that belongs in configuration.yaml into the dashboard
That sounds like a way to describe my first mistake. As far as I can tell. But I’m still not clear how a thermostat can be especially useful without a UI component. I get how it could be a sort of back end but very quickly most of us want a front end too. So I’m probably missing something simple. Possibly this is typically partnered up with a separate slider item or something !
I found a reference to “Better thermostat “ so I’m going to look for examples of that. Still if anyone can point to an example of how this is done right I would appreciate the pointer.
I figured it out. I’ll see how easy it is to submit an update to document so as to help the next person.
A reboot of the HA machine fixed this - of all things
I want to make some charts on a dashboard that show 2 different entities (on different scales). So time on the x axis, and on the "left" y-axis temperature and the right humidity. I'm assuming core can't do this, so I'd need something like grafana or apexcharts?
apexcharts..unless you want to dig into grafana first and then integrate that into HA as a widget (more work, posisbly fun but...more work)
Just managed it with apexcharts. Afraid to open the grafana can of worms for now
Grafana is great, donot get me wrong but indeed you may be ending up somewhere else 🙂 My opinion: in most cases one wants a reasonable readable representation of the situation, not a presentation for management 🙂 And having it all in HA is giving a single/same view, not always perfect but fully serving the purpose
If you just look at the massive apexcharts post, much loverly stuff out there : https://community.home-assistant.io/t/apexcharts-card-a-highly-customizable-graph-card/272877
And if you really want to get overboard, there is 'plotly' too...for the extremists (imo)
Sorry if I am asking in the wrong section, but is there any way to change a color light back to white using the mushroom light card?
idk if there's an easier way but i just had to make this template to change the sensor from "7 hours ago" to just the time for on the UI
Not a direct answer to your question, but it might help you with more than what you are doing right now. I worked on something similar to determine different prices during the day: https://community.home-assistant.io/t/ranking-information-in-an-entitys-array/529440/13
since updating to 2023.3.x my custom graphs aren't updating in lovelace, any idea why? entities themselves are updating
well another restart of home assistant did it. weird.
Hi, im using Formula One Card... is there a way to use the date data (in a sensor?) for an automation? So i can use it like when race almost starts, turn on TV or whatever..
hi . Can i reset the overview in automatic mode after edit?
If you create a new overview, it will be in automatic mode. Then just delete the original one. Or keep both.
How can I add a second folder here?
button_card_templates: !include_dir_merge_named "/config/custom_components/ui_lovelace_minimalist/ui_minimalist/ulm_templates/"
okay thanks, it works but i can't delete the original one...
Maybe if you change the default dashboard?
huh didn't realize that.
Is it possible to send the setpoint in generic thermostat to a variable? Can I read the number I set in the thermostat so I can use that number elsewhere? I dont want to use the thermostat function in the thermostat, only to be able to adjust a setpoint and send it somewhere else
Or in mushroom climate card for that matter
Seems I can only pass in the value of the sensor the thermostat is adjust after, and the switch to turn something on/off.
Also I would like to know if I there are thermostats with pid regulators that has 0-100% output instead of 0/1
Yes, the setpoint is the temperature (or there are two if you're in auto mode) attribute of the climate object, for a generic thermostat, or any kind of thermostat
the value of the sensor is the current_temperature attribute.
I have target_sensor, but no current_temperature and no temperature?
and I have heater
Hello, has anyone ever implemented a visual display of the service alarm message from the Raspberrymatic add-on on the HA dashboard? Not the output in text form but like a real CCU with a light signal. In case this topic is in the wrong place, it would be helpful to move it to the correct category.
Okay I see there is a service called climate: Set temperature. Is it this one you mean?
I think you might be confusing attributes with entries in your yaml. I mean when you create a generic thermostat, it creates a climate entity. That entity should have an attribute for temperature/setpoint.
Go to Developer Tools -> States. If you find your climate object, you will see it's attributes.
Ah yes, I see them now.
How can I restrict a dashboard only to admins? I see an option when I create the dashboard, but not when I didn't choose it at the start.
Settings -> Dashboard -> Click the dashboard in the list -> Admin only
What is the point of Display precision when it doesn't display on the dashboard? Or am I doing something wrong?
🤷 It does for me
Any clue how to fix it? Cant find any display setting in custom button card
Hi, I have made some custom:button-cards with some spinning animations on a fan. But when I press one of the buttons, so that I change the operating mode of the fan, I don't actually have a feedback from the button entity so the card doesn't know that operation mode is active. But I have another feedback entity. How can I use this feedback entity to animate the correct card based on the feedback?
@rich hemlock I converted your message into a file since it's above 15 lines :+1:
any idea ?
it seems that js template doesn't support variable for states collection
I'm looking at the horizontal stack card. I just added a card, and in the docs, there's an optional title. In the visual editor, I can't find the place to add the title. Looks like the same behaviour for the vertical stack.
Correct. All options are not available to the visual editor.
That one specifically was a design decision made here: #devs_frontend-archived message
hmm, so do I add the title in the first card in code editor? Or is it possible to find the YAML somewhere?
You'd use the "SHOW CODE EDITOR" button at the bottom of the stack card editor and add it to the stack card there.
BUT
When you do that, you will be locked out of the visual editor for that entire stack card.
Strike that... someone seems to have fixed that
Thanks for your help! I appreciate your time
You can use JavaScript to manipulate the value in that card, like most of the fields
@bitter bolt I converted your message into a file since it's above 15 lines :+1:
Trying to cast a Lovelace view to a Chromecast... does the webpage card not work on Chromecast due to iframe usage? 🤔
trying to create the same icon background on a custom-button-card as we have on Tile card (and its family Mushroom/Minimalist) I am stuck really. please see https://community.home-assistant.io/t/lovelace-button-card/65981/6797 where I was already pointed to the template Minimalist uses, but it only reveals part of the background....
noticing a few new front-end issues lately, on the Android app (Pixel 7 Pro)
- grafana graphs don't show. says "if you're seeing this, grafana has failed to load its application files"
- all my browser_mod popups are a bit too large and cut off at the edges of the screen
both issues are relatively new. the grafana issue I solved on all other devices/browsers by adding "serve_from_sub_path" and setting it to "true"
but still persists on the Android app
- grafana seems to be an issue on multiple phones
- browser_mod popup sizes are only an issue on my Pixel 7 Pro, not cut off on an old Pixel 1
unable to make this things disappear from here - remove, update is not working
what can i do ?
for the button card, hot can i customize the yaml to make the entity_state a custom size?
I’m working with a custom card that has no support for the web UI editor.
Is there a basic guide for how to make a card compatible with the UI editor?
The only not-trivial part about it is that it is has nested cards beneath it, but I’m guessing there’s already a UI component to handle that?
Got my plant sensors all set up well with MiFlora now.
thats awesome, what cards did you use for the soil charactoristsd?
This repo has links to everything needed: https://github.com/Olen/homeassistant-plant
Hey peeps. So Im trying to create a custom card. The .J's file is in my www folder. But how do I add it to the list of cards when I add a card to a dashboard
Is there anyways to change what a sensor outputs on the Dashboard?
I've setup a few ESPresence devices, but when I the device tracked (sensor) to the Dashboard, its displays the room name with an underscore (kids_playroom) - this looks kinda tacky on the dashboard, and was hoping there was a way to change it to "Kids Playroom" like you can with the entries friendly name.. but the doc for customization doesn't mention a way to target the sensors status msg/name (Not sure that is what it's called)
@torpid magnet I converted your message into a file since it's above 15 lines :+1:
Hello I was woundering if I could change the titel "Rolläden" to a different color? I tried using custom-card but couldn't figure it out. As well as I wanted to have the last cover to be 2 columns wide. Is that possible?
you'd have to use cardmod or change your theme
Is card mod compatible with grid?
Since I tried it (newbie as I am) like this:
type: grid
card_mod:
style: |
ha-card-header {
color: red;
}```
no, grid requires custom:mod-cardlike:```
- type: custom:mod-card
card_mod:
style: |
:host {
max-height: 500px;
overflow-y: scroll;
}
card:
type: grid
or my favorite: ```
- type: custom:mod-card
card_mod:
style: |
:host {
--grid-card-gap: 0px;
}
card:
type: grid``` 😉
I will try this, thank you!
is it possible to remove the spaces with this card?
@opal jay I converted your message into a file since it's above 15 lines :+1:
It works now, thank you. Where do you get the information ":host" and grid-card-gap?
Is there a list where I can what I can change.
just check the right click inspector in google Chrome, and it will show you the available elements
makes for a card_mod: - type: custom:mod-card card_mod: style: hui-grid-card $: | .card-header { color: red; } card: type: grid
if you mean the blank lines, yes, experiment with the {{- -}} white space erasers
id like to get rid of this
yes, you need to erase the white lines
o wait, you have all separate cards for those? in the vertical-stack?
an why? why not simply 1 bigger core markdown?
becouse with mushroom title card i can navigate
I see yes. well, you could kill the stack-gap inside the vertical-stack
same trick as I did above with mod-card
type: custom:mod-card
card_mod:
style: |
:host {
--stack-card-margin: 0px;
}
card:
type: vertical-stack```
@opal jay I converted your message into a file since it's above 15 lines :+1:
yes that successfully erases the stack margin, but you have to card_mod the styling of the mushroom cards too, because they take all that space
without mod-card:
with mod:
so remove the box-shadow to get rid of those shadows, and decrease the height if the actual individual cards
this would be a good time to start getting better 😉
😦
?
problem is that iv got zero knowledge about card mod 😄
yeah, but what I am saying is that if you keep asking for solutions, that will remain the case...
you use the mushroom for a reason, so you got to understand its inner workings
there are many cards you could use, so make the best choice per situation
the card above was made in 5 minutes, so using button-card is very easy. More over you can set it all inside the card itself, and dont require card_mod
then again, if you want Jinja templates you can not use button-card, as that uses javascript, which is way faster in the frontend . But you'd need to learn a bit of that too
type: custom:button-card
styles:
card:
- padding: 0px
- box-shadow: none
template: button_default_title
``` was all it took in my screen above
but ifc you can also use that in card_mod: card_mod: styles: | ha-card { padding: 0px; box-shadow: none; }
I dont use mushroom that much, so have not tested this in real life
I guess whats happening is that you have an empty Title, but its space is still there.. so its not the best card out of the box for that, unless you can set display: none on the title
Hello, is it possible to make a sensor graph with the ping available on the documentation to display my ping on the internet?
The sensor exposes the different round trip times values measured by ping as attributes:
round_trip_time_mdev
round_trip_time_avg
round_trip_time_min
round_trip_time_max
Sure, with a history graph card if you use a template sensor to expose one or more of those as a state, or find a graph card that natively supports attributes
You didn't say, but I assume you mean some version of 'ping time'
What does a yellow border around an integration mean? There is no text or anything to tell me what’s up
Right click on it and hit inspect. What is the class of the ha-card? I see a "state-failed-unload" that shows up as "--warning--color", not sure if that is yellow or not. E.g. I have an error one (red) that shows up as :
<ha-card outlined="" class=" single state-error ">
Isn't this supposed to be a circle? Or have I gone mad
Mine is a circle. On Firefox and Android.
If you didn't have the screenshot, no one would believe you. 🤣
I swear no one would :D I wonder how common it is.. I'm also using Firefox PC
I'm using those custom template cards for a long while, but now I wanted to make a really similar one, but that would change the background if the counter entity has a value over 7, how do I write this?
This is with a counter helper, made in the UI.
ha-card {
{% if is_state('counter.vacuum_kt', '>7') %}
background: rgb(205, 61, 100, 0.05)
{% endif %}
}
I'm totally not knowing what to do with that >7 lol. I used it as a "on" state before.
the 7 works, the >7 doesnt.
yeah, that's not valid
you're checking if the state is literally ">7"
{% if states('counter.vacuum_kt')|float > 7 %}
Thank you! Not even chatGPT was being able to help me.
It was literally telling me it was >= lol
I have a Venstar unit where when in auto mode I can set a "range" I just added a Midea mini split and was hoping to get the same thing when in auto mode... is there a way to do this?
Hi, I am trying to set up a picture elements card for a floor plan, and one element I would like to change the image with the seasons, while maintaining an on/off image as well, for instance I have a switch named Addon, and in the summer and fall it's an air purifier, and in winter/spring it is a space heater. I used ChatGPT to come up with some YAML, and it looks really good, but doesn't work... ChatGPT seems to think you can nest conditions and devices, and it appears to work while just using the state of the sensor.season (integration, working), but once I add in an on/off state it breaks.
-{% if is_state('switch.addon', 'on') %}
{% if is_state_attr('sensor.season', 'autumn',true) or is_state_attr('sensor.season', 'summer',true) %}
/local/images/heater-on.png
{% endif %}
{% if is_state_attr('sensor.season', 'spring',true) or is_state_attr('sensor.season', 'winter',true) %}
/local/images/airpurifier-on.png
{% endif %}
-{% if is_state('switch.addon', 'off') %}
{% if is_state_attr('sensor.season', 'autumn',true) or is_state_attr('sensor.season', 'summer',true) %}
/local/images/heater-off.png
{% endif %}
{% if is_state_attr('sensor.season', 'spring',true) or is_state_attr('sensor.season', 'winter',true) %}
/local/images/airpurifier-off.png
{% endif %}
{% endif %}```
I know I have those backwards, was testing the change, but the idea is the same. Of note, that works, just no matter the season, is showing the Heater-on.png and oddly, heater-on.png but in greyscale
That looks odd. Can you post the attributes of your "Rusty Nail" when it's in auto mode? If it does it have target_temp_low and target_temp_high?
It does not 😦 It is pulled in via the midea_ac platform.. the one that has a range is pulled in via the venstar integration
I don't think there's anything #frontend-archived can do for you, the range dots show up when you have a climate entity with target temp low and high attributes.
Does the midea_ac support this heat/cool mode on the unit itself, and it has two setpoints? If that's the case, seems like the integration has a bug.
Can you just post the attribute list?
this is what im using: https://github.com/mac-zhou/midea-ac-py
@vast crane
hvac_modes: auto, cool, dry, heat, fan_only, off
min_temp: 63
max_temp: 86
target_temp_step: 1
fan_modes: Auto, Full, High, Medium, Low, Silent
preset_modes: none, eco, boost
swing_modes: Off, Vertical, Horizontal, Both
current_temperature: 66
temperature: 63
fan_mode: Auto
preset_mode: none
swing_mode: Vertical
outdoor_temperature: 17.5
friendly_name: RustyNail_Thermostat
supported_features: 57
So seems like auto mode optionally supports one or two setpoints. Your integration is only providing one. If you think that should be supported, I would file an issue against your custom component to inquire about the swing modes.
@thorn quarry I converted your message into a file since it's above 15 lines :+1:
https://www.home-assistant.io/dashboards/picture-elements/#how-to-use-state_image
state_image appears that it should be a map. You seem to just be providing it with a single png image based on a template?
I don't even think you can use a template here?
Well that would complicate things. I've found examples that others have said they used a template. Maybe use a template to create a map? Or does it not run code there?
Well I guess you'd have to ask those others. When I look at the documentation, it doesn't show anything of the sort.
Most core cards do not support templates in fields.
Makes sense. Possible it wasn't for the same type of card or something, pitcure entity..
ChatGPT is by no means a reliable source. It will construct an answer from some pages on the web which are at least 1 year old and takes bits from every page to construct a grammarly correct answer but not a factual correct answer
Yeah, had some issues, jsut mainly used it to get a base to start and then to sanity check the code... got a working template, just not for use in a picture element
You could use a template sensor that uses the template and assigns a different state for each possible outcome. Use these outcomes in the picture element card:
state_image:
"outcome_1": /local/images/heater-on.png
"outcome_2": /local/images/airpurifier-on.png
.....
a template sensor? thanks, I'll look into that
looking for nice season images too, or only using that for heater/air purposes?
because if you want I could share the ones I use for that purpose 😉
and remember of the core cards, only Markdowm accepts jinja templating
Just looking to change one device image based on season. its an outlet and we change what's connected to it for different seasons
the beauty of the picture entity is it doesnt need template perse, only correct states ....
IS there a way to change the state_image based on a different device than what's listed as the entity for the image? I swear I had that working
if you want more than 1 entity to be considered, you have to do what basbruss or Tim said above: create a template sensor entity, and use the state of that entity in your picture-entity card.
OK, and those have to be done in a yaml file right? no visual editor?
of go custom all the way, and use eg a button-card and set a background using those entities. the options are limitless really
templates are yaml yes.
but you already have the yaml in your template above. well, almost..
kk, thanks, I think since I have the jinja template code already working per dev tools, I'll likely just do that
right
if you want to try a custom:button-card you can think if things like this: styles: card: - background-image: > [[[ var indexFace = {'good':'ic-face-1','moderate':'ic-face-2', 'unhealthy_sensitive':'ic-face-3', 'unhealthy':'ic-face-4','very_unhealthy':'ic-face-5'}; var picture = indexFace[entity.state] || 'ic-face-6'; var path = '/local/weather/aqi_icons/' var ext = '.svg' return 'url(' + path + picture + ext + ')'; ]]]
ofc, this comes with endless benefits of other options you might want to use on a card and you cant have on picture entity.
have to go, so if you want more, just followup here 😉 gnight! selamat tidur..
Hey 👋 ,
I would like to start developing the frontend a little bit. I followed this guide, and have now a development environment running. https://developers.home-assistant.io/docs/frontend/development/.
The frontend part I put in a seperate part in my system and mounted it to the "/workspaces/frontend" folder. I see the changes taking effect in this dir, and wrote this: "development_repo: /workspaces/frontend/" in my configuration.yaml and so far so good.
My issue is that when I change something eg: in the source code of the button card, the width and the color of the icon, none of my changes take effect in the frontend.
Does anyone know why this could be happening?
@fiery ledge @vast crane @lyric prairie Thanks all, the template sensor worked and is exactly what I was looking for. Also it cleaned up the code a bit so easier to read. Had to call-service on the action to turn the device on and off, but that's why it accepts call-service.
This discussion might be more appropriate for #devs_frontend-archived . Could be a few things: do you have script/develop running in frontend to rebuild when changes are made? Do you have caching disabled in your web browser? Did you reload the page?
I cleared the cache and also disabled the cache.
The script/develop, should I run this in the container or on my local machine?
I actually don't get the whole containers setup, just use manual... so maybe that's a good opportunity to ask in #devs_frontend-archived
ok, thank you very much 👍
Are you joking? That is the only way to find out?
it will usually tell you on the card what's wrong
Does anyone have any ideas how to fix the custom light-entity-card? It looks like the new frontend updates broke the colour wheel/picker functionality of this card. The card dev doesn't have time to fix it unfortunately 😦
Hi. Any feedback on the Tab A7 please? I'm considering one for HA dashboard.
I have a smart fan which doesn't support speed controlling (only Oscillate control). I'm using the Mushroom Fan card.
When i try to use the card with only the oscillate button, the button is placed right in the middle of the card which doesn't really look good. I want to move the button to the right side of the card just like in the 2nd picture, is that possible by using ha-card-mod?
I'm thinking of two ways, the first way is to manually move the button to the right side of the card, or just enable the speed control bar and hide it using CSS
Hi, I hope i'm posting to the right group. I want to build a list of automations that have a -platform time and AT as the trigger (sorted by next trigger time). I can easily build a list of automation entities using auto-entities, I can template the automations to get a list of active automations, but I can't access a time attribute. Clearly HA is building (or using) something like Cron to fire the automations at the given time. Can anyone, please tell me if I can access this info? I know I can or could covert to scheduler-card fuctionality but surely should be able to get to the core scheduling component? Thanks
@rustic fable I converted your message into a file since it's above 15 lines :+1:
Hey all I'm struggling to get card_mod to work when used inside a conditional card as part of picture-elements. The code I currently use which works perfectly fine when not inside the conditional card, but doesn't work inside. I can see in the css path there's an additional 'hui-state-icon-element:nth-child(3)' in the path which I've tried adding in but no good.
can someone find the mistake I made, I cant get the grid with the lights to show?
Hello !
https://forum.hacf.fr/t/dashboard-minimalist/5507/8?u=shadorlo
As indicated on the link I want to install this module to control my shutters, how to integrate my panel:
I think I know but there is a problem
templates
#card
type: custom:button-card
template: cover_buttons_with_favorite
variables:
entity: cover.volet_parent
name: Parents
sun_position: 13```
Where do I put this #templates-archived and #cards?
Even reproducing the problem of a simple guy and redoing the same is impossible, it's messed up HA, thanks to the person who helps me haha
How do I get these history graphs to line up their time scales?
I'm confused, does your timeline entity not have a name? Can you show the full card? Ah I guess that would be show_names: false. Interesting, I guess the code that aligns the graphs doesn't work with show_names false. You could report that as a frontend issue if you want.
If you show the names they should line up.
anyone knows how to move the —paper-tab-selection-bar (white bar below selected icon) on the navigation bar to the top? trying it with card-mod in a theme file
conditions:
- entity: input_select.tv_select
state: Billiards Frame
- entity: input_select.source_select
state: Fire Stick
card:
type: custom:generic-remote-control-card
name: Billiard Frame Matrix Fire TV
remote_template: firestick4kremote
buttons:```
My conditional card insn't working. Can a condition be an input_select helper?
anyone have some sick backgrounds for their dashboard they'd be willing to share?
background: url(https://picsum.photos/1920/1080) center/cover
Quick question, I just edited one of my pages in my overview dashboard, but now the layout is all weird indicating an error somewhere, but I cant find it....
Config as follows:
Nevermind, found the problem. Cant use "+" in view layouts for some reason...
hello, I just updated to 2023.03.02 and now all my hacs cards are not working anymore - it just displays 'custom element doesn't exist:xxxxxx' .... anybody else has this issue?
Did you try restarting HA?
Hi, why does this doesn't look like the other switches?
oh it fixed itself now
interesting
it will look like that until it figures out what the current state is
ohh, good to know. It would've been enough to toggle it once then
most integrations figure out the state right away, but, for instance, Zigbee2MQTT devices always show that right after they're added until the state is made clear
Yeah this was also a Z2M zigbee plug
Hi, I am trying to create a card on my dashboard that shows when my vacuum is starting again.
This is what I have:
type: custom:mushroom-title-card title: >- Vacuum starts in {{ 3 - (((now() - as_datetime('19700101T00Z')).days) % 3) }} {% if (3 - (((now() - as_datetime('19700101T00Z')).days) % 3)) == 1 %}Day{% else %}Days{% endif %} subtitle: ''
Is there a better way to do this? My automation which starts the vacuum also triggers every 3 days.
https://community.home-assistant.io/t/custom-component-card-plex-meets-home-assistant/304349
anybody here that uses this addon and got it working?
https://cdn.discordapp.com/attachments/838079238174932995/1083135892610359547/image.png
having this error
hey
I have a problem with button-card
I have no resources here, is that normal?
I think by default yes, I believe they're all custom so if you have lovelace repos you could add them here
oh
So that's why my minimalist theme doesn't work?
perhaps? down at the bottom right of your screenshot there's that "add" button where you can add the local repository for resources. I had to do this when adding the custom Frigate lovelace card before it would work
how do you simply add a few attributes from an entitity? I'd like to make a card that shows all 4 tires and recommended pressure.
- entity: sensor.fordpass_tirepressure
icon: mdi:car-tire-alert
friendly_name: fordpass_tirePressure
leftFrontTirePressure: 38
rightFrontTirePressure: 37
outerLeftRearTirePressure: 37
outerRightRearTirePressure: 37
innerLeftRearTirePressure: 9505
innerRightRearTirePressure: 9505
recommendedFrontTirePressure: 39
recommendedRearTirePressure: 39
@cobalt wave I converted your message into a file since it's above 15 lines :+1:
Yay?
I'm trying to use the RESTApi function, but I keep getting a 401: Unauthorized error. Which I'm not sure why since I supplied the LL Token required 🤔
curl -X POST -H "Authorization: Bearer -sdad1dd-REALLY LONG TOKEN GOES HERE-asdasd11rqda" -H "Content-Type: application/json" -d '{"entity_id": "light.hallway"}' http://192.168.20.153:8123/api/services/switch/turn_on
Nevermind, figured it out.
Yeah, switch vs light
Naw, that wasn't it.. well not the reason for the Authorization..
Apparently the LLAToken has to be named "Bearer" - I was naming it for the application I was using to send the curl/post from.
I also don't have a smart light.bulb in the hallway, just 3way switches.
Since the latest core or frontend update my History Graph Card is showing light.all_lights entity but it's not defined in the config of the card? So it shows both device_tracker history and light.all_lights. Anyone know what can cause this behaviour?
entities:
- entity: device_tracker.iphone_andy```
Hi,
so the data (green on the screenshot can be 0 or 1) and in the upper right corner the value is displayed.
Is it possible to change what is shown from for example: “0” to “No” and “1” to “Yes” ?
Is there a way I can delete these entities from the energy dashboard? Since their name is too long, I think the delete button gets hidden.
The entities themselves don't exist anymore either. :S
Edit: managed to solve it myself by going into the HTML and editing the text itself. That made the button to delete appear and could delete them fine.
Hey @fiery ledge sorry to bother again, today I have again Meteoalarm active so I tried installing custom Meteoalarm card (https://github.com/MrBartusek/MeteoalarmCard), but something is still not right. Now for yellow (Moderate) severity I get orange alarm on screen 😫 Do you have any idea why this behaviour? Thanks! (If I override the headline, it even says Orange warning)
Btw I downloaded the latest (v2.4.3) release
it's because the 'yellow' is really orange . I seem to remember that, and even added that to some conversation I had with the author . I simply made my own Markdown card in the end
even their website shows yellow is not yellow 😉 though yours does seem rather orangy ....
what do you mean 'override the headline' ?
I mean, his yellow is more of a goldish, but my is completely orange, and it's even recognized as orange warning, so it's not due to color palette IMHO
it does actually state Orange somewhere?
There is an option to override headline so it just gives color warning instead of event name. Did discord not add 4 images with my question? I tried to add all 4 relevant cutouts
yeah, its a bit tiny, but I can see Yellow wind warning, not Orange... though if you live near the German border, it might turn Orange/red for a reason ?
So when I override headline from the previous image the custom card shows this. And I'm in the yellow region definitely on that map
if that is the pure custom cards behavior, you should file an issue in that repo, if your region does not report Orange.
OK, will do that, thank you!
I use this to color my own cards...
Huh, interesting; I've just downgraded to v2.4.2 and it's working correctly! Must be some bug in the latest version.
Anyhow, I've reported the bug, thanks @fiery ledge for your help!
@south wolf I converted your message into a file since it's above 15 lines :+1:
Sounds like a good issue to file on the frontend github? Not sure why that would happen.
I have 4 button cards in a 2 column grid, they're all the same using grid layout in each card except the 3 of the cards have a blank icon until I switch to another dashboard and back. I'd like to figure out why?
Oh, duh I just noticed one is mdi and the other 3 are phu, so now I need to know why custom brand icons don't always display
@tulip pagoda I converted your message into a file since it's above 15 lines :+1:
Code above work however one problem i need help to solve... If a entity does not have the attribute essid idont want it to print out Undefined
Anyone who got an idea? Actually if IP is missing a want secondary to be MAC aswell...
Hi there.
I have some issues with my "room card" with color on climate icon and showing the temp on the room.
I have set the card to use my lights to be the entity who switches color on the whole card, but then i cant use the pre-set temp function on the card. The icon showing my A/C will not show any colors because of the different modes "heat, cooling" and so on.
Does any one have a good idea on how to fix this?
Thanks for reminding, I realize there's like a year old open issue for this issue. I just suggested a PR to fix it.
Yep, there is. I found it too and commented on it, but it was autoclosed by bot.
Ok im trying another route....
Is it possible to have two auto-entities on one card?
I was referring to this, it's not closed: https://github.com/home-assistant/frontend/issues/13906
I meant this one: https://github.com/home-assistant/frontend/issues/12051
Thanks, added that to my PR.
What causes this on a graph? It's the only entity doing this, and the values are wacky:
I have 3 home assistant dashboards configured all the same with this particular data point, and only this instance is doing this. All code behind the scenes is the same.
if you reload the page does it persist?
yes - and funny enough, it showed something normal while I had the popup open, but then went back to this weird state after a refresh.
(it updates every 5 minutes I believe)
weird, file an issue I guess.
what does the tooltip show if you hover on the final datapoint?
The first data point is correct at 85 min, as it jumps up and all the weay along it seems to be hovering around 995.3 and 993.8
I'll leave the dashboard open until it's next refresh (few mins) and I bet it will draw the graph properly
by dashboard I mean the clicked popup
is that the more-info view?
yeah that's more-info
I can't imagine what 995 could be. Thought maybe it's some kind of unit conversion issue, minutes to seconds, etc but couldn't think of anything.
anything funny looking in attributes?
I'll check
all attributes look sane, just contain different coordinates which is fine. units are metric on both and unit_of_measurement are both min
javascript console doesn't contain any errors either.
nothin in the system log
@vast crane I saw a pending update to HA Core - I was behind one version. Updating to 2023.3.2 fixes my problem. Looking at the closed issues on github, there were several reported problems which are kinda inline with what I was seeing. Interesting that only one instance of HA was affected.. Actually, now that I think about it. The 2 instances of HA which were not affected by this rendering issue were in VM's (Proxmox), and the one that was experiencing problems is running on a raspberry pi. Both VM's and the Pi were running the same versions of HA. 🤷 😆 Thanks for debugging.
Is there a way to limit the range of a cover entity? For example If I don't want it to go to 0% but stop at 10% instead.
Not in #frontend-archived , maybe an #integrations-archived question.
Ah, I thought it would be possible to set it in the card somehow.
which card? If you have control over which service is called, you can call cover.set_cover_position 10
Can i have multiple filters in an autoentity list so all results come on the same card?
Can anyone tell me if this is the right area to post this question? Not seeing any traction, hoping I am in the right area.
I found a temporary solution of using "- grey_off" and "- red_no_state". Only problem its that its not the default "off" color.
Last night I have migrated to Z2M and added one more card to my dashboard. (Also updated the core to the latest version)
Since then a couple of cards keep changing place on their own. Any ideas?
You are aware that the masonry layout moves cards around in a way that can seem pretty random?
I'm not talking about them moving to random positions when pressed "move up" or "move down".
What I'm talking about happens not-regularly when I open the HA/Dashboard on my browser (Firefox)
Well I guess they can reshuffle as their height/width changes, or if you resize the browser. But otherwise I'm not sure what you mean, maybe need to see it happening to understand.
Since it doesn't happen regularly, it's hard to catch. It also doesn't happen while I'm looking at it. It loads like that.
This is my dashboard though, no tile changes size as far as I know. I've using it like this since 5-6 Months and something like this never happened before
Oh it did it. I refreshed the page couple of times.
It's stuck like this now.
However, if I go and press "edit dashboard", change nothing and press "done", it revers back to the first picture I've sent
This is so weird
Hello, i noticed my alarm control panel has 3 different options "arm home, arm away, and arm with bypass" can i use 3 different mushroom chips for that?
Seems to come from here: https://github.com/AnthonMS/my-cards/blob/main/docs/installation.md
thanks
Anyone free to help me with some mushroom dashboard questions?
ButtonCardJSTemplateError: TypeError: Cannot read properties of undefined (reading 'attributes') in 'return entity.attributes.icon'
Good evening, do you know how to solve this problem?
Has anyone reported issues with the new precision setting? I have many cases where the sensor says default is without decimals yet it shows up with 2 decimals, and even if I set it to none again, nothing changes. On sensors that show 2 decimals for temp, I set them to show just 1 and the setting is ignored.
I built an automation that will tell me when the cats water bowl is low by using the sensor Water Leak state turned off state. If I wanted a card that showed three circles and a label above each along with the circle either red or green, would there be a good card for that? Essentially I want the dashboard to show Green for a bowl if it has water (sensor Water Leak state turned on) or red if it is low/out of water (sensor Water Leak state turned off).
Okay I think using a custom card is the way to go. Anyone know why this code isnt working:
I think you need to remove the - on the very first line.
That was it. Thank you
Currently testing with only one sensor but there you go!
I got some RGB Ceiling lights. Lovelace seems to have a real nice UI to set the color/brightness - which works great. I'd like to combine the lights into one UI element. So, in Lovelace it'd show up as a single light (more or less as it does now, but with a different name) - I could open the same color/brightness picker and when interacting with it it would change more than one light. How can I build this?
Create a light group
hello everyone.
I'd like to do something kind for someone.
Is anyone in need of my assistance?
I am senior Full-Stack developer.
On Firefox browser can not view camera, on Home Assistant App on my phone is viewing normal.
With EDGE is good 😄
That appears to be a problem with your computer's operating system. Did you reinstall OS???
on Microsoft Edge is good. so why?
What is version of firefox????
That is an insanely large leap to put on the OS 😆
I probably the stream/video format.. check if Firefox supports that format, and see if there is a plugin that will enable it in Firefox.
Since the Core 2023.3.3 update from last night the "ghost entity" is gone. 🙂
what is "ghost entity"
I get an error in line a line that looks like this ${this._formatLastTrackedDate(item.__last_tracked_date, item.__last_tracked_days, item.track_date_only) ?? "-"}
The custom frontend cart (grocy-chores-card) works on my ios app, and every browser, even the one on the tablet itself, but not in the Homeassistant android app (on the tablet). I assume its because of the Chaining-Operator that only works with new browsers / javascript engines. Anyone knows how I can fix it? The frontend card isnt mine and writing workaround code for it is no option
Grocy chores card works fine on my android
Hi ive got a sensor which changes state depending on what room i am in... With home feed card it displays ok...
However to my problem... If i move from one room to another i have filtered away "not-home" So in the feed i can see how long time ago i entered each room... What i need in the feed is the amount of time spent i the room...
This may be an odd question - how do you modify a group definition (under helpers)?
I need to modify the "attributes" - ie the devices that are part of the group, but I cannot figure out where to do that.
click group options
That's a link? Wow - totally missed that. Thank you!!! Wasted too much time trying to figure it out.
No theme selected
ok, the default theme doesn't present it as a button very well
lmao - ok, just making sure I didn't miss an important setting
use a mouse and hover over it, you'll see it's a button
Everything else is underlined. Note, being color blind probably doesn't help here. But now I know
it doesn't like type: sensor
I built a custom rlink integration that shows abuncha data about my motorcycle, including the current speed I am riding at if the engine is on. I want to change the frontend UI to be a png of the same type of motorcycle as mine, and I want the wheels on the motorcycle to be spinning based on the speed in which the bike is going. I am trying to figure out the best way to do this. I am thinking maybe I can create a few gifs in which the tires are spinning different speeds and then display a specific gif based on the range of speed I am within. Are you able to display gifs in lovelace?
I know it’s kinda useless since if I’m on the motorcycle I’m not home to look at it, but it’s still badass 😂
All the rest of the data from the integration is useful tho. I just want the speed thing cause it’s awesome
I have it keeping track of the highest logged speed and displaying that which is cool too
Looks like you can use gifs, just gotta figure out how to set them dynamically based on a sensor value
if I have two entities for example sensor.long for longitude value and sensor.lat for latitude value, and I want to take both of those entities and add them to a lovelace UI map component to then show that location on the map, how can I do it?
Continuing my question from #general-archived ...
I'd like to have a dashboard that displays device statistics for the past day, week, or month depending on a dropdown. How would I do this?
Hello, I want to put his page temperature.yaml I copied it and he gave this page card-button: https://pastebin.com/NXWxx8G5
where do I put this code?
Create a template sensor, and give it have two attributes latitude: and longitude:. State can be anything. Add that sensor to the map.
would it be like this?
- sensor:
- name: rlinkLocationTracker
state: sensor.rlinkLocationLat
attributes:
latitude: sensor.rlinkLocationLat
longitude: sensor.rlinkLocationLong```
those fields where you just stuck the sensor name need to be proper templates
#templates-archived for moer
can someone possibly point me in the right direction please. I'm trying to use a schedule to turn on and off a humidity card state.
If I press the centre of the "Humidifier Card " I can turn it on or off. Like disabling it. I want to access this call through code from the scheduler. As yet I cant see what I can call. Its possibly and entity
value
Did you already try the humidifier services? https://www.home-assistant.io/integrations/humidifier/#humidifier-services
thats interesting . it has "SERVICE HUMIDIFIER.TOGGLE
"
at the moment I have "generic_hygrostat: " in the configurration.yaml then the "Humidifier Card " as the front end. I'm using a smart plug to control a dumb dehumidifier
Ty for the pointer. I'll try again tomorrow. Enjoy.
With 2023.3 I am getting weird renderings of my history cards. The values are there but the lines are not. I haven't seen other similar reports.
I reported similar issue with energy dashboard (try browsing backwards and look at the figures). seem a sqlalchemy issue they will have to tackle. I went back to 2023.3.1
Hey everyone 🙂
Does anybody know if there is a card that allows me to directly type in the target temperature of a climate device (TRV)?
Don't like the wheely thing
For that you'd probably have to combine an input helper and another card, plus some automation. Alternatives https://smarthomescene.com/blog/top-8-home-assistant-thermostat-cards/
Thank you for the link. Unfortunately everything is click-based. I want to enter the value and be done with it. No repeat clicking, no sliding.
Hmmmm... I guess I will have to keep looking and thinking then 😦
As I mentioned, you can combine a card with a input helper and an automation that then sets the TRV if input helper changes
Yes, I considered that, but I would need an input select plus an input text. The input select would then select which trv to send the input text to.
And then the input text needs to be erased after a few seconds.
Or I need to make one input text per trv, which I am not a big fan of.
Well...that is the state of things today, until someone invents an input with the card(s)
So far I have not seen any card that allows typing, possibly a limitation ? (I have of course not seen all cards)
I had loaded in a handful of other users themes. Mostly using light and button cards. Up until a few weeks ago, if a light was on, the icon turned yellow, and off was white. Now, the color doesn't change - stays white. What element in the theme file am I looking for to change this?
the "on" color for lights got changed to white a couple versions ago, but then got changed back to yellow recently, can't remember if 2023.2 or 2023.3
Edit: actually, the button cards are working (yellow when on) it's just the light cards that remain white
are you on latest version?
Ahh, ok. I'm one version behind I think
2 versions back i guess. I'm on 2023.3, so I'll upgrade to . 5 I guess. I thought all of this was defined in the theme files, regardless of HA version?
Hello, someone could help me to make layout card?
can try
okay
If it would be possible to just make me the top line to put everything straight and then I'll figure it out if you can 😄
Thanks
Those cards are from UI-minimalist?
Hi, I'm still learning it, can someone tell me the line I need to write to have the average of two sensor values?
This is what I have, is it correct?
sensors:
temp_average:
friendly_name: "Temperature"
value_template: "{{ ((float(states('sensor.temperature1' + 'sensor.temperature2')) / 2)) }}"
unit_of_measurement: "C"
idk, this part should probably be:
{{ float(states('sensor.temperature1') + states('sensor.temperature2')) / 2 }}
or better, to safeguard when a sensor is not returning a numeric value (e.g. "unknown" or "unavailable")
{{ [states('sensor.hallway_temperature1') | float(None), states('sensor.hallway_temperature2') | float(None)]
| select('number')
| average('unknown')
| round(2, default='unknown') }}
"unknown" = fallback if all fail to produce a numeric values. Rounding is optional.
oh there's an average method? cool, let me try what you wrote
oh there s an average method cool let me
I have another question. Is there a way to have this graph not go up and down? I don't understand why it does that.
Here's the code:
type: custom:mini-graph-card
entities:
- entity: sensor.pc_power_power
name: Main-PC Current Power Usage
hours_to_show: 1
animate: true
unit: Watt
points_per_hour: 180
color_thresholds: blablabla
yes
I just saw that there was already a graph there is no way to recover its data to put them in a graph?
TL:DR: Do some cards not "allow" certain CSS to be applied? The card states: Add custom CSS styles to the state element, but I cannot get an icon to animate.
Using a custom:room-card, I'm trying to make an icon for a motion detector to blink when on. I've used blink on a custom:button-card, but I cannot seem to apply to concept with the room card. I have tried using the card's templating and conditional routes. It seems like it just doesn't like animation: yaml icon: template: icon: animation: blinkAny ideas on what I'm missing here?
Hello! Can anyone help me (auto) resize the 5th card from code editor? I'm using custom-button from HACS to make icon spin, but the "render as square" doesn't seem to affect the overall (5th) card
I tried icon_height as well, still doesn't affect the size
anyone know any good hacs or ways to make dropdown helper little bit more ''nice'' or diffrent https://ibb.co/f8Kq6N7
is no-one else having this weird issue with history cards where random entities show up?
template: card_weather
entity: sensor.openweathermap_feels_like_temperature
variables:
ulm_card_weather_name: " "
ulm_card_weather_primary_info:
- wind_speed
- precipitation_probability
ulm_card_weather_backdrop:
fade: true
ulm_card_weather_custom:
- temp: sensor.temperature```
My weather card looks like this how do I get it to work I think I have it set up right
It should look like this
I'm learning to use the Grid Card, but for some reason my cards in a grid have a weirdly large gap between the rows?
My code is:
columns: 2
cards:```
Then all the cards within that. Surely they should be much closer together??
where can I find a the ui minimalist file in theme file ?
The system cannot restart because the configuration is not valid: Error loading /config/configuration.yaml: while parsing a block mapping in "/config/themes/minimalist-desktop/minimalist-desktop.yaml", line 28, column 7 expected <block end>, but found '<scalar>' in "/config/themes/minimalist-desktop/minimalist-desktop.yaml", line 63, column 31
I don't understand, even the github file doesn't work, there is a problem here, but the github is up to date ....
I tried to put back the code from github it doesn't work too
I just downloaded a save to recover the tested go file
I just deleted the file and it doesn't tell me anything. It always tells me the same error even though the file doesn't exist anymore...
HAAAAAAA
Well I typed a reboot in the ssh integration before I freaked out haha 😂
haha
Anyone??
When schedule's periods are butted against each other like in the image attached, does HA send a state change? E.g. is there a state change at 11:30am ?
Are the colors for each of the entities in the history graph card customizable yet?
don't believe so
Same thinking here )(not sure if I am adding to TimO) and it also makes no sense as it is a schedule of one and the same being 'on' or 'off' at a specific time. I am trying to think of a uses case when you want to have a brief on>off>on but cannot think of one easily
sorry I was responding to the history graph card, I don't know about the scheduler. should have @'d for clarity
show_forecast: true
type: weather-forecast
entity: weather.openweathermap
secondary_info_attribute: wind_speed
name: météo```
I would like to add this weather map to my minimalist ui but it doesn't work
Hey everyone, not sure if this is exactly the right channel, but I'm having an issue logging into Home Assistant, but only when accessing it through my domain through caddy. If I try to access it through my server's local IP, it works fine. If I access it through caddy, the URL gets redirected to https://hass.[domainredacted].me/auth/authorize?response_type=code&redirect_uri=https%3A%2F%2Fhass.[domainredacted].me%2F%3Fauth_callback%3D1&client_id=https%3A%2F%2Fhass.[domainredacted].me%2F&state=eyJoYXNzVXJsIjoiaHR0cHM6Ly9oYXNzLmhvbWVzcnYubWUiLCJjbGllbnRJZCI6Imh0dHBzOi8vaGFzcy5ob21lc3J2Lm1lLyJ9 and I get stuck in a login loop
This is from my configuration.yaml for Home Assistant
homeassistant:
time_zone: "America/New_York"
external_url: "https://hass.[domainredacted].me"
internal_url: "http://192.168.1.24:8123"
auth_mfa_modules:
- type: totp
http:
use_x_forwarded_for: true
trusted_proxies:
- 172.18.0.0/16
And this is from my Caddyfile:
hass.[domainredacted].me {
reverse_proxy 192.168.1.24:8123
}
Is there a way to get a feed that shows the amount of timid each entity had that value. So not “23 minutes ago” but “5 minutes”
FYI: You can put any card inside Tile card as one of the features..
type: tile
entity: binary_sensor.kitchen_dishwasher_running
features:
- type: custom:hui-element
card_type: entities
entities:
- entity: sensor.kitchen_dishwasher_power
name: Power
card_mod: ... # remove borders ect.
(although vertical-stack-in-card exists and can achieve same results)
Thanks do you have an issue link so I can track progress?
Similar to this issue, but not quite.. https://github.com/home-assistant/core/issues/89170
is there a card that i can use that allows someone to type in a pin like an alarm panel, and then use nodered/automations to check if the correct pin was entered and do certain things?
Seems like surely you could use the alarm_control_panel for this somehow.
is there any generally accepted "best" layout (or examples of some) for a dashboard that has lights for every room, sensors, AC and other controls, cameras?
over the past year i've started using HA but keep throwing every device control onto one large unorganized page
You could look at Dwain's Dashboard
Hey all. I'm looking for a way to create some sort of dynamic dashboard to list all light devices for example. My idea was to list all light groups which would then be a link to a subview and then list all lights. the light groups part I don't mind doing them manually since that won't change (one group per room) but the light entities per group part I'd like to be fully dynamic. I can do it with custom:auto-entities and card type: grid but this is only good for sensors, it sucks to actually control something since what it does is open the device details "popup"
last stable release was almost a year ago, is it still being actively maintained?
I think so
OK may give it a try, see if it responds to my needs above
There's a channel on Discord server 'Home Assistant Addicts'
The tutorial is very good
tks
morning everyone
im new to HA, i am wanting to create a simple dashboard for my tablet,
any advice? is it best to just download dwains dashboard?
thats probably because that is what you tell it to do... you can do most anything with that custom card, so show us your yaml, and describe what you need
thats funny, it really looks a lot like the mini-weather-card. Did you check that out?
thats never good advice. 'Simply download' anything
you'll be back soon with many questions... Why not try and understand things, so you can make your own Dahsboard
didnyou try and set square: false ? without that, it will try to set the grid to the largest card size
Generally I feel like a lot of great frontent devs are not / far less active (on H.A. front) since 2021..
I wonder if one day I'm gonna rage quit when one of the cards that I built entire dashbords on will get discontinued / long-term broken
pretty basic:
type: custom:auto-entities
card:
type: grid
card_param: cards
filter:
include:
- domain: light
options:
type: entity
exclude:
- attributes:
entity_id: $$*
sort:
method: name
now this "works" but what happens is when you click on a card it then opens the entity "popup" (don't know what else to call it), just like would normally happen in the web ui and you click an entity...this is fine but when you're using it on a mobile for example, would be much better that a click would immediatly toggle the light and maybe a hold would dimm the light
I guess what I'm saying is that I would like to have custom:auto-entities auto generate a grid with entities but using the "Light card" style
I'm sure there's a param for that I just couldn't find it
lmao and just like that, I've found it! options: type: light
now that's embarrassing
be sure to experiment with this too: https://github.com/thomasloven/lovelace-auto-entities/wiki/Template-filters
it can be done simpler and come close to what you want probably by using a card_param and use another card than entities
@fiery ledge I converted your message into a file since it's above 15 lines :+1:
o heck, sorry bout that. you get the drift though....
yeah thanks!
type: custom:auto-entities
card:
type: grid
card_param: cards
filter:
include:
- domain: cover
options:
type: custom:shutter-card
exclude:
- attributes:
entity_id: $$*
- integration: tesla_custom
any idea why that returns a bunch (one per entity) "You need to define entities" error?
if I do type: custom:entity it works fine, just seems to faiĺ when I try to use it with a custom type
probaby because it expects a list of entities itself. It is a bit of an awkward card, and as a matter of fact, I just took it out of my config....
you mean the shutter-card?
yep
any suggestions then? all I need is a decent way to display roller shutters
why not try any of the other cards a round, like core tile, or custom mushroom?
well it's the first time I'm actually looking at lovelace...have been using HA for a while but with another app so it's taking a while to get used
right. then start simple, and use some verbose cards until you like what you see, and then create an auto-entities out of that.
Yeah been trying that...covers seem to be a bit weird though because there doesn't seem to be a dedicated style light light?
You select the entity style and it's pretty flat and width
Which looks well weird on mobile IMHO
not really sure what you mean now, but I confess having more than a single line of custom styling in my Dahsboards 😉
as for the covers, I did try Tile/Mushroom/Minimalist and yet keep returning to my own set of ```
entities:
- entity: cover.stookhok
secondary_info: last-updated
- entity: cover.stookhok
type: custom:slider-entity-row
step: 1
full_row: true
hide_state: false
though this is quite ok too, but would require yet some more styling on the colors indeed
Is that with custom:auto-enties ?
no, not necessary... I only have a few... got to take the effort into account, and the overhead you want to load on your Frontend. This is a once in a lifetime(...) effort, where auto-entities keeps working all the time
True dat
i have set a theme as my default theme but it hasnt amended to that theme, i have a folder in the config set up so should work, any suggestions
Is it normal i can't change color on a group.light?
But in a light.group i can
It's empty in group.light
Hi all, my first steps into lovelace.
I want to create a button for my TV which
- activates a script to start TV and then navigate to another page in the UI (for the remote)
or - when TV is already activated, just navigate to the remote page
Is this somehow possible?
hello I have a couple of templates that I use on my dashboard, that are from "decluttering-card" and "button-card" but they are startig to grow and I woud like to include them in their file and use them in all m y dashboards... In yaml I can do it with "!include" but in the UI dashboards I can't. Is this even possible?
ok, I found that it's not possible 😦
I am trying to use a Date/Time helper to allow my wife to preset a time for an automation to go off to assist the babysitter. So for example in the morning before she leaves for work she can set the date/time to 3:00pm so the automation fires at 3:00pm. Great—that works. The problem is that it triggers the automation every day at whatever time was last set and it only wants to happen on days she sets it. Any clever solution anyone is aware of except a separate conditional boolean?
If you don't want a boolean, you could have the automation turn itself off when it runs, and then you could have a state change in the date/time helper as a trigger to turn it back on.
Oh…that’s interesting. Will give that a whirl.
heyo,
I have some frontend issues, when the device is off (consider as on in HA) it changes color to blue instead of the grey color it is supposed to be.
Office & Kitchen switches are off but HA is showing the opposite state; (I'm using Tuya Fingerbot)
What am I missing here?
Office:
http://pastie.org/p/0HkfhqjYo88O4GTTkzHlci
Living Room:
http://pastie.org/p/5tEx1CidbmZ4A5Ambtgk5q
I want it Office & Kitchen to be grey as the Living Room & Hallway are when device is off (state on in HA)
With today's upload of 2023.3.4 I am still getting rendering issues with complex history cards.
You don't have an off color set for state
you only have on. You also have yellow without the value field.
all in all, your config is lacking
Your living room has a value set for off btw
but not for on
I'd say that both of your configs are not correct
Thanks for your reply!
How can I add the value field? can you help me with fixing that? (I need an 'off' state to change to yellow) and the Living room is showing yellow only when on when it's not it's a grey color which is what I'm trying to achieve here.
you don't know how to add the value field?
how did you make that configuration in the first place?
I do know, I mean if the living room doing what I wanted it to do so what's wrong in the kitchen one?
and as i said before it's 'off' because HA consider this device off but when it does it means he's on and color should be yellow
but you don't have an 'on' in your yellow...
right now office and kitchen are off
you see it's yellow, that's good
but in living room i didn't specifying the other state and it does the grey color
right but your other configuration is wrong
you're missing value
literally
that's it
your first bullet has a value: 'on' or 'off'
your second bullet has nothing
add value with a state to your second bullet
that's mean if it's not on the value of 'on' or 'off' THEN show the other color
that's how the living room is grey, no?
No, your config is not correct for both
it's dumb luck that it's working on living room
@mystic timber I converted your message into a file since it's above 15 lines :+1:
@mystic timber I converted your message into a file since it's above 15 lines :+1:
Can anyone help me get more readable sensor names displaying in my dashboard graph please?
Currently it reads 'ATC 410E Temperature' which I'd like to be >>>> 'Study'
I don't see anywhere you can do it in the edit card window.
In the device page for the sensor I hit the edit button at the top right and changed the name there (and hit update entity names) but it didn't help 🤔
I would just like it to display as the room it's in
You can change the name displayed in history graph card. You have to switch to yaml though:
https://www.home-assistant.io/dashboards/history-graph/
a group.something entity is not a light entity, so no light options work on it
replace
- sensor.atc410e_temperature
with
- entity: sensor.atc410e_temperature
name: Study
Thanks, works a treat
Okay, but when i use light group i don't see any members while this is unchecked
you don't see any members where?
Are the sensors just unavailable during the times the line is not displayed?
light groups are a light entity, it won't show the members. groups are a group entity, they will show the members. That's how the UI displays the information
So let's say i want 2 lights blue and 2 lights red in a group. I have to go through each device to set this parameters?
Yes
The intent of a light group is to make a single light from a set of lights
not control the lights inside the lights individually, you can already do that without a light group
if you put all your lights into an area, you'll get the whole group and individual lights with an area card or in the autogenerated UI
hey, does anyone know what it means ?
it used to work, I didn't change anything
(I'm using this template https://ui-lovelace-minimalist.github.io/UI/usage/custom_cards/custom_card_nik_door/)
Hey there, is there a way to set input_datetime to now() in an Automation using the UI?
All I have found is using a template, which cannot be done in the UI.
service: input_datetime.set_datetime
data:
timestamp: {{ now().timestamp() }}
target:
entity_id: ...
My current workaround is using a timer helper instead and reading the "finishes at" attribute, since that can be set in the UI.
(EDIT: I have resolved this myself. Not that big of a pain to edit in YAML. It just makes that one block text in the UI flow.)
Are Material design icons available via an HTTP GET request from the frontend?
I plugged my pi with HA into a tv today, saw all this. Should I worry about any of it?
Bluetooth is more a topic for #bluetooth-archived
Hi, I have a problem with my dashboard. I'm getting Button-card template 'card_esh_welcome' is missing!
The problem is that it happened due to an out of storage error. I have not changed anything in the configuration.
morning, all. taking some time to update my floorplan layouts with DBuit/sidebar-card, but the project appears to be dead/stalled. is there another method you like to produce and manage custom sidebars similar to this?
is there a way to edit the main mushroom button template so that not so much space is wasted with each mushroom button?
Maybe this is an integrations question not sure.
Cards are definitely frontend, what card are you actually talking about, the standard button? Not seeing one provided by the mushroom module
Hello guys! Anyone knows how I can change the default chip card icon color of mushroom for OFF state ? In dark mode the default is white, in light mode the default is black.
I'd like to change it to grey.
The default chip color doesn't match with the rest of the mushroom cards (default is grey when it's off)
also, when I set the light color to white, the chip icon color turns grey
as demonstrated on the video above
Affint chips With auto entitities works great. However trying to add one static that is not conditional before the filter. It won’t show up. Any ideas?
@tulip pagoda I converted your message into a file since it's above 15 lines :+1:
Ok, restored home Assistent from backup and everything was fine, after updating Button-card template 'card_esh_welcome' is missing!
Have you checked that the file does still exist in the custom_cards folder?
In wich folder it need to exists? In the custom component or dashboard folder?
ui_lovelace_minimalist is what I mean with dashboard.
How can I make battery percentage displayed in the people card? I've seen dashboards were there are pictures of people with state (home/away) and battery percentage of device.
Is there any way of having an UI button than turns on for as long as you keep pressing it. The use case is that I have a pool cover motor that I'm making smart with ESPHome but for security reasons the ideal behavior is that the cover moves for as long as you are still pressing the button but if you stop pressing it for any reason it stops (as opposed to press it once and it opens all the way)
maybe anyone nows if a HACS buttons that does that
/config/ui_lovelace_minimalist/custom_cards/
The folder is empty and I think it was also working when it was working. I download already all custom card from GitHub and copied it with ftp. I can try it again.
Working again, the question is who deleted it. Maybe I was wrong and copied it somewhere else and it's was working for shockingly long.
That doesn't really exist with web interfaces. Not saying it can't be done, but it's not done in HA. And after it was built, I would assume it wouldn't work great on every web platform.
also, keep in mind there isn't a service in HA that does that either
so even if a button existed, there's nothing that keeps hammering a function in HA for a duration
@tacit cave I don't see why it would be a problem for web. MouseDown / MouseUp and similar touch events exist and work well
because web UIs have issues with tap and hold action as it is
you're asking for a hold for duration
not really, i'm asking for a release action
we already have issues with a simple hold action, i.e. not detecting the hold,
Yes I understand that, but it doesn't exist at the moment
I guess I'll have to build it myself then
so you're welcome to argue the functionality, but at the end of the day, it doesn't exist yet.
just keep in mind that if you use multiple web interfaces that it may not work from OS to OS
I.e. Apple products suck with holds
on web interfaces
well, at least in HA
anyways, for the script part of it, you can use an until loop with the stop action
and just fire the action every x ms
I considered it. Firing the action over and over as long as the button is pressed
every xxx ms
Yeah that's the only option you have aside from creating a function that handles this for you in a custom integration.
Hello guys !
How can I change the default mushroom chip card color for active entities? It's white for dark mode and black for light mode , I'd like to change both to grey. Is there a theme variable for that?
Is there a way to use my own icon for an entity (in my case for a zone)? It's not a new icon that I'd like to submit to the library, just an icon I want to use that makes sense to me.
You have to use a custom integration for that if it's an svg file, otherwise you can use a picture for zones via entity_picture
IIRC fontawesome custom integration allows you to create and use custom svg files
I am calling a function from a lovelace card with hold_action.... The script i am calling takes a parameter i want to pass the vaue of a input_select.... Anyone care to point me in right direction?
@tulip pagoda I converted your message into a file since it's above 15 lines :+1:
You have to make a script that does that and call the script. The frontend only accepts templates in markdown cards
well...there is the Hacs card-templater solution which I used a couple of times...it is a bit iffy to get it to work but helped me a couple of times
but it does not always work...just to be clear
simplest example is how I managed the decimals in the gauge card
(which is no longer needed with 2023.3)
type: custom:card-templater
card:
type: gauge
entity: input_number.sunsetmin
name_template: '{{ states(''sensor.06_weather_alert'') }}'
entities:
- entity: input_number.sunsetmin
state_template: '{{ states("input_number.sunsetmin") | int(0) }}'
it is just (!!!) and example...but it works
I can arrange an svg. Which integration is that?
Sorry, missed your second message
@timid moss I converted your message into a file since it's above 15 lines :+1:
Ignore that, merged (2) 0.25fr areas into a 0.50fr and it's good now
Hello, I have a recevier and TV which can be controlled via the media player functionality
if I go into the options i get more settings
Is there a way to get these controls directly in the front end
without having to go into the options, I would also like to have the controls of the receiver and TV together in one card if possible
is there a way to open a dialog with buttons? i am using manual alarm control panel, and when the i arm my house, i have it check if any doors/windows are open. right now i am using confirmable notification script to send a notification to my device asking for confirmation, but the issue is that it disappears after about 5 seconds, and can still be brought back from the notifications and 'cancel' can be hit allowing it to be disarmed without the code. the other issue is that I have no way of knowing which device initiated it, so if I do it from my app on my phone, the notification goes to the fire tablet
I want this too, found another card but that was not working fine. Maybe requires a feature request on the forum?
I have a few OLD ipads. I'm talking ipad 2 or 3 I think. I should be able to run a simple dashboard on that right?
Hi, I am rather new in HA. Is there any chance to define lovelace cards in that way, that for number entities I can define a select list for valid number entries together with text-labels?
Build a select entity around the numeric entity.
Then You can put it in any card that supports select entities.
You can ask in #templates-archived for help how to create select entity using template entity integration.
e.g.
- use select entity
optionsas text labels and map them into setting specific values innumber/number_inputentity. - map value ranges from numeric entity to closest matching option label
( I can't help You, sorry. I don't time as there are family matters I need to attend before tomorrow events. )
Creating a horizantal stack i have three columns the last column all i have is one chip showing temperature how do i make that column much smaller as it is now the three columns have same size
i am trying with custom:mod-card however i dont understand how to set for the different columns they all hace same type...nothing unique
hi everyone. any recommendations apart from dwain's dashboard
i am looking for a nice clean ui for a tablet 🙂
Easy, Incredible Looking Lovelace Dashboard built using the Grid Card! Super EASY! No YAML files (4 small YAML edits in the editors). No Custom Cards. I call it the Tile Dashboard.
YAML (Though I do recommend using the UI editors to learn): https://pastebin.com/sGSWwtBU
Like what I do? Sponsor me: https://github.com/sponsors/zsarnett
▬▬▬▬▬▬▬▬...
Placing chips card in three different columns of layout-card dosnt place them next to eachother what am i doing wrong
Forst one is too the left top where it should.... second one in middle but one step down from the first.... and third to the right another step down....
dashboards for tablet vs phone, do you just make a second dashboard and manually click in or can you have it auto detect device. i know the built in one auto sizes column number but thought i saw people using more customized dashboards that look great on tablets but maybe not on phone lol.
Depends on your dashbaord making skills. It's certainly much easier to make separate ones. I'm currently using same ones, but even with flexible layouts still had to make cuts often - and some stuff needed to go when space is scare.
It was the phone location automation for when the wife comes home. . . .but she was at home. . . her iPhone keeps reporting her location incorrectly (even when she is out and about) and apparently it thought she was outside the zone and then came back. Any thoughts on a fail safe on this issue?
I can't think of any as it is the iPhone screwing up and not Home Assistant
thx
hey all, i know a couple years ago Zack was working on changing lovelace to have drag/drop/resize capability instead of stacking cards. Was that ever published in release or a beta?
Does anyone else have a problem with the HA frontend on their first browser session? It has to be a fresh browser session, when I access the front end, it loads normally, however, after 10-12 seconds, it refreshes. So if you login using "trusted networks", and start to use HA, it will refresh and kick you back to the login screen. If I login normally, username/password, you get access to HA, the refresh happens but you dont get kicked back to the login page.
I use HA proxy if this matters. Also, I found that if I disable access to /service_worker.js this resolves the problem.
If I access ha directly, no HAproxy, x.x.x.x:8123, I dont see the issue.
Hi I have this https://hastebin.com/share/oxelunujal.yaml
It's show an alert when the ink = 0 and I can't find how to show the alert when the inks is inferior at 5.
Please @ me or use the response fonction
thanks
Hello, I'm currently using a webpage card on one of my dashboards which displays another home assistant page. However, the home assistant side panel shows in the webpage Iframe anyway to disable this?
That works on my other dashboards however, I'm trying ot use the built in media section and embed that on a page
This page I can't apply kiosk to it
You can't edit the media page either which sucks
even if there was a way to just display a media library without using the pre made dashboard would be useful
the media player card doesn't look nice enough to use because it scales as it wants and isn't a fixed height
When changing the colour temperature on a light with the new vertical slider, when my finger is half way down the slider it keeps flickering back to the original value and back to where my finger is. I assume the slider should stop refreshing from the current bulb state while it's being interacted with? Anyone know if this is logged as a bug already?
Hey there - is there a site with examples of yaml code for various dashboards, please? I'm trying to build a dashboard with rooms, but even if I live in the same city than at-piitaya (ensuring I'm not tagging him), I'm a total beginner, and as site with examples could really help 🙂
Anyway to show the volume slider on the default media control
I don't think so. I use the mushroom-media-player-card for that
Wow, that was it! Thank you, that's kinda annoying that it does that by default...
does anyone know why i cant find the settings to do this
like they are not even there
What isn't there?
the whole frontends section
like i cant find whre i would go to get too those settings
Do you have experimental mode enabled?
how do i do that
You don't
i dont know
what do you mean by insatll it i am running home assistant
You need to install it. Looks like you directly went to custom_repo. read the setup first https://hacs.xyz/docs/setup/prerequisites
It seems like you jumped straight to the FAQ and missed the rest of the site
i cant get he insatll to work what do i do if i am running the vmware ova image
Is there a way to show the history stats in a popup card? I dont like the new tabbed layout for history, related etc and want to show the more info box like it used to be.
Mushroom question: I am trying to get the mushroom number card running, but I don't know how to define the maximum value to be used for the bar. I have a number with the possible range of 0-100 and I would like to get the range displayed accordingly. What can I do? I don't find a configuration for the max.
I am talking about this: https://github.com/piitaya/lovelace-mushroom/blob/main/docs/cards/number.md
When I use this card it always shows the bar fully filled, even though it might only have 75 out of 100. Is this bar maybe scaled from zero to 1?
And: can I specify attributes from an entity versus the state value itself? Or would I need to define a template sensor for this?
I have my own SpeechToText server, I do not want to use a cloud based one. So now i am thinking what's the best approach, maybe t here's something already I don't know about.
context: Homeassistant app on phone
question: Is there any front end stuff that lets me do speech to text from the app? So you can say 'lights out' to your phone? A card maybe.
I mean all phones have a microphone, seems like something that's already existing.
I found https://community.home-assistant.io/c/configuration/voice-assistant/49 that should get me along nicely for now 😛
Is there a way to have a card occupy 80% of the screen width on desktop but use 100% of the width on mobile?
Yeah, but it's a bit tricky. And exact code depends on layout type view uses.
You should at least have card_mod installed to accomplish this.
(edit: my bad, same code can work on most column bases layouts)
I was able to get it to expand a col to 80% with that but then mobile only fills the same 80 instead of the usual 100
If I wanted to create a completely custom webpage interface for HA that runs on a webserver, where would I look for the information to interface with HA? There is a lot of confusing stuff out there.
The webserver would run on a different server on the same network.
Probably here: https://developers.home-assistant.io/docs/api/rest/
Good morning, I've been using Home Assistant for a while and have a question about a log entry. Maybe you can tell me what this might mean or where to look. Thank you in advance.
Logger: frontend.js.latest.202303091
Source: components/system_log/init.py:254
First occurred: 09:47:53 (1 occurrences)
Last logged: 09:47:53
:0:0 ResizeObserver loop completed with undelivered notifications.
I've searched the internet for this error, but haven't found anything.
well you can ignore it for now. It is a JS error within the resize observer and happens during the rendering of the code during update of the page
Hi! I have set up showing my ip camera snaphots in lovelace by using refreshable picture card from hacs. It loads image from url every X seconds. I am using URL with authorization ( login:password@ipcamdns.com/snapshot&?somesapshotparameters). Images are loading fine when viewing lovelace from desktop browsers or iOS app, but not android browser or app. Any suggestions please?
Many thanks for the quick response. Is this bug something that can be fixed in a later update?
bump
Maybe ask in #devs_frontend-archived is more appropriate.
as in just copy+paste there?
Is there a way to capture console errors somewhere other than the console? I have some problems with auto-entities and switch-state cards where they won't display often in Fully Kiosk, but I'm unable to troubleshoot this
You might need to attach an ADB debugger console @timid beacon https://developer.chrome.com/docs/devtools/remote-debugging/webviews/
There is an option under "advanced web settings" in fully kiosk browser to enable webview contents remote debugging
I am trying to setup Cast my Dashboard https://www.home-assistant.io/integrations/cast/#home-assistant-cast and it says "You can use it by adding the Cast entity row to your dashboards." Which doesn't seem to have instructions on how to do that. Any help appreciated.
nevermind, found a blueprint that just manages it for me
I'm trying to create a horizontal stack of cards but with alternating card sizes. So 30% of the width to 1 card and 70% to the other. I'm using https://github.com/thomasloven/lovelace-layout-card for this.
I've almost got it but for some reason the 2 cards together are not the same width as 1 big card.
Also the top and bottom spacing seems to be different than with a regular card setup
Does someone know how to fix this? (or to create it a different way)
I am wanting a card that shows the volume level of my sonos as a gauge. The gauge card doesn't seem to work because it is not of type gauge it seems. Any idea?
I use mushroom-media-player-card to get that @sacred gyro
- type: custom:mushroom-media-player-card
entity: media_player.denon_avc_x3700h
primary_info: name
use_media_info: true
show_volume_level: true
media_controls:
- play_pause_stop
- previous
- next
volume_controls:
- volume_mute
- volume_buttons
- volume_set`
Hey thanks for your response. I actually was able to find this after pouring over their extensive settings haha. However, I wasn't able to connect the remote debugger.
As far as I could tell from the docs, I should have just been able to enable that setting and then go to chrome://inspect on any other device on the network where I could then connect. I see the IP in the devices list, but there's no "inspect" button or anything there for me to start debugging.
Did you look under the 'pages' tab
I've glanced at it a few times, but I assumed this was for pages on your local device?
I also don't see the page Fully Kiosk is on here anyways
You might need to do it via USB for this
I've not done any debugging myself, I just know about the option in fully kiosk lol
Also you probably need the ADB tools on your computer if you don't have them
I do have them, yeah.
Wonder if I can see it on the network from there
I did scan it with nmap and I don't see the default ports for debugging open (9229?)
Got it!
Thanks, looks like it gives it to me, but it is odd it shows it like this which looks odd. Also seems I can't get album art with this control. (song chosen on purpose)
You Can't Always Get What You Want
The Rolling Stones - 45%
Needed to adb connect and authorize
The other thing i'm researching, and I just don't know if it is possible - I have a map with everyones location on it. I would like to zoom into a specific person if their location has changed by more than, say 30 meters, display their location for 10 seconds, and then zoom back out to an overview of everyone. Has anyone tried something like that?
Uncaught (in promise) TypeError: this.card.setConfig is not a function
at Wt.update_card (auto-entities.js?hacstag=1677445841121:172:5063)
at Wt.update_all (auto-entities.js?hacstag=1677445841121:172:3141)
Jackpot
I've seen auto-entities and switch-state fail on my phone often as well
anybody use mini media player and cast? it doesn't seem to be casting the album art just a generic nabu casa background
what's the current code for this card?
Hello everyone, i found a performance issue with @vapid field-card when using custom_fields and two or three layer of cards within. Like matrioska. The loading is super slow for the whole page. What’s best to share my code and issue? Github or here?
If it's a lot of code then you won't be able to post it here since there's a limit. You'll want to put it in a gist or similar paste sharing site
I tried on-off test and is quite evident
Ok i’ll open a git issue and post here. Thanks
Is not a lot of code tho
If it requires a lot of explanation and detail, might be better suited for a github issue as well. After you create the issue you can also link it from here to see if anyone here can help.
Before
After
This just removing another card causing the issue on the whole loading
Please notice icon loading difference
@late anvil this as mentioned in issue #606 today, but i will open a new one
Can you do a conditional card in lovelace with an OR conditional? It looks like the default for 2 conditions is AND
Doesn't look like it. I think there was a PR to add this, but it seemes to have been abandoned: https://github.com/home-assistant/frontend/pull/11539
He hasn't been active on here since march 2022. Please don't randomly tag him.
Okay sorry.
@earnest plover You can always put Button Card inside another Button Card
Maybe splitting your overtly complex config into smaller templates will work?
Also, he's not maintaining the card unless it's completely broken. i.e. doesn't work at all for all users.
Anyway I find Button Card overall performance good. It's definitely doing a better job then Config Template Card with rendering.
@haughty vine this time was a button card with a button card with a button card, like three level
as long as you maintain triggers_update you shouldn't have problems
are you leaving it to the default triggers_update?
if you are, every update in the state machine will update the stack of cards. 3 nested cards is 3 updates for that 1 card
Yes i didn’t touch that @tacit cave
well, that's most likely your problem
no by default it only watches main entity
was that changed recently?
triggers_update: all is the performance hog
ah, seems it was
well, first, why do you have 3 nested cards?
custom_fields can pretty much generate anything, the only reason to have a nested card there would be to put something outside of button card
like entities card
that has a tap action
otherwise, if you don't need a tap action on that nested card, you can simply use HA icons & text via HTML
like if you're just displaying information
if you need help w/ that..
actually, looking at the cards that are missing in your video, it would appear is if you don't even need the nested cards
are you using tap actions on your people that go to different areas with the 3 attributes?
@earnest plover ?
Thanks Petro, so i have 3 nested card because first level is to apply shadowing (i wasn’t able to apply card_mod on stack-in-card, so i had to apply to button card that contains stack-in-card. Second level is to apply this padding space from button to border and third is the actuall button
And yes, mostly i display information like the “family card” still i would like to tap to get history data from them @tacit cave
Does anyone know if there's an alternative people are using for the olde button-card project? I enjoyed having a button be behind a "lock" where you had to perform an action (such as a double tap) before a hold action or something else was registered. https://github.com/custom-cards/button-card
In general, main reson i use the custom_field is to create a big button card area, and put border or shadow or shape constraint, then inside i have stack-in-card with other button cards with the actual content
In that specific case i had a 3 level nest, but i managed to stay at 2 level nest and seems better
Still if there is any tips to further improve code and performance i would love
Can i share you some code example?
So should i test triggers_update: ?
I dunno if that will help.
You only need to set triggers_update: when ur dealing with multiple entities that can affects templates in Card Button.
And even then Button Card picks them up automatically sometimes.
https://github.com/custom-cards/button-card#triggers_update
Avoid setting option to 'all' if possible thou.
idk, but probably the problem is elsewhere.
I would share the code or it might be hard to guess. imho even with all the nesting it should still be pretty snappy
Ok let me try to past code here let’s see
@earnest plover I converted your message into a file since it's above 15 lines :+1:
This is my template “container” code
sry, on phone
ok, there is nothing interesting at this part (bedside --keep-background var I don't recon)
not even a single [[[ template ]]]
I wouldn't expect this to be a problem since it doesn't even contain entity:
it should eval internal code only once
ok anyways, I'm back
So, if you're just displaying information in the buttons, there's really no reason to triple nest
so what's the 3 nested buttons there?
?
You can find 3 nest button in dropbox file link
First level to apply template of the big card and shadowing around
Second level to apply padding around those wind sun and rain sensor from external border
Third is the actual button card with color and entity
I wasnt able to apply card-mod to stack-in-card for some resons, this is why i needed first big layer containing everything
so the 1st and second level can be done w/ entities card & card mod
Exactly
well you don't need stack-in-card
But i cant apply shadow-box to stack-in-card for some reason i tested several codes
entities card accepts any card in it
it's essentially a stack in card but easier to card mod
but then your buttons need to make the background transparent
I understand, no big deal i need a basic “button” template that put transparent
But is improving performance instead of using stack-in-card?
But you can also make that entire thing w/ 1 button
With grid?
yep
it's missing container_borderless template
Ye kulmegil, is essentally the same without shadows
grid and custom_fields or whatever it's called
@earnest plover I converted your message into a file since it's above 15 lines :+1:
Here container borderless
why is "i" and "n" still defined?
I always used stack-in-card because seemed easier
It was an old template re-used for this purpose
I may have left those for error
well, you're just making a 3/1 grid and not using the top 2 grid spots
Ye make no sense, didn’t notice in rendering
So what would be a code to make horizontal or vertical layouts without stack-in-cards? Can be standard or needs to be adapted depending on number of grid/column?
Is this improving because is a unique button or because stack-in-card is slower somehow?
stack-in-card has been notorious for breaking things for years
there was a number of years where it broke every other release
I ended up removing it
Can you share me how you replaced it?
I think you'll need https://github.com/thomasloven/lovelace-hui-element
I can imagine roughly but i am not sure how to render different number of rows or columns depending on card need
well, if you're using button cards, you wont
anyways, just plop your buttons inside entities card
type: entities
entities:
- type: custom:button-card
using a horizontal stack in entities card, you'd need hui-element
Oh didn’t know it accepted that
it does, but it will have a title
or space for a title
and you'd have to card mod it out
unless you want the title
So is this more for my need?
Never used but looks close to how i design
probably not, personally, I'd try to make a single flat button
because custom_fields supports HTML
and you can basically do anything with that
e.g. this is a single card:
Because i am using a lot this button template with stack in card inside and i need to re-write everything