#frontend-archived
1 messages Β· Page 94 of 1
Any common reason for not being able to see the line graph in a sensor card? I had them in the past.
Do you have graph: line set?
@mild veldt well, using the UI editor I was. But now that I've toggled editor I see it isn't in the yaml
err...I guess that becomes json now
Adding it manually fixed it. Thanks
@mortal cape to be clear, you're on beta and using the new UI editor for the sensor card?
@mild veldt yes
okay. thanks. I'll check that out
Hello people, quick question. I did something stupid. I added some lines to the config in the web ui, and now it shows a blank page and I cannot do anything anymore. Is there a way to reset the whole lovelace config?
Can anyone tell me how to replace the raw config input screwed up π
I thought it would of not validate when saving if I had messed it up no I have no Lovelace DOH
Just realised we have both screwed up @devout grail
I was just thinking that :p
What did you do? I managed to write in the raw config using the .yaml content from the file under storage probably not my brightest move.
in storage folder file lovelace
@prime umbra Aha, got it π
@cloud vector Just fyi, its a hidden folder
Using samba atleast
if you delete should alow you to get back minimal lovelace UI
Cool, thanks π
@cloud vector I was trying to get my map working again with the plan-coordinates jason thing
I found it in storage\lovelace
But I tried to add the
resources:
- url: /local/plan-coordinates.js?v=1
type: js
to the base lovelace config
didnt work though π
I get this now
Log Details (ERROR)
Mon Jan 07 2019 00:03:58 GMT+0000 (Greenwich Mean Time)
http://192.168.1.200:8123/frontend_latest/2af5b1c2d5fbf8c18791.chunk.js:5746:1896 Uncaught TypeError: Cannot read property 'length' of undefined
try do a empty cache and hard reload on browser , does miracles somethimes
cool will do. was doing it remotely and need to power cycle as reboot went a bit wrong
So will need to go to my sisters in the am
Thank you
You do HA management for your sister?
https://i.imgur.com/A6QF0br.png - Anyone know how to change the state text from on/off to open/closed?
I don't remember how to set the text on a group... but you could make a binary_sensor and set the device_class to "door"
Hi all, wondering if anyone has set up https://community.home-assistant.io/t/australian-weather-forecast-using-bom-public-ftp/71195
I'm having a lot of trouble with it
I've downloaded the .py file, and put it in /config/custom_components/sensor
Then when I add the example to my configuration.yaml nothing happens
@pastel hamlet Have you restarted homeassistant after uploading the .py and editing your config? Any errors in Is your custom component being loaded? There should be a line in your dev-info-log about a custom component being loaded.
@pastel hamlet thatβs a #330944238910963714 question
Hi again! still trying to get my hass working again....i receive this in the log now Received invalid command: frontend/lovelace_config 14:16 components/websocket_api/connection.py (ERROR) when i click "try lovelace" in dev 
just starting with lovalace, having trouble adding entities to my glance card, they come up in the lsit but when clicked nothing happens and they aren't added. is this a know issue?
0.85 beta? ui editor?
hi everyone, why is my history-graph card being uncooperative?
it keeps saying there's no state history for my speed test sensor (spoiler: there is)
@mild veldt ui editor
@full tide can you put an issue up on the repo? https://github.com/home-assistant/home-assistant-polymer/issues/new
@mortal cape can you put one up for the sensor editor as well?
Hi guys, any way it's possible to style and/or resize the LIGHT cards? I've tried using card-modder, however it gives me a different colored "cone" in the graphics and doesn't look good.
@mild veldt in glance cards any idea what would be the size of a picture if you wanted to use instead a icon?
i have tryed with many sizes and no sucess
a exemple
alexa box wont show all of it current the size of pic is with 30 pixel and height 22 pixel
https://community.home-assistant.io/t/new-light-card/78177/13 for my example - if anybody can help
@prime umbra can't you just inspect the icon?
@prime umbra My impression was that the images are automatically resized.
is there a way in lovelace to add additional info such as a short explanation of what an automation does when clicking on the entity in the entity card?
well i have tryed many sizes and wasnt able to get it straight
@mild veldt what you mean by inspect ^^^
use chrome developer tool
@mild veldt do you know if there is a way to add additional info to lovelace card entities? would like so if my partner presses on an automation, it has a short description?
@full tide like a tooltip? No
hello, is it possible to stack horizontal-stack into vertical-stack?
great, thanks for the help
Anybody knows who made the Light Card? Maybe I should go straight to the source π It's not a custom one. How can I find out?
@mild veldt looks like you authored the docs, are you involved?
I love the light card, but it would require some modifications for my use, and I'm not sure where to look
pinging devs on chat is not how you request changes
@full tide maybe with a popup card mixed with markdown?
https://github.com/thomasloven/lovelace-popup-card
@small gyro if you have feature requests, file them against the ui-schema repo. If you have bug reports, file them against home-assistant-polymer repo
@prime umbra cheers, will check it out, just want to make it a bit more accessible to people in my house who have no idea what home assistant is or does!
Hello friends. I have a question about includes in lovelace. Unfortunately my front end doesn't update the includes when I make a change to them unless I make a change ui-lovelace.yaml. Does anyone know if it's possible to have the includes update individually?
use the refresh option found in the menu in lovelace
awesome thanks! π
@mild veldt thanks, I'll do that - as a beginner it's not easy to understand where to start looking if it isn't obvious after searching
appreciate the help
understood
is there a script to convert current UI yaml files to lovelace?
nice, thanks!
@dusty sigil yeah i've restarted
it's weird because it kills my sabnzbd monitoring...
can lovelace still have the independent sensors at the top of a view like the old UI?
or does it have to be on a card?
@tepid raft theyre called badges
when you create a new view, it looks like u can define badges for them
perfect, thanks
So I used to use group.all_automations to build a list of all automation entities. But now it just adds a single entity item 'all automations' that opens a new window containing this list. Any way to add that list to the main UI?
@tepid raft add them manually or use monster-card
ive got no ide about that one, i just started home assistant less than 24 hours ago
i do what @mild veldt says, manually add them all to an entity list
monster-card has a domain filter
~monster-card
Monster card is a magical type of card. Because it's dynamic if you're smart about it, you can have one card that adapts and that you don't need to touch when adding new entities & sensors to your setup. Supports both inclusion and exclusion filters with wildcard for entity_id: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card
or let @split granite do it for you π€£
Somebody created a tag for it ages ago π
Sadly, they didn't create something to fix my inability to keyboard π
should make one for custom-cards https://github.com/custom-cards
and awesome-ha
~awesome
Awesome Home Assistant - A curated list of amazingly awesome Home Assistant resources. https://www.awesome-ha.com/
nice
Is there a way to combine filtered entities and "fixed" entities in one glance card, or at least let it appear as ?
Monster-card
i have picture-entity cards in lovelace interface that are pulling images from camera. looks like default refresh rate is 10 seconds. possible to go faster ?
oh perfect
oh another thing, i found it but this was a problem for me last night
im running hass on a dedicated VM instead of a rasberry pi
there are constant references to /local/ being mapped to <config>/www folder
how does this translate to my setup where i installed hass in a venv in a user folder?
/home/homeassistant/.homeassistant is my config directory
/home/homeassistant/homeassistant is my install directory
Restart after
i have one more question do, i may need to post it on the forum its about a custom card @tawny rapids may is ask here?
i don't see why not
ok, so i have this custom animated weather card: https://community.home-assistant.io/t/custom-animated-weather-card-for-lovelace/58338/5
followed the instructions, but whenever i use
entity: weather.dark_sky
type: custom:weather-card
im getting:
Custom element doesn't exist: weather-card.
{
"entity": "weather.dark_sky",
"type": "custom:weather-card"
}
i did the resource include:
- type: js
url: /local/custom_ui/weather-card.js?v=5
not getting why its not working
while
entity: weather.dark_sky
type: weather-forecast
does work but gives me the traditional weather forecast card, its bugging me
Which version of the include did you use?
You edited your post π
yeah
At first you provided a different resource path
indeed rebooting now to make things sure
Reboot? Really?
Reboot == restart the whole computer
got that
Also, there's zero need to restart for Lovelace changes
Assuming Hass.io, you have /config/custom_ui/weather-card.js?
It's Lovelace, you don't need to restart
no i have, /www/custom_ui/weather-card.js
Well, if that's a literal /www/ that won't work
/local/ means www/ inside your configuration directory
/ is special
If you start a path with / it means from the root
So /www/ and /config/www/ are different
i have all reesources like that
resources:
- type: js
url: /local/wired-cards.js
- type: css
url: /local/my-webfont.css
- type: js
url: /local/monster-card.js?v=0.2.3
- type: js
url: 'https://unpkg.com/moment@2.22.2/moment.js'
- type: module
url: /local/calendar-card.js?v=3
- type: js
url: /local/custom-lovelace/sonarr-upcoming-card/upcoming-media-card.js?v=0.3.3
- type: js
url: /local/list-card.js?v=0
- type: js
url: /local/custom_ui/weather-card.js?v=5
That's one resources block?
Because I'm not assuming you're forgetting to tell me something π
haha im not sure what im not telling xD
virt env
what logged in to ubuntu? by defaullt?
I'm trying to help, but if you want to have an attitude instead...
i mean with that icon as idk what you mean nothing else
Rolling eyes doesn't mean that π
That's more a shrug
Rolling eyes is not a good thing
ah sry we roll eyes here in country if we dont know π
So, what user do you run Home Assistant as, or ... what's the full path to your config folder?
didnt want to give you the impression i have a bad attide to people helping in there free time sry will remember
full path let me check
/home/homeassistant/.homeassistant/www
No worries, cross-culture expressions can be "interesting"
Ok, so what does the following command show
ls -l /home/homeassistant/.homeassistant/www/custom_ui/weather-card.js
π
ls -l /home/homeassistant/.homeassistant/www/custom_ui/weather-card.js
-rw-rw-r-- 1 htpc htpc 4504 jan 1 15:11 /home/homeassistant/.homeassistant/www/custom_ui/weather-card.js
Ok, file exists... but, not owned by homeassistant
ls -ld /home/homeassistant/.homeassistant/www/custom_ui/
Let's just check that homeassistant can read the contents of the directory
do i need to run
sudo chgrp -R adm /home/homeassistant/.homeassistant
sudo chmod -R g+w /home/homeassistant/.homeassistant
again?
ls -ld /home/homeassistant/.homeassistant/www/custom_ui/
drwxr-xr-x 2 htpc htpc 4096 jan 1 15:12 /home/homeassistant/.homeassistant/www/custom_ui/
ah ok
but after changing the resource to the correct file, im now getting please definde entities
i will go try some stuff
still please define entities:
entity: weather.dark_sky
entities:
- entity: weather.dark_sky
- entity: sun.sun
type: custom:weather-card
@polar kelp thanks a lot
the entity weather.dark_sky does excist, but the sun.sun doesnt in 
https://community.home-assistant.io/t/custom-animated-weather-card-for-lovelace/58338/5 shows the cards: i thing im almost there but missing something
cards:
entity: weather.dark_sky
type: custom:weather-card
please define entities π¦
having issues with the whole /local folder thing
trying to put a picture-element on my view
/local/floorplan.jpg is supposed to map to /home/homeassistant/.homeassistant/www/floorplan.jpg ?
picture-element image: parameter should also take remote images from http too or not? because if i feed it a URL for a picture somewhere on the public internet, it doesnt work either
i can reach my picture http://homeassistant:8123/local/floorplan.jpg in my local network just fine
if i use a picture card instead of picture-elements, i can get the image to appear using /local/floorplan.jpg without problem
image: /local/floorplan.jpg
tap_action:
action: none
type: picture
dont know why picture-element doesnt work
@fiery temple one thing comun i see on that post is that no one is using darksky, they all using yweather, yahoo, so not sure if thats is related to anything
i have read yweether api is discontinnnuad so i tried darksky instead
+1 for seeying that
hey so i'm trying to get theme: to work in lovelace, i created a theme.yaml (https://www.hastebin.com/senaneduha.cs) and have put it in my ui-lovelace.yaml before the views: with theme: !include /config/lovelace/theme.yaml however it doesnt appear to be working, i have also tried within the view and same outcome
Important EOL Notice: As of Thursday, Jan. 3, 2019, the weather.yahooapis.com and query.yahooapis.com for Yahoo Weather API will be retired.
also within the cards: scope
not quite sure what i'm missing
or maybe i'm missing the point, i cant include customiisations to the theme from the lovelace file
@quick gulch wrong file. https://www.home-assistant.io/components/frontend/#defining-themes
Is it possible to just enable Lovelace by default for all logins right now? New to Home Assistant and happily using the Lovelace Yaml config.
think at the moment it's per maachine
you would have to go to each machine and set it as default
my understanding from the info page on home assistant as it says 'for this device'
Which I have been doing, was just hoping there was something I could drop in the configuration to make it default π
@steep breach it will be default 
I just got Darksky working today, having never tried it before
dunno if that helps you, @fiery temple, but it's definitely possible to get darksky weather in lovelace
#lovelace config, within the card itself
type: weather-forecast
entity: weather.dark_sky```
```yaml
#configuration.yaml
weather:
- platform: darksky
api_key: !secret dark_sky_api_key```
@dense thicket I would add mode: daily to your configuration to get further outlook
Hey guys, I have a wierd problem
I implemented a custom card for lovelace (google calendar card)
its all working from PC and my phone, but my wifes phone can't find the card
Custom element doesn't exist: calendar-card
I tried clearing the cache and refreshing in chrome, but it's always the red box
Nevermind, for whatever reason updating chrome cleared the cache and it's now working
@vapid tapir check your ul-lovelace code for the card: resources:
- url: /local/custom-lovelace/custom_ui/calendar-card.js?v=1.0.1
type: module
check if you have this file in your location...
then add cards:
- type: "custom:calendar-card"
showProgressBar: false
numberOfDays: 14
entities:
- calendar.YOURCALENDARHERE
history-graph is still being a meanie
entities:
- sensor.speed_test_download
- sensor.speed_test_upload
hours_to_show: 48
type: history-graph
=> no state history found
but there's plenty of data from the past days, at least 5 points per day, is that not enough?
any interesting new cards in the last few months?
As in custom js cards or as in the kind of stuff Toast used to post all the time?
Because if you want custom js cards, I'm kind of proud of this one: https://community.home-assistant.io/t/my-lovelace-plugins/70726/239?u=thomasloven
the former.. these are very cool! thanks
Also, MaykerMaykar made a much needed replacement for Marius' kiosk mode thing: https://community.home-assistant.io/t/compact-custom-header-custom-user-device-views/83716
nice..
I don't supposed anyone has done anything along the lines of the monster card with regexp support for changing friendly name π
Not that I know of
might try to learn some javascript this year
lovelace-fold-entity-row is nice too.. I can think of a few use cases for me already
Can I change the color of a state-icon based on the state?
how hard is it to make a new card?
is it just html/css/js?
i wanted to make something to move my dafang, since having the default cards (up-stop-down) don't really fit
Not too hard. Even I can do it.
and then it turns out @polar kelp is an engineer
I am indeed... but not a software one.
You may want to consider the picture-entitieselements route, though.
Yes
even easier would be a mix ofvertical and horizontal stacks, with a button for each card
Hi all, i just switched to lovelace and have a question rg. the yntac in the UI editor
i wouldn't need images then, as I could use icons
when i try this: - type: light
entity: light.hue_color_candle_1
i get the message: YAML Error: TypeError: type is undefined
if i remove the "-" and spaces it works for one light
but it doesn't for other cards (e.g. horizontal stack) - maybe i've git a misunderstanding rg. the syntax?
it works!
now i just need a white background or something instead of an empty image
@azure sandal if you're working on a single card you don't need the leading -, as you're looking at a single card in the configuration and is handled by the editor. If you are looking at it in the raw config editor, you're looking at the full configuration and each card in a cards array would need to be have a - to specify it being a new card in the array
ok, makes sense. Is there a yaml file where I can see the full lovelace confguration?
uhhh, picture-entities doesnt' support sizing?
@azure sandal in storage mode, now, use the raw config editor found in the top right menu to view the yaml. The file is located in .storage/lovelace and is in json
is it possible to specify a width and height of a card in lovelace ?
@slow wave no. Use stacks with a panel view to customize your layout
@mild veldt aight, I tried that, but then on my fridge tablet one of the cards is wider than the other, and you have to scroll to see the whole card
@mild veldt I did this https://hastebin.com/ifukefixuy.bash but the weather forecast card turn out wider than the glance card
They should share the space evenly...hmm
Hang on, I'll take a picture of it
This is what it looks like on my desktop though https://imma.gr/77830xed5fd
The problem was that when there was percipitation that would have to be scrolled to on the fridge
can i use a template instead of an entity in a card?
instead of just showing the used ram, i'd like to show used ram / total ram
instead of creating another sensor through a template
@sacred geyser no templates in lovelace. you'll need to create a template sensor
awww, another one (or more)
it is something that has a state, and should be in a sensor
i'm just trying to calculate a percentage from the used ram sensor
π€·
You can always create your own element that supports templating as thomas has done with his useful-markdown-card
doubt that would be the easiest solution here though π
well, here's another question while we're at it: is there a quick way to have a card spawn 2 columns?
or even 3
3 can be done with the panel setting, ok, but then it gets hard to mix stuffs inside it
some people out there have created some attempts at solving the flow problem
I haven't used either
some more help
i'm trying to use this https://github.com/maykar/compact-custom-header
but despite solving the "components doesn't exist" error, i see no changes to my header
mmm, maybe i found the problem, hard-coded urls in the .js file, bad practice
yup, that was it
@sacred geyser more likely you didn't read the instructions and use the dir option
i did use read the instructions, but chose to use a different folder since I already had it (hate putting stuffs anywhere), didn't think it'd have those paths hardcoded
@dense thicket thanks i know that i have that working already, but i want the dark custom card
Gotcha. Haven't tried to use that yet so I'm no help there. Good luck!
thnx
@sacred geyser if you configure another path you don't need to edit the .js
Options:
dir string '/www/custom-lovelace/compact-custom-header/' Directory that contains this card.
yeah, also noticed that too late
a little backwards config in my opinion, but it works π
that's what happens when you don't read the whole documentation first
since it didn't work I didn't go read the optional params
oh come on, now lovelace is just making fun of me
how can i quickpaste an image here?
use imgur or other service to post image links
it does....but not everyone has the permission (to prevent abuse)
see? see? it's mocking me
that card makes no sense
i swear the whole config is just this
entities:
- sensor.mqtt_cpu_percentage
- sensor.mqtt_disk_percentage
- sensor.mqtt_ram_percentage
title: Stato MQTT
type: history-graph
~format @sacred geyser π
@sacred geyser 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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
sorry
It allows folks to spot issues with the YAML structure, which means that missing entities because of incorrect indenting are easy to find
hi @split granite as of to continue from yesterday i find this error in the log:
Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
(the custom weather card)..
would you mind lookin into this whenever the time suits you?
I am trying to make a picture element card of my harmony hub remote in lovelace. Can I insert transparent action buttons / type: entity-button over my remote ?
@fiery temple And what, exactly, does your card look like?
i moved on to try the dark sky card instead but not getting any further
https://hastebin.com/vogigikoro.makefile
now getting, please define entities
card: null?
tried that but im using the new lovelace card config system and cant get it to work like that
π€·
then im getting: YAML Error: TypeError: Cannot read property 'startsWith' of undefined
if i think i do it correct like this:
https://hastebin.com/evabimomap.css
im getting system log error again:
2019-01-08 20:19:09 ERROR (MainThread) [frontend.js.latest.201812112] http://10.3.1.2:8123/frontend_latest/73dd7f5c04d8a295f213.chunk.js:14:1162 Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
I'd like to hide the header using https://github.com/maykar/compact-custom-header and have a card where I can navigate to another view.
Is there a card / function where I can have hyperlinks to another view on my card (yet)?
@split granite Do you perhaps know how I can make a transparent button over my remote ?
Probably
Try it, see if it works π
Either a transparent image, or an icon with CSS properties to make it transparent
any tips on the weather card? i see ou dont use the new custom ui and still on yaml editor so maybe it just wont work
Personally, no idea. Might be worth asking on that thread, see if folks know
ok thanks for looking have a nice evening
@shell torrent lots of cards support the tap_action navigate which does that
HI, over to the lovelace channel π Hi all! i created a scmall script I want to run from a button in the UI. For that purpose I created a entitiy card with the folowing code:
entity: script.wickellicht
icon: 'mdi:weather-night'
service: script.toggle
tap_action:
action: call_service
type: entity-button
@fiery temple Redownload the Raw Version of the Custom card
but nothign happens - the script seems to work fine though
thanks. I asked in lovelace's early days and then it was a no go. so thanks for that. great!
~format @azure sandal
@azure sandal 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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
I suspect the problem is that you're not providing the service data: https://www.home-assistant.io/lovelace/glance/#service_data
And probably the service itself
the new configure UI, will that be the default later on? or should i go back to YAML mode?
cause i think few things dont work cause of storage mode
- type: entity-button
tap_action:
action: call_service
service: script.toggle
try this
@fiery temple Early days yet, but... maybe, maybe not. I doubt YAML is going away
im wondering if i need to step back to yaml mode cause i cannot get this things to work now: https://github.com/maykar/compact-custom-header
that is not working?
@jade bough : that seems to work party π
it opens a windows with a switch (which is working)
ok my fault: i somehow dropped a "space"
THANKS
@fiery temple I configured that an hour ago. Works fine for me. What's the problem?
you using the new storage mode? @shell torrent
yes
can you show me your raw config?
i have it like this now https://hastebin.com/dinebejiha.bash but still have the big header
you made single card for it?
a nice thanks @shell torrent look at youre confi and got it working now
didnt knew it had to be setup as a card
π
Cards always have to be set up as cards
really nice to be able to show/hide views per user/user agent. perfect for my dashbaord
i just hated the loss of space
on a tablet on the wall it takes to much space now it look much better once again thanks,, love you broβΊ no homo
@shell torrent do you maybe use custom weather card?, perhaps dark sky xD?
it was somehow caching wrong stuff
Is there not a way to port the old UI to ui-lovelace.yaml without an add-on?
And the add-on shouldn't be used any more
i still didn't solve the "No state history" problem though
What is the preferred method now?
@fiery temple sorry, nope
having some issues importing monster-card
I downloaded the .js and put it with the other customer cards I have
custom*
but for some reason my consul is telling me: unexpected token <
my lovelace config looks like: - url: /local/custom_ui/monster-card.js?v=.01 type: js
I seem to remember there is an issue just downloading a .js from git hub
that you have to do something silly with the file type, or pull it directly from shell
but I can't remember exactly how to do this, or if there is another way
I'm downloading it from Chrome in Windows and saving it directly to the directory on the pi running hass
Probably you downloaded the HTML in error
use this link to download js file: https://github.com/ciotlosm/custom-lovelace/raw/master/monster-card/monster-card.js
save link as...
ahhh thats it
so can someone explain what is actually going on?
never mind
I just looked at both files in notepad
github is kinda silly that it does that, or no?
You have to know where to click ;p
It wasn't working because I was running an old version of HA, for the record. All sorted now π
hmmm, if I want cards to fill the screen but I want two lines of cards, do I somehow need to combine vertical and horizontal stack and panel ? I tried doing vertical stack and panel, and I tried doing horizontal stack and panel, but not sure how to combine the two, I currently got this
https://hastebin.com/wofuzoyegi.bash which does not give the desired result
Yes
because just doing horizontal stack and panel just shrank the panels way too much
A horizontal stack, containing two vertical stacks, possibly with the view as a panel
wouldn't it be a vertical stack with two horizontal stacks ?
(or a vertical stack containing two horizontal stacks - however you want the "lines" to go)
If you're wanting two horizontal rows, the first card is the vertical stack
Lets see how much I can break it π
I definitivly broke it
π
https://hastebin.com/norotawuto.bash yamlint tells me it's valid, but lovelace just shows me the last two lights
Is there a way to give an entity-button a blank name?
Also I feel like I'm missing something obvious, but can you not rearrange cards in the UI editor?
I was missing something obvious. The giant arrows π
SO...does the icon_color work in LL? My icon_color templates stopped working recently (not sure which release)
@elder pendant I want that feature as well and ability as well, either remove icon or remove text and will be adding it once we're out of our feature freeze
@raven nacelle I can't think of anything recent that would have broke it but don't believe it was ever working either in LL from what I remember.
@mild veldt I am positive it was working until some point...
so, icon_color is not supposed to work in LL?
icon_color is not a native feature. It's from custom-ui. Support for that breaks from time to time, and I don't know the current state.
I think that is it....it is custom_ui related and I removed it recently
But there's a new version for HA 0.84.1 and above, so you could try that.
nah....I am hoping we get that feature in LL π
we already support icon_template
For template entities, yes.
similar approach can be used for color, no?
Actually... only template sensor, I think.
Yes and no. It would require quite some changes to the frontend.
Custom-ui uses javascript in the templates. Hass normally doesn't. But it's by no means impossible.
such visual cues are great..... and I wish we get them eventually
@raven nacelle https://github.com/home-assistant/ui-schema/issues/222
anyone have any good suggestions for a general purpose icon?
mdi:function
Still trying to get two rows of cards horizontal stacks, but something is alluding me.. anybody got any good pointers as to what I am missing ? https://hastebin.com/norotawuto.bash
What are you trying to do? I can't understand what the result should look like.
@livid ruin I want two horizontal rows of light cards, because of scaling on my fridge tablet π
If I get only one row the cards get so compressed I only see half of each card
As such I was under the impression I needed a single vertical stack, and two horizontal stacks
And also Panel:true to fill out the screen
how can i reset my lovelace? i have killed my frontend, i see only a whiteboard, nice work
Row means column in your description? I'm unsure of what is horizontal and what is vertical in your text.
@hardy void just go to /states in the URL to see the old frontend, and what lovelace are you running ? Yaml or new storage ?
@livid ruin let me do a drawing π
with ymal works it, i will test the new
in the new i delete entire text/code and now i see nothing in the new storage
@livid ruin https://imma.gr/77839x74796
@hardy void : I thougt it didn't work? If yaml works, use that.
@slow wave the rectangles shall be light cards?
@hardy void I tried the new online editor, it just jumbled up my code all the time, so I went back to yaml
i donΒ΄t want to use it with ymal
@livid ruin yes, those are the cards in the hastebin I posted,
so each rectangle is itself a card?
ah ok, then i will wait for the next version
@livid ruin Indeed, each is a light card, is that a bad way to do it ? I was not aware if it was possible to combine multiple light cards
https://www.home-assistant.io/lovelace/light/ The example stated a single entity for the light cards
I'm just asking because it can be hard to get the cards all to the same size if they are different kind of cards.
Yeah all cards are the same card
Light cards
so they should be the same size
and they are now if I just do vertical stack or just horizontal stack
OK. Then I think you are doing it the wrong way around. You made 2 horizontal stacks and tried to combine them. Try 4 vertical stacks.
Lovelace orders cards from the top left to the bottom right, proceeding column by column. If the first column is filled, it switches to the second and so on.
I see a lot of people trying to scale the cards with "panel: true", vertical and horizontal stacks, which is not really well supported within the GUI editor. What I would like to see is a grid based card which you can scale in the frontend by drag and drop of the edges. The grid itself should autoscale by the size of the window. The amount of grid lines should be configurable in the config perhaps. Why not go this way?
Because this has a different design goal. Lovelace tries to be a flexible system, whereas your proposal would be rather static and fixed. If a card is missing or changing content, your grid system would be jumbled around or even overlap neighboring cards.
It is still possible with lovelace and custom cards and a well planned design that respects these edge cases, but it is not what lovelace does out of the box.
@livid ruin I understand that, but a single vertical stack was not usable as that meant I had to scroll a lot on a low resolution tablet, horizontal the same, the cards just get pressed into eachother, as such I wanted to try and combine the two to make something usable π
A single stack is not what you are wanting according to your drawing. Your drawing shows either two horizontal or 4 vertical stacks, depending on your preferred direction.
Oh, that is also a way of course
I didn't even think of that
But I cannot seem to realize it in code currently anyway π¦
I suggest you try around a bit with different stacks. At first it was also confusing to me, but by ordering my cards in different ways I quickly got a grip on how lovelace tries to order cards and stacks.
The code would just be 4 vertical stacks. Or what code do you mean?
Wouldn't it be like in my hastebin in theory ? A single vertical plus two horizontal ? Or I could do 4 vertical ? https://hastebin.com/norotawuto.bash
I have never seen a config with 2 or more vertical \ horizontal, so my mind cannot fathom it in code
do you have any examples ?
You just do vertical 1 with card 1 and 5, then vertical 2 with cards 2 and 6, then vertical 3 with 3 and 7, then vertical 4 with 4 and 8. Then see how it is ordered by lovelace.
One problem could be that your stacks are "too short" so that lovelace tries to put two stacks below each other.
@livid ruin looking around for githubs with examples of more than 1 stack π let's see if I can get any good pointer
So where are you stuck? Just do 4 vertical stacks right after another and see what it gives you.
@livid ruin Like this ? https://hastebin.com/wupidatevo.bash
or, scratch line 5 I guess
There are syntax issues in that... Where to start. π
delete line 5. remove two blanks from line 6 (cards has to be at the same level as title).
remove lines 15, 24, 33
You just need the "cards" keyword when you are enumerating cards.
So for example, each view starts with "cards:", and each stack is also enumerating cards, so needs a "cards:" section.
But not in between stacks or views.
I also think after you deleted all the superfluous "cards:", your indentation will be wrong, so correct that.
Or show the result and I will try π
haha, I will try now, at work doing some travel requests, so getting a vpn going
could anyone help me with getting my nest working on a thermostat card
this is what i have in my groups.yaml
Nest:
view: true
entities:
- group.Thermostat
Thermostat:
- type: thermostat
entity: climate.hallway
As I said before not groups.yaml
It goes in your ui-lovelace.yaml if you're in YAML mode https://www.home-assistant.io/lovelace/yaml-mode/
Then you're probably not in YAML mode
tive got nest to show up with this
Nest:
view: true
entities:
- group.Thermostat
Thermostat:
entities:
- climate.hallway
You're mixing things up there
The top four lines are a group entry, for the old states UI
The bottom one is also a group, but the group would be group.thermostat π It won't display a pretty card though
how do i go about using the pretty cards
I have this card, modded with card-modder but cannot see the background image.
https://hastebin.com/kodoronizi.cs
Where is the error?
I don't know any of the cards you are using, but are you sure that they use the property "background-image"?
Hi!
Is there any good way of printing a template on a picture-elements?
I would like to avoid creating multiple template sensors if possible just because I want some extra rounding etc.
@signal robin Do some reading. Start here: https://www.home-assistant.io/lovelace
@livid ruin Tried following your advice and I probably messed it up again, but it only shows 2 of the lights, the two first ones https://hastebin.com/vinejiheji.bash
@livid ruin removing panel: true atleast gives me all, but I only have 2 vertical stacks
panel: true makes only the first card show up - in your case a vertical stack containing 2 lights.
In the picture, you have four vertical stacks. One with the kitchen and hallways light, below that one stack with the office and bedroom, to the right one stack with top floor and basement and below that a stack with only a single night light.
Try drawing what you want. Make squares around what you want to be stacked together, and look at how they nest.
@polar kelp oh... because I'm still trying to make this happen https://imma.gr/77839x74796
Then you have two options on how to lay it out
Where green boxes are horizontal-stack and red vertical-stack.
@polar kelp the first one is the one I wanted to do first, but did not succeed
But my yaml-fu is shite :p https://hastebin.com/norotawuto.bash
You should only have cards: once per stack.
Remove the one on line 22. (but not before you understand why)
@polar kelp because that will make it a new card that will be the only one visible on top of the other one ?
Not the right words, but absolutely correct!
Did you try to build this structure bottom-up, like I recommended? Add one stack, look at the result, add another one? With this system, you can directly understand what is doing what and why it is doing that.
If you want to build a lovelace-ui, you really have to understand every part of the yaml. It's a very strict language, so you have to understand the formalism. Every word, every punctuation, every blank has a meaning.
You are an angel @polar kelp https://imma.gr/77842x34875
@livid ruin Yeah, I'm getting there slowly, I started using lovelace like a week ago
I meant no offense! I also started slowly. π
None taken, I'm just not used to code again yet, haven't had to use that part of my brain in over 15 years π
For me, it really helped to use an editor that is yaml-aware. Highlighting and automatic indentation help a lot.
Yeah, I started using notepad++ with tab\space notation and tab == 4 spaces
I can recommend sublime, for example. Atom is fine, too, but I had problems with atom over remote connections.
I'm too used to tab with my years of linux and unix
Can notepad++ also annotate? So for example color different parts of yaml in different colors?
I haven't tried yet, but I think it does for other code, and it autocompletes too
Yeah, sounds fine then.
I couldn't get vscode to render correctly with X-forwarding, but I only gave it one try and then found sublime works nicely. Will perhaps try vscode again.
I've never tried to run it as an x-session. I just run it locally and point it at a samba share
If you're on hassio, there is also the could9 ide add-on which is very nice
are there any plans to make the conditional card support OR?
I mean, that would shorten the yaml, but you can always simulate a simple OR with several conditional cards. Complex stuff: just render a boolean.
i'd like to show a "turn off all lights" button card if ANY light is on
ok, that can easily be checked by showing the button if the button itself is on, duh
For such more "complex" behaviour, I use a template boolean. So I can use as many convoluted If-then-constructs as I like (and can write down).
either that, or create a group and the check that group's switch?
if we're talking about switches here
Of course, in this case, that is the easiest way, I suppose.
Hey. I tested the tap_action + navigate functions on a couple of cards yesterday.
But what I really want is to have the tap_action + navigate function when I press an entity.
Like a list of entities and when I touch "Temperature Outdoors" it would not show the nice graph, it would navigate to '/lovelace/12' instead
is that possible (without coding it myself)?
@shell torrent entities card doesn't support tap/hold actions
ok. are there any alternative approaches to achieve the same thing that you know of?
..that doesn't require coding my own, 'cause that's out of my league
ok!
nevermind. couldn't remember for sure what this did https://github.com/thomasloven/lovelace-long-press
but not what you want
ok. thanks anyway!
is there a place to ask rPi questions? or an expert in the house?
@warm mulch #diy-archived
hi what does the following error means?
http://10.3.1.2:8123/lovelace/0:0:0 Uncaught
keep getting this when im adding a custom card
- type: module
url: /local/custom_ui/dark-sky-weather-card.js?v10
All I need help. With Lovelace on my imac, I am not able to scroll up or down. On my iphone it's ok but on my imac, the screen is just stuck at one spot no matter what view I am on, I am just not able to scroll. I use Chrome, Safari and I even tried clearing cache, but still no change. Is there something else I can try? - Version: 0.84.6 /Hass.io/yaml
anyone know the best way to get an input-select to show on a photo-element?
wat?
You can't with anything in core or that I've seen
is there a way to make a tap action for the photo used in picture-elements? or only able to use that for added elements?
like tap_action: action: more-info
@junior topaz no. you could possibly add an image element that took up the full space and put it at a lower z-index, but sounds like it would be annoying on mis-taps
mod, please pin β
I'm new here and I broke something in my setup, need a little help if possible. I made a change in the "Edit raw config", and my whole setup disappeared, including the bar with the button to edit the config again. I've managed to find the file it is stored in /config/.storage/lovelace but I can't figure out exactly what is wrong in there. Could someone upload what should be in that file by default so I can start with a clean slate?
I tried restarting it with a blank file, and it wouldn't load. I'll try completely deleting now.
Thank you, it worked perfectly.
Wish I hadn't wasted several hours trying to figure that one out
Damn. No fix for the gigantic Light card in 0.85
it's been the holidays for most of us since 0.84
wow! i'm a jedi now?!?
thanks mystery mod π
let's start the day with a question! is there a card (or any other method really) that shows a different content based on the logged in user?
i'm guessing it could be done with a conditional card, but how do i get the username?
@junior topaz You can add an input-select box to picture-elements by doing type: custom:hui-input-select-entity-row entity: input_select.my_input name: " " icon: mdi:invalid style: ... you'll have to play around with this a bit...
How about a little teaser:
- event: browser_ctl
event_data:
id: ded3b4dc-abedd098
command: navigate
navigation_path: /lovelace/3
Also ```yaml
- event: browser_ctl
event_data:
id: ded3b4dc-abedd098
command: more-info
entity_id: camera.front_door
@polar kelp Regarding your answer to @junior topaz above, does that mean that I can use your other custom cards in the same way as picture-elements? (time-input-row, slider-entity-row, useful-markdown etc.)
i thought i finally managed to grasp templates, but I guess that wasn't the case
is there a way I can use templates in an entities card?
more specifically, for a call-service card's name and action_name?
it just returns the unparsed string for me
@next sigil Sure. Cards, elements and entity rows can be used interchangeably, if you know their internal names.
It works by coincidence, though, not by design. It hasn't broken so far, but you should expect it to at any update.
Cards used as rows in an entities card:
@polar kelp thanks again for your help with the horizontal\vertical thing yesterday π it looked "ok" on my fridgetablet, I just wish it would scale the stacks to fit on the resolution somehow, because the lower row gets 20% below the screen, but that is probably too much to hope for, that is what I get for getting a tablet with a low resolution π
It's the eternal struggle for us cheapskates...
How to get lovelace looks nice in iphone app?
@polar kelp Ok, sneaky!
Cards as entities in an entities card, I could see that it could cause issues.
But as elements on picture element, there I see tons of potential uses! So would be a shame if that was patched out.
Could be a great way to get lots of useful features in a dashboard-view.
Any good tips on what to look for in order to find the internal names of the entities?
@polar kelp now just to convice the wife why I need to epoxyglue a 24" LCD panel to the fridge which doesn't have touch so we need an external mouse π
sooo... can I use templates in cards or not?
@next sigil: https://github.com/home-assistant/home-assistant-polymer/tree/dev/src/panels/lovelace/cards
https://github.com/home-assistant/home-assistant-polymer/tree/dev/src/panels/lovelace/elements
https://github.com/home-assistant/home-assistant-polymer/tree/dev/src/panels/lovelace/entity-rows
https://github.com/home-assistant/home-assistant-polymer/tree/dev/src/panels/lovelace/special-rows
@polar kelp Sweet! Thanks!
Putting a markdown card in picture-elements is a common trick. You can use the style: settings to remove the drop-shadow. Toast used to do that all the time.
@sacred geyser No. Templates can't be used in cards. (but there are some approximations: https://github.com/thomasloven/lovelace-useful-markdown-card, https://github.com/thomasloven/lovelace-card-modder and most notable: https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card)
gah, that sucks
i wanted an action_name that changed according to a status
i could go with a conditional card i guess, since it's just a binary, still...
@sacred geyser how about using a state based image element?
it's just text actually, both the name and the state
i want to show if notifications are enabled or not, and give a contextual button
like "notifications are off enable" and "notifications are on disable"
basically a better-looking switch entity
conditional it is, at least for now... this is gonna get over-complicated in no time, just watch
can i have a stateless toggle button? for some reason i can*t figure out how to list an entity as neither a flipswitch nor toggle with the flash icons
basically what i'm looking for is a command_line switch with only one command
kitchen_light:
command_on: switch_command on kitchen
command_off: switch_command off kitchen
that's how it looks for two π
how do you toggle something stateless though?
might be a language problem, i mean stateless as in not showing a state on the ui, just like a text "Toggle" or "Press me"
well then, an entities card with one element in it
type: call-service
and then you call switch.toggle or whatever it is
which is the exact opposite problem i'm having, i wanted a non-stateless text
entities:
- type: call-service
icon: mdi:monitor
name: Monitore
action_name: Toggle
entity_id: switch.monitorpoweroff
that's what i tried, it just does nothing
yeah, you need service as well
service: switch.turn_off
service_data:
- entity_id: switch.monitorpoweroff
well that was a classic me moment
before you answered i used service: service: switch.toggle
nah, I only caught it cause I was literally doing the same thing
to hilarious effect
did it toggle all switches?
lol
so, service data is the identifier for the service called?
service_data is an array of all the data your service could need
most notably the "entity_id" so that you only trigger the one you want
or so it SHOULD be
see example #2 in that previous link
hm, i'm still not getting anywhere :/
entities:
- type: call-service
service: switch.turn_off
icon: mdi:monitor
name: Monitore
action_name: Toggle
service_data:
- entity_id: switch.monitorpoweroff
that pops up a "Failed to call service switch/turn_off"
surprisingly not writing anything to the log
that should work, actually
let me check mine
Failed to call service input_boolean/turn_off.
yay!
we're in the same boat now
awesome
i get a Uncaught (in promise) {message "invalid format", code "invalid format"} in the browser log though
that reminds me of my marriage
π
calling it from the services page works though
yup, with toggle as well as with turn_on/turn_off
getting the same console error, can confirm
although i'm using input_boolean instead of switch so it's more of a general problem
hm, what format could that be... if you put in random stuff it says Service not found
so i guess it expects it weirdly formatted
caught it
it's an object, not an array
so you don't put the - before entity_id
(you being we)
fixed it for me
ahem, turns out i renamed the wrong script
aka another reboot when i tested switch.toggle π
at least you fixed it
Hello friends. Does anyone here know if it's possible to have includes inside included files for yaml mode? Not sure if my formatting is just wrong or if it's not possible
how do I use colored icons in cards BTW? kinda like how turned-on lights have a yellow lightbulb icon
it would easier to tell at a glance if a certain entity is on if the icon is colored
so, thank you very much it is working now (had to take anti-reboot measures first just in case) π
then you must use a styler / card modder i'm afraid
there you can do things like:
style:
top: 21%
left: 97%
"--paper-item-icon-color": lightgreen
Please follow the rules, @rancid schooner! You have 5 warning(s) left. You posted a message/code that is more than 15 lines. It is moved here --> https://paste.ubuntu.com/p/j6SVRc6ytd/
Hi, how do I make the hold_action keep pressing the volume button, when held?
hold_action:
action: call-service
service: remote.send_command
service_data:
entity_id: remote.harmonyhub
command: "VolumeUp"
device: 58068245
You can't. The hold action is triggered when you release the mouse button.
There would probably be too much delays in every step of the way to get it to work reliably anyway.
My remote control is working pretty ok now, a lot faster then the harmony android app. But volume changing needs me clicking 50 times
@midnight shadow since I'm not home I can't install new cards right now, so I was trying to make do with whatever was available right off the bat
guess i'll wait until this evening
is there any log of services called? i get a correct "Service switch/toggle called" popup but nothing happens the first time. the second time it works (until i refresh lovelace)
but without any log i can't really tell what's happening
how about the registry page?
from the lefthand menu
not a whole lot of help though
strange, when i use the command as a toggle switch it works first time
@sacred geyser i think i now want exactly what you want π
kinda, except not
the Computer link should read Shutdown when it's on and startup when it is off. and the icon should be green/red respectively
ah, yes then
yup
mine are input_boolean on whether i want to receive a certain notification or not, but same concept
changing the action name itself was impossible with default cards so I created 2 cards (one for each state) that are shown/hidden based on the state itself
weird, that's a pretty common thing to wish for i would think
now since i've already got a card that's exclusively for the on status and one for the off status, i'd love to change their icons too, but while i can change the actual icon, i can't color them
(not with default cards)
lights are easy since they have full / outline icons, but most other icons don't
can you show me the two card code?
i think the modder option should work (when you are able to add a new custom card of course)
@polar kelp how could I forget that picture-elements hack to use rows/cards π€¦ thanks for catching that
Would this thread be the right place to ask about a "panel iframe" problem in?
When I try to run this card: https://github.com/lukx/home-assistant-jukebox/tree/fd6fb964369dd55c9638feaf374c62c86ec2e923 I get an:
https://xxxx.duckdns.org/local/jukebox.js:7:1 Uncaught SyntaxError: Unexpected token <
My other .js modules do work. Could this be an error in the contributers script, or is this an error in my HA? Since there are no other complaints?
@midnight shadow https://hastebin.com/rocibededi.bash
repeat the same for another input_boolean
and then put them all in a vertical-stack card for cleanliness
Hi! I am having some issues with the thermostat card after updating to 0.85 on docker. anyone else having this issue? it only shows a gray line.
I downloaded the RAW js numerous times . Also tried to pasted the RAW javascript in my .js file, but nothing works. I also downloaded and saved your link, but same error. I verified the code in my notepad++ (it's raw js)
then you're loading an old cached version of the file from when you downloaded it as html
clear your cache
@mild veldt ah right! That can be it
Is that the home assistant cache you are referring too?
https://xxx.duckdns.org/local/jukebox.js:211:47 Uncaught TypeError: Cannot read property 'attributes' of undefined
@rancid schooner browser cache
thanks @sacred geyser
maybe https://github.com/home-assistant/home-assistant/blob/master/homeassistant/components/lock/template.py can be (ab)used for our purpose
i guess i'll stick to my solution for now, it works with no hiccups it seems
i'm only missing the colored icon feature but eh, guess i'll live
yeah, i think the conditional setup is even cleaner than what i had in mind for my setup
Using lovelace and the Ios app but get troubles loading the custom elements, works fine in ios browser
@main meteor make sure you have "javascript: latest" in your frontend configuration.yaml
did anyone attempt at making a material-design 2.0 theme for lovelace?
rounded borders, shadows for elevations and the google font, possibly
I'm using 0.85.0 and want to add a resource to my lovelace. Adding it using the "edit config" doesn't really add it. It's saved but it isn't stored
@meager grotto works for me in 0.84, what do you mean it's not stored?
Will i added, it's saved but when I reopend the editor it's gone.
I'm also getting the red lovelace error that the custom component isn't found
it saves without errors though, right? where are you adding it?
i put it right at the start
@mild veldt I use javascript: auto
Using the raw config editor in chrome
same
resources:
- type: js
url: /local/custom-components/compact-custom-header/compact-custom-header.js?v0
right as the first 3 lines
then I restart HASS and start using the component
in 0.85.0 it doesn't seem to work
do you need to reboot after you added a custom resource?
restart, but I think you do, I do it just to make sure
perhaps you're not using storage mode anymore but yaml? or vice versa?
I'm using storage mode, didn't change anything about it
no clue then, my HASSIO doesn't show any update yet so i'm still on .94
is there a way to force the update check? or is it just not out yet?
perhaps a stupid question, but I have this code
pointer-events: none
text-shadow: 1px 1px black
font-family: Trebuchet MS
font-size: 90%
font-weight: bold
border-right-style: solid
border-color: rgb(34, 154, 210)
background-color: rgb(54, 65, 78)
opacity: 0.8
repeated like 20 times in my lovelace. Is there some way to only type that one time a make a define for it at the top of my yaml ?
@meager grotto are you sure not getting an error in your browser?
@mild veldt no i'm not getting an error
stop HA; restored a backup of .storage/lovelace; start HA. Hopefully it works
Yes restore works!!!
im getting the same issue as @meager grotto
Cards containing custom elements are also impossible to edit
whats the link to the material design page?
@placid pivot https://material.io/design/ ?
that one works. I was thinking of http://materialdesignicons.com/
i guess it could be great if you set up a tablet or something like that in a room and want to display the door camera in case someone rings
the day HA manages to integrate with the chromecast by casting itself to it it's gonna be even more useful
uh oh
i clicked on update in my HASSio update page
then i refreshed the page by mistake
is it safe to click update again or should I just wait it out?
or restart it, even?
Just wait
@polar kelp yes!
If anyone has ideas for further features Iβd love to hear them.
@polar kelp lovelace future?
not sure if its lovelace related, but swipe on a tablet, to next view? π
I mean for the new thing in the video I posted above.
@polar kelp switching to a different view for morning/evening | weekday/weekend
getting an alert, switching to an admin view (which is still switching views, I guess)
Should be easily done with an automation.
@polar kelp Is it possible to have that feature when clicking a device? I'm trying to find a way to have my thermometers listed in a usuual entities card, but when clicking the entity, I want to navigate to another view (the outdoor camera view)
Look up tap_action. Almost all clickables support navigate nowadays.
yeah, but not per entity (or am I wrong)? I only find the card clickable
I have a list with 10 thermometers (entities). I want to navigate to 10 different cameras (views) depending on which thermometer is clicked. Maybe I'm just doing it wrong?
I suppose you are using an entities card for that?
yep
just a quick sanity check: entity: weather.yourweatherentity in the case of darksky would be weather.darksky, right?
Yeah, entities has only more-info on click at this point, unfortunately...
The plugin I'm working on is controlled from the backend. If you want something to happen when you click in the frontend, you'd need to send something back to hass. That's still not doable with entities card, though...
Tough one.
@midnight shadow Check in 
@midnight shadow if you didn't change anything weather.dark_sky should be right
ok. thanks
hi, did the folder structure change? i just updated from 83 to 85 and my custom calendar card nor weather wants to load
says doesnt exist
gah, that underscore was missing. thanks
I've found this template very useful when setting everything up
{{ state.entity_id }}
{%- endfor -%}```
put that in the template editor and it will spit out all your entities
@midnight shadow ^^
@polar kelp but ok, so that you're working on could activate that in the video from a script or whatever action?
A script or an automation.
that would be awesome
I see endless implementations for dashboards/cool screens in the house
@placid pivot Oh cool idea, thanks
@tired quail ... or you can go to /dev-state
where they are all listed in alphabetical order with state and attributes...
I wanted to export them to a list so I could reference them when I'm at work and can't get to HA π
https://imgur.com/a/NZGISUB Hey guys, I have 3 roller shades for a multislider as separate entities which uses a lot of screen real estate. Do you have any suggestions on consolidating them into a single line or smaller space? ie [Left] [Middle] [Right] [All]
@shell torrent You might be able to use this: https://github.com/thomasloven/lovelace-popup-card to replace the more-info dialog of your temperature sensors with a card containing the camera feed. It won't get live updates, though.
how do you guys get custom cards working in .85? it seems to not save the ressources i paste from my old yaml
@polar kelp Thanks, I'll try that. And for your demo, I have just started playing with calling the api from other PCs/devices And I see endless implementations of this. Like showing different views on the dashboard depending on who's home, what devices are in use, mediaplayers playing, ... Really cool.
hey, I'm running into major issues with lovelace after upgrading from 0.84.6 to 0.85
it's completely removed my resources section from the lovelace definition and I can't save it via the edit raw because it does nothing
yeah
it's like it parses it and removes it because if I change the title right below it or on top of it, that is saved
i have the same issue, its already posted to githun
I'll post in a different channel but are you also seeing issues with mqtt values shown as unknown as well?
just read all of the documentation, then you know
not sure if you are talking to me, but I read the whole change log and looked at the changed source and submitted a pr for a custom component that 0.85 broke as well
Anyone know what has been crazy with one of my friends hassio? The badge in lovelace is blue and the "unit_of_measurement" is capitilized but they now in the sensor-attribute. See picture here: https://unsee.cc/a859411c/
@copper mural that image doesn't exist
So im running 0.82.1 and lovelace. Is there a way for me to check if my lovelace config will work in the latest release of hass?
@lunar trench Well, if you are on .82.1, more than likely your current config will not work as-is. Check the breaking changes in all the releases, but no way to check without actually updating
bah
Off the top of my head, only tap and hold actions are the major breaking changes
I use them alot. Are they just changed or removed alltogether?
nvm ill look it up π
@split granite @lunar trench service-call changed as well in that you need to explicitly pass the entity_id if it is needed for the service call
π£ β I've confirmed that resources are indeed being removed on save in the front-end when using Raw Config Editor on the UI in 0.85. I recommend holding off till 0.85.1 if you haven't already upgraded until we know more. If already upgraded, enabled yaml mode https://www.home-assistant.io/lovelace/yaml-mode/
@split granite please pin ^
- type: glance
entities:
- entity: input_select.elpatron
name: Auto EL
tap_action: call-service
service: input_select.select_next
hold_action: more-info
@lunar trench won't work; check the docs
Figured
π
@meager grotto @granite prawn I recommend switching to yaml mode for now https://www.home-assistant.io/lovelace/yaml-mode/
on new version 85.0 i cant see on raw config resources: where they went?
when i upgraded all good but now start showing cards broke i have paste resourses and for some reason they are deleted
anyone have any tips / examples for displaying the info from the tautulli sensor?
@prime umbra 6 messages before yours. Also one single message before yours.
what sux in this is when you already start using raw config editor, you end up not updating ui-lovelace.yaml so even if you use lovelace:
mode: yaml, will not do much for you in a situation like this, cause even if you have backed up before you will end up on a old environment
there should be a way to use the new raw conf editor and at the same time create ui-lovelace.yaml in case you want to go back to yaml mode
i hope not saying something wrong !!!!!
You can convert JSON to YAML
sound like a idea, how to go about it?
Or any of the other results you'll find from Google π
json is yaml
technically correct, since javascript object notation is yet another markup language
The Y in yaml is short for YAML (https://yaml.org/). But seriously, all json is valid yaml.
isn't it the other way?
yaml is json?
No. ```json
- a
- list
is not valid json, but ```yaml
[ a, list ]
is valid yaml.
As weakly evidenced by the syntax highlighting of those code samples (or lack thereof).
With lovelace, is it possible to edit the UI using BOTH the web interface AND YAML in a text file?
no
ugh, that's too bad
Then the internet lied to me :(
Technically YAML is a superset of JSON.
That's still true. A being a superset of B means that B is A, but only part of A is B.
You may have confused it with subset.
Anyone know what has been crazy with one of my friends hassio? The badge in lovelace is blue and the "unit_of_measurement" is capitilized but they now in the sensor-attribute. See picture here: http://sv.tinypic.com/r/2rrqo3k/9
like when you asked earlier you need to actually post an image
I didn't know it was deleted after first view. Changed upload-service now.
Anybody having problems with entity buttons not updating after certain set of actions?
Steps to reproduce:
On the first lovelace tab (view) I can without problem toggle my light using entity button
When I open the second lovelace tab (view) I open detail of some sensor and enlarge the window to see more detailed graph. I close it by clicking outside of the detail window. I then go back to the first tab and toggle my light - first toggle works and my light turns on, but the button stays stuck on the off state and repeatedly tries to turn the light on and wont allow me to turn the light off unless I refresh the page.
hey all, I wrote a custom component to monitor the status of my range rover.... everything works with the exception of the attribute I add for friendly_name and icon. I'm trying to get those shown on the map card in lovelace but it shows for some reason "HK" which is not in the friendly_name. The friendly_name I set in my code to the license plate number. The icon to mdi:car. Anybody know how to set the icon on the map card and the name for a specific sensor?
yaml?
Hi
I'm migrating from Openhab and trying to port all of my devices.
Starting to get a grasp of the configs, but couldn't get the thermostat card working as intended:
Here's my climate entry:
- platform: knx name: "kitchen" temperature_address: '2/1/0' target_temperature_address: '2/2/0' setpoint_shift_address: '2/3/0'
I was trying to limit the slider from say 16 to 28 degrees (setpoint_shift_min and setpoint_shift_max), but that has no effect on the card.
Also the setpoint_shift_step is not working.
Any tips?
How are you guys solving this?
~format @royal crest
@royal crest 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
```
Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif
- type: map
aspect_ratio: 16:9
default_zoom: 15
entities:
- rangerover.salyXXXXXXXXXXX70_position
also, what component is generating the car, (and it's yaml)
I would love to be slapped with some documentation knowledge because my googling/wikisearching fails to connect a crucial set of dots: all cards seem to be defined as @royal crest just did above, with a -type entry. But where does said type entry go in the config?
config/custom_components/range_rover.py is generating the car
main_dict.update({'friendly_name': car_friendly_name})
main_dict.update({'icon': 'mdi:car'})
entity: weather.dark_sky``` for example. It seems that snippet could be tossed _someplace_ in order for the card to show up in the Overview pane
that's probably a question outside the realm of this chat, since lovelace is probably pushing through what it sees
no, it uses whatever the entity provides for it
@mint pilot watch the YouTube video on modes that is pinned. Should help.
@royal crest check
and make sure it matches what you expect
Hi, Im using a sensibo to control my AC. It is using the "climate" option in the config file, so the thermostat card appears in love lace. You can get it to change modes, However you can't turn it off from that card, where in the old UI card pop up you can. Is there a way to manually add that option/mode into the card in the lovelace UI?
How do I revert to manual lovelace ui editor and not the web version?
raw editor or the ui-lovelace.yaml?
.yaml
YAML is the mark up language used by Home Assistant. Consistent indenting (two spaces per level) is key - read more at https://home-assistant.io/docs/configuration/yaml/
Look at pinned messages on YAML mode
Just did a lovelace config for my 3d printer: https://imgur.com/a/VQFtzcO
Nice!
nice
what card did you use?
cause that looks like a great way to step up my current picture card (using the printer cam)
i used picture-elements
Do you guys have any suggestions on consolidating the 3 entities for my left/middle/right covers which takes up a lot of card space? Are there any other cards that would best suite this? https://imgur.com/a/NZGISUB
@polar kelp is it currently possible to use your lovelace-slider-entity-row with monster-card? I have dynamic cards for lights that are on and would love for the view to be consistent and offer brightness control. π
Hm... I think so... Should work if you put type: custom:slider-entity-row as option: in your filters.
That was it - I was missing the options -- thank you!
@prime umbra to keep my ui lovelace yaml up to date I have been editing that and then cut/paste into raw editor anyway unless it's a minor change. I agree it would be great if both was maintained particularly because the raw editor at the moment totally screws up the old format and is much harder to work with.
Hello, I am having trouble adding my script to lovelace. The default interface shows up with ACTIVATE. I want to add it to one or my picture-glance cards
I don't understand what is holding you back from adding it to the card?
entities:
- entity: script.kitchen
icon: 'mdi:ceiling-light'
name: Island
tap_action:
action: toggle
Like so?
is there a way to show/expand all group entities in a card, similar to the old UI? i'd like to see all my automations in a single card automatically, instead of manually adding/removing them
Pretty sure you can't. need to add manually
doesn't seem like it. I can put the group into an entity card and get a small window with all the automations after clicking the group. Guess it will do.
yeah but you can't execute them from there can you?
@timid wigeon that's not a picture-glance card
eh, nope. only toggle them.
yeah... i just bit the bullet and added them all individually
does this monster card still work?
ok, i might give it a try. thanks.
and also you can use https://github.com/thomasloven/lovelace-fold-entity-row to show/hide
- type: picture-glance
title: Kitchen
image: /local/kitchen.png
entities:
- entity: script.chromecast
icon: 'mdi:led-strip'
name: Chromecast
tap_action:
action: toggle @mild veldt
only problem is the current bug in raw editor... when is 0.85.1 due?
Use yaml to fix that
i edited the .storage file anyway
@mild veldt do I need to put the fold-entity-row.js in the /local folder as well and then reference it in the resources?
yes, it is a custom row
do custom cards only work in yaml mode? Every time I add my custom card resources in 84.6 in the raw config editor all of the items on the page with the custom card disappear when saved.
it's a bug in 0.85
the editor does not like editing that folding row card but it seems like it works ok
Anyway I can load JSON data from an API call into a tab in Home Assistant?
@timid wigeon there are rest sensors. Better question for #330944238910963714
Finally got around to compiling a big list of custom Lovelace stuff.
Custom Lovelace https://sharethelove.io/custom-resources
Mods, please pin
you made that page? @mild veldt
I made a list, yes
@mild veldt just fyi minor typo on this page near the bottom: https://sharethelove.io/custom-resources/cards you have weater-card instead of weather-card. And the Jinja Magic Scripts under tools page is a broken link. But great and helpful resource, thanks.
Is it possible to an attribute value in a Lovelace card?
Hi
In need of some styling advise π Not sure how to go about with this
I can't get my cards to look right. The cards below wont go beyond the above. Is there a way to create multiple cells and merge somehow to get what I'm looking for?
Looks like this now https://imma.gr/77900x1f685
Attempting to do this: https://imma.gr/77901x9469e