#frontend-archived
1 messages Β· Page 19 of 1
Automations don't have any inherent 'time remaining', which could vary based on their flow. What you're really asking, I guess, is done way to get the remaining time in a specific delay: statement, which I know of no way to do
Ideally, you shouldn't have delays in automations at all, which don't survive an HA restart
I've worked around this by setting a Date/Time helper variable, which triggers a second automation when the time reaches that target. This way, you could easily see/display how long you haveuntil that target time.
You could also set a timer in the automation, and the next action would be a wait_for_trigger for the timer to finish
custom fonts what a minefield that was lol, seems some work some dont after conversion, its just all a bit strange he he.
hi guys,
I fixed all my errors on logs but I do have one last error that I cannot fix.
Log Details (ERROR)
Logger: frontend.js.latest.202306080
Source: components/system_log/__init__.py:257
First occurred: 4:16:24 PM (2 occurrences)
Last logged: 4:49:48 PM
https://xxxx.ui.nabu.casa/frontend_latest/app-2AP83Z-w0C8.js:2:10848 Error: Failed to execute 'define' on 'CustomElementRegistry': the name "button-card-action-handler" has already been used with this registry
https://xxxx.ui.nabu.casa/wall-tablet/sensors:0:0 Uncaught
Would like to know how to solve this correctly, thanks!
@deep coral I converted your message into a file since it's above 15 lines :+1:
How can I make the same tile to control the gate but instead of these 3 buttons at the bottom I want to make 2 with the name "OPEN" and "CLOSE"
I am having issues installing the Google Keep integration via hacs
I have: installed the intergration
Added the app password to config.yaml
Added the resource for the custom card.
However, I can't find the google keep sensor, Is there something I am missing?
Does anyone know when HAOS users, using the companion android app might get the next frontend update? I see a patch was merged to help with the errors we see regarding the client not being able to keep up after 4096 messages. Will be great to see that one go away.
Hi all. A bit stuck with getting a sticky footer for mobile devices. I've managed to get a chips card made and it does stick to the bottom now, however the contect above is visible behind it. See below picture.....
How can I get the footer to be solid so the content above scrolls behind but about 1 inch above rather than being visible directly behind? Hope that makes sense.
Any help would be appreciated as I can't seem to find a solution
Hi, i'm having issue with sidebar-card, if exit from fullscreen mode and come back to fullscreen mode losts the formatting, i'm tried more browser.. the issue is the same, to fix it is needed refresh the page..
Could you help me? π
Is there a way to code in a back button without using subviews? I have separate dashboards for all of my floors, and a main "Overview" tab with clickable titles that bring me to those other dashboards, but a back button would still be great.
Does anyone know if there's a card that will display two values in a gauge-like fashion with one value being the target value and the other being the current value? So on the gauge there'd be a line of some sort indicating the target and then the current would display below, on, or above the target.
Is there a way to add a condition chip inside of the custom mushrooms-chips-card? I have my motion, temperature, etc. up there, then below it I have a mushroom-chips-card show conditionally, and it would be much cleaner to put them all inside the same chips card.
For now, I just did a horizonal stack and slipped a conditional card in the middle of everything where I wanted it. π
You could try "Dual gauge card" from HACS. It is not quite what you asked for though.
yea, found it, also looks like it might not be maintained
Quick question - is it possible to have multiple YAML dashboards?
Right now I have !include config/dashboards/home/index.yaml in ui-lovelace.yaml and the file it points to (home/index.yaml) looks like this:
title: Home
background: center / cover no-repeat fixed url('https://images.unsplash.com/photo-1473116763249-2faaef81ccda?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2096&q=80')
views:
- !include home.yaml
- !include climate.yaml
This works, but it's not super extensible. I was wondering what the best way was to update this setup so I can add n yaml dashboards.
Those are views. Like this: https://www.home-assistant.io/dashboards/dashboards/
@dark dirge home.yaml and climate.yaml are views. That file there ^ config/dashboards/home/index.yaml is a dashboard, no?
Have you considered wrapping your mushroom chips card in another card that give you some layout control such as the custom:layout-card? https://github.com/thomasloven/lovelace-layout-card Maybe something that will allow you to set a 100% width and non-transparent background will do the trick. I have cards pinned to the bottom too, but I don't use a scrolling dashboard.)
Not sure if this is what you're looking for but I have a custom:button-card with a tap-action that navigates back to the main page. Or are you looking for something that does a History -1 kind of navigation?yaml tap_action: action: navigate navigation_path: /fire-main/living-room
I partially got it working by setting a blurred background, but it's not the exact solution I wanted. I'll give the layout card a go, thanks!
There is a conditional chip you can use. (In the example below, I use a template chip because I have card-mod and animation stuff added to it.)```yaml
- type: custom:mushroom-chips-card
chips:- type: conditional
conditions:- entity: binary_sensor.living_room_motion_detector_on_off
state: 'on'
chip:
type: template
icon_color: red
icon: mdi:motion-sensor
hold_action:
action: navigate
navigation_path: /fire-main/sensors```
I'm not sure, however, if the condition state will be able to handle templates (such as if a temperature is above a number). I have a feeling it will not. So, I can think to two options to allow you to maintain the appearance your the chips.
- entity: binary_sensor.living_room_motion_detector_on_off
- type: conditional
- Create a template sensor that figures out the state for you and give a "Good/Not Good" state and use that as your condition.
- Instead of using the conditional card, consider templating the appearance of the chip: subdued colors when state is not true; bright and colorful when the state is true. (You'll use a template chip to accomplish this.)
Here's what I mean by subdued coloring. (These are custom:button-cards. They light up and are animated when motion is detected. Even a different color if they're unavailable for some reason. Dots are power status indicators.)
I'm using a browser_mod popup to display various entities, and I noticed recently the main heading font size has changed - see screen grab here (https://imgur.com/a/VpL17nW). Any pointers on how to manipulate it would be appreciated. Thx!
No, see the link I posted. It shows how to create multiple dashboards, with them being YAML or not
you don't create new dashboards with !include xxx
Another question - My current ui-lovelace.yaml is just over 14000 lines. If I want to split them per view (tab) using include - How will it effect current indentation? Can I just copy them over to separate yaml files and reference them with !include?
Last Question - Is it possible to hide sidebar items centrally that it applies to all/certain users, like one can do with views using visible:?
my includes look like this:
- !include view-climate.yaml
- !include view-cameras.yaml
and the start one of one of the files looks like this:
badges: []
type: panel
cards:
- type: custom:layout-card
layout_type: horizontal
layout_options:
max_cols: 3
(at the left edge)
Thank you - So if I deduct correctly, the spaces and dash before !include is accounted for, thus in the include-yaml file, these are omitted?
yes, I guess. the whole file becomes a list item
Hi, i'm having issue with sidebar-card, if exit from fullscreen mode and come back to fullscreen mode losts the formatting, i'm tried more browser.. the issue is the same, to fix it is needed refresh the page..
Could you help me? π
hey guys
is it possible to have a popup card?
so if i hold a light on the UI it opens a popup with more options that i choose to put
that i can put custom cards in it
I don't know about the custom cards bit, but certainly some cards support click vs long hold (eg: the light card)
no yeah, i know they can do that, but i am asking if theres a method to have a popup card
so i can hold my light switch and it opens a popup which i can change the brightness
the light card already does that
... it does?
Like that?
Ooops it cut the start off my video.
I don't understand what you mean. You said light...brightness, which happens to be exactly what it already does?
yes
but i dont use that card
so i cant do like you show
i want that thing that you are showing just in another type of card
How is your other card different? What is the other card? You haven't explained too well
i am using mushroom template cards
seems like they have a "hold_action". But I have no idea how that works.
@prime narwhal Check out browser mod. https://github.com/thomasloven/hass-browser_mod I have not used it yet but it is on my list of stuff to check out. It has a popup card feature. It looks like it can create something like what you want. A popup card can be used to replace the more-info dialog of an entity with something of your choosing. Also, here's an article about it. https://smarthomescene.com/guides/how-to-setup-browser-mod-2-0-in-home-assistant/
I have it installed (was a dep for something else I played with) but I haven't used it. It was @vale vine as the OP, I was just trying to help π
thanks tho :0
I know. Replied to his message. Just tagged you too. π
hi guys,
I fixed all my errors on logs but I do have one last error that I cannot fix.
Log Details (ERROR)
Logger: frontend.js.latest.202306080
Source: components/system_log/__init__.py:257
First occurred: 4:16:24 PM (2 occurrences)
Last logged: 4:49:48 PM
https://xxxx.ui.nabu.casa/frontend_latest/app-2AP83Z-w0C8.js:2:10848 Error: Failed to execute 'define' on 'CustomElementRegistry': the name "button-card-action-handler" has already been used with this registry
https://xxxx.ui.nabu.casa/wall-tablet/sensors:0:0 Uncaught
Would like to know how to solve this correctly, thanks!
Hey there, I would like to display my total power consumption and the device power consumption in a multi line graph. My consumption reaches from 70w standby consumption to 30.000w when the hot shower boiler is on. How can I display this in a graph that it is more readable as this (statistics-graph).
That looks like a history graph, not a stats graph
there's an statistics card that you can place in your frontend that might be what you're looking for.
someone for my issue? π
how do i remove a yaml file dashboard?
i think i got it, tell me if i am wrong
hacs --> integrations --> and then click remove on it
Just delete the yaml and the dashboard in Settings -> Dashboards
Statistics card just shows a value for one entity, no graph.
No, it can have mutliple entities and it will show long term stats if your entity supports it
Thats the one I already use.
I would like to use a logarithmic y axis: https://en.wikipedia.org/wiki/Logarithmic_scale
If that doesn't work for you then you have to go custom
apex charts
But that doesn't support logarithmic
mini-graph-card does
Apex seems to have it as well.
Is there any way to programmatically export a lovelace card to an image file?
if i do this it says: Dashboards created in YAML cannot be edited from the UI. Change them in configuration.yaml.
Yeah, then delete it from configuration.yaml
Has the button on the top right corner of "Settings -> System -> Logs" been removed where I could select different kind of logs, like host or supervisor?
if it's not there, it's going to be in your lovelace-ui.yaml file or whatever it's called
No, it's still there
damn, whats going on with my fresh home assisntant installation
as you can see, there is no button
doesnt really work tbh
I don't have any lovelace.yaml, at least not in my config folder
that reply wasn't to you
ahh got it, I had to activate the extended mode in my profile settings.. now the button is back
It does work, as long as it's not your overview
what do you mean sorry?
it is on my side bar
so looking at the ui_lovelace_minimalist "theme" ... seems like the adaptive-dash is probably the better constructed method right?
are there no more dashboard cards with type: custom:button-card? im trying to to create something like: https://community.home-assistant.io/t/custom-button-card-change-icon-based-on-state/404287/3
Not sure what you mean.
That requires custom button card, a custom frontend card. You can add it manually or via HACS.
i probably don't know wtf i'm talking about so ... there is that ;P
Yeah but what do you mean constructed better?
Ok ill look that up, i just installed HA so not quite sure what you mean by add a card.
This is what petro is talking about. https://github.com/custom-cards/button-card#installation-and-tracking-with-hacs Note the section about installation via HACS.
@iron pasture There's lots of stuff you can add via HACS. Mushroom cards are another popular and powerful option. Just be sure to read the docs (like the link from earlier) to understand how to use the cards. They're not all set up the same; the syntax can be different but the concepts are generally the same. Lots of good usage examples on the net (and in here) and understanding them will let you make (hopefully) exactly what you want them to look like/do.
in the docs it said to add a config to ui-lovelace.yaml, but that yaml file is not there. Do I create it in the same directory as the main configuration.yaml file?
With the custom button card, is there a normal way to specify on/off state? I could write some code to change colors based on state, but that will mess up any theme I use. The integration I am using provides a state property of ON / OFF
@iron pasture That's for manual installation. Recommend using the HACS method.
ohh sweet! thats great, it works! I cant wait to make some cool stuff on here
Or does the custom button card not work with themes?
I'm not for certain but I'm pretty sure that is handled with your theme. Looking at my theme, I see references to yaml state-icon-color: rgb(138, 180, 248) state-icon-active-color: rgb(169, 177, 188) state-icon-unavailable-color: var(--disabled-text-color)(I'm using a modified theme from JuanMTech's Google Dark theme https://github.com/JuanMTech/Home_Assistant_files)
You could also use the variables from the theme instead of hard-coding RGB.
So, the card shows as always off. Iβm guessing that somewhere I need to specify what property to look at to determine state
type: custom:button-card
show_icon: true
icon: mdi:brightness-1
name: 'Off'
show_name: true
tap_action:
action: call-service
service: button.press
service_data:
entity_id: >-
button.top_floor_dining_living_kitchen_living_room_position_1_keypad_button_7
entity: button.top_floor_dining_living_kitchen_living_room_position_1_keypad_button_7
I need to look at switch.top_floor_dining_living_kitchen_living_room_position_1_keypad_button_6_led
to determine state
I'm assuming it is because the entity is a button. Assuming it is only 'on' during an actual button press.
So, set your entity to the switch but your tap_action calls the button entity.
just added mushroom cards π
Ok, so set entity to _led entity?
@iron pasture custom:Button-Card examples https://community.home-assistant.io/t/fun-with-custom-button-card/238450
Mushroom card examples https://community.home-assistant.io/t/mushroom-cards-build-a-beautiful-dashboard-easily/388590/
I think that would be worth trying. The switch entity should give you on/off states that should work with your theme.
Working! Thanks!
Question, does anyone else get a bug where if you click the expand icon on an Area in the arguments for a Service call in an automation, it expands everything in every area listed in the service call multiple times?
There was an issue reported about this in the frontend last week ( #16836 ). I think a bugfix just went in today which claimed to fix it.
Thanks!
is there a way to manually override units in a history card? i have some sensors that are *F and some are just F so it thinks they are differnet units, i want them all ploitted on the same card
right now its splitting them out because technically they are different units
actually scratch that, i just found the Β° symbol and pasted it into the device configurations units and it works!
is it possible to open a rtsp video feed automatically on mqtt trigger?
sorry it took so long been busy with other projects, its a bit long, gut done it quickly today for you. https://www.youtube.com/watch?v=fWnWnlucYD0
I'm using a browser_mod popup to display various entities, and I noticed recently the main heading font size has changed - see screen grab here (https://imgur.com/a/VpL17nW). Any pointers on how to manipulate it would be appreciated. Thx!
what's creating those entitys with F, that would be a bug, unless you manually created them yourself.
manually crated myself π
browser_mod - i do it for my doorbell, works great
if you manually created them, fix the unit_of_measurement and add device_class: temperature to them.
ooh thanks i did the unit but didnt know about device class
They will naturally join the other graphs after you reload and after the database has purged the old unit of measurements
(it might take a day or two)
didnt even need to, once i changed the unit it all lined up
but im adding device_class as well now
π
that's good to know
it used to take days to purge out the old unit of measurement
that means they aren't doing that crap anymore!
cool, and thanks,. Ill have a look at that during the next beta π
Is there any way to set a default order for the sidebar? I've got separate dashboards for each floor and right now, when I add a new user, their stuff is all over the place unless they manually change them.
custom-side-bar HACS is no longer supported. π¦
Is there a way to change the colors that are associated with the Local Calendar integration? I have a few calendars for different people in my "home" and want to change the colors to match their favorite.
yea i guess the unit isnt baked into the individual atom of data - its just metadata associated with the sensor, and the data itself is seperate. thats def a better way to do it
Yeah, they went through and overhauled the database release or two back
Good to know, thank you!
Can the local calendar also be used as a to do list/task manager? And if not, is there a (preferred free) plugin that can (not google please)
@distant nymph ^
only 1 shopping list per system though
also I think there's something called grocy
Todoist has an HA integration and works pretty well, but it depends on how you want to interact with it.
Display and Add entries is fine, but marking off things is tricky. https://www.home-assistant.io/integrations/todoist/
So it is better to maintain them in Todoist
Grocy has great HA integration for managing recurring tasks and one-off tasks in a todo list (and a nice custom card), though it is a pretty heavy system to add for just that. All self-hosted.
Hi Guys, i want to add something like this to my dashboard but i dont know where to start
Probably a custom:button-card (https://github.com/custom-cards/button-card) with avatars set as the entity_picture and custom fields for the battery and WiFi indicators.
I was able to do this : but its to big i want to be a little bitr smaller lol
@willow berry Check out the docs and look at aspect ratio and/or styles such as yaml styles: card: - width: 100px - height: 100px
Lots of examples and code here https://community.home-assistant.io/t/person-cards-show-off-yours/347020
Right i start with this code and adapt my sensor but doesnt give me the same thing !
are you referring to the WiFi indicators returning True?
No, the size and the color of the status i am for the icon and avatar
I'm not following you. π
Sorry lol ! on the exemple you see they have different color for the state you are. when i copy the same code and trying to put on my HA i got this
We see the little green circle at the top
post your yaml. lemme see what you're working with.
@willow berry Is your card in a grid that enforces square elements and therefore might be sizing it weirdly?
Do you have a link for the example?
Double check the code. I copied and pasted both. Your code produced the same as what you're seeing. Example works fine. Haven't dug into it yet to figure out the discrepancy.
Example code could really use some variables instead of hard-coding everything...
@willow berry it's your picture (alex.png) that is messing with it. Maybe it needs transparency applied to it or scaling.
I'm stuck trying to split my config down further, and some assistance will be appreciated. I have a large picture-elements card, which I want to break down using !include_dir_merge_list, where each file will represent an area, e.g Living room, Dining Room etc. But I'm unsure on how I need to change the indentation etc in the yaml files in the directory. The original will be something like ```
type: picture-elements
image: /local/floorplan.png
elements:
- type: state-icon
... - type: state-lable
...
What I would like to do if possible:
elements: - !include_dir_merge_list picture-element-rooms/
I was sure i put the transparency on it but i will double check also what is the size of your image ? Maybe mine is to large ?!
For Lights, is there a way to set favorite colors for all lights without having to change each light independently.
If HA kept the same dimensions of the original file, then my picture is 512x512. Also, I made a little bit of modifications to the original yaml...
Does anyone know if (and how) I can create multiple YAML dashboards in ui-lovelace.yaml?
I've found this: https://www.home-assistant.io/dashboards/dashboards/ but those snippets look like they belong to configuration.json not ui-lovelace.yaml
It seems to me that lovelace-ui.yaml doesn't allow you to have multiple YAML dashboards. Is that correct?
That is just the main dashboard, if you choose to manage it in YAML. Each additional YAML dashboard is in its own file
Gotcha. So in that case, I need to remove lovelace-ui.yaml, move my dashboard config into configuration.yaml (or at least include my files there) and do things that way?
Just setup an ifan04 in esphome, added to HA, but how in the world do I control speeds and not just as a button on/off?
hi guys,
Log Details (ERROR)
Logger: frontend.js.latest.202306080
Source: components/system_log/__init__.py:257
First occurred: 4:16:24 PM (2 occurrences)
Last logged: 4:49:48 PM
https://xxxx.ui.nabu.casa/frontend_latest/app-2AP83Z-w0C8.js:2:10848 Error: Failed to execute 'define' on 'CustomElementRegistry': the name "button-card-action-handler" has already been used with this registry
https://xxxx.ui.nabu.casa/wall-tablet/sensors:0:0 Uncaught
Would like to know how to solve this correctly, thanks!
The second code example clearly shows the contents in configuration.yaml to add multiple dashboard files, once you switch over to Yaml for your dashboards.
Thanks for reply, I saw this thread already but couldn't find it.. how do I check my "resources"?
Is that this part?
frontend:
themes: !include_dir_merge_named themes
extra_module_url:
- /hacsfiles/hass-hue-icons/hass-hue-icons.js
- /local/community/custom-brand-icons/custom-brand-icons.js
I don't see anything duplicated here if so
Hey, is there any way to control a curtain using a left-right slider like with the volume? Not really sure what card to use
Thanks, https://imgur.com/yXbNKmf
which one should I remove then? I don't see two "button-card-action-handler"
You have button-card listed twice
Which one should I remove? or it doesn't matter?
Keep the one with the hacstag
OK, so removing
/hacsfiles/button-card/button-card.js
Right?
I'd look at maybe an input_number slider and an automation to sync it with the curtain position, assuming you can set them to an arbitrary percentage.
Wanted also ask what does uncaught means and how can I fix this error?
Logger: frontend.js.latest.202306080
Source: components/system_log/__init__.py:257
First occurred: 11:48:33 AM (7 occurrences)
Last logged: 3:36:57 PM
http://10.0.0.150:8123/wall-tablet/sensors:0:0 Uncaught
https://xxx.ui.nabu.casa/wall-tablet/sensors:0:0 Uncaught
https://xxx.ui.nabu.casa/dashboard-mobile/0?disable_km:0:0 Uncaught
Is there a way to make a sum sensor with binary sensors, average sensor of temperature, etc. and then create a message card that says something like "Hello {{ user }}, welcome to The Snozzles! There is motion detected in {{ x }} rooms, and the average temperature inside is {{ y }} Β°F."
You can sum them in a group
I can do a helper to make a sum for a regular sensor group but not for binary sensors.
I think you can do it via template, but it's for #templates-archived
Hey guys with the Dynamic Animated Background github being deprecated with the passing of the author, What other options are you all using for creating a background that changes based on time of day, day or week or season?
- type: custom:button-entity-row
buttons:
- name: Open
style:
background: rgba(50, 50, 50, 0.5)
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: My title
Why doesn't tap action work? Regular service-call is fine.
Ok i think i found where my problem is. I use horizontal stack. But now if i understand i need to set specifically my border radius for my icon in custom fields. That make sense ?
Hi, I'm trying to run a script and send the user that click on the button.
I used to use this (code a head) but it stopped working:
action: call-service
service: script.tooglescript
data:
notify_id: |
{{ user }}```
How i can set my horizontal stack card a little bit smaller !?
You need to add in the data:
browser_id: THIS
and in the browser mod enable this device
@willow berry I'm not sure if the horizontal stack is the cause of the issue. The code that you're using as the example has its layout set internally. I wonder if it was because your picture is rectangular. Yours is 442x362 while mine was square at 512x512.
If you look my last post i was able to solved this part ! Now i want my horizontal stack card smaller !
You can set the dimensions of the card itself instead of trying to get the horizontal stack to "hold" it. Take a look at what I did with the card and grid styles.
I think you're using the v1 syntax instead of the newer v2. I think it is supposed to go yaml tap_action: action: fire-dom-event browser_mod: service: browser_mod.popup data: content: <---- THIS RIGHT HERE. title: My title I just started messing with browser mod and popups last night. Here's what I came up with:
@tribal galleon I converted your message into a file since it's above 15 lines :+1:
I really believe i need to manage horizontal one :
not sure what happened to your's. Did you set the height and width within the card?yaml styles: card: - width: 200px - height: 200pxIIRC, the dimensions of the stock horizontal stack card cannot not be defined (without perhaps using card mod). I tend to use custom:layout-card for more flexibility. https://github.com/thomasloven/lovelace-layout-card
How i get vertical elements in line?
Hey,
i still got no solution for this since 2023.5
After updating to 2023.5 in may, my background image on iphone get more zoomed in, the longer the view is.
This is the issue for that, but no solution so far:
https://github.com/home-assistant/frontend/issues/16406
Any idea?
Apple seems to not support fixed backgrounds, but it worked before 2023.4
Aaaand i got another issue.
Ive mounted network storage a few weeks ago but deleted it again, but it still shows up in βmediaβ. How can i delete them?
my background works fine on iOS. how are you adding yours?
background: center / cover no-repeat url('/local/Background.jpeg') fixed
!important in the end breaks it, tried already
works perfect on android, but not on ios
I'm using
center / cover no-repeat url("/local/images/background.jpg") fixed
so, it's something with your iOS device
Is it an old device?
its the same on 3 iphones, X, 11Pro max, 13
in app and browser
I even can see the issue live. I got expander cards, so if i click the expander, there comes 1 more card up and the image gets zoomed in like 10%
are you sure it's not yoru custom cards with the issue?
nope. If i just use normal views, then the image is normal with like 5 cards but if i add a another one, the image gets zoomed. Soo the longer the view is, the more the image gets zoomed
shouldnt work on android aswell if it would be a card, theme or whatever issue
andriod and ios use different interpetation engines in regards to CSS
Hm, cant find any solution.
tried jpeg jpg and png, no difference aswell
piitaya answered on the issue but hasnt answered since then, with the response that fixed bg are not working but ios.
But you bg does work, am i right?
it's working finee for me, yes
is there a service to call to increment/decrement a dimmer? I'm trying to make dim up and down buttons on my strem deck
but in the 'light' domain i jsut have on orff or toggle
light.turn_on with brightness_step or brightness_step_pct defined
Interesting. using a Gauge Card, and defining severity. I've set yellow to 0.6. The gui is complaining about it not being an integer but it works.
Yeah that's an unnecessary over-validation. Just made a quick pr to relax it. Thanks for reporting.
https://github.com/home-assistant/frontend/pull/17123
π
Is anyone using Dwains dashboard? I'm playing around with some frontend dashboard making stuff, but I can't seem to move cards around. Is that normal?
hm, im curious what the problem is here..do you have any idea what could do this? It instantly happened to all 3 iphones exactly after 2023.5
Is there an easy way to add all or selected scripts to the auto-generated default dashboard?
I am trying to add the color temperature slider to the web interface but it is not shown under the feature list in the card
that does not appear to be a thing that exists according to the documentation, assuming that is Tile card
I see mini-graph-card hasn't released an update since Jan '22. Is there a fork or replacement one should be aware about?
yes, it is the tile card. so there are no way to add a second slider for color temperature?
"You can have any color, as long as it's black"
Oh looks like there's actually a PR for this: https://github.com/home-assistant/frontend/pull/16515
any way to make the shopping list card contained to a size and scrollable? can't seem to figure it out online
(reason being that I want to display it on a screen but not have the screen become infinitely long...)
I posted a new method of icon coloring for battery percentages. Rather than hard-coding a couple of ranges and colors, this method does some math to figure out the hex value of an appropriate color on a green-to-red range. Examples for custom:button-card and Mushroom Template Card are given for the appropriate syntax. https://community.home-assistant.io/t/green-to-red-icon-color-gradient-template-battery-percentage/587538 yaml variables: var_color: |- [[[ var percentage = entity.state; var r = 0; var g = 0; var b = 0; if (percentage < 50 ) { var r = 255; var g = parseInt(5.1 * percentage); } else { var g = 255; var r = parseInt(510 - 5.10 * percentage); } var h = r * 0x10000 + g * 0x100 + b * 0x1; return '#' + ('000000' + h.toString(16)).slice(-6); ]]]
The Mushroom Template Card also has a method of showing the appropriate icon based on battery percentage and charging status (like the custom:button-card already does).
Hello, is there a way to create a state-badge, or somethign similiar in picture-elements, that would show values of more then one entity? (In my case I want to show temperature, humidity and CO2 concentrations in monitored rooms on floorplan).
Is there a way to code in an introductory/welcome tutorial card that a user can dismiss after theyβve read it?
My first idea is to use a conditional card with an input_boolean helper. The card would have the content and a button (like as a vertical stack or something). The conditional card would show when the boolean is set, then have the button turn off (or toggle) it
It would be global though unless you had a helper per user
Is it possible to popup a video feed on button trigger?
I wouldnβt mind it global. I wonder if I could have a toggle and have it check in other boards if that main toggle was on or not as well. Then I could have tooltips throughout different boards with instructions about different things.
Yeah. You could use a button card and assign the camera entity to it. If you configure it to use the standard action, it will popup the camera feed.
sorry for the misunderstanding, button I mean a physical button like the one on a video door bell that will trigger the popup on a kiosk
it has a binary sensor entity
it also do sip voip video call to any target
With an input_boolean you could definitely check it from other boards, although I'm not sure how you'd do tooltips
I donβt mind even using a conditional Markdown card for the intro text just as long as a user can disable it once they understand how to use everything.
Sounds like something you can accomplish with Browser Mod (https://github.com/thomasloven/hass-browser_mod) and an automation. What if that tablet you have on your wall could open up a live feed from your front door camera when someone rings the bell?
How can I make the iOS app show my grafana graphs? It only works locally on desktop browser
if added to a dashboard as webpage
@steady wadi Do you need to interact with the graphs or just be able to see them? The easy way is to set Grafana to export graph to an image and then show that image on your dashboard.
Another option is to consider ApexCharts Card. https://github.com/RomRider/apexcharts-card It has some pretty powerful graphing capabilities. https://www.mostlychris.com/should-i-use-grafana-still/ You can create sensors using the InfluxDB database. https://www.home-assistant.io/integrations/influxdb/#sensor
I want to interact with them, preferably. When trying to see the graphs I have made in grafana, on the phone it says: "Unable to load iframes at websites using http: if Home Assistant is serverd over https:."
Not sure why it doesn't work, the graphs are locally on the rpi itself, isn't it?
served*
But I am on the local network when using the phone atm
Also, I am using influxDB
I am using the card "webpage" to view graphs from grafana which I have used the "embedded" URL to show it in the card
It is a limitation of the web browser security. You will need to use https:// for iframes if the main page is served that way.
Doesn't work to just change the URL to https://
I mean, why shouldn't it work when the graph is stored locally? I am already connected to the rpi via the cloud, and it connects locally when im on the local wifi
this is good channel to ask about install frontent plugin over HACS? I want to install https://github.com/thomasloven/lovelace-layout-card but i dont know if is better method than manual download git repo with plugin to get .js file ( https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#2-download-the-plugin ) . I see that oter people have this file in /hacsfiles/ ( https://github.com/Madelena/hass-config-public/blob/main/lovelace-resources.yaml#L29 ) this directory is automatically created by HACS, or this is directory for manual keep git repositories?
I recommend HACS whenever possible. Let it do the work for you. Plus, HACS can let you know when updates are available for you to install (rather than you having to maintain them yourself.)
It is a bit more complicated than that. Influx and Grafana run in containers. (Think of it as a mini-computers within your RPi.) Those containers only talk on your local network. I'm assuming your embedded URL is something like 192.168.x.x which is an internal range. When you are away from your network, you're not longer operating on 192.168.x.x, so the connection to 192.168.x.x cannot be made. Maybe it can be set up to use a dynamic redirect with the appropriate port opened on your router but I think that is frowned upon for security reasons.
I like HACS, but i dont know if i need to have /hacsfiles/ direcotry on /www/ or this is alias or other virtualpath
it is an alias to /config/www/community
Custom element doesn't exist: grid-layout.
i dont understand why, in HACS its installed and ha is rebooted
Refresh your browser.
this should help and add good .js file in resources
Hi fellas! Is it possible to combine this sidebar: https://github.com/matt8707/hass-config/blob/master/sidebar.yaml into a "regular" dashboard UI? (Dwains for example)
As far as I can see it is just setting the attributes of a sensor, rather than actually producing a sidebar as such. So if you use a markdown box you could include the attributes you want. I don't use Dwains , but a lovelace dashboard should be fine, you just need a sidebar layout.
i'm trying to use https://github.com/benct/lovelace-multiple-entity-row and I have it working when I view it from browser but when it doesn't work in the HA app [connected via Nabu Casa]. Error says 'custom element doesn't exist'.
Sometimes the application cache needs to be cleared. Are you using the Android app?
yes, I did a clear cache against the android app. Still same result
Hello, this is a bit silly but is it possible to set a non-lovelace dashboard as default but NOT get rid of the lovelace one? As soon as I press "set as default on this device" the lovelace one disappears
You can always put a link to the default lovelace one on your custom dashboard.
this is perfect thanks!!!
heyo
I'm trying to resize the buttons of Shower Lights & Master Lights to be the same size as the other buttons in this dashboard, however it looks like it's not working.
Middle vertical stack
http://pastie.org/p/0LDT7lUit1uvNPni6HStad
Right vertical stack (Master Lights)
http://pastie.org/p/2OCKrC4fF0YGW0Orpw6Neq
What am I missing here?
Thanks for helping!
in multiple-entity-row how can I change unit based on value? entities: - entity: sensor.test1 name: In unit: days
Create a template sensor and add the logic to convert to your chosen unit.
@mystic timber Your Shower Lights are indented too far at Line 167 on the middle vertical stack.
But I gotta ask: why are you using so many vertical stacks within vertical stacks with horizontal stacks all at the same time?
Looks like the same for Lines 29-40 & 66-77 .
Wait. You have your style within the states but you're basically using the same style for both states (aside from icon color)? Why are you repeating so much?
Next, your scripts don't have a state so the on/off styling isn't going to work. (They technically do have a state but not in the sense you're trying to use it for. Source: Trust me.)
See the difference just by changing the entities:
Im learning apex chart and I'm trying to find a way to multiply the top right number '0.67' times 100 so it ends up in the same unit as the bottom right '73.77'.
I've seen that 0.67 is the raw data and 73.77 is within one of my series where I multiply the value in the data_generator with 100.
Hi did mini-graph-card work with influxDB ? I have switch my database to influx so I wonder because he can't show the max/min or historical value
I'm setting up a card with a gauge on it. The min value is always 0, but the max value changes based on several things. Is there a way to dynamically change the max value and idealy the ok, warn and alert thresholds?
Wait You have your style within the
I've found a card that might give me something like I want. This is the first custom card I've tried to install. I am NOT using HACS I'm running under docker. Where do I put the .js file?
anybody know how to style duotone icons in the custom button cardc?
cant find much documentation on it
I had not heard of duotone icons. However, it looks like Thomas already made something to use FontAwesome icons (although a lot of the "good" icons cost money). He does give instructions on how to add your own custom SVG icons. Maybe this is what you're looking for. https://github.com/thomasloven/hass-fontawesome#using-with-custom-icons
Has anybody else played with the Mermaid card at https://github.com/home-assistant-tutorials/20.mermaid-card yet? It uses text field for input and renders it, but it would be nice if it could use a simple sensor as input. This is outside of my skill set.
I saw that! Just doln't see much documentation on it π¦
Hi guys
I have some how got proxmox running in HA now but not user witch card to use so i can see the following
VM status / run time
VM reboot
I have web page card and local address to service, how can I access it when login remotely to ha?
Hi, for some reason my entities are shown as entity_id (only happes with MQTT integration with zigbee devices comming from zigbee2mqtt). How this can be forces to use friendly entity name from HA?
That's not an entity_id
that just has _'s in the name
You can rename things
@tacit cave as I see was the original_name property of the entity
but why I get this naming? I always get a name like Temeprature. but now all my zigbee devices are shown as the image
That depends on what you're using for discovery with MQTT
I dont want to rename my 16 devices * 5-10 properties each one because something in HA is broken
whatever creates the discovery, is creating the names like that
the mqtt integration
no
then Z2M?
mqtt integration just listens
something is populating those topics with the information you don't like
so it would most likely be z2m
i rollback to old version of zigbee2mqtt but still the same. perhaps HA caches them and deleting them from HA doesnt work
it's what's in your discovery topic
did you change settings? Perhaps you're looking at a cached version of your frontend, i.e. clear your cache and refresh your page
I use z2m and my entity names come through normally via mqtt
@tacit cave I will check with mqtt explorar as they suggestd to me in the #zigbee-archived channel. I test it by checking the core.entry_registry file in .storage of my HA Docker
where do the .js files go on a non-hacs install for custom cards?
<config>/www/
you can do it through the ui too. Settings, dashboards, three dots in the top corner, resources, then add resource button in the bottom right
if it's hosted elsewhere
hi guys
anyone able to explain to me how to add
Kibibit to my home assistant "steam" https://github.com/Kibibit/kb-steam-card
i'm using the custom:multiple-entity-row entities card and am trying to change the icon based on state of sensor. Is this possible with this custom card?
icon: >-
{% if states('sensor.room') == 'Vacant' %}
mdi:motion-sensor
{% else %}
mdi:home-off-outline
{% endif %}
I don't believe the entities card can be templated like you're trying to do. However, you can accomplish the same thing with card-mod (https://github.com/thomasloven/lovelace-card-mod). Here's an example ```yaml
type: entities
entities:
- entity: light.hallway
name: Entity card using one state
card_mod:
style: |-
:host {
{% if is_state('light.hallway', 'off') %}
--card-mod-icon: mdi:light-switch-off;
--card-mod-icon-color: red;
{% else %}
--card-mod-icon: mdi:light-switch;
--card-mod-icon-color: green;
{% endif %}
}```
And then you can addyaml type: custom:multiple-entity-row secondary_info: last-changed toggle: truefor your second line and to retain the toggle button.
thank you - i'll give it a try.
Hi, How I can set up layers for different floorplans? thank π
https://experiencelovelace.github.io/ha-floorplan/docs/example-multi-floor/
this is what I found after a quick search
beyond that, no clue
All, please help. I am not able to get my live camera streams to show on Android - mostly. They don't work in Chrome, and they don't work in the app. But they work fine on Firefox
@valid ridge I converted your message into a file since it's above 15 lines :+1:
Is there a way to make **the built in YAML editor **use more screenspace? It's like editting in a poststamp and resizing all the time based on content
hi, i use this code for dashboard
@ivory mantle I converted your message into a file since it's above 15 lines :+1:
And the path is /config/www/floorplan/gama_plan/drawing.svg/
And it wont show image at all
in dashboard
why??
Can someone heelp?
You probably need to add the full url there
Can you give me an example?
@vapid field I converted your message into a file since it's above 15 lines :+1:
You have unit twice
Hey I am having a bit of trouble finding a nice way to do the ui to control both lamps & groups of lamps through multiple rooms.
Currently I have them all in their individual group but I kinda would like a sort of room selection which then just shows the lamps and groups within a specific room.
Is this possible with ha? Probably utilizing the sub view dashboards and buttons to switch between em?
@polar kelp When I delete unit above attribute templates I have no unit at all
I have a Home page dash with the core stuff on the HACS Room cards, and clicking on the title takes you to a detailed dashboard for each room. So simple rooms do not really need the 2nd page, but I include the climate device for the room plus the lights and switches and media players on the room page. I know some people like to keep devices together but I find the room arrangement easier.
I haven't worked with that card yet - did that require an svg of the room layout?
No it is a really simple card. https://github.com/marcokreeft87/room-card has a screen shot
Oh I see! That looks good
I confused it with the picture-elements
Here are a few of my rooms: https://pasteboard.co/6Z7ggimuI0g0.png
Thank ya, will see what I can do off that
I am currently using the minimalist setup recommended by EverythingSmartHome on YouTube but I notice there is a adaptive version now, how can I convert my current setup to the adaptive version?
also, how can I set the global default dashboard to a specific dashboard?
@hushed agate Piggy-backing what @thorn granite said regarding the room card, I too use it as a summary-kind-of-view. Lots of information on one screen: light groups, individial lights, sensors, battery status, and some automation toggles.
You could also consider popups with browser-mod (https://github.com/thomasloven/hass-browser_mod). I just recently started implementing them. I have a button to toggle a light group, but if I push and hold, the pop appears allowing me to toggle individual lights and brightness.
Top of the dashboard where they're implemented.
This is what the mermaid card looks like.
can someone clarify?
Can someone help me with this ?
I think you need to water the plants
On my tablet the buttons to toggle or adjust the lights or covers are quite small. If it was mine, I'd make them bigger - just to be more suitable to my fingers on my tablet. But your experience on your device might vary.
hmm I do not like the thin outlines in black looks a bit oldschool to me
Hey folks! I'm about to setup a tablet for a wall mounted dashboard and wonder how to realize the following: I want a button show in different colors depending on some complex state, when the button is tabbed additional information should popup.
The scenario is the following: We have an AC in our bedroom. The AC will only be activated at all, if the room temperature is too high and outside is not expected to cool down (early enough). In order to switch the AC on, the window and room door need to be closed (sensors for both available). I want to display the following colors / state info:
- grey (no AC needed, all fine)
- green (AC will kick in and door & window and closed)
- red (AC should kick in, but either door or window are open)
On click of the button I want to print the reason for red color.
Does someone have an idea how to realize that in Lovelace?
@safe grove sent you a dm
Button Card from HACS can do that (https://github.com/custom-cards/button-card) - at least the coloring.
@ivory mantle I converted your message into a file since it's above 15 lines :+1:
Hi, I have icon with id svetloKuhinjaGlavno
I want to move the icon
and there is css but it doesnt work
the size forks but position doesnt
i had bad luck with css
let me see here...
do you just want to change the size of the icon or?
sure
iconId {
x: 50px; moves the icon 50 pixels to the right
y: 20px; moves the icon 20 pixels down
}
or you can say top, or left, or right, then XXpx;
but you have to use the iconid {} method
Is the restriction card my best option if I want a pin protected switch?
restiction card works for me until v1.2.7 ( 8 and 9 have a bug)
I was hoping for something more integrated. I have a lock switch on the shortcut tile on my watch but it's a bit too easy to unlock the door like that. π
I am not aware of any other method, you can use either a code or a confirmation, I use if for my powerplugs and show the required code in the message itself as it is only to prevent accidental triggering. It only works from the front end of course, my plugs can stil be triggered via Z2M which has no protection.
I don't think, the restriction card will help you on your watch. Afaik that's managed in the companion apps and not the dashboards. Depending on your watch (WearOS or watchOS) the people in #android-archived or #ios_and_mac-archived might know a workaround
Yeah, already asked there π
copy + paste in the frontend = awesome, thank you π
Is there a way to combine two entities on the cards so that they are on one line? - https://i.imgur.com/wYmcJ9g.png
I want to have it say:
Meter 1: 73F / 40%
The "official" way would probably be to create a template sensor with the formatted string that you want, and display that entity instead. There is probably some custom card that lets you make that kind of output, but I don't know offhand. Nothing in the stock cards can do that. @tame oriole
Or maybe a markdown card if you just want a textbox.
Multiple Entity Row from HACS can do that.
With stock entities card you might do a buttons row.
I don't think buttons row shows state?
alright. i will look into that. i have many sensors so if i can group them up, it would look better
Yeah, it doesn't accept a subtype sensor-entity unfortunately.
Or templates as names.
I ran into an issue where I named my sensor the same as the sub-sensor, and it nulls it out in a way
would this be a bug you think?
i have 1 meter that has temp + humidity, when you name it the same as the sub-sensor, it makes it empty in front.
which affects me trying to put it in a Card
The device page just cuts the device name off the entities friendly name in that view
gotcha. thats a little strange.
From a certain point of view it makes sense. As most entites names are the device name + its specialization, it saves space to just show the specialization - and prevent it to be cut off.
Yeah, the only issue is the cards use those names, so if i make them the same name as the sensor its under, it cuts off the sub-sensor name and my cards look bad
I thought, I have had some hacky entities card configuration for that, but it has just been a way to show helpers as kind of sensor data. π€
maybe you can help with this next question
i want to make the buttons indicate that this is the FAN. is there a way to do that? or do i have to put some title next to the buttons or a photo?
You want auto to be called "test" in this case?
well, AUTO and ON on that line is referring to the fan
i want to somehow label it so i know that those 2 buttons refer to the FAN
a bit confused at their documentation on how to do that, if possible
I suppose _name and icon need to be indented by two spaces to rename auto
No
Can you try`the following in your HVAC section?
_name: test
icon: mdi:fan```
yeah thats why i got confused and asked here, i thought i was following it correctly lol
The documentation is a bit confusing, indeed. If you remove the _ from name, does that do the trick?
nope same error lol
yeah the docu makes it seem like the way you told me, would work
Maybe the predefinded ones aren't customizable π€
can I at least change the header from text to an icon?
i guess the question would be, how do you "link icons" to this?
I'm trying to recreate it... brb
Okay... you can change the name and icon of the buttons...
oh really
@vital burrow I converted your message into a file since it's above 15 lines :+1:
oh. well that certainly wasnt confusing to figure out
Yeah. You can only change something, if no true/false is set. π
yeah that caught me up
is there a place where i can see all the default icons to pick from?
i see you did a bomb, while interesting, probably not what i want to put
Sure. https://mdi.bessarabov.com/ is a good source
all of those are in HA?
Is it okay if I ask a card-mod question in here?
thats what i just did
Just post your question. Maybe someone can help you.
I want to change the color of a custom-button based on the state of an entity. When I color the entire background, the change is instant. But when I color just the icon (--card-mod-icon-color) it takes ages for the button to reflect the state of the entity, and sometimes doesn't change at all.
sounds like your config is wrong
Wrong how?
Oh, and when I click on 'Edit dashboard' all the icons sync to their respective states
You don't need card-mod to do that. The card is capable of handling states. Such as green and certain icon for on and red with a different icon for off. Take a look at the docs under State. (If you're trying to use a state of a different entity it becomes a little bit trickier but still doable.)
Look at some of the stuff I have posted in here. I've probably already posted code and pictures that would be useful to you.
No clue, you haven't posted it
Can you add icons to Markdown cards?
Yes. With <font color=red>Your text here</font>
so basically html
Or <font size="3">Text</font> - and also those things combined
Thx for pointing me in the right direction. I'm trying to get it to work through color_type: icon and color: now.
this is what i ended up with so far. trying to figure out better spacing for the "----" because i dont like it
it may support tables: https://www.markdownguide.org/extended-syntax/#tables
I haven't tried it, though
One line of code to rule them all, one line of code to find them, one line of code to bring them all, and in the darkness bind them
well, tables do work, but they dont go to the end of the card. like in my photo above, its only going halfway with no way to right align the data or space it out nicely
Even without the dividers?
whatcha mean?
Have you tried without those horizontal lines? Maybe the tables don't like those.
if i start to delete those, it breaks the "table"
and i cant seem to add more than 3 columns to make my data go further to the edge
I meant those in the picture with the ----- spacings
oh. that photo is not using tables
hm, well i did manage to get more than 3 columns now.
guess ill see if i can just push it to the edge that way
i give up. i cant lol. if theres no way to force the text to the right, its impossible. because if you do anything like adding spaces or columns in a table, it will always be uneven.
my sensor names are not consistant, so when i try to space it out with table columns or blank spaces, its always uneven. only way to fix it would be to have some markdown command that shoves the text wrapped in it, to the right
i did try a few HTML similar codes to try and align the text but nothing worked. only <center>
I got somethign that looks kind of right with tons of characters
| Left | Middle | Right |
| :---- | :----: | ----:|
| hi | hi | hi |
might not respond well to width changes though
The problem are changing sensor names... So the spacings vary
A workaround might be a horizontal stack with two markdown cards. One for the sensor names and one for the values π€
Looks good
can someone help me with the function to set proper unit ?
anyone any good with apex chart cards?
Could you be more specific? Units are not set with a function.
If you simply want a table you could look at Flex Table from HACS.
someone replied to you above...
this
use an html table
Thx I'll try that next
it works, hold on a sec
I purposly have the 2nd column large
but you have more control
I don't know how you manage that level of milliliter precision while drinking π
haha, I added it because my mother has a container that's liters and I had to do math and it made me mad
is there a line on the jigger for that?
I needed to convert 8 teaspoons to liters when mixing a large batch of booze for a party
not that recipe tho, spicy mango margs
Breaking change for card-mod users with Mushroom Cards. ha-icon not longer works; now requires ha-state-icon Previously, this used to work for animating the icon.yaml card_mod: style: mushroom-shape-icon$: | ha-state-icon { --icon-animation: rotation 3s linear infinite } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
Now, the syntax is: yaml card_mod: style: | ha-state-icon { animation: rotation 3s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
Hello guys:) Is it normal that the vertical-stack and horizontal-stack cards take longer to load than any other card? I tried the performance debugger in dev tools but I'm not able to track this down right now xD
Why does my browser-mod popup like that.
After update my flex-table-card doesn't work as it should. I have it like this: https://pastebin.com/xMuBcXKG but the sort_by: - devices+ gives this error: https://pastebin.com/3awYQd2v Ideas how to fix? If I remove the sort_by it works but obviously without a sort π
What happens if you change the name of the column you want to sort by to devices
Yes, I've noticed the same behavior on my browser_mod popups since a couple of months or so. I've searched around and have found this (from 07/2020), not sure if it's the same we're seeing though:
https://github.com/thomasloven/hass-browser_mod/issues/117
According to what Thomas Loven says in that thread, it seems you need to also install card-mod to get correct style. However, I've not tried that myself yet.
devices instead of devices+ ? Same error.
If I remove the - data: devices modify: x.ip hidden: true I don't get the error.
I have an issue where the dashboard on my Home Assistant does not respond. I can login, but once my dashboard (not the default) dashboard loads, I can do nothing else. I cannot click on anything and eventually the browser times out and says the page is non-responsive. I was running the beta channel and figured it might be related. But I have move back to stable, even reinstalled clean and restored partial backups. Everything but HA 2023.7.0 and clicking worked. So I tried restoring full backup with my custom desktop and problem is back. So I feel it has something to do with my desktop but I can only interact with the CLI at this moment. Is there a way in the CLI to change the default dashboard so it uses the system default instead of my custom dashboard?
No you blanked out the column name try setting it to devices.
Huh? Like this you mean? https://pastebin.com/PN5hLdu1 Line 17
I had a look at my own tables, but I can not see an option to sort by devices on the UI version, a glace at the documentation suggests you might need to set attributes for the column but I am not sure. Sorry
Hm. It worked fine until latest release.
To format your text as code, enter three backticks on the first line, press Shift+Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks.
```yaml
example: here
```
Don't forget you can edit your post rather than repeatedly posting the same thing.
@vital burrow thanks
hi, I've created a mini-graph card for my temp and humidity sensor. I've like to replicate them for all my sensor of this type (12). Is there a way to create a template and just set the sensor to use in stead of recreating everything everytime ?
Weird thing to try, but have you tried connecting to your external address instead of internal address (even if you are on your internal network)? Instead of connecting to 192.168.x.x:8123, do you have a MY_HA.duckdns.org:8123 set up? (For some reason, my Amazon Echo Show 15 does not want to connect to the internal IP but works fine with the external.)
Not many cards offer templating. The mini-graph card does not mention it in the docs so I'm going to assume the answer is going to be no. However, you might consider the decluttering card (https://github.com/custom-cards/decluttering-card). Here's an article about it: https://smarthomescene.com/guides/home-assistant-decluttering-card-tutorial/ I personally have not used it yet but it is on my list of stuff to check out... one day...
No, I do not have an external address. As for connecting, I can do that just fine, but once logged in, I am taken to my custom desktop. At that point nothing works. Hovering over anything in the left menu normally has the link show up at the bottom of the page, but now it does not. Try clicking on anything, the browser finally times out and says the page is not responding. I have currently did a complete reload, restored add-ons and directories. Now I am trying to bring stuff back in pieces. Pretty sure something is wrong with the yaml that is my custom dashboard. Just not in depth enough with HA and HAOS to know what to look for yet. Not even sure where the dashboard yaml is, yet.
Hi I use picture-elements for my floorplan, how I can multiple floor to the layouts ? (it is not ha-floorplan)
Just fyi: strict: true fixed my flex-table-card giving error π
Hey, my dashboard for some reason looked like the first, horizontal image yesterday, and it also looks like this for a second while the page is loading
However, today when I loaded the page after that second where it showed normally it now shows the entire thing vertically like in the second image
Any idea what's going on and how I could fix this? A 2 column grid gets way too squashed, I'd need them as individual cards. I don't really understand the logic of how to get a card to the left/right rather than have it go under another card
Can you paste the yaml somewhere? I'm curious if anything is in stacks, or conditional? (where is ToDo card in first image)?
The todo card is under the weather one, though I already fixed this with the "layout card". Here's the yaml though https://givemelogs.com/U_6x2Xi-OQDXdeEtW9iOE
The 3 glances on the right are in a stack, the weather & to-do are separate
I think probably the problem is that that clock-weather-card does not implement getCardSize() function.
Without that, the masonry layout thinks it is a small card. I believe the grocy todo card implements getCardSize() based on the number of todo items.
So if the clock card and grocy card both report (or assume default) small card sizes, masonry may not decide to start a second stack.
you're probably noticing the layout switching back and forth because the number of todo items change
That makes sense, didn't know about the getCardSize function
I assume it changes when the to-do's load in
@round lintel I converted your message into a file since it's above 15 lines :+1:
I think this is your problem {% if ('100.0' > batteryPercentage > '80.0') %} green
I'm not sure jinja supports something like this, though I might be wrong. You might want to split that condition apart into multiple ones
Actually no, it should work okay
What's your sensor showing @round lintel ?
So I expect green to be the color shown. I am trying to fix this for 2hours. I feel so stupid haha
Can you try comparing without the float? e.g remove the .0?
Just did, still showing pink, let me paste a screenshot. Should I round of the sensor value as well? Although config of that sensor does not show the ".0"
that .0% is weird, maybe round the sensor value or try
{% set batteryPercentage = states('sensor.contact_office_battery') | float %}
Since it works for me and the only difference is I don't have that .0% I think that's it
~OH WAIT, didn't HA add a way to change the decimal accuracy? I wonder if that works~ nevermind that was just for helpers I think
@round lintel sanity check, you sure the sensor name is correct?
So strange it works on your end
If I put an incorrect sensor name I get pink too(since it's not going to be any of those cases)
I took the entity id, according to the documentation it should be that one
Does it work with another battery sensor? Maybe a phone battery level sensor?
That way you can make sure it's just an issue with that specific entity, so then you can maybe try rounding it or converting it to int or float
minor tip, you can get a wider editor if you click on the editor's title, then you can see the full yaml block (assuming you have screen space for it)
I found another way, while it looks to be working. I will try different sensors with different values to confirm.
why are you doing string comparison and not float comparison? doesn't seem like that would give the right result
Nevermind :(. I think mistake is numbers vs strings.
Could it be that the sensor does not provide an actual number?
sensors never provide "numbers". states are always strings.
you must cast it to a number
(attributes may be numbers)
I think I have found it..
@thorn granite I converted your message into a file since it's above 15 lines :+1:
Hey, it's perfect and even more. Very easy to use and very powerfull ! You should try it quickly !
@thorn granite that looks like the code I posted a couple of days ago! https://community.home-assistant.io/t/green-to-red-icon-color-gradient-template-battery-percentage/587538
I did say I found it in the forums
I'm just glad someone has been able to put it to good use.
At some point I am going to try to reverse engineer it to be able to do accept input ranges, blue to red, and maybe inverse (green-to-red).
Anyone having the front end lock up with the latest July release? If I go to a page with mushroom components it instantly freezes.
That is the same issue I was just asking about. It only happens if it is on a certain page for me. If on the main menu I can go anywhere but the pages with mushroom components or something like that.
I remember that somewhere it was possible to set that a given user has access only to a given dasbhoard, but I can't find it now. Can someone give me a hint?
Hi all, I just upgraded to 2023.7.1 from a 2023.6.x version. And now the markdown card doesn't show any content anymore on my hacked Lenovo SMart Clock, which probably has an older version of webview, which I cannot update. Can you please fix this, so the Markdown Card keeps working on older browsers!
& @ember forge All my views seem to work on Firefox and FKB. But the majority of mine are Mushroom Template Cards and Chips. There was a breaking change mentioned if you use card mod on them.
I can't remember if setting a dashboard based on user is possible. I know you can set it to Admin Only. You can, however, set individual views of a dashboard per user. Edit the dashboard, click the pencil next to the name/icon of the view, click Visibility. Is that what you were thinking of?
Anyone using the HACS Lovelace button-card repo? Template inheritance doesn't seem to be working for me. The last template listed always wins, even when using value operators.
The majority of my dashboard is templated custom:button-cards. Ensure your indention is correct and if you have JavaScript or card mod sections, ensure they are properly closed/ended/terminated. (I don't know the proper term.)
But what do you mean by even when using value operators? Are you referring to states?
@dusky haven I converted your message into a file since it's above 15 lines :+1:
Okay. That's not a template. That's a state.
Well crap I pasted the wrong thing. I've been playing with the config since my first post. If you give me a second I can get the template version of the config.
Lemme just on the laptop to check the syntax.
Even so, it's still not working. The colors don't change. If I am reading this correctly when state is on the color should be green, and red when state is off. Right now it's just using the default black.
From my primary template: yaml state: - color: rgb(28, 28, 28) operator: '==' value: 'off' styles: name: - color: rgb(128, 128, 128) - color: yellow operator: '==' value: 'on' styles: name: - color: rgb(255, 255, 255)The operator default is == so technically not needed. I wonder if your icon color in styles is preventing the state.
@dusky haven I converted your message into a file since it's above 15 lines :+1:
button_card_templates needs to go before views
These are the docs I was attempting to use It looks a little different from what you are doing.
ok let me try that
Get rid of the styles and update indention for states: yaml button_card_templates: onstate: state: - color: rgb(0,255,0) value: 'on' offstate: state: - color: rgb(255,0,0) value: 'off' ```yaml
type: custom:button-card
entity: light.bedroom1
template:
- onstate
- offstate```
ok standby
@dusky haven I converted your message into a file since it's above 15 lines :+1:
Label is now black in both on and off states
Try putting button_card_templates before title. (I don't have a title set so that doesn't appear in my code.)
Does not appear to have helped. If it means anything I am doing this in the raw configuration editor on the Lovelace tab settings.
I've posted my dashboard. https://pastebin.com/KH84jm0W You'll see your templates at Lines 270-277 and the example using your template at Lines 2390-2394.
Remove yaml styles: icon: - color: rgb(255,213,113) from your button's code. When I add that to my example, I get a yellow color but the onstate/offstate doesn't work.
I'll take a look. Do you think I should be able to add the code to raw config or do I have to modify ui-lovelace.yaml? I would think it should work either way, but it's easier for me to use the raw config editor.
ok will remove
Ok I removed it. The icon now changes color, but not the state label. At least that's something different.
The templates have to be added through the raw. You should be able to do everything else through the UI editor. You shouldn't need to edit the yaml directly. IMO. I never do.
I was trying to get the on/off label to change color. I thought using styles > state would do that
At least that's what the docs implied
I agree.
So, not the icon? Only the state is what you're going for?
onstate:
state:
- value: 'on'
styles:
state:
- color: green
offstate:
state:
- value: 'off'
styles:
state:
- color: red```
Yea, that's what I was going for. At least now we have the icon color changing, which it was not doing before.
trying now, standby
Yea that's working now. Are the docs out of date, or was I just not seeing it?
Nah. I think it is just a matter of getting the syntax right. It's there. There's just a lot of info in the docs.
I'm guessing it is because I had the templates inside the views
I'm comparing my original post against the config I have now.
Yes there is. I've been beating my head for a few hours now. I eventually gave up and posted here. I really appreciate your help.
Yeah. The templates have to be first. I also use kiosk_mode which I have before my templates.
You can do a lot with the custom:button-card. It's just a matter of figuring out how to get it to work. (Wait until you start adding Javascript to it. That's a doozy.)yaml - color: |- [[[ var battery_level=states[variables.var_battery_entity].state; if (battery_level > 70) return 'lime'; else if (battery_level >= 30) return 'yellow'; else return 'red'; ]]]
That's the plan. I'm trying to create an LCARS style interface. I had something working using some Blazor code and the .NET websockets API, but it was unstable and that was before I looked at the HA websockets library and Lovelace configuration. This seems easier and makes it so I don't have to manage connections and re-invent the wheel.
Yea I've seen that too....baby steps.
Yeah. Still a lot of work to go into it. I'm assuming you've seen this: LCARS theme https://community.home-assistant.io/t/star-trek-lcars-theme/511391
Lots of examples on the OP's Github.
how can i add a yaml dashboard? i have one in kiosk mode that takes away the side and top bar but i cannot edit it
add ?edit=1 to the end of its address. for example, http://10.10.10.2:8123/fire-main/bedroom?edit=1
Also, consider adding entity settings where you can turn on/off kiosk mode settings. Perhaps "hide it" with a push&hold action. https://github.com/NemesisRE/kiosk-mode#entity_settings
I have mine hidden behind a swipe-card.
oh ok, im using a different integration i will check if its possible
Are you using browser mod?
That looks like it should work. ?edit=1 should also take you into the editor. But you won't be able to get into the raw editor if you have the header hidden which is why I like the Kiosk Mode from the first link. It is also comfortable per user so my tablets have a user account with stuff hidden but my actual account does not (for editing purposes and whatnot.)
@quiet badge I converted your message into a file since it's above 15 lines :+1:
Here's the part for the toggle. ```yaml
type: entities
entities:
- entity: light.hallway
style:
ha-entity-toggle:
$: |
ha-switch {
--switch-unchecked-button-color: #018752;
--switch-checked-button-color: #bf5e5e;
}```
The hard part is you're using the custom:slider-entity-row which is "wraps" the slider and the toggle. I found this to color a slider by itself (which won't work in your case.)```yaml
type: entities
entities:
- entity: input_select.number_helper
style:
hui-generic-entity-row: |
.flex ha-slider {
--paper-slider-active-color: orange;
--paper-slider-knob-color: green;
--paper-slider-container-color: cyan;
}```
okay that part works. i was reading maybe i could make a theme just for this card to change it there?
Looks like it uses the same variables but I'm not sure how to get card mod to change it. var(--paper-slider-active-color) #red var(--slider-track-color) #blue var(--slider-color) #orangeI was able to make changes in the Inspector but I'm not sure how to use this information...
@quiet badge I figured out the slider colors for custom:slider-entity-row.....
has anyone had luck with upcoming-media-card? trying to pair it with 'plex recently added sensor' and can't seem to get the card to display
it shows up when i click add card, but then it gives me this
If you just installed the card, try refreshing your browser. Other options: clearing cache and restarting HA.
Actually, it is mad because you haven't defined an entity.
yeah, tried those options. it shows the link when i click manage resources on the dashboard
how do i go about resolving that?
type: custom:upcoming-media-card
entity: semsor.plex_recently_added_sensor_name_here```That should at least get the card to display. Check out the docs for more customization settings https://github.com/custom-cards/upcoming-media-card
would i place that in my configuration.yaml?
sorry, still learning more about the backend of ha
Nope. Right in you the same spot you took the screenshot.
I made a typo on line 1. Updated it above.
so it looks like it's not creating the entity. here's what i have in my configuration.yaml, but when i go to settings > entities, i don't see that sensor anywhere
Did you install the sensor.plex_recently_added components? https://github.com/custom-components/sensor.plex_recently_added#installation
i did
and it wants to use "recently_added_tv" apparently. not sure why my entities i put in configuration.yaml aren't working for it
Have you restarted HA after adding to configuration.yaml? (I can't remember is a Quick Reload is good enough to reload the configuration.yaml or if it needs a restart.)
Did you properly set your token and host secrets?
Yeah, did a full restart and have my host and tokens set up in secrets as well
When I go to settings and look for it in my list of entities, I'm not seeing it there either
Im trying to install Minimalist UI
any ideas clear the cache dont work and also i instaled all the cards manually
I've got an Android device as a dashboard for HA. Ever since the 2023.6 update (still repros on 2023.7), it's been stuck on "Initializing" when trying to log in to HA. I've tried updating the system WebVIew, reinstalling the HA app, and can reproduce the issue in Chrome, HA.app, and Fully. This reproduces with my local IP and external address.
Is there anything I'm missing? Has this happened to anyone else?
hello. i have a MARKDOWN Card that shows my temperature sensors. im trying to make it so that when i click on it, it links to the sensor directly like it does if i were to just insert the sensor card itself:
So, I made it to the same point that you were at. Everything installed but no sensor. Quick reloads and restarts. Looking at the docs, I went with a minimal configuration https://github.com/custom-components/sensor.plex_recently_added#sample-for-minimal-config-needed-in-configurationyaml
- platform: plex_recently_added
token: !secret plex_token
host: 10.10.10.6
port: 32400```And after a restart, I at least have a sensor:
Although, I took the examples for the sections and those have not shown up. I even tried putting the name in quotes but that doesn't seem to help. ```yaml
- platform: plex_recently_added
name: "Recently Added Movies" # will create sensor.recently_added_movies
token: !secret plex_token
host: 10.10.10.6
port: 32400
section_types:- movie```
i was able to get it working with your help, just not my custom named sensors
had to use the defaults
same thing for me
i ended up using the ones it created, 'recently_added_movies' and that pulled the data from plex
still need to look into customizing the card itself. don't really care for images, just want the data in a compact format
Is there any kind of Drag and Drop plugin or development that you are aware of?. I know about this one https://github.com/zsarnett/Custom-Grid-View, but it is archived (without notice of the reason).
Hi i have a question about https://github.com/RomRider/apexcharts-card. Can i filter all 0 values out?
I need a bar chart that is grouping the data by date and removing 0 values from it
got it to work with a table with <table width="100%" style="margin: 0px">
next challenge, is there a way to link the sensor to the page like a traditional card would?
like, you click on it and this opens:
if i add a card that isnt markdown and point it to a sensor, i can click on it and that opens^
Would it be acceptable to ask a card-mod styling question in this room?
This in your YAML?
tap_action: navigate
navigation_path: '/lovelace/**id_of_tab_page**''
@tame oriole sorry, I was confused as to what you were asking until I re-read it. That wasn't at all what you wanted.
I have a card I've created using apex charts and entities cards(for the readout) and I'd like to get the header name on the right to be aligned right with card-mod; however I am seemingly unable to do so.
This is my code:
I used a markdown card to custom add my sensors, but since I'm using a markdown card, I can't click on the sensor anymore to bring it up.
@tame oriole I realized that. I was wondering if the custom card "auto-entities" might suit your needs a little better. It is highly configurable.
Not sure if you'd be able to display temp and humidity next to each other like you do currently though. I've only got a little experience with it.
Yeah I need to combine them. It saves space.
@tame oriole Ha! Yes, you can!
https://community.home-assistant.io/t/auto-entities-automatically-fill-cards-with-entities/147801/49?u=ekylypse
Primary, secondary, tertiary Information at least.
I mean. Is there's no way to do what I want in markdown, I can try that way
I haven't seen one.
how do you get this "auto-entities" card?
It's a HACS card
cant seem to find it. is it searchable or do i have to add it some other way?
i'd still prefer to do it in a more "vanilla" way instead of relying on integrations that could break later
hmm. if i didnt want to do that, is it possible to have a link on the Markdown card to link to the page where the sensor is?
I'm not getting the prompt to rename related entities when changing a device's name. Was that removed? Is there a new method?
I think so - if I get you right. [Linkname](/lovelace/path)works for me.
If I use [{{ states.sensor.pc_energy.name }}](/lovelace-enery/livingroom)It shows the friendly name to me and links to the dashboard Energy, page Livingroom
@rustic lynx I converted your message into a file since it's above 15 lines :+1:
Have you renamed anything or just opened it and selected save?
I've renamed most of my devices to human-readable names like "Iris contact 2", never got the popup
AFAIK it just shows that prompt, if the device has been renamed
Settings -> Devices -> Devices -> choose a device -> Pen -> enter a different name -> Update
right? It just saves the friendly name without asking about entity IDs
I don't
Enable it and I think the prompt should appear the next time
how do i figure out what to put for this part? (/lovelace-enery/livingroom)
for say, this:
That did it! Thanks!
btw what else does this setting show/hide?
My minimalist is empty any ideas ?
so this is my ui-lovelace.yaml
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/ui_minimalist/ulm_templates/"
title: "Minimalist"
background: "var(--background-image)"
views: !include views/home.yaml
I thought you wanted to link to a dashboard.
In that case everything after homeassistant.local:8123 (e.g. /config/devices/device/xxxxxxxxxxxxxxxxxxxxxxx)
@rustic lynx I converted your message into a file since it's above 15 lines :+1:
any ideas?
when you refer to "dashboard" do you mean this?
or you mean the tabs at the top being dashboards
For example you get presented more add-ons and so on. Stuff for advanced users.
You can link to the tabs or to the device page. (stuff which has its own URL)
yeah since i cant get the popout to work, probably best to do the device page
If it is possible to link to popouts, it is beyond my knowledge
welp, it's there, but it's not working...
yeah that is what im after lol
Closest I would get, would be the history page (/history?entity_id=sensor.sensorname)
oh that might be good too
I'm not familiar with minimalist, but are you sure your weather entity is written correctly? A second . at least looks wrong
Got another interesting thing that came up. if i am using a Markdown Card and I reference a sensor that is temporarily not available, my entire card will not show up until that sensor comes back. is there any way around that? I was thinking of an automation to update an input number instead, but asking to see if theres something i can do in the Card directly.
my card will just look like this because one sensor reference is not available
maybe i could do an IF statement in the cards code if the sensor isn't there?
might be on the right track, but i dont understand why this doesnt work:
<tr>
<td>Living Room Heater:</td>
<td align="right">
<font color=44739e><ha-icon icon="mdi:thermometer"></ha-icon></font>{% set temperature = state_attr('climate.living_room_heater', 'current_temperature') | round(1) %}{% if temperature >= 0 %}{{ temperature }}Β°F
{% else %}
0Β°F
{% endif %}<font color=44739e><ha-icon icon="mdi:water-percent"></ha-icon></font>{{ state_attr('climate.living_room_heater', 'current_humidity') | default(0) }}%
</td>
</tr>
every time the "state_attr('climate.living_room_heater', 'current_temperature'" gets referenced, it just gives me a blank card
keep in mind, thats only if the state_attr is actually missing due to a network issue
If it is unavailable, you cannot round its value
hm. let me try to remove the round part
basically when "state_attr('climate.living_room_heater', 'current_temperature')" goes offline in HA, the state_attr is gone.
its just not an attribute to reference
why would that cause the whole card to become blank?
I think this might help you: #automations-archived message
Just doing the calculation, if it is not unavailable
uhhh hmmmmmmm
you're talking about this right?
{% set state = states('sensor.tv_w') %}
{{ state | is_number and state | float < 5 }}
im trying to figure out how to modify that to fit mine
try piping the state_attr to a float first because it should be a string value.
lemme try
not necessarily. attributes can retain their native types
or try something like set temperature = 12.345 | float | round(1) and take the state_attr out of the equation for the time being.
hmm. i see the issue. if i set it to " | string" and the sensor becomes unavailable, it simply says
NONE
which is great
is this a thing that would work? or would that be wrong here?
{{ state_attr('climate.living_room_heater','current_temperature') | round(1) | string }}
Float(0) works for me, if I insert a typo in the attribute's name
oh yeah that works
{% set temperature = (state_attr('climate.wohnzimmer', 'current_temperatures')) | float(0) | round(1) %}
you shouldn't have to pipe it to a string at the end. I don't think you can evaluate the math as a string.
i dont even need to do any if statments if i just do this way
<td align="right"><font color=44739e><ha-icon icon="mdi:thermometer"></ha-icon></font>{{ state_attr('climate.living_room_heater','current_temperature') | float(0) | round(1) }}Β°F <font color=44739e><ha-icon icon="mdi:water-percent"></ha-icon></font>{{ state_attr('climate.living_room_heater','current_humidity') }}%</td>
My brain is so fried at this time
yeah i am running into really weird stuff, sorry
lol
state_attr('climate.living_room_heater','current_temperature') | float(0) | round(1) }} works and i dont need to use any conditional statements to avoid it
when the attribute becomes unavailable now, its just set to 0
& the reason the attribute disappears, is because its not local, its cloud based, so the integration makes the attribute disappear
but that solution really works so thanks
You should be able to check the state of climate.living_room_heater and if it unavailable to handle whatever accordingly.
yeah when that heater goes offline. the attribute disappears lol
it would be great if it just stayed there, but it doesnt
quite literally will disappear if the thermostat goes offline
qhich causes the whole problem
well, more than that attribute goes away, but the fix for it is the same as what we did above
You wouldn't be checking the attribute, You'd be checking the state of the entity. It should report as unavailable. So basically something like {% if states('sensor.living_room_door_temperature') == 'unavailable' %} Offline
And, interestingly, like RobC mentioned, I did not have to pipe to float first in order to make it work (using the state for temperature):
{% set temperature = states('sensor.living_room_door_temperature') | round(0) %}
The float helped to get around the missing attribute with its standard value
But handling it like you said is definetly more elegant
True. I have just gotten in the habit of piping to int/float (or using parseInt/parseFloat) just as a good practice (and being less frustrating).
I think all that would be needed is yaml {% set temperature = states('sensor.living_room_door_temperature') | round(1) %} {% if states('sensor.living_room_door_temperature') == 'unavailable' %} 0Β°F {% else %} {{ temperature }}Β°F {% endif %}(Note, I'm using the state instead of a state_attr for the actual temperature.) Also, don't even have to evaluate the temperature any more since the Offline will catch the unavailable.
@tame oriole If you choose not to do more regarding error handling, 0 Β°F as default value might not be ideal (depending where you are living) - I like 404 Β°F as symbolic value
Not loaded in Lovelace
You have 6 Lovelace elements that are not loaded properly in Lovelace.
how i can fix this in hacs
oh, well yeah. if i wanted to display something else i would have to write something to substitute it i agree
True. Offline could be changed to 0Β°F instead.
Have you already created a dashboard, where you "took control"?
sorry dont get the question ?
Do you still have the autogenerated dashboard or have you already done anything yourself - adding a card and so on
I was wondering if there are any card-mod wizards who might be able to assist with my CSS?
any ideas @vital burrow
@tame oriole that looks awesome with the history page linked. Even a little more informative and easy to adjust your range on the graph.
Go to the autogenerated lovelace dashboard and hit the 3 dots and Edit Dashboard. Just hit Take control afterwards. Now you should be able to add cards via HACS
oh sorry my friend i already done that
i add i card for testing
sorry @vital burrow
how would i implement this into my table?
<table width="100%" style="margin: 0px">
<tr>
<td>Living Room Heater:</td>
<td align="right"><font color=44739e><ha-icon icon="mdi:thermometer"></ha-icon></font>{{ state_attr('climate.living_room_heater','current_temperature') | float(0) | round(1) }}Β°F <font color=44739e><ha-icon icon="mdi:water-percent"></ha-icon></font>{{ state_attr('climate.living_room_heater','current_humidity') | float(0) | round }}%</td>
</tr>
</table>
alright. im getting really close. let me explain
<table width="100%" style="margin: 0px">
<tr>
<td>Living Room Heater:</td>
<td align="right">
<font color=44739e><ha-icon icon="mdi:thermometer"></ha-icon></font>{% set temperature = state_attr('climate.living_room_heater', 'current_temperature') | float(0) | round(1) %}{% if state_attr('climate.living_room_heater', 'current_temperature') is not defined %}
Β°F
{% else %} {{ temperature }}Β°F
{% endif %}<font color=44739e><ha-icon icon="mdi:water-percent"></ha-icon></font>{{ state_attr('climate.living_room_heater', 'current_humidity') | float(0) | round }}%
</td>
</tr>
</table>
this works, however. once "current_temperature" is not defined, it displays "0.0F" and doesnt display " Β°F ". doesnt look like its following the if statement
i basically want it to display nothing when the attribute isnt defined
@tame oriole {% if state_attr('climate.living_room_heater', 'current_temperature') is none %}
oh boy that works
i think ive been doing it too long , im missing basic things
but hey it works
I didn't even know is none was a thing. Just went Googling. Was looking to see how jinja handles stuff undefined. You can also do the inverse to ensure it is defined with is not none.
yeah i didnt even think of that
i thought is not defined would be the same as none
apparently not
at one point doing my testing, I got an error: undefined is undefined π
<table width="100%" style="margin: 0px">
<tr>
<td>Living Room Heater:</td>
<td align="right">
<font color=44739e><ha-icon icon="mdi:thermometer"></ha-icon></font>{% set temperature = state_attr('climate.living_room_heater', 'current_temperature') | float(0) | round(1) %}{% if state_attr('climate.living_room_heater', 'current_temperature') is none %}
naΒ°F
{% else %} {{ temperature }}Β°F
{% endif %}<font color=44739e><ha-icon icon="mdi:water-percent"></ha-icon></font>{% set humidity = state_attr('climate.living_room_heater', 'current_humidity') | float(0) | round(1) %}{% if state_attr('climate.living_room_heater', 'current_humidity') is none %}
na%
{% else %} {{ humidity }}%
{% endif %}
</td>
</tr>
</table>
works well for both temp and humidity now
error values so i know its not loaded
You're doing all of this in a Markdown card, right?
Anyone have any experience customizing a remote card for a Vizio TV?
Vizio is Roku-based, right? Check out this post. https://community.home-assistant.io/t/lovelace-roku-remote-card/91476/168 G3GhostTech designed his own. Posted yaml but not the images though.
yup
ive hidden the links to the sensors in the icons too
I was playing with Markdown card not too long ago. Seems pretty powerful; just a matter of figuring out how to make it work right. This is one of my experiments:
Here's another with card mod putting it in the upper right corner of the window.
@tribal galleon Thanks!
What's the best way to achieve the following: I have a bunch of unreliable weather sensors. Usually they work, but sometimes are unavailable. I have a ranking of preference for them. I would like my cards to switch between then with some logic. I am already using the state-switch custom card, but I just end up replicating the same logic in multiple places in my dashboard.
I would rather define a template sensor which would give me the root of the entity_id that works and then my card would ingest this and display the various sensors based on the template. Is something like this possible with some front-end extension?
trying to figure out a way I can hide the sidebar for non admin users, and still have them have acces to their app-settings. Using Kiosk-mode the side bar is easily hidden, and I can add a shortcut somewhere to the Settings page. That is too generic though, I need the url to the App-settings
we can not see that in the app though...
Hi good morning, I have a question about the media player card. Could someone tell me what code or how does it called the action that is necessary in YAML to open the media library source?
Thanks.
Here is a photo about what I mean. https://imgur.com/a/C3kYgTJ
Don't think so, unfortunately π¦
Thanks for the suggestion, though!
Was trying to customize this - https://github.com/usernein/tv-card
Got a quick dashboard question (hope this is the right channel); I'm trying to set up a dashboard view where there's a detailed view column that can be switched between rooms (without changing 'page'). Currently I've got it set up the following way
- A mushroom dropdown card is configured to control a dropdown helper entity
- The dropdown helper is a list of all rooms
- The cards in the detailed view column are each within a vertical stack card, itself nested within a conditional card with the condition pointed at the dropdown helper
For example, you set the dropdown helper to Living Room and this sets the conditional cards for all the rooms except Living Room to false, hiding them
However, I've encountered an issue that I completely overlooked; the helper is global, meaning that if one user changes it, it changes for all users viewing the dashboard.
What I'm looking for is something like a 'local variable'; the ability to change the dropdown and thus change the detailed view but without it changing for all users
not possible without creating helpers for each user
Thought as much. Would that require a copy of the dashboard per user?
Another approach might be to use the Tabbed card from HACS then it would be on a device by device basis. Another option if you have room based presence detection is to use the users location to control the cards shown.
I do have tabbed cards, that's a simple solution I completely overlooked. Thank you
Thank you too petro
Not loaded in Lovelace
You have 6 Lovelace elements that are not loaded properly in Lovelace.
how i can fix this in hacs
Try re-downloading them! That did it for me. For whatever reason they weren't being added as resources until I did so
i've searched as best i can but can't find out how to do what i think should be a fairly straightforward thing. i just want to get the value of the "Name" variable in System settings to display in a template, so I can reuse dashboards with different home names in different locations. how can I achieve that?
Not sure that you can get that
oh really? that's... odd. there's no interface to get system settings at all?
The only way to "get" things is to access entities in the state machine
there are custom frontend things that can get information about your current user that's logged in
but typically, settings like that are hidden from the frontend
If i want a graph that shows entities (sensors) along the bottom (as a bar chart), and price on the left (which is what each sensor shows) how could i do this?
Im trying to add minimalist dashboard. From https://ui-lovelace-minimalist.github.io/UI/setup/installation/#install-integration it says to include some more resources (button-card, lovelace-card-mod, mini-graph-card, mini-media-player, my-cards-slider-card, light-entity-card, auto-entities, simple-weather-card). But I can't find my-cards-slider-card when i'm searching after it.
Anyone know what to do?
There is a link in the install instructions which leads to https://github.com/AnthonMS/my-cards
alright so it's still my-slider that is the correct version in minimalist? and not my-slider-v2?
I am not sure as I found Minimalist too complicated to use and went back to Mushroom
Look at apex charts
I'm on mobile, but post your code
Hard to troubleshoot right now as thereβs no data in the sensors Iβm testing with
Iβm also on mobile so cant post yaml properly (Dam you IOS)
@velvet bloom I converted your message into a file since it's above 15 lines :+1:
Use sensors that have data?
Ignore the float_precision I just tried that during testing
Well in the morning I expect these sensors to have data
The sensors are just the cost of each entity basically
Based on unit price * kWh usage
I really just want it to look like a simple bar chartβ¦. So not sure apex is best for that?
I reset my pool pump sensor hence the weird drop on that blue line
Hey there! I would like a template card to pick between two different sentences depending on the language the current logged in user has. Is this possible and if so how?
Afraid not.
Well.. maybe a template card that employs javascript... π€
I think there are some on HACS. Then it's just hass.language
Not loaded in Lovelace
You have 6 Lovelace elements that are not loaded properly in Lovelace.
how i can fix this in hacs
so when i disconnect a device, the ha doesnt show that its offline anywhere?
There is some potential to use templating for a tap(or hold) action which will change the state to the other language. For the alternative action - hold(or tap) to toggle the action.
it does, the entity of that device changes the state to unavailable and is not manageable
When I say "other language" I mean the sentence in the other language.
You can also build dashboards with a language button for which you translate everything yourself.
Sounds like it's not gonna work too easily. I guess family wins. Really only need it cuz i find swedish awkward in tech situations xD
For one button, it's not bad.
But an entire dashboard is a bit more work
You might be surprised at how many people might help with something like this to be merged in HA.
@rustic lynx I converted your message into a file since it's above 15 lines :+1:
any ideas why the default code for the Minimalist ui works but this dont work ?
It looks like you use some split Lovelace config
So the error can be somewhere else than in the code snippet
yaa this is my ui-lovelance.yaml
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/ui_minimalist/ulm_templates/"
title: "Minimalist"
theme: "minimalist-desktop"
views: !include views/home.yaml
try:
views:
- !include views/home.yaml
Views is expecting a list/array you are giving it a dict/mapping
Guess you followed the ESH video with that mistake
Did you add the custom card as is showed in the video?
yes
Reloaded the yaml or ULM config from the dev-tools?
the card is there but the template is not.
@rustic lynx I converted your message into a file since it's above 15 lines :+1:
sorry @lyric prairie but why the second card dont show up
You use two different person entities in the same card?
And on the mobile show like this
Theme is device specific, so should be set in your profile for each device
oh
but now i change the code to this
- type: horizontal-stack
cards:- type: "custom:button-card"
template: card_person
entity: person.zediogoaraujo
variables:
ulm_card_person_entity: person.zediogoaraujo
ulm_card_person_use_entity_picture: true
ulm_card_person_icon: mdi:face-woman
ulm_card_person_battery: sensor.battery_iphone
but dont show up
- type: "custom:button-card"
All things under variables should be intended with an extra tab
thanks
Hi good evening, I have a question about the media player card. Could someone tell me what code or how does it called the action that is necessary in YAML to open the media library source?
Thanks.
Here is a photo about what I mean. https://imgur.com/a/C3kYgTJ
Is it possible to have the UI frontend change on a timer? I am interested in putting certain cameras on a timer that go round & round.
who can help me to config the floorplan?? please,
Can someone tell me how can I call with an action the explore media button in the media player card? Thanks.
navigate to /media-browser as an tap action
i think the frigate card has a feature to automatically rotate between cameras. and it can jump to one specifically if it detects motion. its a really feature rich card, worth a look.
not sure if its usable without frigate, i think it is
Wonder if someone can help. I have installed a custom card using hacs, but for the life of me i cannot get it to show. When i try creating a custom card using yaml, its erroring like the card is not there
Ive even added it to my config.yaml
#LoveLace Includes
lovelace:
resources:
- url: /hacsfiles/lovelace-xiaomi-vacuum-card/xiaomi-vacuum-card.js
type: module
- url: /hacsfiles/flex-table-card.js
type: module
Its the second one down
i have checked and the js file is in config/www/community/flex-table-card
have both restarted, and rebooted HA
have fully refreshed my page
what am i missing?!
have also tried
lovelace:
resources:
- url: /hacsfiles/lovelace-xiaomi-vacuum-card/xiaomi-vacuum-card.js
type: module
- type: module
url: /local/flex-table-card.js
Ugh, ignore me i got it working
@split granite hello again π the problem is, i have 2 google calendar cards 1 with "daygridMonth" and with "listweek" for showing events, the problem on tablet is the initial view changed on tablet to "list week" on both cards and i cant change that π¦
This isn't IRC @unborn rune - no need to tag people to grab their attention
sorry I thought I should tag you because you asked in general
Any reason why you did not use HACS?
I did
Well, I directed you here and said you needed to explain what you were talking about π
I only added that as i could not get it working.