#frontend-archived
1 messages Β· Page 116 of 1
I guess there is just too many that uses it π
I'm trying to show some of my grafana dashboard into my homeassistant dashboard using lovelace iframe, but it wants me to login when going to that page... Anyone know the reason for this?
anyone have any ideas why using a light group as the entity for a picture-glance card would cause the grayscale/color shift to get out of sync when enabling/disabling the individual lights?
I can get it to a state where both lights off means color and one light on means grayscale
@polar kelp: I got it work now thank you. Is it possible to use the popup_card for a badge too?
Hello
Would there be a fix for the restart beeing not needed when using the packages setup in hass?
Anything that pops up a more-info dialog can use popup-card.
Anyone here done a point system for tasks in lovelace?
So I figured that you can use Home Assistant for more then just controlling my TV and my smart lights.
Me and my significant other discussed that we should implement a point system for the task we do at home.
Let's for example say that she hates doing the dishes so that would be 3 points for her, and I don't really care.. so 1 point for me.
I have a Nexus 7 hanging on the wall. Anyway to implement a menu with the different task that gives a person the desired point and sums all points up for each weak and then stores these in like a database?
How would you go about doing this? (maybe someone already did it? I tried searching but could not find anything)
I'd probably do most of the work in appdaemon - setting up the lists and such, and then set up one input_boolean for each task (also from appdaemon). In lovelace, I'd add a card with auto-entities to display any input matching a certain pattern while it's not turned on.
But really, the frontend is the easy part here.
@polar kelp I know I can never surprise you as I always seem to do to myself...but I never realized that your state-switch card can actually switch two entire views π Using layout card as the switch point, I managed to 'switch' 2 entirely different views based on users. Now my wife is finally happy when she logs in and can have her purple tinted cards with auto changing purple backgrounds....boy the little things that make people happyπ Thanks! Yet again...
Anyone know how I can pull an attribute from weather.dark_sky to a lovelace guage?
That was actually how it all started - well almost. Here's the first published screenshot, showing state-switch switching a layout-card.
Thank you @polar kelp. I'll look into appdaemon. Im a total newbie so sorry for asking, but that is a part of the HA you are talking about?
Okay, found it. https://www.home-assistant.io/docs/ecosystem/appdaemon/
Oh.. it's python! Lovely!!
touchΓ©
guess I never saw that GIF...π€·π» Works exceptionally well for mobile too π
Here's a more recent one, showcasing a currently unpublished experimental feature...
hmm... if you need a guinea pig or lab rat for testing...you know where to find meπ‘ π€£
hey guys, I a m using a Hue switch that triggers a HA automation. what can I do if I want to have a toggle in lovelace that triggers the same automation?
solved it with a a glance card and tap_action
hi, i have a issue with the bar-card trying with this config in the raw editor in hassio
- url: /local/bar-card/bar-card.js?v=1.0.0
type: js
am i doing something wrong?
cause it cant find it
or at least it doesent show
is it located under /www/bar-card/bar-card.js?
if yes, can you see it if you goto http(s)://haurl:haport/local/bar-card/bar-card.js?
well i saw an error directly thanks to you this one is seen
- url: /local/bar-card.js?v=1.0.0
type: js
but still i get error that it cant be found
add ?v=2.0.0 to the end of the url
β
http(s)://haurl:haport/local/bar-card.js works?
yes
What's the first line you see there?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="dns-prefetch" href="https://github.githubassets.com">
<link rel="dns-prefetch" href="https://avatars0.githubusercontent.com">
<link rel="dns-prefetch" href="https://avatars1.githubusercontent.com">
<link rel="dns-prefetch" href="https://avatars2.githubusercontent.com">
<link rel="dns-prefetch" href="https://avatars3.githubusercontent.com">
<link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
<link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">
That's not the first line but okey
that is not a js file,
when downloading from github you need to use the raw format
OK now i think i understand
For all your troubleshooting needs with custom plugins, check out this wiki by @polar kelp https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
still no go class BarCard extends HTMLElement {
constructor () {
super()
this.attachShadow({ mode: 'open' })
file changed add ?v=3.0.0 to the end or clear your cache
5/7, would ask question again
That's a perfect score!
can I reduce the amount of columns?
i have a tablet where the UI is trying to fit 4 columns which gets a bit small
@polar kelp That's a really interesting idea! How does it work on mobile though?
@polar kelp
could be a workaround. however, I only want these limits to apply on this one device :/
@crimson fable Might be able to get fancy with https://github.com/custom-cards/config-template-card or just use https://github.com/maykar/compact-custom-header to make per device views with the layout-card solution.
You can use CCH to hide/show a view for that device or you could make a variable in template-card that looks for a string in navigator.userAgent
so no way to limit column count in stock?
no
i changed from the yaml mode to the "new" mode in Lovelace and now i am always getting following error:
"Saving failed: t.cards is not iterable" here is a pictue of it
https://www.imagebanana.com/s/1428/oiKNbhU5.html
what is my noob-mistake? π
in yaml mode i is working flawless
any particular reason you are indenting by like 11 spaces?
Hello all. I added a couple MQTT switches but when I add those in the UI, instead of showing a switch it shows two on/off buttons (https://cl.ly/168a3cf1863d)
How can I make it a regular switch?
What does the config look like? Do you have a state topic?
@elder pendant same error without 11 spaces ^^
https://www.imagebanana.com/s/1428/YLJxxECH.html
this was because of copy and paste out of a fully functional yaml file
It's only when you try to save that card?
You copied the entire contents of your ui-lovelace.yaml file into your raw config? Or are you trying to do it one card at a time?
no, i copy the code in the screenshot from the yaml file into the ui-interface
So you are trying to do it one card at a time. Have you tried copying the entire contents into the raw config?
Please share the code itself instead of just a screenshot
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
I think you may have a trailing whitespace character or something after cards:
@elder pendant , my apologies, only saw this now. Yes, I do have a state topic. This is the config:
starting to make my first custom theme and running into frustrations, i am wondering if the weblinks are always forced to use primary-color ? I am doing a dark theme and wanted a dark header area, but it seems if I do that then I can't read any text. Only way to have visible text seems to set a bright primary-color so it sticks out, but that kind of defeats the purpose of a dark theme... Is there a workaround for this?
switch:
- platform: mqtt
name: "Frontyard Light"
command_topic: "HallwayRelay/relays/1"
state_topic: "HallwayRelay/relays/1/state"
qos: 1
payload_on: "ON"
payload_off: "OFF"
retain: true
optimistic: true
Try setting optimistic to false @sharp locust
Good evening all, anyone have a moment to advise on a lovelace solution please?
An issue is needed before a solution can be given.
if I'm using custom_updater, can I use that folder for sending a push message and not having the image be cached?
I'm doing an html5 push notification of porch_latest.png, and while the image is updating, the push notification is showing the old image
ok, the issue is, I have HA running in caravan im living in at moment, all working fine, just installed 3 float level switches in water tank, set as input booleans and working fine as entities in lovelave 75,50,25%, I would like to display as a gauge or image with blocks... any suggestions please what i should be researching ?
Input booleans? Like you are going to manually switch them in lovelace?
no, just as input switches,
on or off input to show the current level in tank
sorry if im not explaining great
Why would they not be binary sensors then?
appologies, i had my terminology incorrect, they are binaries, at the moment, i just have the 3 entites in a card showing 25% on, 50% on and 75% off, indicating i have between 50 and 75% left in tank, i just would like to display it in a better graphical way
You can tie them together in a template sensor that shows the current level as a single percentage value
Then you can put it in a gauge card https://www.home-assistant.io/lovelace/gauge/
spot on, thanks for the advise, readig up on template sensor now.. cheers
Let me know if you need help with the template
much appreciated @elder pendant
And just as a preemptive solution to a problem I can see arising from this, if you haven't already I would set delay_on or delay_off (whichever one it is when the water level is low) to a minute or two so your sensors don't go crazy if you're moving
nice pre-empt, but im static pitched and the tank is on paving slabs, so earth quake depending, i should be ok with delays..lol
Oh, yup not necessary then haha
ill try figure it out over next few days, but may give you a shout at weekend if still struggling
Oh yeah, the instructions looked pretty clear
I just didn't want to be the first guinea pig
You are not π
As I've spent the last couple of days getting custom_updater working π
Sorry about that, the main reason I started on HACS is that I found custom updater to be π© (I made that one to)
For the picture elements card, is there a way to change the default icon size?
@elder pendant , that worked! Thank you!
Hi there. Anyone around who wants to try the new Floorplan card for Lovelace? It's all now contained in one single file, and that allows you to have as many floorplan cards as you want, and as many custom panels too.
@drifting vector I wouldnt mind messing around with it!
cool... I will send you the file
@drifting vector I would like to try it π
Are there any more good repo's that I should be adding to HACS before I start setting up my lovelace @wheat current
I have no idea, like you know I don't really use it π
need help with mini graph card
I set 2 sensors
https://hastebin.com/ikisiyahif.bash
Now the temperature one is working great but the humidity seems to ignore color_thresholds
any idea why ?
@wheat current Do you know if all of thomasloven cards are availble to HACS. i tried https://github.com/thomasloven/lovelace-layout-card but it doesnt seem to show in store
not yet
thanks
great work BTW
Are you going to promote on the forums?
or just slow start at mo
I usually don't, but for this maybe, but that is not high on my list π
you should
found what i did wrong with the color_thresholds
works fine now
any suggestions for cool stuff to add to HA ?
Are the mini-graph and mini-media card available? I know Kahlikβs repo at the moment is added manually to config yaml
I also use a custom sun component? Phil Bruckners one..
@timid burrow what do u mean ?
I use both mini graph and media and they are works fine.
@timid burrow i added both of them to HACS, it listed them but pulled down a rollup.config file.
@tiny raptor yeah sorry I was a little cryptic - referring to HACS @ember crow so sounds like a bug for now?
Possibly, still new and it maybe the repository doesn't meet the requirements correctly. But it works really well so far
I just saw somewhere that @wheat current seemed to be saying unless it was in the main repo it wonβt be supported..
That's a looooooong time ago π
Or was that just custom_components?
Ahhhhhhh well.... tell all lol
If itβs not going to break stuff I will give it a crack. What about Phil Brucknerβs sun component?
And does it still work with the tracker card? Or is that replaced by the panel?
Gotcha. Thought so. I might ask Phil @tight dawn
Hi, is it possible to have an image (that changes) on the right side in an entity card instead of the state of the entity?
Is there a faster way to update lovelace chances other than restarting hassio?
F5
I'm in yaml mode.
does not matter, save file, F5 in browser
just installed hass.io and switched lovelace to yaml. imported the config from the default setup and now getting these cards :
"No state available for media_player.office"
its my roku devices that are all throwing it, i guess because they are off
i found this but not sure if im on the right track https://community.home-assistant.io/t/no-state-available-in-lovelace/60592
@wheat current it does seem to. A reload from the CLI doesn't even update it. Restarting is the only way to see my changes.
That is false
@queen kestrel your issue is not with Lovelace yaml or not; you have a state issue, check the entity
Do you not need to call reload core anymore to update frontend changes?
Then is there a configuration I can check that may be causing this? It's running as a container and just updating some markdown cards.
That only reloads customize.yaml @elder pendant if you are using that for Lovelace you are doing something wrong
Oh yeah, duh. My memory is failing me today
If you had a config issue restart would not help
@wheat current I'm using !include within ui-lovelace. That is the problem.
Really?
yes. Looks like since 0.83.1 !include requires a restart for updates.
That will make things messy.
0.84.1 π
0.93.1 (This has been there from the start)
It maybe limited to just Views
looking at this now: https://github.com/home-assistant/home-assistant-polymer/issues/2311
hmmmm... no idea yet. When using !include for views I require a restart however if I place the view within ui-lovelace I can see changes using F5.
Reloading is iffy when there are !includes in the mix. Changes to the included files are not always noticed by the cache.
There are two ways to make sure it updates:
- Touch
ui-lovelace.yaml, i.e. open it and save it without changing anything - Use the refresh option behind the three dots in the top right corner
There is exactly one case when you need to restart Home Assistant to get a change to appear in lovelace, and that is when you create the www/ directory.
Is it possible to edit Card Configuration, while being in panel mode?
Thanks @polar kelp that helps a lot. I did not have to use the refresh behind the three dots. Just touching ui-lovelace was needed for me.
Yeah. It's either one, not both.
ah..."two ways". Need to up my font size here.
does HACS still requires to have resources: entries?
It never did?
However, lovelace require that π
π
Im looking for a nice card for an harmony remote witch can start 3 activities and dependant on the activity replace the direction button entity. Does someone now a good card or other method to do this. Am example code would be nice.
@winter hollow for some reason not able to add your weather card with HACS
CCould not add repo 'https://github.com/bramkragten/custom-ui/tree/master/weather-card' at this time, if the repo meet all requirements try again later.
Have not looked good at HACS but I believe every card should have its OWN repo?
My cards are all in the same repo
i see
will you make those changes?
or is there anyway to bypass that .... got to love your weather card π
I will check it tomorrow
thanks mate π
First Iβm going to install HACS and check out the good work of @wheat current π
is there like a site which has a preview of all the lovelace cards out there?
That will never be possible
awww π
You should make a curated list of cards that is included by default
There is one π
in theory, you could do a test and make a screenshot ;p
In theory every card builder should provide that screenshot
But in reality, every builder want to to it like he/she want to do it π
I get that
was that now ok again? the updater, i read once that it needed a redo etc
goes so fast these days ;p
well that looks a bit.. well how shall i call it..
awesome ! π
i do feel a small creepy feeling that at some point if you want to have like this super cool HA setup, you need to add repo's from all over the place since its growing so big. It is a good thing though, in the end you would just want the entity editor allowing you to "add" a new entity and it would say "this card is missing, would you like to download it?" π
All actions are done with web calls ("API-ish"), so that is actually doable π
hey guys, I'm trying to achieve something similar to this in a picture glance: https://www.screencast.com/t/JoZhPldPcl
how would I go about this?
in the end, i see paulus trying to make it more generic with wizard and all for new users, while on the techie side it becomes more a "find your thing" it is always hard to keep both beginners and advanced happy
isn't that a cover?
currently this is what I'm stuck with: https://www.screencast.com/t/VJJPeBVb (so I'd have a light, a heater switch and a cover)
yes, it is
nice house
haha, thanks... unfortunately still a dummy for now π still renovating
π
Think you need to make a map instead
you could perhaps use a button-card and make small icons and a picture above it..
@inland swallow You'd have to use picture-elements instead and add the bottom row manually.
alright, thanks for the input
There was an element for covers added very recently iirc.
ahhh, excellent π also, I stole that first screenshot from your custom slider card, so thanks for the nudge in the right direction π
Alternatively, I suppose you could make a couple of template switches which activate the up/down/stop actions when pressed, and add them to the picture-glance...
@wheat current https://custom-components.github.io/hacs/#why-do-frontend-like-this-and-not-use-javascript-in-a-panel_custom Why didn't you ask for help? π
That last one was actually what I was thinking too... I might give that one a try first
I'm probably the one that needs to support this by my self for a good while, it's not good trying to support something that you do not understand.
The way it is now, it messy, but I know where everthing is, and how it works π
I think you are the first one reading so far down π
haha true true, you should learn it and then do a rewrite in a couple of weeks π
weeks π , probably more like years
if you have questions @mild veldt can always help π
He has been verry helpful already π
Lies
@wheat current Is there a process to update HACS or just a manual file copy, if so which files?
Ludeeus is away for 4m 43s with a message :point_right: π€
HACS looking good
@mild veldt wasnt able to set you radial-menu card in the HACS
it seems is complaining about
Expected file radial-menu.js not found in ['babel.config.js', 'rollup.config.js' - for custom-cards/radial-menu
@ember crow if there is an update available for hacs itself you just go to settings to update
hmm, running v1 and not showing any update, i can see 2.1 available in repo
From settings, try reload data
@prime umbra worked for me yesterday
hmm when i try to add the link
Could not add repo 'https://github.com/custom-cards/radial-menu' at this time, if the repo meet all requirements try again later.
i can see radial-menu in the store
does anyone else have issues using a camera view as a card for a picture elements card?
Can you use !include or something like that in the raw config editor for lovelace?
@ember crow for some reason cant see nothing lol, so strange π
@brittle cypress no
Ah
I seem to be hitting a brick wall w/ Lovelace;
- The visual editor is nice for 90% of things, I don't want to go to
yamlmode - ...but I need
yamlfor some views - it's becoming incredibly spaghetti to manage button card templates used by button cards that are created by JS from config-template-card
Is there a "split" mode? Raw yaml for complex views, the default visual lovelace view for most things?
Or some kind of toolchain to ease the complex yaml pain?
Right now I have a JS file that I edit, then paste into a yaml file, then paste that yaml file into the visual editor's yaml editor, then look to see if my change worked - if not, have to make a change in the JS file and start all over again :p
just go full yaml, it's not that much overhead.
at this point, i personally don't have any 'non-complex views'
also, learn anchors, they'll shorten your config
..gonna do it. Going full yaml
That's pretty stunning!
@mild veldt is it possible to modify your text-divider-row to make the lines transparent and the text left justified using card-modder?
That sounds like a label row
It's in core
Section not label
Yeah, I'm using that but I coudn't figure out how to make the line invisible
i mean transparent
I haven't really played with card modder at all
yeah, it just has the ability to change colors. Hmm, that gave me an idea. I bet I can change the color that the line is using to transparent
Or at least match your background
yeah, thats transparent... hahah
I like flat UIs
I think it's using text color, so i'll try that or look at the code
yep var(--secondary-text-color);
anyone using fold-entit-row with a history graph?
@ivory salmon only thing I have seen, but I haven't had the need to look... https://github.com/custom-components/sensor.unifigateway
@tacit cave How did you get this?
@ivory salmon https://www.home-assistant.io/lovelace/weather-forecast/
@polar kelp can you help me install the spotify component on homeassisstant
can i use > or < in state_filter on a glance card? trying to show batteries under a certain %
or maybe change icon color based on %
No. But you can in auto-entities https://github.com/thomasloven/lovelace-auto-entities
Could something in the HACS system affect the functions related to the more-info mechanics? Specifically popup and browser-commander functions? @polar kelp This is really weird...out of 32 other cards, nothing else is affectedπ€ ...and of course my entire set up relies on those 2 pluginsπ
Can't see how... Did you just hacs and nothing else?
yeah, weirder part is even tried to revert by reconfiguring those 2 files, paths and adding version numbers it still won't respond. Like they aren't even there. No errors anywhere that I can find...
Looks like I'll have to remember how to walk to the kitchen to make my coffeeπ ...I'll try to catch him in a bit...thanks
Is it only the browser-commander popup that's not working, or is it popup-card too?
you can create tap_action toggles on entities in a glance card, yah?
thx -- ive been cribbing from that page
- type: glance
title: Downstairs
entities:
- switch.basement_lamp
- switch.basement_light
- switch.desk_lamp_left
- switch.desk_lamp_right
tap_action:
action: toggle
each -switch needs to be treated as a -entity itself then?
Yes. There's an example at the bottom of the page
How can i splitt these? I want on on the left and one on the right ```
type: custom:bar-card
entities:
- sensor.disk_use_percent
- sensor.disk_use
title_position: 'off'
icon_position: left
align: left
title: Harddisk
show_icon: true
icon: mdi:harddisk
horizontal stack?
i think it needs to be done with individual config options per defined entity. Not sure how to do this.
Clone what you have, so you have two, place them in a horizontal stack card, then remove one entity from each, so they show different items
@radiant drum posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/Nt9Gvy5ZP9/
i also get this: ui-lovelace.yaml contains duplicate key
Question:
To use the live stream on lovelace, do i have to configure a "generic" camera, or i can use it with, maybe, a onvif one?
how i put a card to full width?
using custom:list-card but the title of an entry is way too long
i'm using just the default example layout
minimal example from https://www.home-assistant.io/lovelace/yaml-mode/
Click the three dots in the top right and select "Configure UI" and you can see excatly how it was done.
wow
If by live you mean if he switched a lamp on it would show up on the map, then yes.
If by live you mean actually connected to @raven nacelle s house right now, then no - but that would be fun...
@rough portal it uses the current release but any of the custom cards are probably outdated versions
Iv just split up my lovelace config into seperate yaml per tab view, noticed it just update right away when I refresh the page after editing
Usually have to restart HA to get it to change
Assuming you mean the opposite of what you said... try pressing the three dots and select Refresh.
Man... does anyone have a Snickers?
which always worked when it was all in one file
Yeah. Includes will do that to you.
oh really? Okay noted.
@polar kelp it's both. The popup when called from popup card only opens the 'more-info' for that entity and browser-commander doesn't respond either to popups or any regular functions, eg. navigate, popup.... @wheat current Could something in the HACS system affect the functions related to the more-info mechanics? Specifically popup and browser-commander functions? This is really weird...out of 32 other cards, nothing else is affectedπ€ HACS created the folders for all the cards and most had the .js files in them(a few were empty, but I added them manually and they are working), not sure where to go from here to troubleshoot?
I really really doubt it.
but remove it (comment out it in config), restat, then user /local/* as the url
I did that as well. I moved the 2 plugins to the original file path and I even created a new path for the 2 files /config/www/lovelace-popup-card/popup-card.js, tried also adding different version #'s and the popup action still doesn't work... Have went through several restarts and all the usual fixes. I'll give it another go and see.
hey guys, can someone explain to me how a user is supposed to know the type to use when adding a card to lovelace?
Look in the readme of the repo for it
Ask the dev by opening an issue,
ok, but there is no way to determine it myself from within the js file ?
Does UniFi have a card?
Both of those probably works as js.
When in doubt try module. If you get errors try js and see if they change.
If a script starts with import itβs definitely module.
@wheat current sense hacs creates is own file in storage, we no longer will need the storage filecustom_updater.cards correct?
was wondering also about the tracker card if will still work sense is available on store?
im guessing isnt working cause i have set it up and nothing shows , so reload data is our way to update things.....
So I just installed hass.io instead of my old Hassbian installation method and was just using groups.yaml instead of a complex lovelace configuration. How can I get back to having everything just load and look like this: https://github.com/brianjking/hass-config/raw/master/images/home-assistant.gif?
@low tide Go to the states UI on the
page...should work and "complex lovelace configuration" ??? easy to convert and use ui-lovelace for faster UI refreshes/changes
That will work for now, but you should start migrating to lovelace. States UI will be removed in the future
@atomic glacier i can see browser commander and pop up card not working... i have 2 HAΒ΄s on, doesn't work in the one that has HACS, so i think it has to do with it....
@prime umbra yes, confirmed. I just reinstalled from a snapshot, installed HACS and only added those 2 cards + 2 to check and it broke the plugins...again @wheat current
@atomic glacier @elder pendant Doesn't change anything for me anyway https://imgur.com/Qdq6bNd
π¦
π€· that's how states looks. If you want it to look like what you have in your original picture you'll have to take a few minutes to convert to lovelace
@atomic glacier are you using mini media player or mini graph cards?
my ordinal photo was just using https://github.com/brianjking/homeassistant-config/blob/master/groups.yaml.disabled @elder pendant
its seems no suport yet for those
graph
is it working ?
I'm having a hard time understanding how to convert groups.yaml to ui-lovelace.yaml
@prime umbra && @atomic glacier https://github.com/custom-components/hacs/issues/new?template=issue.md
and why I'm not loading in some of my components (such as lifx lights) for some reason all of the sudden
@low tide that should take no time at all to convert to lovelace
nor a few others, I ended up with 34 in HACS and about 9 that wouldn't load
@elder pendant using the ui-lovelace.yaml or using the UI configurator? Do I actually keep using a groups.yaml? if so, for what?
ya same here, but i guess its expected sense its a new thing, ludeeus did a good job in coming up with hacs, looks very nice....
as I'm seeing people with and without them on github
Groups are used for control now, not for UI. So if you had a group of lights that you want to control together
Lovelace cards are the equivalent of groups now as far as UI is concerned
Ok, so I have two bulbs I group as office lights that turn on via a z-wave motion sensor
But can also turn on separately as well
Right, that's the only thing groups are good for now
As far as UI is concerned groups don't affect the way things look
ok so I need to add
lovelace:
mode: yaml
to my configuration.yaml
and there's no way for me to automatically convert my groups.yaml to a ui-lovelace.yaml?
@low tide IDK if this is still around, but it literally took me 10 mins to be up and running in ui-lovelace YAML mode ```# This file was automatically generated by lovelace_migrate.py
https://github.com/dale3h/python-lovelace```
it converts the groups to LL yaml
the main structure for the rest of your config stays the same. LL just displays the info for viewing
I would look at a few repos that are simple...(not mine), to get a few ideas
@prime umbra were you sucessfull trying to revert back from the breaks? I just reconfigured back the way it was and it stays broken. Going back to my snapshot and not trying to install those 2 in HACS for now. I'll wait until after issue is resolved
@atomic glacier most of the configs I follow are far too complicated for what I need to get back to having work before I make things complicated
any suggestions?
@atomic glacier i didnt try to revert back yet... might be a option hehe
@low tide just checked and this is still available: https://github.com/dale3h/python-lovelace
i see why you would go back for now @atomic glacier you a browser pop up monster π
@prime umbra everything in my set up now...50+ popups, couldn't make my coffee this morning, LOL
@atomic glacier I installed hacs on my dev setup and popup-card still works...
wont work here....
@polar kelp ...after I reverted back to my snapshot it went back to normal and then with only 4 plugins in HACS it went back to the regular more-info popup...strange, 2 were popup and B-C plugins...just strange
restarts, caches, different users...doesn't seem to phase it here...
Any luck with the debug option?
Also, do you have layout cards in your popups?
@polar kelp sorry, stepped away for a min. My first view(/lovelace/0 ) is a huge panel layout view with 5 different views contained within it which has 5 different users access, but the switching part isn't affecting it as when a restart is cycled I can keep the browser opened and still no pop up. I've done every different scenario that I could think of. 4 snapshot restores and every time same issue. Mobile, tablets and pc all the same result. Popups are all global except for B-C ones that are scripts. I reverted back for now, as my UI is useless without them
And it only happens when you install hacs? Do normal more-info dialogs work? Do you have sun: or default_config: in your hass config?
yes, just as soon as I install hacs it happens. Yes for sun and no for default_config
I use mostly dummie MQTT entities for popups
EDIT: as soon as I add the 2 plugins, this last time it happened as soon as I added hacs
which plugins again?
popup and browser-commander
I sent PM with code if needed
gotta be gettin late where you are...get some sleep, I'll still be up when you are back around. I'll play with it a bit more and let you know if I find anything@polar kelp
not sure if this is lovelace specific, but does anyone know how to have automations in the main panel along with Overview Map, Logbook etc. I did create a new panel_iframe with config/automation , however, that still shows the left panel rather than the automations page. Any suggestion is highly appreciated
Hi, what do you guys feel is the best touch screen interface to use now that we have lovelace?
With 0.93 i have serious prolblems with my streaming cameras from BI. Of my 7 cameras, only one is showing video, and only 10-15 sec that i open the HA page with all of them. The others stays empty. No error in logs that i can find.
Example of one of the cameras config:
- platform: generic
name: Cam Ingresso
still_image_url: "http://192.168.0.27:81/image/CamIng"
stream_source: "http://192.168.0.27:81/h264/CamIng/temp.m3u8"
Does card modder support custom elements on a picture-elements card? I have a hui-image-element that I want to apply rounded corners to using the border-radius CSS property, I tried the following config but no dice:
- type: custom:card-modder
style:
border-radius: 100%
card:
type: hui-image-element
entity: group.tracker_bob
state_image:
"home": /local/people/bob.jpg
style:
top: 15%
left: 25%
This error appears in the UI: Custom element doesn't exist: hui-hui-image-element-card
prefix it with custom:
Oh nice
Thanks - it now shows, but I can't see the border-radius rule applied anywhere
I guess because there's no ha-card element
OK, got it using extra_styles
thanks!
@dusky mist Try without card-modder
type: image
...
style:
top: 15%
left: 25%
border-radius: 100%```
@polar kelp That works as well, thanks
Although it seems like images are being absolutely positioned differently on my laptop vs my tablet, I guess due to the different resolutions? state-icon elements are correctly positioned on both though... Has anybody seen this before? The image element and the state-icon element are both absolutely positioned using %s
Ah wait, the icons are also slightly misaligned between screen resolutions, you just don't notice as much because they're smaller, but only when the view is set as a panel, otherwise they seem to match
@dusky mist Pixels and dpi affect the display with different devices. I would suggest designing the view for the intended device and then duplicating it and changing the screen resolution for each device intended to view it. Using https://github.com/thomasloven/lovelace-layout-card will make the task much easier as you can set the view by percentages or pixels as well as using F12 option where you can set the screen size you wish to display the layout you are creating. Hope that helps...
@viral root posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/GQHWJmwB3z/
all fine, had to reload the lovelace gui
trying again" Does anyone know how to have automations in the main panel along with Overview, Map, Logbook etc. I did create a new panel_iframe with config/automation , however, that still shows the left panel rather than the automations page. Any suggestion is highly appreciated
Okay, I think I'm finally sorting out this lovelace vs groups.yaml separation now. However, now my groups.yaml doesn't seem to be actually loading as I can't add or call to a group. Anyone have any specific ideas? Here's a copy of my groups.yaml https://hastebin.com/cajinecagu.css
Did you run a config check?
Can Lovelace handle image opacities in Picture Elements? I want to make the background a bit more transparent
Tried it. It didn't work for the background image
Oh background image, sorry. I think you need a custom card for that. card-modder comes to mind
Tried that too. Because it's a picture elements card, it has to have a background even withing the modder. So it still doesn't work
You can also do tricksy things like a blank background and overlay an image through an element
And trying to use a transparent image just gets filled in with white
Maybe card background is a theme based property. I'm not sure if you can change the background of just one card
What did you try with the card modder?
I'll have to check my code when I get home then I'll post it
Hi, does someone know if there is a horizontal card in card? like https://github.com/custom-cards/vertical-stack-in-card
Hi guys, I seem to miss something with regards to the generic_webcam module and the picture-glancecard. I have added this to the card config:
type: picture-glance
title: Test
entities: []
camera_image: camera.generic_camera
But it does not display the webcam image?
@brittle cypress you can wrap a the custom template card around your bar card to get the value you want
Hey all, is it possible to have the buttons of a "mqtt cover" component use a hold action? I have a garage door sensor set up and ready, but i don't want it to open the door if I accidently click while swiping on my phone.
I tried this, but it didnt work
- type: entities
title: Garage Doors
show_header_toggle: false
entities:- cover.big_garage_door
tap_action:
action: none
hold_action:
action: toggle
- cover.big_garage_door
I used that on a picture-entity, and it works great.
I could just show the status, and then use a picture entity of a garage door button or something. I just wondered if there's a way to make it work that way in a cover
@wheat current - You mean the config-template-card ?
yes
So right now I have:
- type: custom:bar-card
entity: sensor.disk1
min: 0
max: sensor.disk1.attributes.fsSize
attribute: fsFree
unit_of_measurement: bytes
direction: left
color: green
How would I wrap the max and I guess also attribute in a filesizeformat() type pipe?
Have no idea, have never tried it, the docs should cover it I think π
Anyone know whether it is possible the change the tap behavior in custom:slider-entity-row to toggle instead of more info?
I tried this but I think I'm just conflating regular HA lovelace with custom:button-card
- type: custom:slider-entity-row
entity: light.dining_room
hide_when_off: true
tap_action:
action: toggle
"docs" π
I said "I think" π
'think" π
bad boys π
@proper mesa I am not, but I like it :D
@slow wave it's a great project! i like it, if only it would work as the doc say
i wanted to ask you guys, if anyone uses https://github.com/kalkih/mini-media-player#grouped-cards
i'm kinda having a bad time to group the media_player but honestly, i believe that only if you use it you'd know it :/
Alright, and also this is fixed. I had to create a group in Alexa app to group the 2 echo media player together
hey guys, what's the easiest way to round a percentage down to one digit?
I have one sensor that is reporting 12.34%
I'd like to round it to either a whole number (12%) or just one decimal (12.3%), only for Lovelace interface. What's the easiest way to achieve this?
config-template-card
Create a template sensor (https://www.home-assistant.io/components/template/) with something like: value_template: {{ states('sensor.percentage') | round()}}
Really depends on why you need it rounded
I really β€ config-template-card
Can't imagine my setup without it now
I think noobs like me would benefit from a Lovelace Card ranking system. Something that makes it clear what the skillset should be of the user before they dive into the weeds.
@gentle tide that would be highly subjective
It wouldn't need to be if we outlined what level of knowledge each rank expects.
For example
If you were well versed in jinja, css, and json, chances are you are expert level.
but if you have no idea how to use a backtick in discord or on the forums, you are a beginner. (Of which I have been guilty)
There are ways of "de-subjectifying" anything.
Hmm...according to that ranking system... I rank as a beginner who knows what a backtick is π cuz in my unschooled brain... jinja=sounds like a martial arts expert... json=sounds like the dude that lives around the corner...and I can barely even spell css, (I usually get the letters mixed up π π» ) and I don't think I've ever been unsuccessful getting a plugin or card to work that someone in Discord or Forums hasn't been able to help with, but then again... if the docs aren't clear and explanatory, I do tend to skip it unless it's something I just gotta have π
hey, very new to lovelace and trying to set it up.
i cant quite work out (maybe it's not do-able) how to entity-filter with glance, but with a tap action to toggle?
is it possible considering entities are loaded in the entity-filter, not glace?
Yes. Just add the configuration to each entity as usual, but in entity-filter instead of in glance. Thereβs an example in the docs
Thanks Thomas, I must have just had my config wrong when I tried doing that.
Appreciated.
@untold hound posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/kYwvVJVs2H/
@untold hound posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/h5y7Z2pbv7/
@untold hound PLEASE stop repeatedly posting the same thing
The bot is cleaning up your mess, so that folks don't have to suffer from walls of text
How can I post it then?
yes
Right, so you have posted it
ah
@untold hound Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, codewalls (longer than 15 lines) and unapproved bots.
Please take the time now to review all of the rules and references in #rules.
thanks
icon: mdi:garage
name: Garage Door
action: toggle
entity: switch.garage_door
state:
- value: 'on'
color: rgb(117, 189, 111)
size: 10%
styles:
card:
- height: 100px``` looking into using the binary_sensor.garage door to use as state for open or closed not sure how to input that. Is it a template? Looked at the docs but not too sure.
Hi all, I am looking to have a slide out menu something like this link, do we have a card for this? Or can I use jQuery with lovelace? https://medium.freecodecamp.org/how-to-create-a-responsive-sliding-menu-97b90852a455
@livid oracle closest thing to that is radial menu I think (which is awesome) https://github.com/custom-cards/radial-menu
@latent moss Ok thanks, I will play around with that I may be able to tweak the JS to make it work. Thanks!!
Can I force the lovelace date format to 24h?
Hey All - I have a couple of custom cards for lovelace that work perfectly on the desktop. However, on my iphone X, even with Safari or Home Assistant 2 Beta ios app, I keep getting custom card does not exist. Any suggestions ?
flush your browser history (aka cache)
so, what is the preferred method? Run the UI in manual mode where I add all extra stuff or leave it in auto? (for a beginner like me) Can you switch it back to auto?
you cannot switch back to auto
hey guys, total noob coming from openhab, I did a full install of latest hass on a brand new ubuntu installation. everything is working but I clicked the manual lovelace edit mode and now can not go back to auto mode which is fine, but some people are talking about a lovelace.YAML file, which I cant find anywhere in the config files, I was able to build some nice cards and would like to back up the UI but I cant find that lovelace.YAML file, and the configuration.yaml file will not back up the UI. I DID however find under .storage a file with no extension called lovelace that seems to correspond to things I create in LoveLace but its not in Yaml format and very difficult to edit raw, can someone explain the whole lovelace.YAML file and where could it be?
never mind, found https://www.home-assistant.io/lovelace/yaml-mode/ π
but is it good practice to use YAML mode or stick with the file in .storage
There's little reason to use YAML mode these days
@gray kernel yes, you can. Remove the file <config>/.storage/lovelace
Question on button-card, I want to be able to change the view on different platforms, iphone - 3 buttons, ipad 6 buttons, then if the screen is wider, such as my laptop it will be longer, but as you change the screen size it will move the buttons to a new row automatically.
@split granite is it a pain to migrate away from yaml mode?
No
There's a blog post from some time back that describes it, if it's not in the pins a search should find it
Trying to use the hold_action to run a script, bit it's not starting the script.
Code coming
Cool, I was going to ask π
@split granite
camera_image: camera.kapu
entities:
- switch.gateremote
- switch.gate10
- light.garden_light
title: Gate
type: picture-glance
hold_action: call-service
service: script.turn_on
service_data: 'entity_id:script.gateremote'
And you only missed the card type π€·
I mean, it's 99.9% likely that you've an indending problem
Hmmmm, and are following an outdated guide possibly
Tap and hold actions aren't formatted that way
https://www.home-assistant.io/lovelace/glance/#examples has an example of correct formatting
i used this guide: https://www.home-assistant.io/lovelace/picture-glance/
i just realised i missed the action: and some formatting
hold_action:
action: call-service
service: ...
works, thanks!
hold_action:
action: call-service
service: script.turn_on
entity: script.gateremote
Somewhat, but not quite
hold_action:
action: call-service
service: script.gateremote```
or
```yaml
hold_action:
action: call-service
service: script.turn_on
service_data:
entity: script.gateremote```
@polar kelp slider-entity-row.js is displaying every light value +1% in my setup.
is this a known problem?
25% slider becomes 26% right next to the slider
Sounds familiar. Could you check github if there's an issue, and open one if there isn't. slider-entiry-row is up for an overhaul pretty soon...
will do
Thank you!
thanks for your useful custom cards
@polar kelp
https://github.com/thomasloven/lovelace-slider-entity-row/issues/46
how did he do that? I can't seem to find an option to hide everything apart from the slider itself
full_row: true
hide_state: true```
Ah its above the check for _hass so thats why I didn't find it
is there a recommended resolution for floorplans on picture-elements cards? I'm doodling something in InkScape, and export to png, but I can't seem to get what I see on the front end to NOT require scrolling. I have panel=true on, so it would fill the browser window. But it seems it scales it up too much, all the time. Not matter what size I've exported from inkscape. Anyone seen this before? I feel like I'm missing something obvious.
thanks!
Does anybody know how to nicely align an ha-icon within a mwc-button?
The result I have is as follows: https://imgur.com/a/rRulQDg
And the code: <mwc-button dense id='bell-everywhere'><ha-icon class="mdc-button__icon" icon="mdi:bell-ring-outline"></ha-icon></mwc-button>
Ideally, it would be within the red box
is there a way to add a theme variable say in my ui-lovelace.yaml that will override a variable in whatever theme I am using?
I need a sanity check - Is it not possible to style Title text on an Entities Card with Card Modder?
- type: custom:card-modder
style:
height: 25px
border-radius: 10px
card:
type: entities
entities: []
title: test-label-1
show_header_toggle: false
style:
- text-align: center
- height: 25px
- text-transform: Titlecase
Hey guys
Any idea why all my older android/apple tablets cant render the full home assistant page
Running https incant get the login page tongonfuther then initializing
I had a similar problem on an ipad running ios 9. The browsers were simply too old.
Hmm thought so but there must be a fix right
In my instance, I couldn't fix it so I gave up/
Forcing es5 might work for some things
On the tablets that is? Let me google for that setting
what would be the ideal method to display my cameras through Blue Iris in a lovelace tab but not live stream? Something like every 5 10 seconds
@wheat current I think as of 0.93.0, the fronted JS version config key is no longer used.
Ludeeus is away for 8m 55s with a message :point_right: π€
Happy Sunday everyone!
Is there a way to use the person entities in the Lovelace UI?
I have it in my glnce card
@wheat current it works on the ipad, but not all custom cards work, is this due to the js age of the tablet?
Ludeeus is away for 26m 3s with a message :point_right: π€
how often does a camera image refresh when using picture -glance?
All the examples I'm finding are creating a sensor, and not using the person entities directly.
@gentle tide target .card-header (the whole header block) or .card-header .name (just the title text) in extra_styles
@gray kernel So something like this?
extra_styles:
text-transform: Titlecase
height: 25px
no
that is not how extra_styles is formatted
https://github.com/thomasloven/lovelace-card-modder#extra-styles
Is anyone running lovelace-gen.py on a Hass.io install? https://github.com/thomasloven/homeassistant-lovelace-gen
@gray kernel Yea, I've read the documentation several times. Unfortunately, I don't know what extra_styles: > @keyframes blink { 50% {background: red;}} actually means nor do I know where to learn about this advanced feature. Thanks anyway.
that would be css
ok so basically extra_styles: ".card-header { text-transform: Titlecase; height: 25px }"
@gentle tide good explanation of the components : https://www.w3schools.com/css/css3_animations.asp
Thanks @gray kernel and @atomic glacier. I never would have guessed that was CSS.
Trying to make a card with a custom slider but not getting it to show at all. Any ideas what I might be doing wrong? https://pastebin.com/sxFx2uTE
can you post a screenshot of the whole card?
this is a hypothesis:
that's a glance card and you're trying to put an entity row in it; I don't think that works
will it show up if you switch to an entities card as opposed to glance?
Oh it does! Man thanks! I'm so stupid! Hahaha
you're not. I can't think of an alternative that lets you do a slider in glance
I might do two conditional cards, one glance so that my 4 scenes get in line and one with the slider under. Im not sure
Ok, in case anyone's interested... I was able to get the person-glance card to work with the person component. I had previously set the person's (people?) up via the UI and that wasn't working for some reason. I set them up manually via yaml config and that worked. Except... For my wife it worked fine, and I have a person.wife that I can reference just fine; for myself, I ended up with a person.husband_2 with no sign of a person.husband to be found (so far).
Anyone know of an alternative to layout-card? I need something that plays nice with custom defined card sizes.
~~showoff: simple-thermostat + button-card + card-modder (to create the spinning animation)
https://i.imgur.com/pXqOI1m.gifv
code: https://paste.ubuntu.com/p/84MznRqV4c/~~
see spin: true to reduce the stupidity of this
I did something similar with button card myself. All my fans spin now. π
@gray kernel Did the native spin: true feature in button card not work for your use case?
π€¦ I should learn to read documentation before assuming no one has done something before and doing it myself
lol
Look on the bright side, you know how to do it yourself.
Most of the rest of us do not.
whats the component namespace for logging lovelace errors?
Frontend, but you will probably have more luck checking the browser console for errors
cheers @wheat current
HI, I am trying to use !includes to allow me to have separate YAML files for each view. I always get UNNAMED VIEW, is this because my included file is wrong or it can't find the file?
@livid oracle Isabella's config uses includes for each view, that is what helped me figure it out at first https://github.com/isabellaalstrom/HomeAssistantConfiguration/
@latent moss Ok thanks I will have a look, for what ever reason I can't get it working. Thanks I will let you know.
I am getting UNNAMED VIEW
yea it's a little bit tricky at first. My problem was that I had the spaces in my included files as well, so it was basically four spaces instead of two.
Well I just tried it and it still won't work, I just don't get it.
Basically your ui-lovelace.yaml file should look something like this;
title: Home
views:
- !include lovelace/living_room.yaml
then your lovelace/living_room.yaml would look like this. Note how there's no dashes or indents in this included file, because that's already handled above.
title: Living Room
icon: 'mdi:sofa'
path: livingroom
cards:
lovelace is a folder in root of the config folder correct?
here's a picture of how i have it set up, with my example, the /lovelace/ folder is in same location as ui-lovelace.yaml https://i.imgur.com/DNAVVpi.png
Oh I have some success expected <block end>, but found '-' in" /config/lovelace/ui-master.yaml""
oh using yaml mode.... gotcha
Ok perfect Sean that 's how I have it now.
I just need to figure out whats wrong in my include.
@timid burrow Yes correct I am in YAML mode.
its almost certainly a spacing / dash problem tho.. it's a little tricky at first to wrap your head around
No problem
I have a lot of space deleting to do LOL
heh yeah it can be a little time consuming transitioning it at first, but once you do it's much easier to find things rather than scrolling through a 20,000 line ui-lovelace.yaml file like I was doing
on visual studio code you can delete the spaces by highlighting it all and then shift + tab i think it is.
@latent moss I have a bunch of CSS and template code, I tried to move it out but its not working, I have to put it into the specific views page, any ideas?
@livid oracle this is for compact-custom-header stuff i assume? i haven't used that card yet, and also don't really know much css stuff, so i'm afraid i can't help much in this area..
I have that in my main ui-lovelace.yaml file
resources:
- url: /customcards/github/custom-cards/button-card.js?track=true
type: module
button_card_templates:
lightbuttons:
styles:
title: Home
views:
- !include lovelace/home.yaml
That's how I have it, you can try that way maybe..
Hmmmm I have the resources like that and my views. Its all the CSS that is the issue.
Anyone on that is using lovelace-gen.py running Hass.io? https://github.com/thomasloven/homeassistant-lovelace-gen
Hi guys, I'm having trouble accessing the frontend of Home Assistant
Whenever I access http://hassio.local:8123 , Chrome responds with: This page isnβt working hassio.local didnβt send any data. ERR_EMPTY_RESPONSE
Also tried http://192.168.0.22:8123/ but the same thing happens
Tried rebooting multiple times but same thing
Any help most appreciated
Is this on a new install of Home Assistant?
Hi, nope, been running for a few months
Hi all, having a hold_action issue with a picture-elements card. The entity for my picture is not the same entity that is controlled by the picture. Now to call a service that's easy, I can just give the card an "entity", which is used to select the correct picture and then in the action I use a service-call, where you can select service_data, thereby controlling a different entity. But on hold_action, I would like to get more-info on the second entity that is controlled by clicking the picture and not the entity that controls the state of the picture. But for the more-info action, you cannot add a "service" or "service_data". Is there any way around this?
@candid iron What changed and what does the log file say?
@wooden latch I have one possible solution, but it's quite involved and requires two custom lovelace plugins.
Perhaps you could overlay the entire background with a transparent image element which is connected to the second entity?
@polar kelp It's for an open plan area of my floorplan, I'm creating a fade of a dark mask over the rooms to distinguish between different light being on. Already created the required 6 images for all the light states with their respective gradient fades and a sensor template to check what combination of lights are on.... So might as well try more custom plugins π
But the problem is that the template sensor which controls which picture elements to show is not the same entity that I want to control when I click on a room
Then you can open a custom more-info dialog using popup-card, and replace it with the more-info dialog of whatever entity you want using more-info-card https://github.com/thomasloven/hass-config/wiki/My-Lovelace-Plugins
@polar kelp awesome thx
Though I'd probably go with the transparent image instead. That just works β’
No I did that, but the problem is that it's an open plan area (dining room + lounge), so if I do two transparent images, you can only control the top one
I don't get it. You have an image with is controlled by A, and when you click it you wish it to change B, and on hold you wish to show more-info for B?
Make one image element controlled by A, and then another image element with entity: B and a transparent picture which exactly overlays the area you want clickable.
It's ok that you can only control the top one, because that's the point.
You genius
Thank you
How do I make the transparent one to be on top? Will it be the first or last image element?
last
πππ
@polar kelp just to show the result, thank you again... https://streamable.com/ekgcu
Looks great!
Is there a custom card that allows you to pinch zoom on the mobile app?
Anyone on that is using lovelace-gen.py running Hass.io? https://github.com/thomasloven/homeassistant-lovelace-gen
Am I crazy or is there no way to dynamically create a card based on an entity ID filter? Only a static list of entities and dynamic filtering by state?
Hi guys, does the 'Snapshot' feature in the frontend backup the card layouts as well?
I'm not sure. I heard it doesn't actually back up .storage, but that may be outdated info.
I've restored snapshots and my lovelace config in .stroage was preserved
yeah all hidden directories are included
someone use hacs ?
yes...
how can i see custom cards like mini graph ?
Wait for next version
little idea I've been playing around with in my head (just wanted to check if it's feasible and wanted behaviour, won't be working on it anytime soon); wouldn't it be cool if you could alternatingly increase or decrease the intensity of a dimmed bulb by long-pressing the entity button?
so i can see only custom components for now ?
are you going to have authenticated in there as well @wheat current
Some day, yes
there are a bunch of custom cards in there now just a few missing
Cards have fewer requirements then components, when I'm done with 0.3.0 I'll start looking at my own components
sweet..
Anyone know whether I can leverage Repeating Cards in Popup-Card by configuring entities to use the same popup_card config with <entity id 1>: <entity id 2>: <entity id 3>: <entity id 4>: <entity id 5>: <entity id 6>:...? I really don't want to create multiple entries in my lovelace file for the exact same popup.
@gentle tide you can use popups globally and reuse the same entity to call the popup in multiple places. The only time I repeat a popup is if I need the same one for different size screens and I just can't get it to fit right...or if I want to call it up with a script, but that's just preference.
I have around 50 or so in my set up currently, https://github.com/Dino-Tech/Home-Assistant-Main if you need some ideas, not finished with repo yet, but good enough to see the structure
Right, I understand the global part. But where I get fuzzy is having to declare a popup for each and every entity that I want to use one. That's quite a bit of work.
Would be nice if I could just configure "This Group" or "This Domain" should use the pop up.
I use dummy entities...like me, π
lol
actually makes it much easier to keep up with in the long run, though
I credit/blame RomRider. His templating work with Button Card and Decluttering Card have refocused my YAML energies towards efficiency.
Same here...and I am still waiting for the smoke to settle with the button card. I've had it installed for ages now and never really used it and it looks awesome lately
Button card is SOOOO much better it's unquantifiable. I suggest you reintroduce yourself. There's quite a lot to learn about it.
In the docs (https://www.home-assistant.io/components/stream/#streaming-in-lovelace) it mentions "stream ready camera". Does this depend on the camera or that stream is set up using that camera?
It means the camera has a working live view
One way for that to happen is for it to be a stream-driven (RTSP) camera. Another is for it to be an MJPEG or generic camera with a live view URL. Or for a component-created camera to work like one of those
how can i make my camera stream take up more of my set up (ie: full screen)?
I just used Panel mode that will work for now!
That's the solution
wrong channel
Hey guys, some months ago I saw a really nice looking lovleace card on reddit. You could paste in your tracking numbers and it would show up its state of delivery and so on... I can't find it anymore. Has someone seen it as well? I think it had a custom component as well to provide its data.
@mild veldt you got a link handy? π
Nope. Walking
morning all, is there anyway to override a theme variable regardless of whether i change themes?
@mint geode https://github.com/custom-cards/aftership-card
If I've generated lovelace settings in the UI, can I still create and put something in ui-lovelace.yaml?
Looking at installing https://community.home-assistant.io/t/lovelace-mini-media-player/68459 but it says put stuff in the yaml.
Thought I read somewhere it was one or the other (UI vs yaml) when it came to lovelace config
@fierce musk in the top right (3 dots) there should be an option for "Raw Config Editor" or something like that. You can place the stuff in there, that's the equivalent of the ui-lovelace.yaml when using UI mode.
ahh wonderful, thankyou. found the docs about importing from that into your own ui-lovelace but didn't want to lose the UI editing part if I didn't have to, as I'm still dicking around with the setup
@mild veldt thank you soooo much π
Hi there, I have a hopefully easy-to-solve problem.. I am trying to set a specific color on an icon based on an sensor value, I did that in the sensor itself but I cannot use icon_color nor rgb_color (the sensor is in a template itself), so I opted for the customize for that sensor with a template and icon_color (tried also rgb_color), but I cannot make it work. I did quite a few threads on the community forum, but beside for what I already test, there was nothing that actually helped out.
Has anyone managed to have working custom icon color per-state in lovelace? Would mind share a piece of config I can get inspiration from? π
I guess its stupid question but i'm looking for a graph to see when switch was on and for how long, can find how to make it, anyone care to show me some settings and sample?
I have influxdb on my hassio will that help?
@split granite that history graph is not really good as some times switch is on for few min and it hard to pinpoint it to see for how long.
I'm not sure how to use grafana, have any suggestions? I guess ill go and do some reading about it.
Thought maybe have something easierπ
Tks
Well, the problem is - what do you want?
Do you want a pretty graph, a count of how often it was on, or how long it's been on for or...
https://www.home-assistant.io/components/history_stats/ is another option, but it's not a pretty graph
@split granite do you know if there is a way to customize icon color in lovelace?
Question: ~8ball do I know everything?
Answer: Consult Me Later
-8ball is there a way to use custom icon color in lovelace?
If you were to search the post history here you'll get a lot of knowledge π
But all the searches refer to ppl who or have the problem, or are using custom ui
π
And all the code example are the same I did already try one way or another
Ok, apparently is not supported by LL at all
Correct
@fringe pier https://www.home-assistant.io/lovelace/views/
@split granite i have an aircone that is in my server room, it turnes on when the room reach a certain temp and off when reach the minimum.
I would like to see few reports.
- In the last 24h how long was it on in total, min or Hours.
- to see in a graph that times it was on from to for each time it was turned on also in the last 24 hours.
I'm sure something like this exsite,
Then you want two things, and the two components I linked to
Maybe a stupid question, but now with lovelace running as default, is it OK to remove old configs for groups etc.?
If you don't use them for control, sure
Control for what? Is there a good use case for them still?
If you want to control a group of entities as one entity. Turning on all outside lights together for example
Areas are meant to be the replacement in the future, but they are still in their infancy at the moment
Ahh, yeah that a good use case. Thanks ππ»
@wheat current any specific date when HACS 0.3.0 be released ? π
When it's done π

π
Send him some fuel πΊ to get it done faster
Probably not :/ I do have a regular job that also needs to be done, or so I have been told π
How do I bring βtriggerβ buttons of automations up into a Lovelace entities card?
I've seen it in youtube videos so I think its possible
Anybody use the SRP Energy Component? I'm trying to see if I can somehow use an existing card to display the data or if I have to come up with something custom. The sensor outputs its data like this:
@muted drift posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/qRD7xfD64Y/
Hi everyone, I'm basically doing this blindly, with no previous experience. but I have Hassio running on docker in a ubuntu machine. I'm trying to set up custom cards, but my directory is not "config/www/" but instead "usr/share/hassio/homeassistant/www/"
no custom cards are loaded/installed
/config/www refers to the location inside the container
What you're referring to is from the host, which is quite different
ah
Once you create that folder though you have to restart Home Assistant - have you done that?
https://www.home-assistant.io/components/http#hosting-files
I obviously have no idea how to deal with containers yet. day 1 and I feel like my brain is catching on fire
If you're running on Docker, as you are, then it's worth taking the time to understand Docker - or you're in for a lot of pain
looks like it, yeah
It's also worth noting that you're not running Hassio on docker - Hass.io uses Docker
It's actually a collection of containers
(see the pinned images in #330990055533576204 )
ah yeah, i actually understood that..just badly worded it
Lots of people don't understand that, like lots of people don't realise that Hass.io isn't Home Assistant, but an installer for it - resulting in lots of us jumping on those things to reduce confusion later π
I'm loving the speed increase in comparison to my RPi, but it's definitely going to have a larger learning curve it seems
Most of it will be the same, particularly if you don't use the physical console but use one of the SSH add-ons (either core, or the Terminal one from the community)
well, I'll just have to bite the bullet and do some docker reading
thanks for clarifying stuff
No worries
If you manually change things on the host under /usr/share/hassio/ you can get premission issues, it's better to use one of the addons to manage your files.
gotcha, I'll switch over. thanks for the heads up
I'm writing my ui-lovelace.yaml file and i'm wondering if there is a way to have defines like in C/C++
I'm using a specific color for a lot of graph color: "#3b74f9" and if i need to change it i need to do it for all. Is there a way to have something like color: MY_CUSTOM_COLOR where MY_CUSTOM_COLOR is defined somewhere in the yaml file
My Weather Forecast Card temp readings are displayed as 27.3 Β°C, 28.2 Β°C, 27.9.3 Β°C etc, how do I round it off to e.g.: 27Β°C, 28Β°C etc. ?
Check this thread https://community.home-assistant.io/t/rounding-of-sensor-values/31452 it helped me to what you are asking
@steady jolt , thanks but how can I template into a lovelace card call?
Structuring / parsing data is a job for the backend (HA), not frontent (lovelace)
I'm just starting to set up my home assistant installation, I'm afraid I'm going to mislead you by using the wrong vocabulary in my explanations. I think other users will give you more specific help
if you are using https://www.home-assistant.io/lovelace/weather-forecast/ to display it, it's tied to a weather platfrom, an you can not change that.
@wheat current that's what I'm using... hence I'm not sure why I'm getting the decimal extension. Perhaps its how the Weather platform gets set up... I did not see there is any decimal/accuracy settings for darksky
AFAIK that's how it works, you can look at the values under
to confirm
yep, you're right, values under
are loading with decimal extensions. Any idea how to format the weather platform for darksky to not go to this level of accuracy?
I really doubt that you can
uhmm, is this possible somehow? template?
https://i.imgur.com/HUfAXCS.png
type: entities
show_header_toggle: false
entities:
- entity: switch.erich_relay
name: {{ states('sensor.erich_ssid') }}
will look into that, thanks!
@steady jolt consider defining the color as a CSS custom property in your theme and then reference it with var(--custom-color-name)
@gray kernel thanks for the tips i'll look into it
config-template-card works like a charm! thanks! π
now I'm trying to get a section, ```
- entity: switch.vban_state
- type: section
- entity: switch.erich_relay
into an entity-filter card, but the filter filters it out...
How do I set a `state_filter:` so that it ** doesn't hide** Β the section?
π³
Is it possible to customize the look of badges?
Ok, so I see that in a sample theme
Can I setup badges to change color based on their value?
would this be the correct place to ask for help on the custom components?
#330944238910963714 or potentially #general-archived are more correct
okay, thanks mate
Okay, so im back
i need help with a custom card
namely the simple-thermostat card
im not being able to get HA to recognise it
and when i enter into a card, i get the "card not found" error
Show us what your config looks like
sure, i just cleared it since i wanted to start from scratch
let me just try it again
@granite prawn posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/SpJsvKkkG4/
this is what the starting of my lovelace config is
And if you go to your www/ folder and do ls github/nervetattoo/simple-thermostat.js the file shows?
yes sir it does
im running hass.io if that helps
the file / folder permissions also seem okay to me
these are the lines im adding to get a LL card - type: custom:simple-thermostat entity: climate.my_room
okay, its working now
turns out that typing the details gets it working, but copy pasting from the github page does not
thanks @split granite and @wheat current
Weird, clearly some extra character or something
Worth opening an issue with the dev
yes, ill do that in 10 mins
i get bad gateway on any add-on
trying to figure out whats wrong
i dont think its ssl
Not a Lovelace issue, try #330990055533576204 π
ty
@queen kestrel I had the same issue a few hours back, tho I might have a solution for you
@winter hollow im missing your weather card etc.. in HACS :)
Could not add bramkragten/custom-ui/tree/master/weather-card at this time, check the log for more details.
is there any lovelace cards that are just "display" what is being played on a specific device ? Like show what is being played on a chromecast device, but not control it, and show what I'm playing on spotify but again not control it
@slow wave just create a template sensor for it and display in an entities card? Like this: {{ states.media_player.seans_apple_tv.attributes.media_title }}
That will just display the actual track name right @latent moss ? I was wondering if the media player component could be used, just without the controls perhaps π€ because it is nice to see the art + name of stuff
yeah it just displays the current playing as text. you can do what you want with the mini-media-player custom card
here: https://github.com/kalkih/mini-media-player there are lots of customization options to hide the volume, controls, etc.
nice, thanks I'll check it out
when I do a horizontal stack with two entities, they sometimes don't match up correctly, like this https://imgur.com/a/8q5NurV is it possible to force it to match up somehow ?
You can't force them to the same height AFAIK
aww shucks
well, now I have started with the compact custom header card, but it won't show any of my other cards in the default view π€£
Then you are using it wrong π
probably my indents... but fresh pair of eyes probably help π€£ https://pastebin.com/znRE8f9B
or... stack order perhaps
I always screw that up
I have no clue, maybe @clever ore is around π
Or look at the wiki, it's probably there π
I tried, but I am a tool π
guessing it's something simple, all the other views look fine
so guessing my stacks are fracked :D
@slow wave Looks like you're trying to use compact-custom-header as a container card?
Yeah, that's not gonna work
treat it like any other card. cards: is not an option for CCH
- type: vertical-stack
cards:
- type: custom:compact-custom-header
main_config: true
- type: horizontal-stack
oh, so it just has to be in the stack somewhere, but not as a card
I see
wuhu β€ @clever ore
No, it is a card, but you were putting card: as an option as if it was a vertical-stack
and I have a feeling mayrp2001 is going to be confused π€£
daaamn you android client
Hi is it possible to add an css (color) sytle to all themes like --icon-color-error: red for example? Rather than edding this to every theme?
interesting @clever ore after adding the custom header it seems to "eat" the top of the other views I have https://imgur.com/a/ciURF5s
happens on all views except the default_view
you have to put the custom card in all views @slow wave
I thought if i did main_config: true it was on all cards, or did I misread the docs ? π€
hmm now you making a good question
but having a card in all views then is ok
all it needs is type: 'custom:compact-custom-header'
yeah, that fixed it @prime umbra π€£
Since it is required for this card to be placed on each view, caching is used so that you only need to configure the card in the first view.
Set the compact-custom-header card in the first Lovelace view as "main config" by using main_config: true or by using the toggle in the editor. Then set all of your config in the first (main_config) view.
Should that be worded differently? A fair few people seem to have issues with it
Now that I read it two more times I understand it
but the first readthrough I though it was just needed in the default_view
Maybe be more strict in the wording like This card is REQUIRED to be in ALL views, the config part itself is done in the default view if you specify the main_config: true or something like that
@clever ore we should fix that some day.
hehe
Ideally, I think cch should just be added to resources, and then you should be able to add config options directly to the views you want to modify - no card needed.
Itβs a breaking change, though...
I'm into the idea. Having a editor UI is nice though. Once upon a time CCH was configured in a card and everything was inserted as a script into head, but things got....complicated after that heh
I have seen the need to start to use it because me and my wife check stuff on mobile phone sometimes, and I have actually optimized my view to the landscape tablet on my fridge
and it creates a mess π€£
I like CCH because I don't have wasted screen space at the top π
How would config be handled if it was just a resource though? Seperate config file?
Iβm sure there are wayd to solve that too, a special config card, or just adding a config button to the header while in edit mode...
Makes my lovelace floorplan card fit nicely too π
oooohhh, I like the config button idea
I already add options to the overflow menu, could just throw it in there
Makes perfect sense.
You can find whether youβre in edit mode from the lovelace object.
I already do that too, that's how I hide the card unless in edit mode
But I'm getting it from root.querySelector("app-toolbar").className == "edit-mode"
Oh for sure, I've looked at it quite a few times. Just been too lazy/busy to incorporate it. Pretty much all my projects would benefit from card-tools
Well, I meant those lines specifically
Iβm actually thinking of deprecating card-tools and move on to more modern methods
As much as it pains me to admit it, I think Iβm starting to learn javascript...
@polar kelp That will be helpful, thank you!
@polar kelp you've done some cool stuff for someone that doesn't know javascript π
π€· I know code and am a decent googler
haha you do know javascript, give yourself some credit π
And to be honest, I used to dabble a bit in javascript. Stopped about when this new jquery thing started showing up, though...
oi @winter hollow anyway to put the weather card working with HACS? for some reason it wont allow...
Well... @wheat current didn't account for my work flow.... so either I should adapt, or he π
hehe
I've been planning to look in to it, but didn't have time yet... Spent some time on my own setup for a change π
How dare you? π€£
Yeah I know... π³
@wheat current it's not @winter hollow fault you don't have your own setup π€£
ohw now I get why he get's shit done....
hi, is there a card to print custom text depending on binary_sensor state?
thats what i was looking for! strange that the normal markdown doenst support jinja
It's not a typical request, and could risk people bringing their system to a crawl I suspect
is it possible to have two monstercards side by side in a horizontal stack ? π€
I see no reason why not, but whatever I do I see only one of them :p
Try auto entity card instead
π€ I'll try π€
Can't find card-tools even though I have the entry in resources and the file in /config/www
strange
doh... I couldn't see the trees for the forest, I didn't notice card-tools and card-modder
Still only shows the last one @wheat current π https://hastebin.com/govawakevo.bash
is there something magical I need to do to get swipe to work in CCH ? I should just add swipe: true under main_config: true ?
how do i show attributes of a fan.* device in lovelace?
Or is that not yet possible?
That might work but I'm not venturing into custom cards for the moment π
I'm writing a wrapper template sensor to pull the attributes out
- platform: template
sensors:
bedroom_xiaomi_rh:
value_template: '{{ states.bedroom_airpurifier.attributes.humidity|int }}'
friendly_name: Bedroom humidity
unit_of_measurement: '%'```
lets hope that works
oh nice, my first highlighted quote π
so the device is fan.bedroom_airpurifier ... would that states.* work?
Nope, needs the fan in there too! π
If it works in
it will probably work, but we will probably be yelled at for making it sub optimal π
I'm trying to obtain data, rather than control the device
Yes, figured as much from the code above, and it is the right way to go
The use a glance card in Lovelace to display it perhaps?
glance displays only a single stat, doesnt it?
You can have multiple sensors in a single glance card
I'll have to have a look at it. I use entities cards for the most part. I'm still trying to figure out how i want to organise my information, and I'm still building out the whole HA setup. I figure I'll prettify it later π
ah yes. not a fan of that view π
I like the entities cards more π
I wonder if this thing uses the American or the Chinese method for calculating AQI ...
Probably chinese π
Both are lies anyway right? π
yeah but the chinese one is more blatant π
its basically "US - 150"
π
or something stupid like that
sensors:
bedroom_xiaomi_state:
value_template: >
{% if states.fan.bedroom_airpurifier.attributes.motor_speed | int = 0 %}
Idle
{% else %}
Saving your life
{% endif %}
that should work, right?
nope