#frontend-archived
1 messages Β· Page 11 of 1
@gusty pivot I don't see why not. Just change the operator and values appropriately. you might be able to make multiple colors, for example, green, yellow, and red ranges.
@sterile smelt Think you'll want to use the values found in hvac_mode
Thanks D_sellers.. but it doesn't want to change.
The AC stays like that doesn't even use the icon you wrote.
ahhh interesting.. So I got rid of show_icon: true.. now it shows the text values .. "Cool" and "Off"
But no Icon.
What card are you using? Maybe that card can't modify states.
type: custom:room-card -- https://github.com/marcokreeft87/room-card/wiki/Configuration
show_state bool false Set to false to hide the main entity state
state_color bool false Enable colored icon when entity is active
styles object / template Add custom CSS styles to the state element
Yeah. Just Googled that. Looks like that card uses some different syntax but that wiki should point you in the right direction.
Yeah. Trying.
Your value thing gave me the step in the right direction. Thank you good sir.
ya not winning on this... I wonder if a template is needed?
Try changing line 22 to value: instead of current_position.
- entity: climate.midea_ac_141837000057408
show_icon: true
icon:
conditions:
- icon: mdi:desk
attribute: state
condition: equals
value: cool
- icon: mdi:house
attribute: state
condition: equals
value: 'off'
tap_action:
action: toggle
@tribal galleon .. from what you see.. what am I doing wrong?
I don't get it π¦ .. Icon remains default icon for climate.
Gimme a sec to make it back to computer and I'll look at the wiki.
I appreciate it Thank you sir.
Stepped outside for a smoke as this thing is driving me nuts haha
ya no luck there, it's coolm I'll keep poking at it.. there's gotta be a way
shout out to @tribal galleon for helping me out with my blinds button. thanks again friend!
for future reference... the problem I was having is the position of the blind is an attribute. the state of the blind only changes to closed when the position attribute is at 0 I was able to access the attribute by doing the following:
state:
- operator: template
value: "[[[ return entity.attributes.current_position > 62]]]"
icon: mdi:blinds-horizontal
name: Close Front Blind
styles:
card:
- filter: opacity(100%)
icon:
- color: rgb(235,217,21)
@sterile smelt try value: 'cool' to start. also, try removing, attribute: state as I think that may not be needed.
the reasoning for this is that my window is shorter than the blind. the blind actually covers the entire window when it's 62 % open.
tried both
regarding 'cool' doesn't work.. regarding state.. I get error.. error reading state_on
I just updated home assistant.
I noticed the state_on/off mentioned. was going to consider that being an issue.
hey guys, hopefully quick one:
i'm using custom:multiple-entity-row, and trying to style the icon color:
style:
hui-generic-entity-row:
$: |
state-badge {
{% if states('input_boolean.aaralyn_cat_cow') == 'on' %}
color: blue;
{% else %}
color: red;
{% endif %}
}
this shows my icon as red when off, but not blue when on π€
any ideas?
this way seems to work for the off state:
style: |
:host {
--paper-item-icon-color: red;
--paper-item-icon-active-color: green;
}
but not the on state π€
i get the default yellow "active" color
full card code here:
type: entities
entities:
- type: custom:multiple-entity-row
entity: input_boolean.aaralyn_cat_cow
toggle: true
name: Cat & Cow
secondary_info: 5 each
state_color: true
style: |
:host {
--paper-item-icon-color: red;
--paper-item-icon-active-color: green;
}
Is there a way to get attributes from an entity (particular weather.home) and show it on the dashboard?
Does anyone know where these cards are from?
Hi - pretty new to Home Assisstant (non coding background but trying to learn)
I am trying to creat a Card that shows my Microsoft tasks, as well as be able to add tasks from the card
I can create the card to show the list, but I am trying to be able to use the service call and add the info for the service card through the card. Is that possible?
No there's not really a card that fills in all the service call data, but depending on how complex the data is, you could create entities card that has for example an input_text that you can type a string in, and a button which calls service using the value from the input_text entity.
What all info needs to be provided?
Here is a service with example data filled in:
service: o365.new_task
data:
subject: Pick up the mail
description: Walk to the post box and collect the mail
due: YYYY-MM-DD
reminder: 2023-01-01T12:00:00+0000
target:
entity_id: sensor.grocery_Account1
Grocery list would be subject only but for another task list I would like to due date set to be optional if possible
Is there a way to mark the tasks complete also?
service: o365.delete_task
data:
task_id: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
you could have entities card with 4 entities: input_text.subject, input_text.description, input_datetime.due, input_datetime.reminder
You fill in the fields, and then push a button, and it populates the service call data from those.
OK thank you for the guidance!
Above my pay grade as I have limited coding knowledge. I'll have to come back to this
I need an advice: I'd like to create a card with two entries: one which shows the hour when I leave home, the other one when I return. Is there a way to do it? I'd use the device tracked datas
im guessing its pretty easy, but has anyone ever made a button for their dashboard thats a counter? i have a super old android phone that im going to put near my dogs feeding area and i want to be able to tap it when i feed him, have it count the number of times in the day so that no one else feeds him by accident, and then have it resset at midnight every day
I notice what to me could be classed as a bug. I often create automations/scripts and really like the fact that when I start typing something like an entityid into say an automation trigger, it auto completes and shows me the various options that match what I have typed. However if paste is used, it doesn't work. eg if I paste 'alarm_control_panel.home_alarm' without the quotes of course, into an entity id trigger, the dropdown doesn't filter. Its like the filter logic needs to trigger on the paste event as well as the key change event. If this is valid I don't mind writing it as a bug.
Yes just create an input_number helper. Set a button to display the entity, and set the tap_action to call input_number.increment.
Ahh great thanks!
Not sure if that's exactly the same as yours or not.
Yeah maybe slightly different, I'll comment to see would the same fix, fix both in one sweep.
so im trying that and im getting an error that i have to choose an area, device, or entity. but it doesnt let me choose the counter helper to increment on
If you click "choose entity", the input_number counter you created should be one of them. You don't see it there? Maybe try a Ctrl-F5 refresh just in case, its missing from the cache.
Ya. Nothing populates. And I tried refreshing my browser as well as restarting home assistant(extreme I know, lol)
Can you take a screenshot of the counter entity in devtools? Just to confirm is it a counter or an input_number? I think you might be mixing up the two. That icon looks like a number icon, but you're calling the service for a counter.
@low vapor I converted your message into a file since it's above 15 lines :+1:
{{ lights_on | length }} Lights and {{ devices_name }} is on
{% elif (lights_on | length > 1) and (devices_on | length > 1) %}
{{ lights_on | length }} Lights, {{ devices_name | regex_replace(',([^,]*)$',' och\\1') }} is on
{% elif (lights_on | length == 1) and (devices_on | length == 0) %}
{{ lights_name }} is on
{% elif (lights_on | length > 1) and (devices_on | length == 0) %}
{{ lights_on | length }} Lights are on
{% else %}
<font color='#6a7377'>Everything is turned off</font>
{% endif %}
</b>```
@low vapor I converted your message into a file since it's above 15 lines :+1:
Do you mean this?
I would say yes....but as with most forums: ask what you need and do not pose generic questions π
does anybody know, is there some kind of graph card that would allow me to display additive values? Like have multiple device-power-consumptions overlay each other, so the top graph would be the total power consumption, but I could also see which device consumes how much power at a given time? it seems neither the statistics, nor default charts or mini-graph-card can do this
Have a look here...it is a massive post but has quite a few examples that may come close to what you seek https://community.home-assistant.io/t/apexcharts-card-a-highly-customizable-graph-card/272877/2326
This is one example but not sure if this is along expectations
nice, that seems just like what I'm looking for, thanks!!
Any ideas? Still not working after two days, even did a full reboot.
Hi all, is there a way how to achieve following scenario on picture element card? tap_action -> more-info of entity 1, hold_action -> more-info of entity 2
@mystic timber I converted your message into a file since it's above 15 lines :+1:
Good Day, I'm wanting to add a card to show the battery level of all my ZigBee devices but only show the ones below 40%. Is there card that I can use? I have over 30 zigbee devices.
Like Impact mentioned, but I use a custom:battery-state-card (https://github.com/maxwroc/battery-state-card). (Sorry for the screenshot for the yaml but it is too long to post.)
Hi, can nay one help me im adding CSS to a mushroom chips card but i want it to apply to all the chips
im using this code mushroom-template-chip:nth-child(1)$
i tried removing the child number
adding more numbers
removing the code after chip:
bump
have you tried mushroom-template-chip$
yea whats weird with that is , the 1st chip still works but the rest dont
I recently upgraded from a 6 month(?) old version to 2023.2.0 and some Markdown on my Markdown card stopped working. If I include this Markdown the card is completely blank. Did something change?
{% if states.sensor|selectattr('attributes.device_class', 'eq', 'battery')|selectattr('state', 'ne', '100.0')|selectattr('state', '<', '60')|list|count>0 %}
i use the flex-table-cardinstalled by HACS and want to style table rows depending on their state. is that possible?
selectattr('state', '<', '60') may be a problem, since you're doing numeric comparison of strings, but you also probably need to start with states.sensor|selectattr('attributes.device_class', 'defined')|...
oh that makes a lot of sense, thanks
you should do {% if states.sensor|selectattr('attributes.device_class', 'defined')|selectattr('attributes.device_class', 'eq', 'battery')|map(attribute='state')|map('float', 0)|select('<', 60)|list|count>0 %}
no point in comparison against 100 if you're then going to filter on <60
I know it seems weird, but for whatever reason I had to add that
might be because it was trying to do < on a string
Is there a way to make a custom icon. Say an SVG file?
The Markdown you posted there doesn't work for some reason. If I cut out the map and select parts it shows, but with those in it fails
you can test in
-> Templates
oh! that's so helpful, I had no idea, thanks again
works fine for me if I provide a default for "float". I have some states that are "unknown"
{{ states.sensor|selectattr('attributes.device_class', 'defined')|selectattr('attributes.device_class', 'eq', 'battery')|map(attribute='state')|map('float', 0)|select('<', 60)|list|count>0 }}
float got invalid input 'unavailable'
yes, like I said
that works, thanks
you should probably use a default of 100 instead of 0 for that to avoid it always being true because of some unknown/unavailable states
or whatever. your call
or filter those out
Yah, that would fix another issue I've been having so I'll do that
hi
I have a view that suppose to show up my two cameras, I wanna make a view to mobile that will show them in aspect ratio of a mobile
(that you can see both horizontal).
that's the card:
http://pastie.org/p/2eFPT4Q61YFrNIqp2YUfMC
how can I set up the correct ratio aspect so I can see both of them pretty good on a mobile? thanks
Heya, I'm pretty new to HA, just wondering if there's any way to move cards around other then the default? (for example changing sizes / dragging and dropping them anywhere on the page or aliening with a different grid) thanks so much
You can create a "Panel (1-card)" dashboard, and then populate it with a grid card or combination of horizontal and vertical stacks. That won't flex as nicely with different screen sizes though, or between desktop and mobile.
Card size is mostly dictated by the card itself, or if it is inside a stack it will shrink as necessary.
You can move cards around by clicking the up/down arrows, but it's a bit mysterious how the dashboard will lay them out when you have multiple colums. Basically the way to think about it is each card is numbered from 1..N, and then however many columns are available the dashboard will arrange them into the different columns, based on the available heights, but you can't directly pick which column it goes into.
How can I use a {% for %} loop to get a list of friendly names of batteries under 60?
Alright, ill give it a go but im not too sure how too? could you possibly give me a link to a tutorial or something? Thanks so much
You don't need either to get a list
Ahhh alright, that makes a lot of sense, is there any way of numbering them manually?
Sorry, to display a list of them on my markdown card
Remove the |count>0 from what I gave you
Not really, though you can edit the entire dashboard as yaml, then you could just copy paste them into the order you want. If you click the
in the top right and select "Raw configuration editor"
I'm sure I'm missing something, but this throw "float object' has no attribute 'entity_id'
{% for state in states.sensor|selectattr('attributes.device_class', 'defined')|selectattr('attributes.device_class', 'eq', 'battery')|map(attribute='state')|map('float', 0)|select('<', 60)|list %}
{{ state_attr(state.entity_id, 'friendly_name') }} = {{ state.state }}
{% endfor %}
Alright, Thank you so much
This works, but I'm trying to adapt to the your map method which seems a lot more robust:
{{ state_attr(state.entity_id, 'friendly_name') }} = {{ state.state }}
{% endfor %}
Yeah, you're back to string math
ok i made a pretty ok 3d floorplan in the picture elements card is it anyway to press to get to another view? or swipe? (but then im guessing volume sliders wont work). How to incorporate another view than just the 3d view of my apartment? π (any guide availalbe)?
(the picture elements card is set to like fullscreen)
@tribal galleon - thank you Ill give that a shot.
ok, let me spend some more time in Templating docs because my brain is fried
{% set ns=namespace(entities=[]) %}
{% for entity in states.sensor|selectattr('attributes.device_class', 'defined')|selectattr('attributes.device_class', 'eq', 'battery') %}
{%- if entity.state|float(100) < 60 -%}
{% set ns.entities = ns.entities + [entity.entity_id ~ ': ' ~ entity.state] %}
{%- endif -%}
{% endfor %}
{{ ns.entities|join(', ') }}
adjust the format to be whatever you want
sensor.aarlo_battery_level_back_door: 0, sensor.aarlo_battery_level_family_room: 47, sensor.aarlo_battery_level_front_door: 0, sensor.aarlo_battery_level_front_path: 11, sensor.fr_wallmote_battery_level: 50.0, sensor.ipad_m1_battery_level: 1, sensor.sky_sk_00001311_battery: 55, sensor.water_leak_xs_sensor_battery_level: 35.0
That's it! Thanks for your patience. I did a bit of tweaking and came up with:
{%- if entity.state | float(100) < 60 -%}
{{ state_attr(entity.entity_id, 'friendly_name') ~ ": " ~ entity.state ~ "\n"}}
{%- endif -%}
{% endfor %}
Is there a way to use a device with a very old browser with H.A. ?
I have an old Symbian phone lying around and thought about using it as a small control panel.
Google doesn't help me much. thx
Assuming you tried and it won't work with the dashboards, maybe you could host a really simple html page that interacts with HA via the REST api?
https://developers.home-assistant.io/docs/api/rest/
Yes. I could have described my tries. The browser is too old for modern html. And there are no updates anymore.
I could make a simple html page, yes.
My old html site from before I switched to HA is still running on my NAS. But I hoped for a way to get HA running on it.
Hey! that's the grid card I have been using:
http://pastie.org/p/2eFPT4Q61YFrNIqp2YUfMC
how can I set up the correct ratio aspect so I can see both of them pretty well on mobile?
Because I see them really tiny at the moment (https://imgur.com/q7yJQRR)
How do I change the temperature units to celsius for only my 3d printer rest sensors? Not sure if it should / can be done settings somewhere or in front-end.
Edit: to be clear they're set as celsius in the rest sensor yaml. But it displays F because those are my default units (but I want it to be default F except for this)
help plz.
i got 100+ device_tracker entities w/o unique id's so they can't be handled thru the frontend.
how would one go about to remove them ?
if you click on them in the dashboard, go to settings, you can change their units to C... is that not enough?
Hi. Can anyone guide me thought about how to scrape data from Remidt.no, This is a disposal company where I enter my address and they will show me the next pick up. I want this as a info on my Home Assistant tablet. I have gotten this far. But how to I move this data from the site to a Home Assistant sensor?
They're already set to C in the entities settings. However, my default units in HA are F, so that's what it displays as. I want to display them as C without changing default units
Ahh k. I tried setting on my sensors to F and it did what I thought you want. Sorry
I guess it's not really supported (mixing C and F in frontend), but perhaps if you create a template and don't tell it that it is a temperature, frontend will just show the number instead of trying to be helpful and convert it. Actually I'm not sure when it does the C to F conversion. I have some C sensors and the entities card displays them as C, even though my system is set to F. What does developer tools say for the entity, and where is it being displayed as F?
I have this card:
- type: entities
entities:
- type: cast
name: Media
dashboard: lovelace-tablet
view: media-tablet
entity_id: media_player.nest_hub
hide_if_unavailable: false
It doesn't work and ask me to use https....
I am using nabu casa as cloud...
Where am i wrong?
@vast crane I was able to take a sensor in F, create a value template for it, and show the new sensor's value in C even though I am default to F. It's weird that @dark skiff already has a value in C, but HA is forcing it to be shown in F. Maybe trying a different card. Here, I used a sensor cards.
sensor:
- platform: template
sensors:
sensor_f2c:
friendly_name: 'F to C'
unit_of_measurement: "Β°C"
value_template: "{{ (((states('sensor.bathroom_door_temperature') | float) - 32) * 5.0/9.0) | round(1)}}"
Thanks. I'll look into it more later today and get back
Is there a way to set a mini graph card's name to a sensor value?
What would be causing my "person" location to not show up on my map card but my wife's "person" location shows up fine?
You have both entities added to the list in the card configuration?
Yes
Does your person have latitude and longitude attributes when viewed from devtools? Must be exactly latitude: and longitude:, in 2 attributes.
It does not
I can see that it is there in the companion app under sensors
I see it under sensor.pixel_6_geocoded_location which is the entity tied to my person
geocoded_location isn't what you want I think, you must have the location sensor disabled or something in the app.
Hello good people! I have an issue post update that is driving me round the bend.
Currently I have lights defined in a grid card but if the type is set to "light" they don't display where they are on or off (as in the icon colour changes), but if I change it to button it displays perfectly. I cannot for the life of me figure out what I need to do here and search results turn up nothing related. Help? Please?
Are you using custom theme? As of latest updates light card shows the color of the light when on, or "white" if no color information available. Lights that are off would be blue color. So if you're theming your off lights to white, the differentiation will be missed.
Hi, if I want to add a new entry on the left menu in HA, providing some custom content (a editable table in the conent area), what would be the keywords to search for in the developer docs?
is there anyway to download these beautiful cards and any tutorial on how to implement them?
Hello, I have the following ESPHome code and works fine with my PWM to 0-10V module. The only problem is that 0v starts at around 30% so I would want the range on the Lovelace card code or ESPHome code to 'cut' that 30% off the range so 0% is actually 30% PWM.
The code im using is basic and have tried messing around and the closest I got was changing the below to a speed Fan and having LOW - MED - HIGH - OFF card which worked but I need more range.
output:
- platform: esp8266_pwm
pin: D5
frequency: 2000 Hz
id: pwm_output
Example usage in a light
light:
- platform: monochromatic
output: pwm_output
name: "LED Dimmer"
Light card currently has a bug, fixed with the next release https://github.com/home-assistant/frontend/issues/15319
Speaking of that frontend release, anyone any idea when that is going to be released?
@sterile token Reports saying it worked in 2023.1.7 but not in 2023.2.0 or .1 but it seems to work for me in .3 (and .4 dropped about 2 hours ago).
is anyone having trouble with Tuya integration?
could anyone help me how to get buttons on a picture elements floorplan? just want some scenes like "gaming mode" or "cosy time" and such. those are not toggle buttons so i do not know how to make those buttons?
It has been changed and merged into the official repo , as you can see by the PR in the ticket π So seems to hav been a real bug π Just waiting for it to be added to the HASS update π
also how to get the floorplan picture elements card bigger but not being full sized panel (so i can also have buttons)?
Sorry if this isn't the correct place to ask. I have been trying to figure out how to change my (2) garage door open colors back to yellow - which used to be the default. Now it is purple. I have not been able to find the correct device-class for it. I have tried several things, but right now it is - state-cover-garage-open_cover-color: '#FBCD41' # Yellow and still showing purple when open.
One of the examples uses:
# Example configuration.yaml entry
frontend:
themes:
my_theme:
state-cover-garage_door-open-color: "#ff0000"
Did you try that?
Not sure if I tried that exact one. I originally wasn't sure if they have to be unique for each garage door and follow the entity names that I have set. I will give that a try - since it sounds like that will update both of them vs needing entries for each.
I don't see any indication that you can do per-entity theming, at least not without something like card-mod.
Though I admit now that example is a bit suspect because the cover doc page lists "garage" as the device_class, not "garage_door", so I'm not sure which is wrong.
Yes, I had noticed that as well when looking at the device_class listings. It shows just "garage" and not "garage_door", but will give it a try.
state-cover-garage-open-color would be my best guess
ok, will try that. I wish there was some sort of master list of all theme options for all the device_class examples, etc.
I found an interesting link with a bunch of theme states listed in it that should address the changes after 2022.12. There is a state-cover-color apparently - not sure it even needs garage. https://community.home-assistant.io/t/2022-12-color-states-are-broken-unusable/499890/165
https://www.home-assistant.io/integrations/frontend/#state-color
state-{domain}-{device_class}-{state}-color
state-{domain}-{state}-color
state-{domain}-(active|inactive)-color
state-(active|inactive)-color
These are all the valid options, so yes you can omit the device_class if you want, but then it applies more broadly.
Thank goodness. I was going absolutely mad! Appreciate your reply, have a great week π
Thank you! I was truly going mad. Appreciate your reply and will look out for updates!
Hi there! I am using the custom:button-card to control lights. I was used to call a script to run two scripts; one turning lights on and one turning lights off. Now I was trying to use the state of an entity within the custom:button-card script itself like this, but it only acts on the entity_id: not running the script according to curent state. Both scripts work as expected when running them manually.
Is it possible at all to call a tap_action from an entity state like this?
state:
- value: 'on'
tap_action:
action: call-service
service: script.lys_grunnbelysning_on
Why would you do that when there is a light card, with sliders for dimmers?
Several reasons. The script does more than just turning lights on and off. It has for instance 4 conditions to be met before running its sequence
So my question here is why the custom:button-card state does not trigger the script as expected?
Oh sorry tought it was also about the color issue xD Sorry i dont know th e answer to your question
Do you see in the docs that that's valid syntax?
So itΒ΄s not, then
Testing is always fun, though π
I wouldn't have guessed that
tap_action works fine in the top level, but I was hoping I would be able to use it like this too π
So you suggest testing the state logic within the tap_action section? How would I do that?
Or just put it in the script.
Yepp
grunnbelysning_on_off:
alias: "[House] - Grunnbelysning"
mode: single
sequence:
- if:
- "{{ is_state('light.lys_stue_gangsone', 'off') }}"
then:
- service: script.lys_grunnbelysning_on
else:
- service: script.lys_grunnbelysning_off
... but I was hoping to not go the way of adding another script π
Still broken in .4 unfortunately :/
There was no frontend bump in .4, so there wouldn't be any fixes there. And the fix is not even in master yet. Probably need to wait for 2023.3
@vast crane - will keep an eye out, thanks!
My "light" cards used to be yellow for on and the yellow would dim with the light... now they're showing white (still dimming to shades of gray). Not sure what I did to lose the yellow colors. Anyone have any ideas? Off still shows blue.
@raven stream - known issue, I'm having the exact same thing. See: https://github.com/home-assistant/frontend/issues/15319 - hopefully fixed soon!
It's back to yellow for me in the latest dev version π
Thanks! My googling skills must have been off and didn't see that issue.
So - it turns out I am having a lot of luck asking ChatGPT to help me create custom cards
Not-entirey-random PSA: Buying me a coffee does not guarantee that I will get to your issue sooner or even at all.
Can anyone help me address a file properly? I've tried everything I can think of. I'm replacing the image in the picture-elements card with my own file. I've addressed HA via SAMBA, put a file in www and just can't work out how to properly link to it in the code. Here's my attempt.
picture: http://homeassistant.local:8123/local/config/www/houseplan.png
I've read the http page and tried using IP, homeassistant.local and more. This is probably super obvious to you guys...
How can i use an entity such as sensor.##########temperature in my weather card for outdoor temperature
I feel I am being really thick here, but can someone explain why I can't see the option to adjust the per-entity decimal places, while on 2023.2.X?
Is it only possible for some entities where the integration supports it, and most simply don't yet?
In the screenshots available with the update, the option was to be visible when opening the entity edit page, but in my case it's simply not there on any of my 400-500+ entities.
Please @ me with a response!
Any ideas??
man.. someone on Lokalise insists in making a translation that doesn't make sense, even after I explained why it doesn't make sense. It's the 3rd time he changes back to what he wants
Hi all, is there a way how to implement following actions to picture element card? tap_action = more-info of entity 1, hold_action = more-info of entity 2
I wonder if there is a way of ordering entities in a given card based on the values of the entities? I have many battery operated zigbee devices and need to occasionally look at a card that lists the devices and their remaining battery life. I would like to order the content of the card to let's say show the weakest battery at the top so I can see at a glance which battery needs replacing next. Currently I have to look at the listed battery percentage figures and make a decision based on the value displayed which, when you have 20 or 30 devices, gets kinda old .....
Morning, Im trying to get Slider Button Cards installed, I cant find Front End anywhere
Hi, I'm still not seeing some frontend cards I added through HACS last week. Already rebooted/recached. Any ideas?
You need to install HACS first.
I saw someone made a PR to add sorting to the entities card, but it was not accepted. Best I think you can do is just look at the devices list in settings, that has a sortable battery column. Or there's probably some custom HACS card that can sort.
Thanks for that - I didn't know the battery condition could be used to sort the zigbee devices - does exactly what I was after!
Thank you, got it installed
Hey, I want to make the slider button thingies in my Entities Card confirmable. I've tried it like that: https://waste.cutiepie.at/kymz7hjm43kfotzz
but that sadly doesn't work. How can I do that?
I'm using custom:multiple-entity-row for some input_booleans in an entities card with extra fluff... how can I change the "active" icon color for each row?
the custom:auto-entities card can do that
It was reverted before the official 2023.2 release. It will be back later
Understood, I must have messed it.
i feel like i got very close here, but couldn't get the on color to work π€ that's the one im really trying to change lol
type: entities
entities:
- type: custom:multiple-entity-row
entity: input_boolean.my_boolean
state_color: true
card_mod:
style: |
:host {
--paper-item-icon-color:
{% if is_state('input_boolean.my_boolean', 'on') %}
red;
{% else %}
var(--state-icon-color);
{% endif %}
}
hey all, I am wondering if anyone has ever created a on/off thermostat card that sets a max temp min temp that will turn on and off the thermostat, without having to use thermostat, as I have two AC and I want to control each one individually with different ranges of min and max
I was thinking a simple on off switch a min and max and a type (heat cool etc)
does anyone klnow if any one has made one ?
this looks right based off of https://github.com/benct/lovelace-multiple-entity-row/issues/209#issuecomment-953172806
you could set up a Generic Thermostat? https://www.home-assistant.io/integrations/generic_thermostat/
Thanks for that @hallow mango. That looks quite interesting!
I dont have 1 themorstat controlling the house, I have AC units all individual
I just want to be able to control a room at a time, as in summer bedroom wont be used until eve
but main room will
now I need to work out the best way to run a script
whilst heater 1 = on and temp < heater1max turn on AC and make sure its heatertype
i don't have any smart thermostats set up at all, so idk how much help i can realistically offer lol
but seems like this is stuff you may want to ask about in either #integrations-archived or #automations-archived
well they are not thermostats they are midea ac units that are controlled via thermostat
here's what i guess i should be asking: what variable do i need to style now for what used to be --paper-item-icon-active-color?
or how can i figure that out?
that color has been messed up in my theme for some time (i think it actually uses --state-icon-active-color), but i've never been able to figure out what to change it to π¬
the color i do see in the frontend is #ffc107, but i can't see that in any of the variables in the chrome inspector either π€
or when searching the frontend github
not when running default theme either... what am i missing here?
Friends, I need some help again: {% if is_state('counter.fish_feed', '20') %}
How do I make this only "activate" when the counter (it's a helper I created with a counter) reaches 20?
That way isn't activating.
I tried to use another that had a "On" there
Did you test in
-> Templates?
Really odd and a first : having Stookwijzer sensor in my Dutch ha config being translated to Englishβ¦
Even though the dev tools states is actually showing Dutch too, (which doesnβt happen that often on core integrations β¦)?
Would that still be a Frontend issue, or some integration detail I wonder
can anyone answer this?
i think i got it!
type: entities
entities:
- type: custom:multiple-entity-row
entity: input_boolean.my_boolean
state_color: true
toggle: true
card_mod:
style: |
:host {
--rgb-state-input-boolean-color: var(--rgb-blue-color);
}
How do I either not include, or remove the unit of measurement in a state-label?
I'm overlaying the current temperature over a picture of my Daikin thermostat and I would like to drop the ΒΊC:
entity: sensor.residence_indoor_temperature
tap_action:
action: navigate
navigation_path: /samsung-tab-e/3
style:
top: 41.2%
left: 51%
width: 100px
text-align: left
font-size: 1.5em
color: rgba(255,255,255,0.7)
font-weight: light```
That's my existing code and I figure there's gotta be a way to drop the unit_of_measurement since when I pull up that sensor in Developer Tools, States, only the number is listed as current state.
where shoud ui-lovlace.yaml be located?
Are you managing Lovelace in YAML mode?
If it's not documented, I would not assume there's "gotta be a way". If you don't want a label displayed, create a template sensor that follows this state that doesn't have a unit of measurement, and display that instead?
Sounds like "a way" to me...I was however wondering if there's some other way, possibly within the "style" block that would allow someone to modify or drop the unit that I'm just not aware of or haven't found in the docs yet.
Thanks, I'll try the template sensor route once I confirm it cannot be done within style
im installing sidebar-card and was trying to input the things i have to input. https://github.com/DBuit/sidebar-card
"resources:
url: /hacsfiles/sidebar-card/sidebar-card.js
type: module" this somewhere.
can i manage sidebar card in visual editor or is it strictly yaml mode editing?
Those are ancient instructions
oh damn. RObC how to get newer instructions?
anyway i found a lovelace.yaml file is it ok to put that code there?
is one of my dashboards i presume
aha nevermind
Just got it working from these instructions: https://community.home-assistant.io/t/is-there-a-way-to-strip-unit-of-measurement-from-picture-elements-card-entities/319976
No, those instructions are completely wrong, and wrong for you
yeah im reading up on it now. aparantly you go in to a dashboard and put in the code in "raw editor". just wishing there was a finsihed code you could test and make changes from there. ill read som more and come back.
No, you follow the instructions I gave earlier
For the resource. If you're talking about the card YAML itself, you may be right
Im sorry for being a n00b but could you elaborate on that instruciton? im just trying to get the custom sidebar card to work π
Go there, add resource
aha, yeah i got a error saying resources should be added in the dashboards conifig panel, thats what your saying. sorry and thanx. will test. edit: worked π
@lime field I converted your message into a file since it's above 15 lines :+1:
what do I need to intall to get buttons like these?
@tacit cave are these yours?
that's a very old configuration of mine
You'd have to find where I posted the buttons, I no longer have them
they use custom button card and alot of code
i have so code you posted, but not sure how to get it to work
just replace the entity_id
didnt have any in it
@manic marsh I converted your message into a file since it's above 15 lines :+1:
that's custom button card, just add the entity field
just keeps loading, not sure if im missing an intergration or something
it requires custom button card
Have it
Then it should just work after adding the entity
Just add entity: ****** in second row?
it doesn't matter where you add it as long as its in-line w/ the other main fields
type: custom:....
entity: ...
allother_fields:
this:
means:
in:
line:
notice_they_have_the_same_indentation_level:
@manic marsh ddi you get it working?
Itβs not indented correctly
Do you understand yaml and the indentation requirements?
So whatever post you found the code on, make sure when you copy it, the indentation is unchanged. Then add entity to it at the same indent as type
just checked now that you mentioned that and it did change on copy
Looks like your yaml is missing an entity and label. yaml entity: light.living_room1 label: Lamp
I would suggest, once you get a button set up the way you want, turn that code into a custom button template so you can easily replicate the code across all the buttons you want it to show up on. It will make your overall code much easier to read and modify. Check out: https://github.com/custom-cards/button-card#configuration-templates
In this example, I have four formatted custom button cards but each one only takes 4 lines but the bulk of the formatting is in the Raw editor . Full formatting code in the screenshot. ```yaml
- type: custom:button-card
template: motion_detector_animated
entity: binary_sensor.living_room_motion_detector_on_off
name: Living Room
take a look at - box-shadow: 0px 0px 10px 3px var(--button-card-light-color) per https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
Forgot to add this screenshot to above post
even tried copying some of the examples and its not giving the glow
Trying to get this Mushroom Template Card to show my Roborock S7 MaxV's state as secondary information, but unsure as to how to do it. The state is defined as an attribute of the roborock vacuum's entity
PM me with your YAML.
configuration.yaml? or just of that card?
just the card.
sent! thank you for offering to help!
@formal plinth try something like secondary: "[[[ return entity.attributes.color_mode]]]" where color_mode equals the attribute you're trying to show. (This is an example from a light.)
secondary: "[[[ return vacuum.roborock_s7_maxv.attributes.state ]]]" just prints out the exact line in the scondary
try removing the .attributes section. Should be able to get the state from vacuum.roborock_s7_maxv.state
unfortunately no go as well
what card are you using?
mushroom template. was just about to ask if it was the card type that was the issue
i managed it
{{state_attr('vacuum.roborock_s7_maxv', 'state')}}
Thanks for the help, mate! Really appreciate it!
it's weird how somethings work a certain way in one card but different in another sometimes.
indeed. total headspin
another thing that slightly irritates me is that it returns "docked" instead of "Docked"
Any ideas if that can be changed at all?
@formal plinth could incorporate some sort-of IF state. such as IF state="docked" RETURN "Docked". Maybe some sort of CSS to handle capitalization.
Ooh good shout. I'll have to check what the various states are. Thanks again!
I've started using custom:layout-card for my dashboard, but I'm having some issues with it displaying on Fully Kiosk Browser.
This is what's in the the view settings:
grid-template-columns: 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr
grid-template-rows: 1fr 1fr 1fr 1fr
gap: 50px 50px
grid-template-areas: |
"MasterBedroom MasterBedroom MasterBathroom MasterBathroom Bedroom Bedroom"
"LivingRoom LivingRoom Kitchen Kitchen Bathroom Bathroom"
"SideRoom SideRoom NewRoom NewRoom Basement Basement"
". Front Front Back Back ."
My desktop shows all 4 rows, but FKB is only showing the top 3
Also hello π
maybe something like would work and be easier than the IF ```yaml
styles:
secondary:
- text-transform: capitalize
Reckon that would capitalise every letter though?
I stole that from button glow that I was working on earlier. Note, my example uses lamp in the YAML.
requesting help on best card/method to use to solve the following.
I would like to show an image (xx.jpg still) on a card as thumbnail or smaller size, then click to view larger image.
I currently have a small grid of images (3x2 using vertical / horizontal cards & picture cards) hosted on web server working fine, shows a smaller scaled set of images - I want to be able to click the card then view a larger version. Is that possible, cant for the life of me find any references/examples to copy.
thanks in advance for any suggestions.
@daring night maybe browser_mod.popup? I haven't used it yet. It is on my agenda to play with. I saw it mentioned at https://community.home-assistant.io/t/custom-card-room-card/393846/321
thanks, will try that route, I did recently install browser_mod so perhaps I'm half way there - will revert back if I get that working. Thanks again
@tacit cave you around?
looks like text-transform can do capitalize, upper, and lower cases. Capitalize will capitalize the first letter of each word while upper/lower will capitalize/lower all letters, respectively.
Nice. I'll have a go when I get back to my computer! π
Aww man. A quick try on the Companion App shows that styles: isn't supported by Mushroom Template Card.
Bummer.
@raw sapphire I converted your message into a file since it's above 15 lines :+1:
@raw sapphire I converted your message into a file since it's above 15 lines :+1:
Ah I now understand why button-card syntax are different. It uses Javascript, not Jinjja for the coding yes?
Which button card?
@tribal galleon was giving me the syntax which works to capitalize words for custom:button-card, but since I was using Mushroom Template Card, I had to use a slightly different syntax
| capitalize
Yes, custom button card uses JS
Yeah, figured that's why it wasn't working.
Are the custom button cards much better to use? Easy to implement over an existing config?
Better is relative. My whole UI is based on custom button card
Hmm I've built mine using mostly the standard ones with a bit of card mod. Custom button card is way more customisable though yeah?
Just wondering how I can make my dashboards more... Interestingm
is there a better way than a picture elements card to do something like this?
i specifically find the card annoying to setup because it has no visual editor but also the position of the elements is relative to screen size so it gets messed up on my phone
Am now
so I got he buttons working with the glow, we made it a template in the rawr config. But for some reason making a button with the template wont let me changes the glow color
the glow color can only be changed in the drop shadow
otherwise it pulls from the light color if i recall correctly
drop shadow?
@manic marsh I converted your message into a file since it's above 15 lines :+1:
somewhere in the configuration is the word drop shadow or shadow or something like that
box-shadow?
ok
you're using button card templates?
@manic marsh I converted your message into a file since it's above 15 lines :+1:
if I remember correctly, there's a way to pass variables into that
this is the template
and id make them in the template?
e.g.
button_card_templates:
header_example_template:
variables:
shadow_color: green
....
- value: 'on'
styles:
card:
- '--paper-card-background-color': rgba(40, 40, 40)
- box-shadow: "[[[ return 'inset 0px 0px 10px 3px ' + variables.shadow_color ]]]"
yes
then when you make the card using the template
- type: custom:button-card
template: header_example_template
entity: sensor.test
variables:
shadow_color: red
sorry, I had to edit the example because my quoting was wrong, ensure you have outside quotes as " and inside quotes as '
As a side note, I'm very surprised I remember ANY of that
that was like 4 years ago
probably take me a bit to figure out the variable for the box shadow
the code I wrote should be copy/paste
top code?
yes
https://dpaste.org/jOJ7C make sure to copy the raw code
do i swap the header_example_template:
no should just be the one
you have 2
header_example_template and glow_button_template
anyways, the dpaste is updated where glow_button_template has the variable
so using the card would be
- type: custom:button-card
template: glow_button_template
entity: sensor.test
variables:
shadow_color: red
Can anyone please help me with custom cards?
When I try to "ADD CARD" {Manual} then type the following yaml,
type: 'custom:apexcharts-card'
it gives me this error:
"Custom element doesn't exist: apexcharts-card.
type: custom:apexcharts-card"
- running HA in a docker container.
- created www subdirectory.
- js module is shown as loaded resources (modules).
- tried both the lovelace yaml configuration setup and the default UI configuration and the errors are identical in both.
I really appreciate any help, thanks!
Try refreshing your browser.
I just loaded the card via HACS and it worked for me.
I cleared the browser cache and that did not help. I also tried a different browser to no avail. I don't think I have access to HACS since I'm running the HA docker container. Maybe I can get HACS running and try that?
HACS does make adding cards and whatnot super easy. There are instructions for Supervised, Container, and Core installations. https://hacs.xyz/docs/setup/download
I'm reading that, thanks! Will try running HACS in a container. AFA my custom card error, maybe it has something to do with the fact that I'm running HA Core in a container and the directory www under config isn't what I need to be using to store the js file?
that logic seems sound. I remember looking into running a Core installation and it just seemed like a lot of trouble to use in the long run.
so this is in fact new to me: can we use a layout-card setting to take 1 single card (a sankey-chart card) over 2 columns, when using 2 columns on a view, with type: custom:horizontal-layout layout: max_cols: 2?
Thanks for suggesting HACS. It's up and running and the apexcharts-card custom card is working, Finally! π
Hi all! Not really sure where to look, so forgive me if this is obvious and I am searching with the wrong terms. I am progressing towards having mounted wall panels in my home and trying to present data in a family approved way. I was curious if there is a way to have a tab in my dashboard that will display latest activity? So if I have motion on my doorbell camera, or the washing machine state changes or vehicle charger state change.... you get the idea. Possibly use the WallPanel HACS integration so that when there are no active indicators it goes back to screen save mode?
Not sure if it is relevant to your design but how about some animated icons? Maybe you have an automation that watches the washing machine. If it is running, it shows a running state. If it has stopped but not been opened, a flashing icon will show on the tablet. If the washing machine has been opened, then the flashing will stop. Here's my motion detector indicators for reference. (The red is flashing because there is motion in the living room; the others are clear.) Consider adding Alexa/Google/Siri announcement as part of the automation.
Thats a good option thanks!
Regarding the Alexa announcement, I am considering that. Also phone notifications are of course a thing. I just want the screen to give me pertinent information without me looking for it. I figure if the screen state changes then someone may glance at it quickly without it being intrusive
Thanks for the reply @tribal galleon
Yup. That's why I figured if the washing machine's icon is flashing it would get someone's attention that it needs to be looked at.
I do the same with battery states once it gets below 10%.
I assume that snip is from your setup. I wonder if there is a card that can display a different icon depending on which thing is in an alert state. I dont want to waste screen realestate on "Off" alerts. (Like dash indicators in older cars)
you can get cards to show different icons, colors, whatever based on different criteria; it is just a matter of figuring out how to format it appropriately. Screenshot is from a custom-button template that I use for the battery states. In this case, I look at the battery_levels for the device, determine the percentage, and choose a color. This template does pull from another template for the general formatting of the card shown in the second screenshot. (Copy/paste code available upon request.)
ππ» awesome thanks will spend some time trying to absorb this!
It can get frustrating when trying to get it to work sometimes but very satisfying once it does.
and some cards don't take the exact same syntax so it is a matter of figuring out what will make that card happy in order to work, but the concepts are generally the same
very true. Just doing small changes over time has finally gotten me to a point where I am ready to allow people in my house to utilize it
Hi guys! There is a way to eliminate (HEAT) to be shown in lovelace from an climate entity that only works on heat?
Not with the default cards, but there are probably some other custom cards that can display entities in different formats.
Is there an easy/intended way to use a custom uploaded font?
Try something like this, but like @vast crane mentioned, this may not work with all cards. ```yaml
- type: custom:button-card
entity: light.living_room1
name: '[[[ if (entity.state === "on") return "Yup"]]]'
show_icon: false```In your case, you'll probably be wanting to matchOff (Heat)to returnOff
@sour night Can even take it a step further: ```yaml
- type: custom:button-card
entity: light.living_room1
name: >-
[[[ if (entity.state === "on") return "Yup"; if (entity.state === "off")
return "Nope"; else return "Dunno"]]]
show_icon: false```
This might get you started. I imagine it should just be a matter of changing the font to the path of your custom font. ```yaml
- type: custom:button-card
entity: light.living_room1
name: This is a test
show_icon: false
styles:
name:
- font-family: Wingdings```
I mean for everything and not just a few individual cards. It would be tedious to have to add that to every card since I have at least a hundred.
Found this. Is an older post but might be relevant. How to change font family across Lovelace UI? https://community.home-assistant.io/t/how-to-change-font-family-across-lovelace-ui/129120
Was looking to see if you could just drop a card-mod into the Raw Editor but I dunno if that will work.
Actually, now that I think about it, you might be able to modify/create a theme.
@silent bloom Take a look at this too. Similar to first link but easier to read. Use custom fonts in Home Assistant https://gist.github.com/thomasloven/97c2a441abff7e735b77bc4aff5f7c5e
Is there an easy way to duplicate a configured dashboard? Make a copy?
If you open up the raw config, you can copy a whole page or set of pages.
duh. Thanks. I should have thought of that.
suggestion To have a way to do that in the Dashboards window.
Agreed. Definitely wouldn't try the raw config way from a mobile device.
Sorry if this is a dumb question, but the link assumes I'm using a custom theme. It appears that is a requirement, yes? Followup, is there a "default theme" I can copy that is kept up to date with whatever HA's default theme is, and I can just override the font there?
Has anyone had this issue?
Clicking "back" after going into subsequent popups does nothing unless you click "back" multiple times. If you don't click into anything, it just works with the one "back" click.
I've noticed it before. Just seems to happen...
hello world.frontend
does anyone know how i can use a entity value as threshold for apex chart coloring threshold?
below slider value=blue&&above=red iE
How do I fix this, dashboard Iβm trying to use on a tablet
Very happy with the nest hub now
there anything that gives more control on dashboard layout?
Where can I edit badge titles? According to https://www.home-assistant.io/dashboards/badges/ it should be possible to set name, but where to find that?
Oh, found the reason why I can't find it: Editing YAML for dashboard tabs is broken: https://github.com/home-assistant/frontend/issues/15246
@manic marsh Have you tried layout-card, it will allow custom number of columns, rows, column widths etc. You can place cards pretty much anywhere you want.
Does anyone know how to make subviews start at the top of the screen? When I scroll down a page and tap on a navigation card, the subview opens at the same place on the new window. I'd prefer all windows to open at the top.
Do you girls/guys know if translation for season and moon phases are supposed to work? Seem they are on english only... Sun is at least working π Maybe it's just to Swedish it does not work
Does anyone happen to know how HA can show my current solar panel export? I currently only have a total export entity, not current export. I do have an current power usage though. Wondering if I can use HA to add a card or something similar to show my current export per second by calculating the power usage and negative usage (aka solar power).
create a template sensor and show that in the frontend, and it wont be per second, but per state change at most
I just figured out I should create a template for it, ya. But why isn't it per second though? The current power usage is live.
I have a humidity sensor and would like to keep more history. It seems to only keep like maybe 2 weeks of data that I can filter from the frontend at least. Im using an unRAID server and looked at standing up a separate database for sensor data but I want it accessible in the front end of HA with the regular date selectors on this sensor. Is that possible? I see integrations for data but I can't tell if the front end can access it
good morning together, i am experiencing a flickering on my floorplan in picture elements card like its described in https://github.com/home-assistant/frontend/pull/14877 . How can i change this bit of code manually since there seems to be a solution found?
it will follow the fastest changer. if that changes per second it will also. just note that if these 2 sensors dont update with the same frequency, you can get false readings.. example: my smart meter updates per minute, where my modbus solar panels update live.. you get the drift. this is more of a #templates-archived thing though
π Thanks! Appreciate it.
Is there something that lets you move/control cards better?
is the fix for frontend/15319 going to be merged in 2023.2, or do I have to wait to 2023.3? (black light symbol in the UI)
uh, that issue hasn't even been mentioned by a PR
so, no fix planned
at this point
wait, looked at wrong pr
it looks like its a 2023.2 milestone so I would assume it's going to get built into 2023.2
the fix (15379) was merged into main on the 7th... there's been at least two releases since.
I would just assume it will come in .3. Doesn't seem like they intend to release it with any urgency.
shame, because it's a HUGE WAF problem π¦
what typically causes a switch entity not to be displayed as a toggle but as 2 lightning icons?
Yes, read all my responses, I was looking at the wrong PR
it seems like you ignored my responses after the 1st one
my point was that if it's targetting 2023.2, it seems to be being very late to the patch release party, since two releases have happened since the merge.
Does it have a device_class?
Optimistic mode is enabled
It could be purposely left out. Usually things aren't patched immediately
it doesn't have a device class, let me try that first
rob, optimistic would it to display like this?
Optmistic would display as a toggle
I'm not suggesting you should add a class, I just wondered if maybe some class displays like this. Sounds like maybe it's not that.
the 2 lightning bolts appear when the switch itself does not report a state
no class, and optimistic is enabled
clear your cache and refresh the page
i might have messed up the state_topic, lemme check
Turn off optimistic mode
if you have a state topic, and you get lightning bolts, you messed up the state topic or value_template
Or...
yes that too
tx guys. mqtt can be a pain to do manually π
so optimistic w/ MQTT doesn't create a normal switch even though it's making assumed states? That seems opposite of all other optimistic modes in HA
I think I'm thinking of assumed_state
what's the best channel for mqtt sensor configuration. #templates-archived ?
tx
was on the verge of suggesting to check the docs on that, but to my own surprise, I can not find it for you.... our documentation is a bit of a puzzle here and there
haha yeah I did search π turns out I need to have optimistic mode disabled. and use seperate state_on and state_off
yeah, we could ' have told you so' but we should also be able to show you why and how.... still looking for that page
closest would be https://www.home-assistant.io/integrations/switch.mqtt/#optimistic, but I am sure there's another page somewhere with those icons
Yes, it's in the docs somewhere, but I couldn't find it either
this is it I believe, though before, we had icons there too https://www.home-assistant.io/docs/configuration/customizing-devices/#assumed_state
i have 1 spot, a group, not a switch showing that and confess I never checked if assumed_state can be set there too...
I want to make sure if I'm missing something.. Is there any way to do simple stuff like calculations, rounding, .. in the frontend? It seems a bit much having to create duplicate entities for any type of rounding you want to do for a specific visualisation.
post your config
you cannot
assumed state doesn't work for everything
no, I just tried... btw, I dont get why I see those icons in the first place
the integration needs to have code built for that to work
that group most likely doesn't have on/off entities, which is why it doesn't show up as a toggle
its a dynamically created group of input_booleans
then it should
- service: group.set
data:
object_id: activate_media_players_available
name: Activate Media players available
entities: >
{{expand('media_player.broadcast')
|rejectattr('state','in',['unknown','unavailable'])
|map(attribute='entity_id')
|join(',')|replace('media_player','input_boolean')}}
but if it's emtpy on startup, then that would explain why
its really odd, because the group indeed has 'unknown' state, even though all booleans are known. it is functional... so, why dont I see on/off, even after state change of the underlying entities triggering the group.set service
because it most likely isn't listening to new entities after a group.set
the old group isn't great
and it has alot of issues
this is why we now have areas and groups for domains
all around better functionality vs the old school groups
the only thing I use old school groups for is a dynamic list of entities to expand in templates so that my templates aren't rate limited.
Hey everyone! General question... How do you set up dashboards for desktop/mobile usage? Is there a super secret trick that makes the same design work great on both? Do you hva split dashbaords for desktop/mobile? If so, is there way to make sure each platform loads the correct dashboard as default?
I am building motivation to create a proper dashboard for once, but struggling with this "problem"...
Yes, Iβve suggested creating groups modern style for booleans and device_trackers many times β¦
Hi, Iβve got an dashboard and set that as default for my profile. However every restart inhale to redo this setting again. Not a problem for me. But it annoys my wife which causes here to not use the iOS app to do things she wants to do, cause itβs not working
Is there a way to make it permanent?
Ah wait maybe switxh a few dashboards around
How can I change in "history" a sensor that doesn't exist and that is blocking the visualization?? A reset not resolve that; somewhere is saved the last sensor requested.
You're referring to the history tab getting stuck in endless loop? You can try this, if you're on a web browser: https://github.com/home-assistant/frontend/issues/15386#issuecomment-1423470470
Anyone able to help with the sidebar card? Cant change background color or make it transfer me to another view upon click :/
anyone use the wake_on_lan?
trying to get a remote working and keep getting failed to call service wake_on_lan/send_magic_packet. Service not found. I added the wake_on_lan: to the config
I use it. Oddly I don't have wake_on_lan in my config. The only place I have it is a template switch:
switch:
- platform: wake_on_lan
name: "TimPC Power"
mac: 00:25:22:f5:24:de
host: 192.168.1.20
turn_off:
- service: button.press
entity_id: button.tim_pc_sleep
And I do get wake_on_lan.send_magic_packet in my services list. Not sure why it's not working for you if you're following the documentation.
trying to get it to work for LG tv
not getting the failed to send anymore, its just not working
Is there any way to improve the graph on the energy page? Like for example dragging to zoom in on feature data
For example, I can zoom in on those peaks by looking at the time but when on a larger time span it becomes a pain to narrow down the graph
I downloaded and i think i sucessully added the layouts card. i dont have the ad grid settings in my edit dashboard? HELP plz. i think i had it some days ago but the option is gone. :/ from what i can see it also in the resources.
also i have double inputs on the layout card? still no option to edit . π
I'm trying to get my yaml to change the stroke on an element assigned in my SVG file. The entity assigned is the garage door sensor (shelly door/window2). When it is not active it changes it's state to "off". I have my yaml set up to return a stroke color based on "open", "closed", and "off". The only one that ends up showing is "off". Does my yaml file need adjusting?? It can be found here: https://pastebin.com/qPw6xKF7
When I click on the switch to turn on or off a ZHA light group of bulbs from my dashboard itβs often not responding or quite slow to respond. This wasnβt the case a few days / weeks ago. Not specific to latest version. HA 2023.2.5 supervisor 2023.01.1. OS 9.5. Frontend latest 20230202.0. I did restart at the hardware (raspberry pi4) level not just HA services.
My guess is you'll have to do scripting.
Hey there, everyone! Is there a way to have the background of a dashboard be changed on a button press?
@formal plinth
Yes, can also be done via automations or scripts.
Button on bottom changes the background
@atomic glaciergot a sample script i could follow, perchance?
@formal plinth example automation for tablet during morning hours: https://github.com/Dino-Tech/Home-Assistant-Main/blob/6fed8b819b9be1c871d31facd9629702df4dd2df/automations.yaml#L194-L205
which picks a random theme color script and then the script selects a random different background here: https://github.com/Dino-Tech/Home-Assistant-Main/blob/6fed8b819b9be1c871d31facd9629702df4dd2df/scripts.yaml#L388-L402 by using an input_select options from here: https://github.com/Dino-Tech/Home-Assistant-Main/blob/6fed8b819b9be1c871d31facd9629702df4dd2df/includes/input_select.yaml#L148-L167
this same method can be used with the button. Feel free to DM me if you have questions...this is probably a bit confusing for what you have asked 
Is there any way to configure HA to NOT automatically call for upgrades of all ESPHome devices when ESPHome itself is getting an update (ie the way it used to be before 2023.2 hit)? The thing drives me nuts as it takes forever to upgrade all the individual devices. Before, I would upgrade ESPHome but not all the individual devices. Yes, the devices were shown as having an update available (on the ESPHome window) but I was able to ignore that for months at a time before doing the upgrade. Now I have the main page telling me that 34 devices need updating simply because ESPHome required an update. It takes well over an hour of work to update every device and in one case it broke a device enough to throw it off the network - I will have to extract the device from it's home (not an easy job), wire it up manually and re-program it all because someone decided that it was more convenient for HA to complain that each individual device needs updating.
Just to expand on this, it takes 3 clicks to 'skip' an update and with 34 devices that is a literal shitload of clicks every time ESPhome updates which itself is probably a minimum of 5 times per month! VERY annoying!
im trying to get an old ipad 2 to act as a dashboard for home assistant; iβve managed to get the app installed but i canβt log in because it wonβt load the webpage. iβve seen thereβs a legacy auth thing but the website says itβll disable all other methods if i enable it; is there a way i can log in without doing that?
Why is the time in 2 different formats?
In the picture glance it's right, but in the custom button card it's wrong.
How can I change this?
Because custom cards can render whatever they want, there's no guarantee to be consistent.
Is there some kind of option or plugin that makes the hold_action activate without lifting the finger again? Feels kind of slow how it is right now :/
i'm trying to figure out how to set the active icon color for custom:multiple-entity-row rows in an entities card. the main entity for each row is an input_boolean, and setting the inactive color is easy (set --paper-item-icon-color, this still works), but i can't figure out how to set the active color π¬
the quoted message did work... but i just updated to 2023.2.5, and now it doesn't π looking at this https://www.home-assistant.io/integrations/frontend/#state-color (referenced from the release notes), it looks like i should be able to use --state-input_boolean-active-color, but that doesn't work either π€
Anyone else have noticed that the new Tile Card turns lights off immediately whereas any other button/service call makes it fade away normally? I have Philips Hue lights.
Feel for that yesβ¦ only have 3 and had to update 3 times 3 this weekβ¦. Suppose this can best be taken to the Esphome server where there is very active support
Marius, could you maybe offer a helpful hint? I think you've helped me out before with card_mod and stuff like it
Must have a look, info to use that card anymore
If you post the yaml Iβll copy it to my test page π
maybe its like https://github.com/thomasloven/lovelace-template-entity-row/issues/95 where I fixed it for my config
Thank you, I have posted an inquiry on the ESPhome discord server ... still not sure if this is a ESPHome issue or an HA issue. I assumed that since this problem was caused by an HA update, that it was a HA issue and I would have to configure HA to stop being so 'helpful' ....
yes, I just tested that and see the same thing. Turning on does have some transition here. fwiw, the more configurable mushroom card doesnt do this. Odd really.
wonder if it's a bug or something
you could post it as such in the frontend repo, and Paul will probably chime in
@fiery ledge this is the yaml that did work in 2023.1.x (idr what I was on), but I am only getting the yellow color now π
In most cloud services/companies, including the one I work out, we limit upgrades to a percentage of servers at a time, or scatter upgrades by deterministic randomness, etc, spread over time.
A database should probably refer to an object by an id, the name would simply be an associated name for that id.
If you're operating on the database externally, you probably want to pay attention to the unit's id, rather than it's "name" in the database
However, I do notice a lot of the configuration yaml stuff uses devices "names" rather than ids, which seem to get screwed up when you rename things.
Apologies, I think I was unclearβI meant when I change the id of an entity, not the name.
And it moves all the history data for that entity to the new entity id.
I don't think users should generally be able to change the id of a thing, but I'm not totally familiar here.
I don't know that I am using any correct terminology. π
I'll repost the question more precisely.
Quick pair of questions: 1) am I understanding right that when you change the Entity ID of an entity in the UI, it updates the history in the internal database to match the new Entity ID? and 2) if so, is there any way to turn off that functionality, at least for an individual renaming? I can definitely understand why you'd want to keep the history, but sometimes I don'tβlike when I'm moving a switch to a different room for a new purpose. Thanks!
Just purge the history if it matters. Usually it doesn't
Canβt he stick his dick in the database if he knows what heβs doing?
Why would you?
For a lot of my sensors it makes the graph unusable until the old data is out of the graph window.
Is there an easy way to purge the history?
Yes, above
That would be a fine workaround.
He linked to the docs above
π
I actually have SQLite Web installed and long ago did it by hand through the addon, but I'm hoping things have gotten easier. Reading the docs now. Thanks!
Is there a way to fiddle as little as possible with dashboards and UIs in general? I would hope for something that generates a nice UI based on all that information I give hass: zones, areas, devices, entities etc etc. Is there something like that?
The default autogenerated dashboard is sort of like that.
Yeah but it's terrible π
Ok, well then the answer is no I guess π
Dang ... and it would be so easy to code since pretty much every house has a similar structure π
@vast crane You were probably about to suggest I may as well code it and contribute to the project and you're right. I am just afraid of the learning curve I might have to go through
For media control, like my AVR and android tv box, I find I need to use multiple cards for multiple diff integrations in order to see and control everything. For example the Chromecast card/integration best shows the name of the media thatβs playing, but I like the Denon AVR entity to control volume. Can anyone recommend the best way to make one card that gives me buttons and data from multiple entities?
Ie the now playing text gets pulled from the Chromecast entity, the volume buttons from the avrβs entity, and so on?
does anyone know how i can use a entity value as threshold for apex chart coloring threshold?
below slider value=green&&above=red
like:
is now:
- value: 14
color: green
- value: 14.1
color: red
and want:
- value: number.wattpilot_max_price
color: green
- value: number.wattpilot_max_price + 0.1
color: red
If you can use templates in there, that's the simple solution, so I assume you've tried that and can't. (Just say if not.) I think I actually tried to do a similar thing in apexcharts yesterday, oddly. I ended up using https://github.com/iantrich/config-template-card to fill it in. (I was using an input_select dropdown to control the displayed period of a chart.)
i have no idea how i use a template (yet) for apex cards, the displayed values are templates thou - and i am rinse-repat reading your github but fail to grasp what im seeing π
so instead of using "type: custom:apexcharts-card" you made "custom:config-template-card" that will create an apex chart but with update-able properties ?
wondering if anyone has any luck with an old ipad(iOS 9.3.5) as a dashboard? I tried using tileboard, but I got stuck at the home assistant log in. Thanks
no and even if it was supported it would still be less than ideal
the only sane way to have a nice dashboard tablet setup is using an android tablet in kiosk mode or similar with fully kiosk browser app
and i say this as someone who likes iOS
Yeah, I am just trying all the options to breath some life into the ipad
send it down the road lol
@modest frost I converted your message into a file since it's above 15 lines :+1:
@dense lynx The closest match I've found for a decent attempt of a self generating dash. I prefer to write my own UI stuff, but I decided to test the ease of installation on my remote HA instance and I was genuinely surprised.
https://github.com/dwainscheeren/dwains-lovelace-dashboard
Has anyone ever run into a situation where the Logbook contains duplicate entries of events? I have 2-4 copies of almost every event in HA. Here is an example image:
I checked the traces of this dummy script and automation that I wrote and they were only triggered 1x each, even though parallel mode is on. So I think this is some kind of weird display bug in the logbook. I am using PGSQL and InfluxDB (which I tried disabling) and the issue persists. Ty in advance if anyone has seen this or has any thoughts. I tried a system reboot
In the mushroom themes github it says that mushrooms theme is part of home assistant by default now and you can uninstall it. I did so and am not seeing the built in theme, any idea why?
is there anyway to use the ui editor if i use yaml mode? I want to use some of the mushroom cards but it seems that the only way to get all of the yaml configuration options is through the ui editor but i can't access this if i use yaml mode.
Hello!
Does anyone know the correct card/addon to use for a stacked bar graph, but it should show the current values rather than the historical value over time.
Im trying to build a simple card that shows the output of my inverter, with essential and non essential loads summed, but shown in their own colors?
Ok. So if i load a backup 2 weeks ago i have layouts card working. But not now? I dont see the code when editing my dashboard. Written on ha forum but no answer. Plz what can i doo? uninstallerd reinstalled. now it works. thx
does anyone know why I cannot access my calendar events when casting to Google Nest Hub?
Login attempt or request with invalid authentication from (my public IP)
there are loads of kiosk browser apps for iOS afaik. Why would that suck in your opinion?
Fully kiosk browser can launch an app or browser when the camera sees movement and a ton of other nice features. iOS devices just donβt have that level of control. Not to mention you stated itβs on iOS 9.x which is ancient.
Hello beautiful people! Question for you geniuses. What does HA call the little green icon seen here? Is it possible to add this to other cards?
Was wondering if it was possible to add to a mushroom light card to show some addtl info
The green icon is a badge. In this specific case, a badge with the mdi:home icon.
Much appreciated thank you, should much help my googlin
so close... lol
booya!
Hey i have a question
How would I change the size of the card so that I can have multiple of these small buttons next to each other
@vapid field nest them inside this https://www.home-assistant.io/dashboards/horizontal-stack/
@atomic glacier THANK YOU!!
could use some css guru assistance: https://community.home-assistant.io/t/need-some-css-expertise-and-help-me-text-align-this-button-using-in-a-text-string/537674 please have a peek, aligning text with some non alpha numericals
You have a point there (I wasn't the one having the old iPad running iOS9 btw). What would you recommend for an android tablet powerful enough to run HA and stuff?
Working on a health dashboard
any suggestions on how to improve the look?
Folks, is there any way of creating a view of Name (icon) <temp> (icon) <hum> (icon) battery where temp and battery are custom:battery-state-entities? I have a bunch of these and figured it'd look quite clean to have each one in a nice table. I've tried glances, tiles, grid, horizontal stack, all to no avail
Heya! Similar to how auto-entities lets me populate a dynamic list of entities for a card, is there any way to have a view which creates a mushroom-light-card for every light which is on?
ie, it only creates a light card dynamically based on the light being on or not?
Anyone able to get the Traeger smoker integration
Is there a way to show a card only if a user-browser combination hasn't turned off a switch?
I'm trying to make a "welcome/usage guide" for guests that they see when they first log in, but that they can dismiss to only show up in a tab if they "check a box" i.e. turn on a switch, but I'm not sure how to make a per-device toggle.
Any ideas?
Galaxy tab a8 10.5 used is very cheap and shockingly nice, just got one for $100, decent os support timeline. Just delete all the bloatware (I used "universal Android debloater")
I thought it was very expensive. But perhaps there are many flavors for different prices.
I think $100 is the cheapest I found with os support past next year
Oh yeah way more than fast enough, I have it in kiosk mode and it feels like a waste
And which model is it exactly?
I spent past weekend looking for a suitable tablet just for this.
But definitely use that debloater tool
(also I think maybe we should be discussing in #hardware-archived ?)
I know absolutely nothing about android but I always tried to stay away from anything Samsung produces. But I may make an exception for this haha.
Well donβt they make displays for appleβ¦π€
But thanks for the tip!
any grid-template-area experts around able to help me out in this button-card config... need to push an icon to the top of the button.... please check https://community.home-assistant.io/t/grid-template-areas-not-as-they-should-align-top-icon-but-how/538027 if you could, thx!
Yeah same, their software is terrible. But they have great hardware and IDK about you but that's all I'm using this for, the HA community wrote the software I'll be using 99% of the time on it π
Fire tablet is what I use. $75 on sale which happen a few times a year. I used the fire toolbox to unfuck it from Amazon and install the google play store for the hass app
There are many posts on r/homeassistant if you search wall/tablet/etc which all mostly use an android tablet or kiosk with android os built in
Home Assistant app is on fdroid too fyi! I didn't want to sign into Google on this public-ish tablet for the play store
I have figured out how to change the status of a Toggle helper by a double-tap on the card, so that's step 1 complete.
Step 2 is to change the card's icon (I'm using the built in base Light Card) so that I can visually identify which state it's in, and I haven't been able to figure out how to do that yet.
I've searched here (change card icon - only came up with a couple of questions about changing the icon color) and I've looked at the online docs for Light Card and Double-Tap Action and I'm not seeing it.
- Would I need to write a script that A) sets the toggle and B) changes the icon? (might be handy, I could reuse the code by passing in the light card that called it.)
- Is there a better Light card that has this type of feature built in?
- Something else that I haven't yet a clue about?
Of course, if setting a Toggle for something like this isn't the greatest idea, I'm happy to get input on that, too.
Keep getting this error when casting Calendar on any Dashboard to Google Nest Hub. Anyone have any ideas why? Home Assistant is running on Docker on a Synology 923+. Calendars work when accessing Home Assistant on a PC, and on Companion App, but not when casting (using DashCast) to my Google Nest Hub. Please advise. Thank you in advance!
(Blurred out parts are my Public IP address)
im trying to customiz type 'custom:bignumber-card' and there is no visual editor for it. i want to add tap_action and hold_action when i add those sections of yaml, i dont get errors on the code but the also dont work. is it even posiible to add these actions? ill add my yaml to thread
when I click "SOW CODE EDITOR" it just changes to "SHOW VISUAL EDITOR" , SO I cant see the code. anyone else see this or know how to fix this?
Thanks. I just ordered one on Amazon. Fire HD isn't available over here. But this one will do.
Nice lmk if you need help setting it up
will do π
Anyone here also experience that the gauge card sometimes doesn't show the value until a refresh of the page? Seen it in several browsers and in the iOS app as well
after reload the percentages are shown
Hello, I'm trying to apply a style to a vertical stack using card-mod, but I can't figure it out.
I want to create a sidebar, but just applying styles to the individual cards seems redundant and also calls for margin handling etc. Is there a better way to do this?
Maybe wrap it in some other card?
hen I click "SOW CODE EDITOR" it just changes to "SHOW VISUAL EDITOR" , SO I cant see the code. anyone else see this or know how to fix this?
Where in the frontend is this?
on any card. π¦ , I click on edit dashboard, then click on edit.. and if i click on any card and then show code editor , i get nothing (blank) , and i can only click on show visual editor again.
code-server is being accessed in an insecure context. Web views, the clipboard, and other functionality may not work as expected.
I get this code in my video studio server... dont know if its related?
anyone know how I can show the sidebar calendar dashboard as a view option in the overview section?
shared on community forum with link to instructions on the github repo
?
I saw a similar issue like this reported in the frontend repo for latest ios/mac beta, don't know if this recently started happening to you or if you use those platforms.
That may have been me - https://github.com/home-assistant/frontend/issues/15496. It's specific to iOS 16.4, though
Another ticket was opened for the same thing for OSX beta.
Hi Tim. Iβm on the betaβ¦. Ggrrrr , will check with another platform tomorrow
Interesting. I'm always on a pre-release OS X and I haven't seen it there
#15513
I just spun up chrome. And it works. So more like a safari thingβ¦
ah, right you are
I use Chrome for most stuff on the desktop, so didn't think to check with Safari
Well at least I know and other might be able to work around it till Beta sort it out. Logged it with Apple. (Y)
ty Tim and Rob
hi there, I am trying to have my dashboard managed through YAML files but I am having issues loading the frontend modules. The path to the module is <home-assistant>/www/community/bootstrap-grid-card/bootstrap-grid-card.js and I am loading it as: lovelace: ... resources: ... - url: /local/bootstrap-grid-card.js type: module but I keep getting this Custom element doesn't exists error whenever I try to open the dashboard, what I am missing here?
Anyone knows the anwser to this one.
when using the card-mod the card-mod-root-yaml does not accept var() or at least it's not catching and the card-mod-root can't get the #contentContainer, does anyone know if you can either use var() in card-mod-root-yaml, or how to his the #contentContainer
@soft valve I converted your message into a file since it's above 15 lines :+1:
the problem then comes the app-toolbar paper-tab which i wanna give a background-color, but that of course needs to accept both light and dark mode, the problem is its seems card-mod-root-yaml does not work with var() and with card-mod-root i can't remove the padding from #contentContainer
Is this a front-end question? I want to add a date-range picker to the top of a card, so I can view the entities info for that date-range. Is that even possible?
what is "info for a date-range"? like a history chart? or logbook entries?
I have an issue of elements "overflowing" the cards and not resizing ideally. Short of "hacking" it into place using card-mod is there another way I should be handling this issue? I have never done any css but if I click enough I can get the right element name and then tinkering with styles to get it how I want it. It overflows on edge and on the android app and browser so I don't think its a browser issue. I hope this makes sense, I found HA and fell in love but have no programming experience. This is actually my first interaction but have been lurking for a month or so. Looking forward to finding somewhere to contribute
What kind of elements? If it is core (non-custom) cards, you can file an issue on the frontend github repo.
@outer abyss welcome...a great place to dig for examples and info https://community.home-assistant.io/
type: custom:weather-card & type: custom:simple-thermostat in this case
For custom cards I guess all you can do is report it to the author of the card.
Personally I like to stick to the default cards instead of messing with customs, but that's just my preference.
i hadn't thought to tell the author of the card. It happens so much I figured I was screwing something up. I will give that a try thanks
Sorry, I didn't see you respond. I want to view mobile device usage data for a given period of days. So I want to select at the top of the box "Jan 1 - Jan 15" and have the data show underneath for that time period
I'm currently using Lovelace mini graph because I can customize it's aggregate data for delta to show me the total usage in the period by subtracting the end by the beginning
If any frontend devs are interested in undertaking this as a paid job, to create a custom card with a date-range selector, please let me know!
Otherwise, any support or pushes in the right direction would be great
this weather-card is a very old card by Bram, and your chances are best to edit the card yourself. Ive made it to look like this, and other than at very tiny width, it resizes fine.
let me know if you need the resource, I can drop it here if you want (I've also added some settings so it behaves even better for night icons π )
I modified a fork of Bram's card, is not too difficult but one has to love that. This is also a very nice one which is also maintained..https://github.com/Makin-Things/platinum-weather-card
Hi there. I have a weather station exposing temperature, humidity, illuminance and wind speed. I can create a statistics card with the first 3, and statistics diagramm with the first. But wind speed does not show up. Is this not supported (yet) or is there an issue with my integration (HmIP Cloud)
Hi, everytime I add a layout card, it adds some unwanted Pading/Margin:
How can I remove this?
I've tried adding margin: 0px and padding: 0px under layout and view_layout and no change
seems we can not simply throw in a weather entity? the UI is very cluttered/complicated, and too bad they don't show a full yaml config in the docs.. the migration from darksky card it not as straightforward as promised there ;-0
Entities must have a certain state_class to be used as statistics. Does your wind speed have a state_class: measurement? If not, that would maybe be something that the integration needs to add support for.
Though you can always just plot things with the history graph card, those don't need anything special.
ok, so it's missing the state_class - I will have a look if this can be added in the integration
Jap, but it has a lot of functionality that others donot have. I myself very much want ot switch on/off various elements....so let's say that this is for the over-achiever π
ofc ... π but where to put the weater.xxx entity? It is mentioned in the text, but nowhere in the config options?
getting there though....
I'm playing around with creating a new card in Home Assistant. I've created the custom card stub and registered the resource. However, when I've made changes to the card javascript I'm not seeing those changes in HA
Is it possible to define a specific color of the On / Off state for Icons on the dashboard?
I have a few "RGB" Bulbs, that when On currently show the color that the bulb is set to. I really want these to just use the same On/Off default colors as the non-RGB bulbs. How would I go about doing this?
hey folks, been searching for the past 30minutes without luck, I want to change the size of the gauge card, make it bigger and can't figure it out... Tried the custom layout-card plugin... doesn't seem to fit the bill...
Any suggestions how I can change the size of the gauge card?
You want it to be wider than a standard card width? How would you expect all the other cards on your dashboard to behave, given that everything is by default the same width?
You can change from Masonry to Panel view type, in which case you get one gigantic card, and you could subdivide that down with a grid or stacks, but then you'll be more responsible for the overall layout and you won't get Masonry's auto flexing behavior.
Yea panels look a little off on mobile lmao
I want to enlarge it... layout fall were it may... I just need the card to be larger, be able to control the size
Oh interesting, you're right. I assumed it would scale up with the card size, but it doesn't seem to do so. Suggest filing an issue against frontend. I'm not sure what else you could do in the meantime.
Although I'm not exactly sure how it should behave. Would the font scale up linearly also? Might look somewhat ridiculous at some point...
Hi all, is there a way how to implement following actions to picture element card? tap_action = more-info of entity 1, hold_action = more-info of entity 2
I am trying to expose a single lovelace card to another dashboard I run on the same machine. Is there any way to expose a single card as a standalone page? Preferably one not behind authorization?
If not is there any way to get the python script integration to save to the local www directory? I could write a small script to output a static HTML file containing the data as well
Hi, I'm having the same issue. I belive it is since I started using minimalist UI, which calls for adding
mode: storage
...```
to the config.
I tried adding the cards like resources:
```lovelace:
mode: storage
...
resources:
- url: xxx
type: module```
But this didn't help. Can anyone shine a light on this? The documentation for lovelace seems replaced with a very basic overview of ui dashboards.
I have a picture-entity card that has a feed from my Zoneminder system. When I click on it a little preview box pops up with the live feed in it. If I right-click on this "image" and select 'open image in new tab' I get a new tab with my live feed taking up the whole window.
I want to get a new tab with the live feed taking up the whole window by clicking the image. Any ideas on how I would go about doing that?
The url of this "image" I open in a new tab is something like: http://homeassistant.local:8123/api/camera_proxy_stream/camera.driveway?token=bunch_of_gibberish
The bunch_of_gibberish part appears to be different every time I click. So how do I get this part so I can use it in an action?
@karmic tendon replied just after you and suggested his platinum-weather-card as an alternative and it appears to fix my issues with the weather card. Let me ask you though as you obviously have some styling skills. Without trying to learn css from the ground up is there an area you would suggest I focus on to adjust the cards I have issues with. Am I looking to adjust alignment of every independent item or is it more of a matter of adjusting the way elements are laid out. Thank you for the guidance!
Where it 'normal' cards then there are options but this is a javascript thing and has css built-in. I myself align/tweak only with horizontal/veritcal-stack or layout card. https://community.home-assistant.io/t/layout-card-take-control-of-where-your-cards-end-up/147805
Hi everyone. The layout card always adds some padding (when compared with the native horizontal/vertical stacks). Does anyone know how to remove this?
Does anyone want to make $100 to create a custom card in my dashboard? This is beyond my skill and understanding. I want a card with a date-range picker at the top to show the entity data within that date range in the card.
I know this isn't the place to offer work, but I can't seem to find ANYTHING that helps at all
Not sure if it features that functionality but I would check Apex Charts if what you want is a graph
Have a look at this: https://github.com/alexarch21/history-explorer-card
It can also replace the history globally with itself.
Apex charts is quite nice but probably a bit less trivial to use but here's the link to it: https://github.com/RomRider/apexcharts-card
I've been trying to use something that can date-range a lovelace card. I'm tracking data usage, so I really only need a single number - the amount of data used within a date-range
and I heard apex can do it, but everything I've seen is just "set up how many days in the past to view data" so it's always "from now backwards" rather than like, 4 weeks - 1 week ago, but not the last week
I'm just messing a bit with custom cards: https://developers.home-assistant.io/docs/frontend/custom-ui/custom-card
Nothing particularly useful, just learning. What is the easiest way to add tap_action, hold_action and so on? Is it something I need to write from scratch, or is it possible to hook into the functionality built into a lot of the built in cards?
hey guys ... I have multiple restful commands defined to switch inputs on my hdmi matrix/switcher ...
what kind of card do I need to have one row (button?) per input that I can click to execute the restful command?
vertical stack with buttons is close to what i want, but i'd rather just have seperate rows inside a single frame if that makes sense?
Is it possible to use an input_text field as the Message when I do a call service on TTS through Google Translate?
Iβve tried a template like the webpage describes:
{{states(βinput_text.field_nameβ)}} but Google just repeats βStates input text field nameβ
The example uses a template https://www.home-assistant.io/integrations/tts/
missing quotes maybe?
I tried ββ around it and then swapping the β with the β
Not sure this is the correct area, but I was trying to move from a VM HAOS install to a NUC and after booting up the NUC and onboarding Home Assistant I did a restore backup from the VM. Everything (devices automation, etc...) shows up, but none of the icons in any of my cards show color changes, such as turning on a light the icon stays gray but shows a state of on. Everything is basically black and white, no color anywhere. But all the colors show up on my Cast devices. I tried a couple different browsers and cleared caches and so on, but no change. Any ideas?
did you reboot after doing a restore from backup?
Several times
It displays fine on the IOS app and Cast devices but not on any browser I have tried
Have you checked the correct theme is set in the user profile settings?
Those are REALLY close, but restrict how the information is shown. A combination of History Explorer and Mini-Graph would do the trick if it was possible somehow
On each device? did you use some custom theme on the old system?
can someone help me ? i need to create a service to up my volume from HA.
my input pass through broadlink e i had already mapped all base64 code for my remote control
i have only this one for power on/off
Hi guys! How do you keep track of temperature devices and such going offline? It might happen from time to time and I would love to know what is happening.
@left aurora I converted your message into a file since it's above 15 lines :+1:
you can't just have a !include sitting by itself there
and you can't use !include directives at all if you're using Lovelace in "storage" mode
I'm in YAML mode for this dashboard.
Whats the best way to make what I'm trying to do work?
I don't think you can use a !include to say "some list items from this other file go here". You can use a YAML anchor, but that doesn't let you split that content out into another file
I'm not sure there's a way to do what you're trying to do
Hmmm... OK. I'll play around a bit more. If I get rid of the cards in the main file, it works... So, it does merge everything. Is there a way (script or something) that can perform the merge and show the final yaml? WOuld be easy to see if I understood how the merging does it.
I think I sorted it out. After a reboot, I logged out then back in and it seems to be working. The icons change colors again. Really weird. Thanks for taking time to help out.
I have a weird issue with cast integration
I can cast Lovelace to my nest hub and x2 nest hub maxs
But some of the button dialogs wont open when pressed, i.e. any button card with more-info displayed on press or hold, or temperate sensor cards (the calendar card and the native media player card shows dialog though, which is even weirder)
This was working just last night, i don't think I did anything to mess it up but I rolled back to a known working backup anyway and its still wont work.
All the cards work correctly when displayed in a web browser or in the companion app... just not through cast on the google displays.
anyone else noticed this or is it just me?
i have triple checked everything and im sure its nothing i did.
I'm having some issues with the grid layout in layout-card -- is this a good place to get support?
basically, i'm trying to figure out how to make the contents of a subdivision in my grid to align itself with the bottom of a viewport
Hi! I have HTML5 notifications enabled and setup, they do work correctly with a Chrome browser, but on Edge they stopped working for a while, and they just won't work. I call the service notifiy for the device using the name I setup, but the notification won't come through. I don't get anything in the error log, they do work in Chrome however. Has anyone experienced issues with the Edge browser and notifications? I use Edge daily so notifications would be realy appriciated if they work. Would love to hear from anyone!
Hi. I have a number entity. In an Entity card, it appears as 1231.25. Is there a way to show it without the part after point?
Not sure if it's related, but I noticed very recently (not update related, I don't believe) that many cards aren't actually showing on my Hub devices. There's no placeholder, no nothing. Markdown cards are fine, but things like thermostat, camera, entity, all of those won't even appear, but they show fine on a desktop. Reboot seems to not help and it happens across all my Hubs.
For the moment only with a template (e.g. card templater) but... soon there will be 2023.3 and one of the features is to control this ...check the release notes
nice, thanks
I dont have that issue, but that could be because I am using the custom button card for just about everything, and my camera cards are rtsp feeds with the webrtc card. so maybe that's why my cards are showing. the timing and sudden change without any updates make me think it might be related.
I'll try adding some temp sensor cards and see if they show up. I'll let you know if I come across anything interesting.
Looks like what I described is similar to this: https://github.com/home-assistant/core/issues/88690, not sure if that fits yours, but still seems like something in general is broken w/ casting to Hubs
Looks like precision in 2023.3 is not going to apply to number domain, only sensor.
I have this dashboard but on my tablet it just looks like this sometimes (first pic). Sometimes its fine and sometimes its not, its very weird
is this a good place to ask a question about fully kiosk?
Hi can anyone help me with Apex-Chart coloring based on a value of a sensor/input - for now i have to edit the apex-chart code by hand, which is a bit boring. i did read about some javascript based but i dont understand what i need to do - was called custom-template something
thanks so much dude, im sure its the same issue.
i just tried adding mushroom cards, and gauge cards and they wont show on the hubs.
im 98% sure this is the same issue.
i think google chromecasts had an update, everytime google breaks something it takes ages to figure out what happened.
i wish google would alert us when it updates, so we have some idea of what caused things to break.
this happened to me last time when the androidTV integration broke.
is there a way to check where lovelace actually is getting the cards and templates (path)... Having a struggle with setting it up.... Finally got it set up but when trying to add a plugin where i thought it was supposed to be nothing...missing element....
hello, what is the essayist way to show a list of url's to external pages that opens in an new tap?
Hi guy
I try to using mushroom chip for my frontend entity
But I don't know why text is not vertical center
like icon . And icon don't have color
Seem like bug when try using chip with horizontal and vertical stack
try using the custom button card, an example here:
@karmic tendon I converted your message into a file since it's above 15 lines :+1:
Hello, I tried to use state-switch with mushroom-chips-card inside a 4 column grid but they leave space in-between if state switch is triggered. Can I make them tight together?
I also tried to use state-switch with entities within mushroom-chips-card in 1 column but that doesnt work
I want user-specific compact navigation buttons to appear for dashboard
hi guys, i have a broadlink that sends via IR input to a soundbar. The problem is that even though it is physically turned on I don't see the buttons available. I have tried changing the status via devtools but after a few seconds it goes back to off. All this is inside a media_player. My goal would be to track a state inside HA so that I have access to the buttons to turn the volume up.
This is what I see after changing the status via the developer tools, so if I click on the dots I see the volume buttons but after a few seconds it goes back to grey
Please help me find a solution to this problem I have been stuck on this problem for a while
At least give me a way forward
@gray current how are you integrating the soundbar into HA? I'm assuming it is not smart. Do you just have an input_boolean helper that you've made to "simulate" the on/off?
I'm think that a media_player-type card is not going to play nice with your setup but you'll probably be able to design something that will perform the same functionality though.
Behind I am using smartIR, which handles everything. So then I integrated it into the config to see it as an entity. The same setup I have for a climate and it works
Side note: my broadlink minis are arriving tomorrow so this is an interesting topic.
how ? π¦
Do you have a smart plug capable of monitoring power usage? power_sensor (Optional): entity_id for a sensor that monitors whether your device is actually On or Off. This may be a power monitor sensor. (Accepts only on/off states)
nope
But I don't understand why after a while the status automatically becomes OFF
makes no sense. I want to decide the state, even if it won't give me a real thing
I need volume buttons at all costs
Off the top of my head, you could layout a couple custom:button-cards with the appropriate icons for the functions. on/off state to show/hide as appropriate.
unfortunately I am not capable :/ as I said I am studying the docs
I was looking around the docs and forum to see if anyone has mentioned having problems but have not come across anything like what you're describing.
@gray current Is the soundbar actually turning off or is HA just reporting/thinking it is off?
the status of the card remains gray (as if it were off) but actually the soundbar goes both on and off
What should I use to turn on the air conditioning when the temperature is lower than N ? Automation ?
hi everyone, im trying to install a custom blind card by tungmeister, i have followed instructions but it doesnt show up when i go to add card, please can anyone help? also same problem when trying to install the custom curtain card by georgezhao2010.
Trying to get Lovelace UI working with mminimalist UI... However seem to keep getting a bunch of jacascript errors on client side... I dont know if the templates are loaded or not... Can anyone please point me in a direction where i can see whats happening or not.... Posting client side logs
@tulip pagoda I converted your message into a file since it's above 15 lines :+1:
Cannot read properties of undefined (reading 'attributes') in 'return entity.attributes.icon'
and
Uncaught (in promise) TypeError: e.setConfig is not a function
Seem to be the problem what ever that is...
@fleet rapids I converted your message into a file since it's above 15 lines :+1:
Very new to coding in yaml. I was able to get my minimalist dashboard pretty much how I want it except when using the minimalist light card popup option, It all works until I select a color. Once I pick a color, I can no longer change it back to white temperatures within that popup. Anyone have any idea how to fix this?
May be a stupid question anyhow.... In Lovelace UI i get button-card template missing for 'xxxx'
In YAML mode its easy i get that i tell Lovelace where the templates are... I cant understand where i tell Lovelace in UI mode where all templates are...?
hi. I find lovelace so difficult to deal with, cards are jumping all around when resizing etc.
Is there an alternative, which will keep stuff where I put it?
i just started a 2 GB sd card that I found in a rasspberry pi 1. I logged into via ssh and saw: "last login: 2018" π hostname was hassbian so it must be a test installation from 5 years ago. insane where i come from and where HA is now. just in case someone wants to compare the frontend to today i posted a screenshot. its version 0.56.2 π
For those having issues with incomplete dashboards on cast devices, I upgraded to 2023.3.0b3 today and my dashboards are back to normal on all of my cast devices.
Only downside, it broke my opensprinkler integration.
Why is the tab related removed for unavailable entities? I used this to get to the device to ping it (zwave) when it is unavailable. These core updates making home assistant less and less user friendly
From all of the forum and githubs I have read that seems like all you would need But I keep getting results like this. These two cards are inside of a horizontal card inside of a vertical card. I have tried different thermostat apps and weather apps and all have similar results. It feels hacky to go in and use card-mod to move everything around. what do you recommend?
Is there a way to change the overview dashboard? ... Or at least change the system default dashboard. I like having a storage mode one to play with stuff in the ui, but I have mostly everything else in yaml. I'd like to be able to edit overview in yaml. Anyone?
Im confused lol
I donot have this layout but for the sake of it tried a bit out and with me it looks fine, which is not meaning you are doing something wrong, you might just have a different issue...post your code and maybe this forum could help identify?
type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
entity: sensor.ecowatt_level_today
name: Aujourdhui
aspect_ratio: 4/3
show_icon: true
show_state: true
size: 100%
styles:
card:type: ''
- type: custom:meteofrance-weather-card2
...
Hello everyone :)
I have a small question about light and dark mode ! I didn't find anything related to this on the web so here we are :)
I have a banner on top of my page with a picture card of my living room.
I took a night and day picture of my living room and i would like to change the path of the picture card in function of light or dark mode.
I know already how to pick up dark mode state with browser_mod but i don't know how to code this as i have each device with their own light/dark mode enabled :/
Thank you for the help i appreciate a lot :)
Don't hesite to ping me
guys - when I have a card and I call service using an action, is there a wildcard that will select entity of the card as a target of the service call?
(image in thread)
Heyho! I got a problem with lovelace cards via HACS. I installed HACS, downloaded 4 lovelace cards and added the resouces to the config. The cards were loaded properly but they doesnt show up in the card selector (UI). Tried restarting and clear browser cache. Any ideas?
Hi guys, I have an weird issue. Yesterday I've updated my HA from 22.11.4 to 23.2.5. In the meantime Meteoalarm has raised a yellow alarm for my region, but my HA shows the color as red? Is this a part of some new color scheme or what? Has anybody seen or experienced something similar? Thanks!
If using yaml mode should resources go under the Lovelace: section in the main config, or in the ui-lovelace/individual dashboard yaml files? Or is either acceptable?
What is this being displayed? A custom card or an entity card? What is a "meteoalarm"? Is it a sensor, or an alert? Did you expect the icon to be yellow?
Hi, thanks for jumping in! This is what MeteoAlarm is https://www.home-assistant.io/integrations/meteoalarm/, and in picture is my current situation. So with Severity being Moderate, color should be yellow. And before the yesterday's HA update to the latest version, it was working correctly (at least on the last one which was a couple of weeks ago). It's hard to say a lot more or do some comparison testing as it's generally active once per month max. I have however seen (and remember reading about) some color changes and unifying(?) in History tab, so maybe this is also somehow related to it? Or it might be just a bug. Thanks!
And this is the lovelace integration. So nothing fancy or complicated.
Can you grab the full state and attribute information for that entity from developer tools? The attributes from more-info don't show everything.
I know all binary_sensors used to be yellow when on, and I think the colors are a little more nuanced now, I'm guessing that you have a binary with device_class: problem, and anytime that is "on", it will have the red color. I believe it's themable with state-binary_sensor-problem-on-color, but that will be the color for anytimes there is any active alert. I don't think it ever knew any difference about a "yellow" warning, or what the severity is. I think just used to always be yellow when there was an alert, and now it's changed to red by default.
https://www.home-assistant.io/integrations/frontend/#state-color
Binaries have never followed the Meteoalarm color codes⦠they are binary and only use 2 states for on/off. either you had the Meteoalarm card installed or maybe a card-mod / custom-ui icon_color template ?
I might be completely wrong on this, as in the last year or so I've only received yellow warnings, but I think that a lot of months ago there was a red warning and the color actually was red. But, according to @fiery ledge that binaries only have 2 colors (which by being binary makes perfect sense) I am apparently wrong. Oh well, you live and you learn. Thanks guys for the assist!
You can use the colors and set the card to change accordingly .
I have those buttons and can share if you want
Thanks!!
this is the icon template I made for that
and the button-card templates can be found in my gist in the bio
there' a tiny typo there, check the first template variables.text_color, it fails a closing quote.... 'darkorange'.
If I'm not mistaken this is for the visual elements, can this color be changed directly on the sensor level in config.yaml?
Yes, but then you need custom card custom-ui
Itβs not supported in core, and under constant threat of being deprecated because core HA changesβ¦. Trying to keep it functional for years now but no promises β¦
I'm trying to access homeassistant from my old iPad. The login scrreen never comes up. I've tried Chrome, Safari and Opera browser .. same result. Do you know if there is a work-around ?
can it be https problem ? if so try http.. atleast its what happen to me
Could somone help me in right direction... Wanting to get this with auto-entities....
entities:
- entity: binary_sensor.espresense_developer_corner
type: custom:multiple-entity-row
name: Developer Corner
state_color: true
secondary_info:
attribute:
- ip
show_state: false
entities:
- attribute: rssi
name: Rssi
- attribute: uptime
name: Uptime ```
for layout-card what are the cards that are OK when is layout-card is used
because on git repo is not specified
my google-fu is failing me... Is there a way to toggle an area's light with a custom-button card? or do I have to make a template or a light group to be able to do that?
you can toggle anything with custom:button-card... what is an area's light ?
sorry I mis typed before I'm trying to make a button that toggles ALL of area's lights..
you mean like the area card?
could be yes, or a template calling all lights in the area. Its up to you, and what you already have laying around π
Id suggest wrting a script and use this neat trick```
toggle_lights_area:
alias: Toggle lights area
mode: restart
icon: mdi:autorenew
sequence:
service: light.toggle
data:
entity_id: >
{{area_entities('library')}}
{{expand(area_entities('library'))|selectattr('domain','eq','light')
|map(attribute='entity_id')|list}}```
notice the commented jinja template? you dont need that π you can just call the toggle service on the area_entities, and it will only use the lights..
Interesting. thanks
button would be: - type: custom:button-card name: Toggle lights tap_action: action: call-service service: script.toggle_lights_area
the commented out stuff... that's making a map of any light's ids?
in that area
it doesnt yet reject unavailables, so if you have these, you should add that
(custom button templates)
probably just something stupid though. documentation will get me there
is there a way to hand over entitie values instead of fix values for parameters ?
IS:
- value: 10
color: red```
WANT:
```color_threshold:
- value: number.max_price
color: red```
like some escape character/sequence
Why do i just get a blank popup with title with this:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Test Popup
card:
type: entities
entities:
- sensor.adde_lovein_activity ```
I must be missing something
just was reminded you can also target the area directly in that script: sequence: service: light.toggle target: area_id: library though it still has the issue of not rejecting unavailable entities
hello Im using
type: entities
title: External admin links
entities:
- type: weblink
name: UniFi Network Application internal
url: https://192.168.X.X:8443/
new_tab: true
icon: mdi:wifi```
but I get:
Visual editor is not supported for this configuration:
Key 'entities.0.new_tab' is not expected or not supported by the visual editor.
but its in the doc https://www.home-assistant.io/dashboards/entities/
It's not necessarily a bad thing, it just means the UI editor doesn't understand that. You can still use it, you just have to fallback to yaml.
The UI/visual editor is sometimes limited to a subset of the full yaml syntax for simplicity.
hey guys, i combined the mini graph card with stack in card, however i get the weird borders around the enitiy states, how can i fix that? i use the mushroom theme
fixed it by myself Change to vertical-stack-in-card to remove border lines
Need some advice. I have installed HACS and the Alarmo integration (which works great) on a new HA machine. Where I'm struggling is specifically with finding/installing the Alarmo Custom card. But only the Alarmo standard card is present not the custom card. What am I doing wrong?
hey all, is there a website I can download community created lovelace themes from so I dont have to make one myself? most people have a much better eye for design that I do
Yes, did you check the Community ? Theme topicβ¦
hello, i am looking to format the date but im having difficulties
Question on Alarmo Custom Card. My dashboard currently shows the standard HA card for Alarmo. How do I replace it with the Alarmo Custom Card?
Does Mushroom card(s) supports entity state colors?
https://www.home-assistant.io/integrations/frontend/#state-color
Width of the entire screen? That's just how the masonry layout works. You may want to change the view type to panel (1-card). Your first tab looks like it might have that.
Can anyone maybe tell me why in the world when I tap a button on my phone to call a browser_mod popup from a script, it opens the popup on my PC and not on my phone? The script itself has absolutely no reference to my PC.
What's the best way to set the default color theme for all users to dark?
Or is there any way to remove the possibility for all users to switch to a light theme?
Could someone help me out with the syntax please?
Trying to check if a string is in an input_text
yaxis_id: |-
${
if ('Valve' in states['input_text.text_wildcards_2'].state)
{ 'second' }
else
{ 'first' }
}```
kinda seems like you're mixing Javascript and Jinja
Also tried
yaxis_id: |-
${
if (states['input_text.text_wildcards_3'].state contains 'Valve')
{ 'second' }
else
{ 'first' }
}```
seems random
states['input_text.text_wildcards_3'].state.includes('Valve')
but I have no idea what that's part of, so it's mostly context free
That worked! I tried string.includes before but I most have used it wrong. :/
I do wish that Javascript was more like Python for that stuff, but then I guess it would just be Python
I wished there was only one language in HA ^^
Hello Everyone, I hope I'm in the right channel for this question. I'm working on a dashboard that has a map card. On the map card I'm trying to get a couple of zones like home, work and others. But only home is shown even though I've added the entities for the other zones.
I think I'm missing something, does anyone have any tips what I can check to get this working?
Other zones I add show up in the map card, it looks like a drop-pin with an orange circle around it. Though they aren't focused by default, so I have to zoom out to see them.
Maybe check devtools and make sure the zone entities have latitude: and longitude: attributes? Not sure if it's possible for a zone to not have those, but those are what is required for an entity to be mappable.
I have added the zones via a yaml config file that works because I can switch the size of the home zone and that is shown on the dashboard. All zones have a latitude and setting in the config file.
not sure then. you could take a snippet of one of the zones from developer tools including the attributes, I could see if anything looks off.
Can I just copy paste it?
It's over here:
https://paste.debian.net/hidden/e8ab6135
Sorta basic question, but why is it that masonry view crams all my cards into a small area in middle of available screen rather than filling the screen with them?
I'm trying to create a dashboard for a wall mounted tablet and panel/sidebar makes them too big bit masonry utilizes like 20% of the available screen space
Oh I think its because I was using nesting vertical/horizontal stacks
I was hoping it would expand to utilize the screen space, guess not!
Well that's what Panel mode is for. Masonry uses fixed width cards to try to arrange into three columns.
Panel mode makes the buttons so big you are forced to scroll down on tablet though
That seems to work fine for me. I assume you know those coordinates are in Niger & Nigeria?
Is there a basic framework for best practice in creating a layout for a wall mounted tablet you could suggest? I'm afraid im gonna spend days on this then realize I should have done it totally differently lol
Yes, I know that. I replaced the real values.
So for you they are shown on the map?
This is the dash config:
https://paste.debian.net/1272480
Somehow that makes me a little sad π₯
You have up to date version?
yes, Home Assistant 2023.2.5, Supervisor 2023.01.1, Operating System 9.5, Frontend 20230202.0 - latest
I think it should be zone.work, not zone.Work, not sure if case sensitive or not.
In the config file it's Work with a capital
-> Dashboards