#frontend-archived
1 messages · Page 148 of 1
Further to that, if you want more options: https://www.home-assistant.io/integrations/binary_sensor/
But if you literally want fully custom icons per state, then yes you'll need a template sensor for each entity.
Anyone know the line in themes to change the media-control card buttons?
I love my dark theme but most of the menus under config don’t change as well as the media control card.
hello - no matter how many times i set a different lovelace dashboard as the default, "Overview" pops back up as the default the next time I look at it or switch devices. Am I missing something?
I think you have to leave the default and change your thinking. I wanted a mobile view as the default and added a UI-mobile yaml. It didn’t work so I just copied UI-mobile to UI-lovelace and UI-lovelace to a second dashboard I called UI-admin
I know that is confusing but I don’t think you can change the name of the default dashboard so just make it what you want
ok... i was attempting to do the entire config via the front-end this go-around.
I use yaml mode
Reverse your thinking. Don’t try to make a new dashboard a default. Make the default your new dashboard
oh you know what that says "on this device"
hmm.
was trying to avoid yaml mode, but looks like i have to go back to it
I just looked at you pic.
Maybe you can’t change the default cause HAss makes it for you
i wish it wasn't per device... in any case, you're probably right about yaml mode at this point.
yaml mode doesn't change that behavior
@tame dove is this how the new dashboard work?
or is this a temp fix
so you made the UI-Mobile as your default
and you made a 2nd new dashboard as UI-Admin and copied your default in there?
now if you try and access that Ui-Admin on your desktop; wont you run into issues all over again if you set that to default?
default is per device, so you should not have any issues after you set a default, unless you're using a new device or a private session
so when i set a default on my mobile to the new UI-Mobile i made the custom header does not load correct
but if i go to the new URL directly its ok
cache has been cleared
i use custom header and use a new default mobile dashboard on my phone and don't have that issue
have you looked at the repo for similar issues or the support thread on the forums?
yea; i have been up and down forums all day - trying to make this new feature work
for example on my custom header new dash - i have to start on tab 11 on refresh. It does not work. Yet if i go to the new dash URL directly without setting the dash as default it works
as soon as i set to to default on the device, it breaks things
I still can't manage to fix this issue: https://imgur.com/a/kMNc4CS
Anyone doing mobile_app push notifications? I'm setting up my first one, but cant figure out why the event isn't triggering
I don't use HA automations, but I do know that AppDaemon state tracking is case sensitive, and device_tracker states are lowercase.
Seems dumb, but perhaps try away instead of Away
Because I believe the HA frontend auto-capitalises, but the actual state is lowercase.
Is there a way to assign an icon to my input boolean?
Kinda wish they'd re-work it to be inline with the creation of the entity. Just makes sense.
anyone awake?
I've got some esphome sensors that report temperature - and although the values are always in F, some of the front end displays have it show up as C
can someone please enlighten me on what all this means? I can't figure out what it's talking about:
The '/community_plugin/*' is deprecated and will be removed in an upcomming version of HACS, it has been replaced by '/hacsfiles/*', if you use the UI to manage your lovelace configuration, you can update this by going to the settings tab in HACS, if you use YAML to manage your lovelace configuration, you manually need to replace the URL in your resources.
I can't see any of these settings anywhere
They're in your Lovelace config, for your custom Lovelace cards
I don't have anything referenced in my lovelace config like that? Not that I can tell?
You don't have any custom Lovelace cards?
Anyone doing mobile_app push notifications? I'm setting up my first one, but cant figure out why the event isn't triggering
@wispy bronze I am a noob myself but was able to set it up on iOS without much grief. How can I help?
if you use the UI to manage your lovelace configuration, you can update this by going to the settings tab in HACS
that's what I don't understand.. where in that am i going? as I don't see any settings that refer to that
That setting only show if you are in storage mode, you use yaml, so it's the resources you have in your configuration
what line am I looking for? I don't know where to look for that setting
resources
Which, with 0.107 also moved locations
haha.. maybe i dont know where it is now it's moved
and you have mode: yaml ?
It's under lovelace
in that case, you have this
what i posted was the RAW config
in that case, you have this
@wheat current BINGO.. that was the info I needed
thank you
if you use the UI to manage your lovelace configuration, you can update this by going to the settings tab in HACS
ok.. I was going to integrations.. settings
if only the warning told you wherer to look
so i was misunderstanding where to go
You need to work on those messages 😉
haha
do i need to do a reboot of it to make it do it's work?
no
Don't reboot
and that is the reason why posting images is disabled
it uesed to work fine
i shared it as an image for a reason.. it's not the text that is wrong.. as it used to work alright
"this error" is what you shared, "this error" is text 😉
so the solution is to install that plugin?
i shows the error as graphical because it used to work.. so the yaml was right.. but the graphical layout became wrong after the last update 😛
You can copy the error as text, and share it as text
Much easier for people to help you that way - if nothing else they can copy and paste parts of the error for searching
it looks like it's working now.. thankyou for your help.. i know you prob thing i'm stupid tho lol
im just not as good at it as you guys are 😛
Fake it 'till you make it
Hi, I have a question. Quite new in HA....I combine it with Homey. I have a dummy switch (which comes from Homey) which is ON when someone is in the shower and OFF when he/she is ready showering. I want to show the time the switch is ON is a graph per day. So I can see how long we shower. So on x-axis it should show days and on y-axis it should show time when switch is ON. Is something like this possible?
The https://www.home-assistant.io/integrations/history_stats/ #integrations-archived will also allow you to track the total time in a chosen time window
Thx, history_stats will do the trick. How can I configure it to show data per day....also in the past? Sorry, still learning 🙂
That's best discussed in #integrations-archived - I don't use it so I'm not sure myself
Ok, will ask it there!
It doesn't look like it actually ended up fixing the preloading of the lovelace cards.. if I refresh the page the error comes back
hey guys, can you tell me why it didn't change the background image but everything else is working
https://paste.ubuntu.com/p/KGZC3qqnf9/
it looks like you are making stuff up, that's probably why
what do you mean?
where is entity_picture_template documented?
And your template is missing an endif,
how are this even not breaking?
it's not a valid template, and they key (from what I see) does not exsist
where is
entity_picture_templatedocumented?
@wheat current so i need to document separately?
yeah i see i forget about endif
no you do not have to document.
Since it's not in the docs, it will not work
don't use stuff that does not exsist?
@green raft Thank you!
has anyone here ever tryed the savant app?
Afternoon all, I'm struggling with setting up a button in lovelace to open my garage door via mqqt publish and a sonoff rf bridge. I can get this to work from the mqqt console but not from a button. I'm using:
type: button
tap_action:
action: call-service
service: mqtt-publish
service_data:
topic: cmnd/RFBridge/Backlog
payload: >-
RfRaw
AAB021030804060A3C6D9C2819081818190819081818181909081818181818190908181855;
RfRaw 0
qos: 1
show_name: true
@hybrid gust To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
That's mangled a bit the indents are correct but i get an error about required key not provided when i click it
@hybrid gust are you using the entity cover? If not, try using that.
cover:
- platform: mqtt
name: "Garage Door
command_topic: "sonoff-bridge-module/cmnd/backlog"
payload_open: "Backlog RfRaw AA B0 36 05 08 091A 065E 014A 02B2 15CC C092A3A3B2B2A3A3B2A3B2B2A3B2B2A3B2A3B2A3A3A3A3A3B2B2B2A3A3A3A3A3B2B2A3A3A3B2B2A3B2B2 55; RfRaw 0"
payload_close: "Backlog RfRaw AA B0 36 05 08 091A 065E 0140 02B2 15CC C092A3A3B2B2A3A3B2A3B2B2A3B2B2A3B2A3B2A3A3A3B2A3A3A3B2A3A3A3A3A3B2B2A3A3A3B2A3A3A3B2 55; rfraw 0"
payload_stop: "Backlog RfRaw AA B0 36 05 08 091A 0668 014A 02B2 15D6 C092A3A3B2B2A3A3B2A3B2B2A3B2B2A3B2A3B2A3A3A3B2A3B2A3B2A3A3A3A3A3B2B2A3A3A3B2A3A3B2A3 55; rfraw 0"
was using button card I'll try that now
What's the actual error?
then, you can call the service cover.open_cover
Failed to call service mqqt.publish/ undefinied required key not provided@['dataservice'].got none or similiar it pops up and goes a little too quickly!
I'm running a pi4 -4gb raspbian with hassio in docker. I can't get ANY system monitor info to show up anywhere in developer tools. Here's what I have. Help?
`sensor:
- platform: systemmonitor
resources:- type: memory_free
- type: memory_use_percent
- type: processor_use`
I saw this was frontend but it didn't fit other channels either.. I guess "other" maybe
no errors in logs
I'm looking to use the picture elements card to display info on a tablet. Is there a way to control the height of the view so that it doesn't allow you to scroll vertically?
panel mode maybe?
As it is now, I have a picture elements card in a view in panel mode. I have the aspect_ratio set to match my tablet's ratio
However, it allows me to scroll down and show quite a bit of whitespace
Doh, I figured it out... the main image was white and at the wrong aspect ratio.
Any CSS gurus available?
My main display spins off and the background image reverses back in place after a few timed minutes of no motion.
Problem I am having is trying to remove the scroll bars during the animation. Once the animation is complete the bars are gone as expected, only during the transition they appear. Don't even know if this possible, but if not I'll go back to the original fade-in-out I was using 🤷🏻♂️
extra_styles: >
@keyframes funky {
from {transform: rotate(0deg); opacity: 0; height: 199px; width 318px;}
to {transform: rotate(360deg); opacity: 1; height: 796px; width 1274px;}
}
the other animation is just the opposite. Thanks if any one has a clue🧐
EDIT: running animation at 10s ease-in-out 1 if that matters
The property you want is called overflow.
Can't say where to apply it, though, or which value works best.
Is there a way to change the size of state-icon in a picture elements card?
style:
left: 50%
top: 50%
"--iron-icon-width": 50px
"--iron-icon-height": 50px
Perfect, thank you!
@polar kelp Thank you!! I honestly tried everything, but that 
Custom components in Lovelace is not loading after latest update. Anyone else experiencing this?
Worth searching the channel - others have reported that the fallback mentioned in the release notes isn't working
Ah, it moved! Why though?
||It's shared between all the dashboards||
Spoilsport 😛
If you want to know, read the PRs 😉
@split granite I'm going to assume that means Pull Requests, and that's scary territory for me, still
(But thanks!)
Yeah, restarting now 🙂
(And it's working again!)
So under a button-card I can easily activate a script using:
- entity: script.scriptname
icon: tv
But not for a scene.
OK, i'll write up the code. But how come I can activate a script in the above example without specifically calling a service?
Because the script name is the service call
I swear you're a magical rubber duck
I wrote up a service call earlier, and got an error saying it couldn't call it. As I've deleted it I cannot retrace what was wrong, but now it worked following the same example.
I know I'm making this harder than it has to be, but I cannot figure out how to convert sun.sun[next_setting] to local time
{% set sunset = strptime(state_attr("sun.sun", "next_setting"), '%Y-%m-%dT%H:%M:%S+00:00') %}
Obviously just adding the offset to sunset won't work since it doesn't know what I want
@grand prism ```
Next Dusk: {{ as_timestamp(strptime(states.sun.sun.attributes.next_dusk, '%Y-%m-%d %H:%M:%S')) |timestamp_custom('%I:%M %p', true) }}
Next Midnight: {{ as_timestamp(strptime(states.sun.sun.attributes.next_midnight, '%Y-%m-%d %H:%M:%S')) |timestamp_custom('%I:%M %p', true) }}
Next Dawn: {{ as_timestamp(strptime(states.sun.sun.attributes.next_dawn, '%Y-%m-%d %H:%M:%S')) |timestamp_custom('%I:%M %p', true) }}
Next Rising: {{ as_timestamp(strptime(states.sun.sun.attributes.next_rising, '%Y-%m-%d %H:%M:%S')) |timestamp_custom('%I:%M %p', true) }}
Next Setting: {{ as_timestamp(strptime(states.sun.sun.attributes.next_setting, '%Y-%m-%d %H:%M:%S')) |timestamp_custom('%I:%M %p', true) }}
That's amazing... thank you!
Hello. Is there a way to display in Lovelace an input_datetime entity in relative (example "2 weeks ago") ?
don't think it could be done in input_datetime. If I am not wrong, you could either use a Input Text or a template sensor with a custom string through an automation
Hi guys - I am looking for a way to display a switch as a button which can be pressed (and changes its state in some way, e.g. by changing color) and "released" on the second press, not that default flip switch. Is there any way to do so?
There is a custom button card. If you google it, you will find it.
so should I be using lovelace "NOT" in yaml mode?
Both YAML and UI mode work, but UI mode allows you to edit live and see what you're doing
Is there an option to force Home zone to be shown in Map view? This is what I get when Wify is out driving: https://imgur.com/4WFnrR2 and it tells me nothing. This view is what I'm seeking: https://imgur.com/LCLf5xA - and it goes both ways - Wify also want to use this feature to track me - this is a feature Wify likes 🙂
Map cards, rather than the sidebar
You can even have one card for each person, and a card for both of you, so you get both the big picture and the details
guys im trying to show the difference between yesterday's and today confirmed covid19 cases. Is there a way to set this up? Like today-yesterday = change
cause so far I can see the numbers but I dont have a clear indication as to how much they are going up unless I take a screenshot and compare it a day later
This new 'multiple dashboard' functionality, is there a way for me to move a 'view' from one dashboard to another? All I've found is a copy & paste from the raw configuration editor.
And also, the devices for my wife and myself that 'locate us' (device_tracker), i.e. our phones, dont show up on the map when we are marked as 'Home'. Is there a way for me to force the interface to have them show up in the 'Map' tab, regardless of their state?
hey I wanted to create a new dashboard but I can't seem get it to work ? I can't add new one because create button is grayed out
😐
due to URL error but not sure what it should look like?
Are you using YAML mode?
I created entire dashboard from lovelace itself
previously
so no
URL is red as input assuming that's why, but no idea what it should be? Just name doesn't seem to work, entire http url doesn't either

🎉 Finally a fix to the broken custom:hui- trick in .107! https://github.com/thomasloven/lovelace-hui-element
There is only one import type for plugins now. Get with the times @wheat current!
lame bot!
I tricked it with a comment in the readme. Everything's fine.
@split granite My "Home" zone is totally off (I'm actually not home) how can I correct this? https://imgur.com/qzMw7ff
https://imgur.com/SENQcmU
So Sorry
The answer is that your zone is too large, and your accuracy on the GPS tracker too low
Fix both
IMO too, GPS for home/away is the wrong choice. Too inaccurate, takes too long to update. Use WiFi and Bluetooth for home/away, use GPS for where
Note to "self": Not seeing edit pencil doesn't mean you cannot move the zone (only for the Home zone) https://imgur.com/llXl62m
My Home zone has a radius of 16 meters...
is there any examples of entities card with type: conditional setup inside of it?
docs are spares on "row" configuration
just says its map >.>
I found where to set home radius on UI: https://imgur.com/YgIvG2S
Well it didn't work
The zone has be called Home
- type: conditional
conditions:
- entity: switch.light_table_switch
state: 'on'
row:
entity: light.table_1
icon: mdi:vanity-light
just wondering if I can have more entities somehow in this? or is conditional limited to 1 light
Otherwise it's not the Home zone 😉
this is part of entities
You can list multiple lights, but read the notes:
Note: Conditions with more than one entity are treated as an ‘and’ condition. This means that for the card to show, all entities must meet the state requirements set.
but row: is not accepting a list it looks like u.u
- entity: [...]
doesnt seem to work
row:
- entity: light.table_1
icon: mdi:vanity-light
- entity: light.table_2
icon: mdi:vanity-light
aka this is not valid
I mean I can just spam condition cards for every light in here but would be nice to have it setup as 1 condition for multiple lights
but not sure if it's possible
arhh but then all HA's in the world will be called Home in the future then? https://imgur.com/El4zei5
bot fixed @polar kelp
@heavy cove posted a code wall, it is moved here --> https://paste.ubuntu.com/p/d77hNfQs9s/
~codewall @heavy cove
@heavy cove Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.
Please take the time now to review all of the rules and references in #rules.
all i'm after is help.. not to be policed
yes i'm sorry i've asked a question.. didn't do a "code wall" on purpose

To be polite about it - wind your neck in
The limit is there because 30 odd line code walls make life hell for those on mobile or smaller screens
yesterday you told me off for making it a graphic.. tonight.. cuz i posted that text as a code wall.. hasbot put it in to the ubuntu bin
The bot sometimes has a holiday, so we ask folks to be respectful of others
it wasn't about disrespect
Yesterday we pointed out that posting text as graphics makes it hard to help you
You're welcome to do so, but it's harder for people
it was about wanting some help and feelign like i'm hitting a brick wall
hi all, I test to add mini graph card but I have the problem and nothing to do, I install with HACS and when I test to add on lovelace manuel card I received this error
"please provide the "entities" option as a list" see .............
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
☝️ show us the card config 😉
ok i dont seem to be getting any help.. im going to bed
hey guys so I started my day taking a look at a Lovelace new dashboard. I am able to create an Android mobile dashboard without a url, but when I go to create a wallpanel or generated dashboard, I am unable to do so due to the missing url. The release notes say nothing about the url.
Can anyone point me to what I am not seeing?
Ok thank's
Well the url requirement appears to be dependent on the title to the card
@heavy cove we all get "policed" in here - and maybe band for reply or help - that's life - And Now I will get band for writing this (shit I'm stupid). But from a behaviorism point of view - They see the same thing again and again and they mention it each and every time and when you now come with what ever it was (I didn't see it) then you get "smacked" for what others have done before your arrival - that's what happening.
Not wrong - from the "offender's" side this is a once-in-a-blue-moon thing. For everybody else it's a 10th time this hour already thing
I’ve noticed that the HA updates for the front end (newest now being 0.107.6) do not show up in the Supervisor tab, though that is where you go to update HA. I can see the supervisor version of 209 and System as HassOS 3.12.
My questions: Where can you see what version of Home Assistant is running? Why is this not also listed on the System section of the Supervisor tab?
-> Info
Oh right. But why not include that in the System section of the Supervisor?
Because the Supervisor is for Hass.io Home Assistant, not Home Assistant Core 😉
You could raise a feature request if you wanted it duplicated there
Ahhhh. The new naming has confused me quite a bit. Haha. Thanks for clarifying.
Yeah, it'll be a while before this all makes sense again
it made sense before? 🤣
Hi all, I struggle to get the custom card "list-card" to work. Am on latest HACS and 107.6. Added iantrich/list-card as plugin custom repo to hacs and installed via there. registered via
type: module
config for sensor and UI here https://paste.ubuntu.com/p/fGJM5MmJ89/
pieced together from here https://community.home-assistant.io/t/lovelace-rss-feed-parser-plugin-list-card/64637/152
The error I get in the UI is Custom element doesn't exist: list-card.
I've restarted homassistant, the log doesn't say anything meaningful, and the browser console neither. I'm stuck...
probably the dev's fault. he's a knob
is there any way to add devices to an area outside of an integration?
I.E in configuration.yaml
@split salmon no. assignment to areas is all via the UI
🎉 Finally a fix to the broken
custom:hui-trick in .107! https://github.com/thomasloven/lovelace-hui-element
@polar kelp Awesome!!!I understand that this replaces, but will implementing/installing this plugin disable the 'trick'? Only asking because my entire UI will not display if so. Just want to convert a little at a time if possible, if not, I'll have to prepare for downtime during the long haul...👨🏻🔧 Thanks!!!
(P.S. if you know of any hidden/experimental features I'm open for testing...since I like to break things 😜 )
EDIT: I bit the bullet, installed and tried it out and apparently it will coexist during the conversion process... Thanks again!!!
but then i get the "this device does not have a unique ID" error
@left bronze if you go to your the url <you ha url>/hacsfiles/list-card/list-card.js, does the file render?
@mild veldt yes it does (and I have other custom plugins working such as card-mod, custom-header)
and I have
logger:
default: info
logs
homeassistant.core: debug
custom_components.: debug
yet nothing card-list related in homeassistant.log, and neither in the browser console 🤷♂️
it would only be in the console
@split salmon that sounds like an issue with whatever integration you're using
Out of curiosity, why does the default style for an element within picture-elements have transform: translate(-50%, -50%)
I need the light names here to be changed to the ones circled in red. Is that an easy fix? This was from an integration that was auto-discovered and then I (randomly) assigned to rooms.
https://www.home-assistant.io/docs/configuration/customizing-devices/ - change the friendly name 😉
wow! thanks...again
No worries
Hallo Gentleman, is there anybody in these lovely community that can advice how to customize the thermostat card? I'm using it to control a dehumidifier and works pretty good for my needs, I use a humidity sensor and cheat telling the climate card that I'm cooling with 5deg delta, it works. the only "bad" thing is that I read "cooling" on the status (might be different like "drying"), I read "°C" on the set Temperature (might be "%"), I have a snowflake on the Icon (might be a water drop or something else)...Customizing names and icons could be interesting also for someone who want to use for Humidifiers (similar to Heating)... Thank you for any help in advice, My Best Regards Antonio
Afternoon, I've been trying to figure this out for a few hours now, but I can't seem to get it worked out. On a picture elements card if I want to call up a locally-stored PNG file what would be the folder structure? On a raspberry pi it's showing up as config/Images/test.png however if I include that as the data location it doesn't show up.
@atomic glacier No hidden features. It does as little as possible.
Working well...😉
hellllo, I am confused on how to set up a switch card with multiple entries. I have a base that has the three modes 'on', 'media', 'off'. no two can ever be on at the same time...does anyone have an example they can point me to? thanks!
When using custom:config-template-card, is it possible to use the templates for values rather than just conditions? For instance, something like: ```[...]
cards:
- type: "custom:config-template-card"
variables:
- states['camera.unsplash'].attributes["entity_picture"]
card:
[...]
style:
background-image: url(${vars[0]})
@grand prism yes but I'm assuming that style is for card-mod which is actually not part of the card creation itself and is done outside of it
card-mod supports its own form of templates though, doesn't it?
Great question, not sure. While I do have card-mod installed, I haven't quite figured it out yet. That style is natively a part of picture-elements
then yes, that should be fine
I fully accept I'm doing it wrong 😉 , however when I try, I receive a JS error about unclosed parenthesis
I think maybe it isn't liking the first open paren for url?
I'm guessing that's it... using the variable elsewhere seems to work
having issue the the path to a .jpg file
smb://hassio/config/www/Closed Safe.jpg
thats the view from my mac air via SMB
should just be /config/www/Closed Safe.jpg to get a picture card entity working correct?
I'd remove the space from the file name, and then I think it's /local/ClosedSafe.jpg
I'm wondering why i cant change the entity w/o getting an error . (trying to change from Caseta Wireless In-wall Dimmer "-> Sconces) https://imgur.com/GwZfcL5
Hi all, I meanwhile managed it to save a boolean value (via input_boolean) in InfluxDB for each time when my doorbell is pushed. However as well the times are logged when it is not pushed (= null). What I want to achieve finally is a card in lovelance which shows me the dates and times of e.g. last 5 doorbell rings. Any suggestions how I can best target this?
is this entity not supported?
Looks like it doesn't exist 😉
haha I swear I am doing the reading, i'll keep going
oh wait, i think i get it, are you saying it is not entity, but a domain?
I have a mini-graph-card which shows me how long a light is ON in a bar chart. The value it shows now is 0.85h....is there a way to change that? Is this 85% of 1 hour or 85 minutes? I want this value to show in minutes....Is that possible?
I have set the location of my house in HA and the correct elevation, but the weather on the UI is just wrong. Is there a way to enter the lat. and long. manually to see if that get the proper weather in the UI?
I want to use the weather on my esp32 display along with my HA stuff. The wife won't like it if it says its going to rain and its going to be 10 degrees cooler that it really is. Thanks
Check
-> States
@split granite only took me 2.5 hrs, but i got it 😆
Tinkerer is away for 1h 20m 27s with a message :point_right: A learning experience is one of those things that says, 'You know that thing you just did? Don't do that.'
Doing some theme tweaks - What is the text element called for the "Execute" text that shows up next to a script if you put it in an entities card?
@quasi moat what weather integration are you using?
I think you can add a zone called home, but if that has the same lat/lon, you'll likely still have the same issue
@tawny lynx I'm using the Configuration/General page to set me locale.
@icy patrol not frontend related
Anyone have a suggestion for having a conditional card based on an entity attribute?
conditions:
- entity: media_player.rx_v675
state: "on"
- entity: media_player.rx_v675
source: "ChromeCast"
# - entity: states.media_player.rx_v675.attributes.source
# state: "ChromeCast"```
I'm trying to only show this when the receiver is on and selected to a specific source
There is no try
- Install HACS
- Configure themes as specified in the HACS docs
- Install theme
- Done
eather you or someone else told me to install that also
It makes things like this largely trivial
i like making things easy
if only the install was click and forget, lol
gah it's 4am
i need to go to sleep if im getting up by noon
pumps working for now so ill worry about the other stuff tomorrow
thx again man
I have a mini-graph-card which shows me how long a light is ON in a bar chart. The value it shows now is 0.85h....is there a way to change that? Is this 85% of 1 hour or 85 minutes? I want this value to show in minutes....Is that possible?
@native light Someone who knows more about this?
If you end up with no luck here, try the forum. The devs docs are also worth checking
@quasi moat again, what weather integration are you using?
Hi. Im having a hard time hiding one entity from UI. Im using schedy to schedule my termostat. it created an entity that i don't want to have on my dashboard. I have en entry in customization.yaml to hide it, but it still appears on the dashboard. I can only hide it if im using customization menu, remove the 'hidden from ui' option and apply it again, but after a restart it is displayed again
what are those dots..?
Top right corner of your HA UI 😉
AFAIK that option isn't valid in Lovelace, but I could be wrong 🤷
can I give control back? lol
Nope 😛
lol
Hi all,
I have an hopefully easy question :)
My kids visit me every 2nd weekend and sometime during the week as well.
My presence is detected via my phone through my router.
I would like to have a toggle button in my UI were I can set their presence accordingly. I created a boolean input toggle but cannot link it to the person.Kids as it seems to be restricted to device trackers only. Can you point me into the right direction?
You'd have to use something like the MQTT device tracker, and some automations
https://www.home-assistant.io/integrations/device_tracker.mqtt
and
- service: mqtt.publish
data:
topic: location/person1
payload: 'home'
``` (or `not_home`)
Thanks a lot for the info
Hi All
I am trying to build a small dashboard for my children where they have a list of audio books available they can tap to play an audio book on a smart speaker (google home or Kodi currently). I am able to play a playlist in m3u format but now I am struggling with the UI. I would want to have a grid or at least a vertical list where I have the audio book cover as image with a certain size (probably 150px width) and either a button next to it or directly by a tap on the image to fire the script that plays the playlist.
Now I tried about every card but I haven't found one where I can easily resize an image. Best would probably be to use the Button Card but I didn't found a way to use a custom image, only the mdi icons. Can anyone help?
Hi Roemer,
I am super new to all of this but I managed to find something that is worth looking into: https://community.home-assistant.io/t/my-own-icons/130711/9
seems not wo work with script:
play_album:
alias: Play Album1
icon: "mdi:party-popper"
That one sets the icon correctly to the script but
play_album:
alias: Play Album1
entity_picture: /local/album1_s.jpg
Shows invalid configuration syntax
script
https://www.home-assistant.io/integrations/script doesn't list entity_picture 😉
play_album.yaml and the scripts are loaded with
script: !include_dir_merge_named scripts/ # Manual scripts
https://www.home-assistant.io/docs/configuration/customizing-devices/ does list it though, that's how you use it
so in my customize.yaml I tried
script.play_album:
entity_picture: /local/album1_s.jpg
But that doesn't change anything
If I try to do something in the UI in Entities, I get This entity does not have a unique ID, therefore it's settings can not be managed from the UI.
The picture will change when the state of the entity changes (in this case, run the script)
And how do I always use that picture?
Once it's changed that should be it
Your other option, for larger buttons, would be https://www.home-assistant.io/lovelace/picture-entity/
you're right, once it's changed it is there. But small as you guessed. Yes the picture entity works good but there the image is just huge. Can I shrink it by 50% or something on the picture entity?
No, but you can use things like the horizontal and vertical stack cards, and the custom layout card, to manipulate the view
There's also other UIs, like Tileboard and HADashboard, that may suit what you're doing better
Ok thanks for that information. I'll look at that or stick with the small/large images or create my own frontend which interacts with home assistant via api.
Hi, I have a template sensor which status changes from on to off depending on a value of another sensor. I added to its conf the icon_template which changes depending on the state. But I'd like to also change the color of the icons in an entity lovelace card by using state_color with no success. In my other cards, where I have input_booleans which state also changes between on an off, it works fine. Any idea what am I doing wrong? Thanks.
hey guys.. okay stupid here again.. and maybe i am just overthinking. I am playing around with the multiple dashboards. When I go to make one in the UI it wants a URL and it has to have a hyphen in it? I have looked for examples and the ones list on the documentation do not have the URL in them to follow. Any assistance with this? I know it may seem super simple to some. but right now I am just not getting it.
I didn't even know it was documented.
The dash requirement was added pretty late in the beta cycle, it probably just hasn't made it into the docs yet, unfortunately.
Do you have a link?
hey guys.. okay stupid here again.. and maybe i am just overthinking. I am playing around with the multiple dashboards. When I go to make one in the UI it wants a URL and it has to have a hyphen in it? I have looked for examples and the ones list on the documentation do not have the URL in them to follow. Any assistance with this? I know it may seem super simple to some. but right now I am just not getting it.
@boreal saddle Yes, they need the hyphen and it's in the docs.
The key of the dashboard is used as the URL, this needs to contain a hyphen (-).
okay so then am I right saying that the URL would look something like :
and sorry i was getting more coffee hoping it will help wake my brain up
Hi, is this the right place for REST API questions?
I want to change activity on my Harmony Hub with the REST API
I'm trying to send {"state":"PC"} to https://***/api/states/remote.living_room for example, it replies with code 200 and gives the state i sent back to me, but the remote doesn't do anything. I was able to do this using OpenHab, so it works, just need to figure out a way to send the same command using HA please.
Maybe use a webhook trigger automation instead, and keep all the logic inside HA
@split granite Is that for me?
I want to trigger stuff in HA from outside of HA, i have an AutoHotKey script which triggers on Win+B to enable Big Picture Mode in Steam and redirect HDMI and turn the TV on
Yup
Ok ill have a look
Hit up a webhook, and then let Home Assistant handle the logic
Then you don't embed things in other apps, and can be totally flexible
So i make a GET request instead, still with the Authorization headeR?
POST, but let's go to #automations-archived
Sure
hey together
I have a simple question but only find relatively complicated answers and I don't think that this is so difficult to implement.
I have a touch screen which calls up a URL in "Kiosk Mode", I would like to provide a Lovelace UI board without having to log in? is there already a smart simple solution?
Of course it would be great if after a specific period of time a touch screen pin has to be entered. Maybe even with dependence if I am at home or not. 🙂
Nobody has an idea?
The manual of 2018 from here https://community.home-assistant.io/t/0-49-themes-kiosk-mode-and-prometheus-io/42528 unfortunately does not work for me...
That was for the very old UI
@keen belfry sensors do not have state colors
@split granite Okay, I kinda figured that... is there an alternative or a different way?
I don't know, honestly. Some custom card may allow it, or you may need an alternative UI 🤷
Okay, too bad... just neatly arranged and configured my lovelance UI. Then I'll have a look around, see what else is out there. Did you just get a recommendation for another UI?
thanks a lot anyway 🙂
Can I have a picture-elements card without any main image (respecitively a blank image) and manually define a desired height for the card?
If I use a 1x1 white pixel image, the card is about 500px width
and tall
@wary tendon posted a code wall, it is moved here --> https://paste.ubuntu.com/p/zCHTDvCkqK/
which ends in a huge card: http://flauschig.ch/imgshare/img/19418835395e7cd8d764dd8.png
~codewall @wary tendon
@wary tendon Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.
Please take the time now to review all of the rules and references in #rules.
hey guys is there any option where you can use both yaml and ui mode for configuring lovelace? im confused about which mode i even use. im reading the new documentation on dashboards and it says to add lovelace:
mode: yaml
will that make it so i cant use the ui at all? so confused
im still confused about the new documentation on creating multiple dashboards
have you tried setting those up yet?
I haven't - I have little need of any dashboard let alone multiple
with a name like tinkerer, one would think you have a whoooole lot of dashboards
I got into this for home automation not building UIs 😉
He says, in the #frontend-archived channel.
Pfft
I have some very nice looking admin views 😛
I do actually have one view that I use normally, for an overview of what's going on, but that's really it
Which, I know in this channel puts me in the minority - and I'm fine with that 😄
I just tried making a new view in panel mode and now I can't edit the card anymore. Where do I click? or... does that not exist yet? I guess I can get to it in RAW editor mode
That's one of the longest standing missing features. You have to turn off panel mode and then edit the card.
Anyone got some HA cards they can share/show that they have done with the Z Wave Stick and Multisensor? I have just bought these and looking for ideas and inspiration.
@polar kelp @dense thicket it should be there in 0.108
yes, of course
Like in the example in the docs? Yes.
@keen belfry sensors do not have state colors
@mild veldt Thank you. Any reason for that? I can't figure it out.
They don't have discrete states, perhaps?
It could probably be done with card-mod, though.
@polar kelp @keen belfry exactly. a sensor can be literally anything. what could a color possibly convey in a standardized form?
Okay, I get it. A color states applies only to an item that may have only two states. Makes sense. Thanks.
Hi Im trying to install the AMOLED Blue theme
I added this to my config.yaml, HA says config is valid
frontend:
themes: !include_dir_merge_named ../themes
And i have a themes\amoled_blue\amoled_blue.yaml file. I have restarted HA. HA still says no themes available
Turns out i needed themes: !include_dir_merge_named themes and not themes: !include_dir_merge_named ../themes
is it possible to show the "show_last_changed" Option from Glance Cards in the Entity Filter Card? (Secondary Info doesn't work for some reason)
@radiant bear this is what i use for my device_trackers... exactly what you're looking for:
type: entities
filter:
include:
- domain: device_tracker
options:
secondary_info: last-changed
- domain: person
type: 'custom:auto-entities'
thanks a lot. That helps me
Anyone have any experience with css grids? i'm using custom:button-card and trying to figure out their css grid terminology to set the first column as non-expanding... https://i.imgur.com/knBpOdZ.png
another question: Is it possible to change the displayed state of Device Trackers? Like instead of showing "home" showing "online" or something? I am trying to build a status Display for my Access Points by tracking them as Device Trackers and "home" doesn't seem to be a fitting state
i dont think so... i had to create a sensor.template to make my own verbage of the states...
unelss you want to make your own card, via something like custom:button-card
you can output anything you want depending on anything else in that.
build your own custom cards
If I would know how to do any of that 😅
but if you want the actual state to be something diff, a template is your best bet
it comes with pretty complete instructions: https://github.com/custom-cards/button-card
looks daunting because of all the power it has, but start slow and it'll come 🙂
Is there something that allows me to do that kind of thing with the Glance Card? It looks so nicely clean
for a long time i used a picture-elements card with state-badges on it... looks like the old frontend in a card. is that more what you're looking for?
So right now, I'm using An Entity Filter with a Glance Card to show different Symbols when for different States, But I had to hide the State of every Entity because it doesn't look right
https://www.home-assistant.io/integrations/binary_sensor.template with a device class (https://www.home-assistant.io/integrations/binary_sensor#device-class) of connectivity?
Some Thing like that would be perfect
Missed the closing > 🤦
Is there any way to set the number of columns i want in a view in lovelace? I added two cards and they are shown on top of each other, i want them side by side.
I also tried to build that a While ago but it didn't work.
https://www.home-assistant.io/integrations/binary_sensor.template with a device class (https://www.home-assistant.io/integrations/binary_sensor#device-class) of
connectivity?
@split granite
mac, use a horizontal-stack with veritical-stacks inside it
Thanks
Yeah. It was my fault probably 😅
I couldn't figure out what to put into the "sensors" section
binary_sensor:
- platform: template
sensors:
kipper_home:
friendly_name: "Kipper is home"
value_template: "{{ is_state('device_tracker.kipper', 'home') }}"
oh... That's it?
Pretty much
Add the device class, and you're good
It'll update anyway
Only one entity_id is listed
oh.
Well... Thank you Guys I'll try that out immediately
so... in this example:
value_template: "{{ is_state('sensor.argon_reed', 'False')}}"
device_class: door
entity_id: sensor.argon_reed``` the entity_id is un-needed?
@polar kelp @keen belfry exactly. a sensor can be literally anything. what could a color possibly convey in a standardized form?
@mild veldt Thanks
I tried horizontal-stack but it uses the width of one card, i want it to be two cards wide...
You only need entity_id if the template is complicated enough it can't extract them automatically
mac, make the horizontal-stack the only card, put the verticals as your columns, then your cards desired in each column in those verticals... additionally set the Panel Mode on the view.
Ill try it thanks
hi all. i have a problem. I made a old alarm into HA with relays. The relay's are sort of buttons to a remote control. So the relays have to be on for 2 sec. Everything works but i dont see if the alarm is on or off... This is the script i have now:
entities:
- entity: switch.alarm_aan
- entity: switch.alarm_uit
- entity: switch.alarm_test
- entity: binary_sensor.alarm_gaat_af_switch1
- entity: sensor.alarm_gaat_af_status
show_header_toggle: false
theme: sweetpink
title: 'Alarm Status:'
type: entities
so like this: ```
'binary_sensor:
- platform: template
sensors:
ap_flur:
device_class: connectivity
friendly_name: "AP_Flur"
value_template: "{{ is_state('device_tracker.meshap_flur', 'home') }}"
i need a sort of script that knows switch.alarm_aan is switched on. And put it into a text? or icon (alarm on)
and when i use switch.alarm_uit the icon is off?
Turns out i needed themes: !include_dir_merge_named themes and not themes: !include_dir_merge_named ../themes
@solar laurel First, I can't get it why the doc says to use../themeswhile the folder is under config folder. It should bethemesor./themes. Then, in my case, I have the following error when trying to load this theme:Échec d'appel du service "frontend/reload_themes". mapping values are not allowed here in "/config/./themes/amoled_blue.yaml", line 114, column 71. Something wrong in<span class="progress-pjax-loader-bar top-0 left-0" style="width: 0%;"></span>.VSCode
@solar laurel First, I can't get it why the doc says to use
../themeswhile the folder is under config folder. It should bethemesor./themes. Then, in my case, I have the following error when trying to load this theme:Échec d'appel du service "frontend/reload_themes". mapping values are not allowed here in "/config/./themes/amoled_blue.yaml", line 114, column 71. Something wrong in<span class="progress-pjax-loader-bar top-0 left-0" style="width: 0%;"></span>.VSCode
@keen belfry Yeah i know, ../themes is stupid, its just what the AMOLED theme docs said. Once i actually read what i pasted i realized the ../ part is wrong
Need to correct that in the docs 🙂
Be careful quoting like that @solar laurel - it risks swamping the channel with quotes 😉
Sorry
Discord (sadly) makes it really easy to do 🤷
How do i reload template sensors in configuration.yaml without restarting?
Unless you're using a custom component, you can't
Ok thanks
Im trying to make a template that shows the game detected by discord of its not None/null otherwise show main sensor but its showing unavailable...
{% if state_attr('sensor.discord_maciekish_1045', 'game') == None %}
{{ state('sensor.discord_maciekish_1045') }}
{% else %}
{{ state_attr('sensor.discord_maciekish_1045', 'game') }}
{% endif %}
Sensor attribute is game: null
What do i actually need to check for in the if statement?
is the comparison of None type intentional? should it be a string? == "None"
I took that from https://www.home-assistant.io/docs/configuration/templating/
In Node Red i need "None" but the actual attribute value is null according to "Developer Tools"
The main sensor status is "online" and then it has an attribute game: null
i'm not entirely familiar with that integration... what does the template output?
{{ state_attr('sensor.discord_maciekish_1045', 'game') }} on /developer-tools/template
Oh i could try outputting that, give me a sec
It says None
Check that the actual state in
-> States of sensor.discord_maciekish_1045 is None
Thing is, i already tried {% if is_state_attr('sensor.discord_maciekish_1045', 'game', 'None') %}
i would try "None" not None
That's not "None" 😉
Yeah i know, i just tried so many im confused now lol. Ill try 'None'
' === "
I just thought {% if is_state_attr('sensor.discord_maciekish_1045', 'game', 'None') %} should cover that
Doesn't cath it properly
{% if state_attr('sensor.discord_maciekish_1045', 'game') == 'None' %} that is
{% if state_attr('sensor.discord_maciekish_1045', 'game') == 'None' %}
{{ state('sensor.discord_maciekish_1045') }}
{% else %}
{{ state_attr('sensor.discord_maciekish_1045', 'game') }}
{% endif %}
This outputs "None" lol
Ironic.. It checks whether state_attr('sensor.discord_maciekish_1045', 'game') is None, and if is it should output something else, but it still outputs state_attr('sensor.discord_maciekish_1045', 'game') lol
a bit ugly but doable... what is the output of {{ states.sensor.discord_maciekish_1045.attributes.game }} rather than using the state_attr
I'll check in a bit, trying something else
Breaking it up into two separeate sensors which would be useful anyway
^ i'm not sure that would be available in the template sensor anyway.
it would in frontend but i bet it would end there
Sensor becomes unavailable, what does that mean?
not available
Its a template, how can it be unavailable?
I did this instead:
maciekish_game:
friendly_name: "Maciekish Game"
entity_id: sensor.discord_maciekish_1045
value_template: >-
{{ state_attr('sensor.discord_maciekish_1045', 'game') }}
maciekish_discord_status:
friendly_name: "Maciekish Game"
entity_id: sensor.maciekish_game
value_template: >-
{% if is_state('sensor.maciekish_game', 'None') %}
{{ state('sensor.discord_maciekish_1045') }}
{% else %}
{{ state('sensor.maciekish_game') }}
{% endif %}
One snesor to break out the attribute, then another one based on that attribute
@solar laurel To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
maciekish_game:
friendly_name: "Maciekish Game"
entity_id: sensor.discord_maciekish_1045
value_template: >-
{{ state_attr('sensor.discord_maciekish_1045', 'game') }}
maciekish_discord_status:
friendly_name: "Maciekish Game"
entity_id: sensor.maciekish_game
value_template: >-
{% if is_state('sensor.maciekish_game', 'None') %}
{{ state('sensor.discord_maciekish_1045') }}
{% else %}
{{ state('sensor.maciekish_game') }}
{% endif %}
🤦
i just updated my kiosk... oogle my layout: https://i.imgur.com/AscMiee.png
a bit ugly but doable... what is the output of
{{ states.sensor.discord_maciekish_1045.attributes.game }}rather than using the state_attr
@spare meadow Invalid syntax
i'm sorry mac, i dont know that integration very well... it seems like you're beyond the scope of #frontend-archived though.
either #templates-archived or #integrations-archived might be of more help.
Ok thanks anyway
gl
one thing i'm particularly proud of in my front-end is the tiny thermometers... the mercury's height is dynamic and colour coded.
@spare meadow How did you make this Weekly Menu Thing?
Oh and btw. Is there a way to combine an entity filter with a glance card and a normal glance card into one thing?
meee, thats a custom:button-card with a google keep integration
Sooo... It was a stupid typo. Should be states(... and not state(... 🤦♂️
Me too lol, no worries, easy to miss. Thanks anyway
@spare meadow how did you make this google Keep INtegration?
https://github.com/PiotrMachowski/Home-Assistant-custom-components-Google-Keep + https://github.com/custom-cards/button-card -> make a card shared with my home-assistant that has a checklist on it. this is the card: https://gist.github.com/pironic/df44ec015f730dc6ce98ab48360b02c5
there are other ways to output the contents, but i did it to only show first week. could prob clean up that custom-button-card code.
ok, thank you. Going to look into that tomorrow. Think I'm going to go to bed now
Good Night everyone
what sorts of things are you doing with Z Wave and Multisensor in HA? Keen for some ideas
hello.. is anyone able to shed some light as to why I keep getting the error of Custom element doesn't exist: hui-entity-filter-card. when I load the page. This doesn't happen all the time, but if I refresh the page it happens. It is hit and miss, sometimes loads correctly and other times I get this error in a red box
title: Living room
entities:
- entity: binary_sensor.openclose_106
name: Door
- entity: sensor.temperature_108
name: Temperature
- entity: sensor.humidity_109
name: Humidity
state_image:
"open": /config/www/OpenSafe.jpg
"closed": /config/www/ClosedSafe.jpg
entity: binary_sensor.openclose_106```
someone was helping me with this earlier... for the life of me can find his name
the "picture-glance" is still just showing a "grey" pictures of sorts like the path is incorrect or something
Anyone know how to get a view with two columns with vertical stack cards on the top, and a card under these two columns expanding over both columns? Is it possible? Tried so many things now with the layout-card. Thanks
@marsh wyvern oh 😦 Thanks for answering
again to my knowledge, the only way you would be able to do that is by putting the cards under it in some type of stack card also
horizontal or vertical
Yeah some sort of tweaking, like maybe only having one column, and create two columns inside that column as horizontal stack and so on ?
thats the only way to my knowldge
dont forget there are almost ENDLESS other "dashboards" and all that you can install and use that may have more ability
those that have multiple dashboard - how are you managing changes? So if you made a change on one dash and you want it the same on lets say the mobile. Are you guys making the changes to both dashs?
@steel nexus I had a few examples posted before using multiple layout-card's within one view. Pretty much, with enough screen space...I haven't seen any limitations.
@atomic glacier Thank you. Nailed it!
Morning guys! Quick question....which card can I use to statically display an icon (from the material-design-icons set)?
yeah, but doesn't it need an entity to switch?
You can create a dummy entity, like an input_boolean
You might be able to abuse https://www.home-assistant.io/lovelace/picture-elements/ but the icon may be small 🤷
I have several horizontal-stacks within a vertical-stack and want the 1st element in the horizontals be an icon indicating the story of the house
so it should be the same size - I'll try with button-card
You could probably use a glance card then, with a dummy entity
I always use sun.sun for dummy stuff.
🤔 That's a good idea...
I think that's in default_config
So it's pretty safe in packages for distribution too.
sun.sun works for me, thanks!
Is there any way to show a card conditionally in a hor or ver stack? E.g. I don't want to show my 3d pritner status unless it is actually printing...
Ah, forget it, found the "conditional card"
can someone pls help me.. i have a relais that goes on.. and after 2 sec it goes off... what it does it pressed a button on a remote. But i like to see if its on or not.. Is it possible to make something when i click the button Alarm on. the relay goes on..and a tekst or icon msg say's alarm ON. when i pressed alarm off the icon or tekst says alarm not armed .
right now i have:
entities:
- entity: switch.alarm_aan
- entity: switch.alarm_uit
- entity: switch.alarm_test
- entity: binary_sensor.alarm_gaat_af_switch1
- entity: sensor.alarm_gaat_af_status
show_header_toggle: false
theme: sweetpink
title: 'Alarm Status:'
type: entities
so i need something that if switch.alarm_aan is pressed a icon or tekst is saying ON and when switch.alarm_uit is pressed it says OFF
@flat tartan To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
@heavy cove Sorry if someone already answered you, but this might explain it: https://github.com/thomasloven/lovelace-hui-element#faq
guys.. is there away for me to have different frontend for different user?
@last compass i think with this last update they just made it so you can have multiple "dashboards" and link those dashboards to different users
or atleast it looks like you can have a dashboard that is "admin only" and the other non-admin users would have the same dashboard
@marsh wyvern this seems for admin and user only..
I want to have user 1 and user 2 have different frontend.. for example my mom which is very non technical dont need to view my entire system which always make her confused.. hahahaha
don't make her admin
but for myself and my wife.. I wanted a full feature.
@wheat current off course not..
and I actually want her to see one tab instead of 7 tabs
always confused her..
do that then
can I hide tab for different user?
@wheat current
or maybe hide cards for different user?
@last compass tabs can be set visible for some users
@last compass Dashboards can be admin only
@last compass If that is not enough, there are custom options
@last compass Might be worth searching the forum for that
@last compass Custom Header for instance
@wheat current is there an yaml example that I can see?
@last compass probably
@wheat current thanks.. it work..
now will have to create new tab for specific user
Question. I installed my first theme with background today and am quite happy with it, except one lil detail. That transparency effect of the tiles, can it be applied to the sidebar too? It looks a bit out of place now...
@wheat current is there away to custom side button/panel for different user?
@last compass please don't mention individuals for general questions
@mild veldt sorry
Is it possible to display an input boolean as true/false instead of a switch?
@winter blade in an entities card, I presume?
yea
if so, you can do the following:
type: entities
title: My Title
entities:
- entity: input_boolean.homeautomation
type: custom:hui-text-entity-row
It will be On/Off
amazing! Is there also an option for true/false? I want to use it for: is someone home: true/false
do I have to be in YAML mode in order to use !include for a card config? I tried to add it using the card config editor and the raw config editor and got an "unknown tag" exception
Yes, only YAML supports including YAML
ok, was hoping to still be able to use the code editor in the card configuration. Guess it may be time to switch to YAML mode
can I move my lovelace: entries in configuration.yaml to a separate file via !include?
Sure
do the new dashboard files have to be in the config directory or could be in /config/lovelace for example
Hi, i'm looking for a more readable data about HA uptime and last boot. Can anyone suggest me how to get it? Thx https://ibb.co/vB1qk4B
@north sleet you mean you want to convert 0.72 hours to like minutes and hours? not sure if you can do it in frontend only, that would require a custom sensor
@north sleet you mean you want to convert 0.72 hours to like minutes and hours? not sure if you can do it in frontend only, that would require a custom sensor
@glossy birch you are right i'd like to have something like this dd:hh:mm
@north sleet this might help with your custom sensor https://github.com/skalavala/mysmarthome/tree/master/jinja_helpers#8a-converting-seconds-to-days-hours-minutes-and-seconds
that was an example - replace seconds with the real value
Is it possible to use lovelace to create a UI for a tablet that doesn't have the top/left side menu so that it doesn't (easily) give full access to HA?
@north sleet this might help with your custom sensor https://github.com/skalavala/mysmarthome/tree/master/jinja_helpers#8a-converting-seconds-to-days-hours-minutes-and-seconds
@glossy birch TY
@clever beacon I remember seeing kiosk mode for lovelace... worth googling for it
hey all what is the easiest way to place devices being tracked on front end?
I have a few devices set to true (being tracked) but would like them to show on front end as being home or not
nevermind. edited entities from UI on frontend..
Hello guys
I see in the UI editor there is an option to have a card display full page width and height, is this also possible in yaml mode?
No worries, helps to know where the setting is 😄
for sure
never really knew about the feature, only when trying out UI edit mode
suppose i cant keep my yaml config with the UI mode
?
nice, suppose there's something linked to that in the link you shared
@split granite do the new dashboard files have to be in the config directory or could be in /config/lovelace for example
Evening folks, hope you are all doing well! Could anyone help as to why my WeMo LED Bulbs don't change state anymore when on...I thought lights were uneffected by the change and have also tried adding "state_color: true" but doesn't work.
Hey guys.
I currently have a camera feed of my gate displayed in a picture-entity card.
I also have a button card on the same dashboard to open my gate.
The camera feed updates every ~20 seconds (default). I could set this to always be live, but i don't want it to use unnecessary resources.
What i would like to do is when i press the button to open the gate, it should switch the picture-entity card to be a live stream. It can then open the gate and x seconds later it can switch the feed back to updating every ~20 seconds.
Is this at all possible?
hey guys, i am running ha on docker raspberry pi, i was trying to create custom weather card using https://github.com/bramkragten/weather-card/. but i get an error message "custom element doesn't exist: weather-card.
ha version 0.107.7
hey guys, i am running ha on docker raspberry pi, i was trying to create custom weather card using https://github.com/bramkragten/weather-card/. but i get an error message "custom element doesn't exist: weather-card.
@lament elbow Did you add the resource to the top of your lovelace config?
yes i did that in ui-lovelace.yaml config file as it was mentioned in the github link
That changed with 0.107
See the 0.107 release notes, and the updated Lovelace docs
oh ok i did not know
if you have the link handy that would be great otherwise i will google it @split granite
https://github.com/home-assistant/core/releases found it but it does not say anything about type: custom:weather-card
@runic minnow if you are using custom weather card or any lovelace config, would you mind sharing ?
I have a light and I want to show in a bar chart how long the light was ON per day. How can I do that?
@lament elbow the change mentioned in 0.107 applied to all resources at the top of ui-lovelace.yaml, which have all moved to the Resources panel under Configuration > Lovelace Dashboards
@lament elbow , here is my custom weather card:
- current: true
details: true
entity: weather.dark_sky
forecast: true
type: 'custom:weather-card'
- entities:
- entity: sensor.dark_sky_daily_summary
show_name: false
type: glance```
@runic minnow posted a code wall, it is moved here --> https://paste.ubuntu.com/p/PQK5TcMZGq/
@lament elbow , you can just add "/community_plugin/weather-card/weather-card.js" to your Configuration > Lovelace Dashboards > Resources
@runic minnow with regards to what you mentioned about lights, i'm not sure...think so!?!
oops, you removed it now sorry
@fervent vine , no stress. how did you add it to your config?
Could you maybe past the config for your light here?
it did used to work
but 105 seems to have scuppered that
it used to work without the color_state line
ive got almost exactly the same config and it works fine 😦
entities:
- entity: light.porch_light
- entity: light.patio_light
- entity: light.frontyard_flood_lights
- entity: light.backyard_flood_light
title: Outdoor Lights
type: entities
do you have any customization for these entities?
are yours WeMo bulbs? Maybe as I use Emulated_Hue too?
I have a light and I want to show in a bar chart how long the light was ON per day. How can I do that?
@native light Can someone help me with this one?
no, mine are mqtt based switches
i'm trying to track down some severe performance issues in the frontend. for example, refreshing the Integrations page hangs the browser and runs at 100% CPU for ~30 seconds. any ideas on where to start?
wow, it was Safari content blockers...
Hi all, Fairly new to HA so this might a silly question but I'm struggling with it for some time now. I'm using a text editor to change the ui-lovelace.yaml file but keep getting this error Missing property 'state_filter'. This happens a picture element. I'v tried adding the text state_filter: [] but that didn't do the trick. Any ideas?
I am using the UI/Storage Mode for my "Overview" but using YAML Mode for a couple of dashboards. Where do I need to enter button_card_templates: for my button card templates to get picked up?
@lament elbow , you can just add "/community_plugin/weather-card/weather-card.js" to your Configuration > Lovelace Dashboards > Resources
@runic minnow do i need to create dir community_plugin under homeassistant folder ? i have changed my lovelace now to storage from yaml in configuration.yaml file
Okay @frosty pelican 👀 now my mobile display got taken over with the icons https://imgur.com/a/Ikx3uGK 🤣 🤣 🤣 Thanks again
that looks awesome! icons really make things easier to see
Yep! Been trying out new places. Never thought they'd display right...but
so i have changed lovelace mode to storage, so that i can edit my lovelace dashboard from UI. My next question is for eg my homeassistant dir is located at /usr/share/hassio/ . Should i create new dir let’s say “custom-love” under my ha folder and so that my resource url will be /custom-love/weather-card.js or is it /local/custom-love/weather-card.js ?
yea whats funny was I started doing things like :smile: but then someone i think in this channel mentioned emoji are part of unicode and it dawned on me that it can work in a lot of places lol 🙄 🤣
IDK if this is the right area to ask about this but how do I make a new "front" to the webpage? like to make it look nicer. Are there any themes?
Does lovelace-card-mod work for Picture Elements elements? For example: ```- type: state-label
entity: sensor.date
style:
bottom: -50%
left: 50%
$: |
div {
height: 100vh;
}
Inspector shows the structure as: <hui-state-label-element> #shadow-root <div>2020-03-27</div> </hui-state-label-element>
@grand prism it hadn't been answered before.. but I'm not really sure how to implement that because my code is different to what is being presented in the UI.. https://hastebin.com/ezosasubov.bash <- is the origional code but then it gets changed to this with the error up the top: https://hastebin.com/fimehetala.makefile ... anyone feel free to answer btw.. I'm not sure what part I should be changing in relation to this as I'm using the "Layout Card" which must be changing it at some point? (https://github.com/thomasloven/lovelace-hui-element#faq)
can anybody share latest .js, .css, ui-lovelace.yaml files for dark-sky-weather-card for ha 0.107.7 ? thanks
you can install it through HACS if you have that.
sorry i don't have it
d'oh
should all be in the github for the card
or maybe its this one.
https://github.com/juan11perez/lovelace-darksky-card
you pick
lol
lol the second one i used already but it was posted from another guy, will try first one tmr and see if it works
It hasn't changed for 0.107.0 , but here is my YAML for the tablet popup: https://github.com/Dino-Tech/Home-Assistant-Main/blob/master/lovelace/popup-cards/input_boolean.forecast.yaml
problem they all were last updated 10 months but i am running latest ha 0.107.7 there might be compatibility issue
no compatibility issues. Just opened it and checked. I'm on 0.107.7
you mean the second link above by juan11perez ?
I use this one for my mobile. It's a different card and less code. Same look: https://github.com/Dino-Tech/Home-Assistant-Main/blob/master/lovelace/popup-cards/input_boolean.mobile_forecast.yaml
The first link is from Bram's original card. Second is using the new one in HACS
Just the YAML file to display, not the code for the card itself.
The one for the second code is custom:weather-card IMO, it's a bit better and smoother than the original
Ok thanks i will try the second link lovelace-darksky-card and let you know if it works
Thanks again guys
Hello! I get lots of decrypt_verify(): in logs, and home assistant wont start... ideas?
Hello
My home assistant on PI 4
Suddenly won't load UI
IP still appear in router
But UI is not loading
hassio port 7(veth f3af 325) entered disabled state
@nimble spire You wanted #330944238910963714
You have no posts in that channel
You need to troubleshoot, and the channel for your install method is the place to start
Hi, I want to have SoftUI in HA, But after installed all plugin requirements and themes I did not get SoftUI enabled,
Can someone help me?
I installed and enabled Grey Night Theme, and also these plugins: Custom Header, Search Cards, Card-mod, card-tools, button-card and Simple Weather Card
!! Another question, When I set a custom theme in my profile, and save theme will apply. But now when I logged in to my account from private window, default theme was shown. Even when I checked the theme item in my profile its back-end selected!
Looks likes selected theme was set in the current browser/session, Not for user, I have produced this problem multiple times!
I see a lot of examples of lovelace images/picture elements use url's like /local/file.png what is this path relative to? would the location (docker setup) for this file be: /usr/share/hassio/homeassistant/local/file.png ?
Ok im sure this is an easy one, can different screens around my home show different displays/content/devices
@lucid mist If you upgrade to 107, then you can create additional Lovelace dashboards. just in the process of trying this myself. under Configuration you should see a lovelace dashboars button after upgrading
Brill Thanks will do, lots of time so many things to do 👍
I want to change an icon based on the state of a mediaplayer. Found this online for a boolean (this is pasted in the yaml of the card):
state_icons:
"off": "mdi:eye-off"
"on": "mdi:motion-sensor"```
But somehow this doesn't work when changing it to playing and idle/paused. Using it inside of an entities card. Does someone know how to get this working?
Hi, I want to have "YAML mode" and "lovelace UI via web" enabled at the same time for two different layouts. I found that this is possible here: https://www.home-assistant.io/lovelace/yaml-mode/. But I have problems with importing resources. I get this error when checking the configuration:
Configuration invalid
Invalid config for [lovelace]: [resources] is an invalid option for [lovelace]. Check: lovelace->lovelace->dashboards->lovelace-yaml->resources. (See /config/configuration.yaml, line 20).
This is my code: https://paste.ubuntu.com/p/kDBJjcB2Gr/
Does anyone know how to solve this? Thank you!
Nevermind... was able to finally solve it! 🙂 thanks anyway!
when using lovelace in yaml mode, how does one configure the default dashboard for all users? currently it defaults to the lovelace url which contains all entities...
specifically this issue is for non admin users who dont have access to config
i cannot figure it out
is this still valid installation for newest version of ha?
https://github.com/lukx/home-assistant-jukebox
The instructions are outdated - you'll need to translate the Lovelace config to the new way of doing things
and the www path is still valid?
Yup, that hasn't changed
so where i put the resource? too confused
i just clicked on lovelace manual config yet
If you're not using YAML mode, life is easier
i'm using the frontend for now...
made a new panel beside of the default and try to guess what to add by the plus symbol...
i guess manual...
The resources then go in
-> Lovelace
i only see lovelace dashboards in ha settings...
and no config option in lovelace edit mode...
It's right there 😉
0.107.7 - how i know if its yaml mode or not?
i didnt touch the configuration.yaml for any yaml
there's nothing in configuration.yaml
Then I've no idea how you're missing that 🤷
😦
restart didnt help, after dropping file to www... hmmm
and how to add it in yaml mode?
aawwwww
tried yaml mode and switched back by deleting ui-lovelace.yaml, now i miss the browser_mod entities 😦
ok the id of the device just changed and the mapping to the device name was wrong....
Invalid config
The following integrations and platforms could not be set up:
browser_mod
Please check your config.
reinstalled it from HACS, deinstalled & reinstalled... stays missing... 😒
ah crap
how do you add custom integrations to lovelace in the latest version? I dont have a resources tab in the lovelace dashboards config
You never did, you add cards to lovelace, not integrations
@split granite && @viral root && @dreamy moon
The "Advanced mode" toggle in the users profile needs to be active for the resources tab to show.
ludeeus, thank you for that tip..
I found that out the other day. Bad decision imo, but at least now we know about it.
And with hacs it doesn't matter anyway
... so I guess maybe it really is an advanced user option...
will cards added from hacs show in gui editor for customizing? or do you still have to manually enter them with code?
For now you have to add them manually. In a few cases you will get a graphical editor if you just enter type: custom:whatever, then save and open it again.
There are some new features coming in 0.108 that will make it easier for custom cards to get into the editor too, though.
just trying to learn the hacs cards.. trying the dual-gauge-card, and its still not able to find it.. i added the resource, to where the js file is located..
You don't need to add them manually. There's an "Add to Lovelace" button in HACS. Did you click that?
A lot of folks just ignore that one
Like the warning you get first time you issue a command with sudo
It's too easy. Can't be true.
Besides, this guy everyone is talking about wrote this long guide on how to do it, and that button is nowhere in there.
the dual gauge card didnt seem to have that option.. let me deinstall and try again
it seems that the path that is created automatically for the .js may not be right??? isnt it in /config/www/community/xx
The path is correct
I'm probably still drunk/local/www
~~What?~~I'll pretend I didn't see anything.
do you need to restart after adding custom cards
no
Probably @wheat current ?
"no card type found"
Yeah, I have not had a drink so far today (after waking up ) 😛
"no card type found" == indention issue
In a manual card there should not be a - before type:
hey all, how do I create history graph for a state attribute? it's for the power consumption from a smart plug
With a template sensor.
Make sure to specify unit_of_measurement if you want to get a graph and not just a colored bar.
And yes, you will have to wait for it to build up a history to graph. It can't look backwards in time.
thanks ludeeus.. that helped.. now trying to figure out this dual graph.. seems to be having some issues with my min setting
should everything be on same indent level, or everything at leftmost?
now getting the following error "cannot add property min, object is not extensible"
Card is broken and needs an update
Well... that's unfortunate. It's a known problem https://github.com/custom-cards/dual-gauge-card/issues/22
Should probably be fixed if you specify min: manually.
hmmm
Logger: pyHS100.discover
Source: components/tplink/common.py:62
First occurred: 7:41:55 PM (1 occurrences)
Last logged: 7:41:55 PM
Unable to find the device type field!
Ok. I glanced through the code. It's kind of badly broken. To get it to work, you'd have to specify every option manually, and none of them can be 0...
ill play with the single gauge
@polar kelp can you see anything wrong with this?
printer_power:
friendly_name: "Printer Power"
entity_id: switch.printer
value_template: "{{ state_attr('switch.printer', 'current_power_w') }}"
device_class: power
unit_of_measurement: 'W'
If you're having problems, it helps to explain what the problem is 😉
hmmm
Logger: pyHS100.discover Source: components/tplink/common.py:62 First occurred: 7:41:55 PM (1 occurrences) Last logged: 7:41:55 PM Unable to find the device type field!
Unable to find the device type field!
Well, that's unrelated to your template sensor 😉
Did you define your template sensor in tplink?
no, in the sensors node
Why would that give you a tplink error then?
it's a tplink kasa plug
Hi, I have what I hope is a quick UI question. I tried searching the forum but I don't think I have the right terminology.
I have a few custom switches and some of them show up as a toggle, while others show me 2 lightning buttons. (black & blue with a line across it). HA seems to decide by itself which one to use, I can't figure out how.
There's a specific switch (platform: rpi_rf) that shows up as a toggle, but I want to force it to be the 2 lightning buttons instead. That platform can't really detect the "on-off". It's sending an RF signal for command_on and command_off
- platform: rpi_rf
gpio: 17
switches:
"projector screen":
code_on: 10376452
code_off: 10376449
signal_repetitions: 25
Thanks.
Check out assumed_state here: https://www.home-assistant.io/docs/configuration/customizing-devices/
trying it out now.
Neither assumed_state: false nor assumed_state: true seem to matter for this particular switch.
Hmm
Invalid config for [switch.rpi_rf]: [assumed_state] is an invalid
trying now
oh hey that worked!! thanks! Did it with the ui but I'll move it to yaml when I don't have a baby in my lap 🙂
Hello everyone 🙂 I have a Button Card that is not changing color as I'd want it to. If I active the scene that is turned on by the button, the button stays grey instead of turning orange. The other buttons that I have for my lights for example changes to orange when I toggle them with the button. Here is the part of my card configuration that I'd like to have some assistance with:
- color_type: card
icon: 'mdi:candle'
name: Mys
tap_action:
action: call-service
service: scene.turn_on
service_data:
entity_id: scene.mysbelysning
type: 'custom:button-card'
Hello, https://www.home-assistant.io/lovelace/yaml-mode/ Says that you can manage resources in the lovelace config panel, but where would i find that?
-> configure UI ?
Well im trying to add a custom element, ive got it via HACS installed but manually insterting the example says "Custom element doesn't exist: simple-thermostat.", so i still need to add it to resources: i think
im just blind probably and can't find how to load it
basically:
mode: yaml
# Include external resources only add when mode is yaml, otherwise manage in the resources in the lovelace configuration panel.
resources:
- url: /local/my-custom-card.js
type: module
- url: /local/my-webfont.css
type: css```
This but i don't get where to find the part mentioned in the comment
Perhaps this will help: https://community.home-assistant.io/t/lovelace-card-preloader/176655
but that needs to be added to lovelace resources too
and i have no idea how to add something when not running in yaml mode
@dark dirge Thank you! But where should I put state_color: true? In the card? Tried without success 😦
Ahh thank you so much @dark dirge for that link, indeed i was not in advanced mode
The regular button card supports it: https://www.home-assistant.io/lovelace/button/
@dark dirge @orchid juniper scenes do not change state, therefore no state color
Aaah, crap. Is there any way to make the custom button card react to scenes? Home Assistant must know if a scene is active or not?
It doesn’t. They have no state
Think of it like a script. In fact, many folks just use scripts instead
Alright, I see.. Thank you for your knowledge @dark dirge @mild veldt 🙂
Maybe you could create a template sensor to represent the state of the scene based on the states of the devices in the scene
And then use that as the displayed state of the button
Or a group. It depends on what you want to mean by a scene being on or off
I'll try to learn the templates, never fiddled with them before..
The scene is just for dimming lights to a specific brightness.
If your version of scene on/off is just whether any of the lights are on or all or off, a group would do it
Yea, but I have a total of 5 scenes. All of them are adjusting the same lights, just different dimming levels. Here's a picture: https://imgur.com/a/DjFQ6Gi
The five buttons on the bottom are scenes, the other buttons above them are groups of lights.
was working on playing with a new card and now when i edit my lovelace frontend, all the cards disappear. Is there a way to find the lovelace.yaml and fix the issue?
I'd like the scenes buttons to act just like the buttons for the grouped lights
is there anything I can do to make my PoE cameras not consistently drop to the grey box instead of the picture previews
hey guys I am trying to setup a person picture entity card with with a few specific entities , but I am have a few issues ```type: picture-entity
image: /local/Rika_home.jpg
entities:
- entity: device_tracker.samsung_sm_g935a
- entity: sensor.battery_level_2
- entity: sensor.wifi_connection_2
tap_action:
action: more_info
state_image:
'Home': /local/Rika_home.jpg
'Away': /local/rika_away.jpgwhat do I have wrong?This is the error message isExpected a value of typeundefinedforentitiesbut received[{"entity":"device_tracker.samsung_sm_g935a"},{"entity":"sensor.battery_level_2"},{"entity":"sensor.wifi_connection_2"}].```
@feral rivet can't be a list: https://www.home-assistant.io/lovelace/picture-entity/#entity
So should I use the picture element card instead?
Or picture-glance
Hi, any clue why I can't add a new Lovelace panel. It asks for a url which I can't seem to enter correctly.
I'm on version 0.107.7
Hmm, wanted to upload a screenshot but apparently I can't
Ah the app said it's permission problem, anyway. Validation on the url field isn't accepted whatever I type.
Here's a link to the screenshot. https://photos.app.goo.gl/2k9NdnCyfgAWA35S6
When I set a custom theme in my profile, and save theme will apply. But now when I logged in to my account from private window, default theme was shown. Even when I checked the theme item in my profile its back-end selected!
Looks likes selected theme was set in the current browser/session, Not for user, I have produced this problem multiple times!
@strange finch try - and not _
@barren bolt ok,I'll try but the help text says that underscore is a valid character.
The URL needs a - from memory, but I'm struggling to find where it's mentioned in the docs
Only reference I can find is in the YAML mode page
The key of the dashboard is used as the URL, this needs to contain a hyphen (-).
https://www.home-assistant.io/lovelace/yaml-mode/#advanced-configuration
Yeah, but that's YAML mode - and we tell people not to 😛
Dont need to document the UI, it have the documentation right there in front of you
Optimist 😉
Ok, then there's an error in the help text in the form because it says - or _. It's either in the Swedish translation or original text as well
Could be a translation error - I'd open an issue in the frontend repo
Want to see what issues are open (or were open and are now closed)?
Check issues for the backend, issues for the UI, and issues for the documentation.
Is the issue hidden? I can't see it.
I'm suggesting you open one
Ah ok, sure.
How can I add some spaces between 3 graphs in a horizontal stack, i'm using vertical-stack-in-card, but I don't find anything in docs.
Dont need to document the UI, it have the documentation right there in front of you
@wheat current yeah... no
It was a joke, or atleast an attempt
Oh. Sorry for ruining it.
Hi guys :)
Im using 3 garbage collection sensors for my garbage bins, but since upgrading to 0.107 these show as red rectangles in the frontend.
They do however show up after I manually open Configure UI and close it again.
This is the card code: https://pastebin.com/BFQg9Pp4
Any idea what could cause this?
it uses both card-templater and mod-card, did either of those break with 107 update?
what it looks like; https://i.imgur.com/gGke8qu.png (top part is the red error boxes, lower is how it looks after opening/closing Configure UI)
Anyone else missing supervisor menu on 107.0b5?
@lethal sand Did you get anywhere with this issue? My HA on Docker mysteriously stopped working today, I wasn't even tinkering with it. Had to reinstall and I was going to restore a backup but no supervisor tab!!
Hi all, how do i group the lights in version 107.0 ?
Invalid config for [group]: [control] is an invalid option for [group]. Check: group->group->system->control. (See /config/configuration.yaml, line 31).
@muted inlet is this ok ??
- platform: group
name: Tv Lampor
entities:
- light.speaker_light_left
- light.speaker_light_right
- light.nanoleaf
- light.lifx
Looks fine but a config check would tell you for sure
Hey guys!
Anyone know if it's possible to hide/show lovelace interfaces based on users instead of admin/notadmin.
I would love for my roomate to only see one menu on the left, (his lovelave interface) without seeing any of the rest.
Thanks!
Hi guys,
Is it possible to cast custom UI to the google nest device? I've configured ui-lovelace.yaml file, give it a custom path and enabled lovelace mode yaml in the configuration file. When i try to cast this custom view it dosen't work. It works only when I call "cast.show_lovelace_view" service with "view_path: default_view" parameter.
I want to add this theme
https://community.home-assistant.io/t/ios-dark-mode-theme/149136
but I dont have a lovelace-ui.config file
Add the following line to your lovelace-ui.yaml or use the RAW editor:
(emphasis mine)
Top right corner, take control
In the UI
oh
Once you take control, go back to the top right corner again and you'll see the menu has changed

Take control from the
menu
I suspect that the background line now goes in the Resources section, but I'm not sure