#frontend-archived
1 messages Β· Page 102 of 1
@polar kelp did not chance version number, still 0.1.0. but where can i see the version number of the dev branch file?
Good morning - This is my first time using this chat. Since the upgrade where Lovelace is now the default I'm a little confused. Before I had installed a plugin that auto created the Lovelace config file. Since the upgrade, I started getting errors that some entitiy_id have two __ I deleted the Lovelace UI file that was created by the plugin hoping with the new version of HASSIO it would create a new one. It didn't yet the UI is still there? What do I need to do to have it regenerated. I'm also confused because some of what I've read said Lovelace can be configured in the gui?
@vapid field doesnβt matter. As described in the link, what you put in there just has to be different from before.
Hello guys! Does anyone of you use custom:mini-graph-card card for lovelace from kalkih?
it worked changing to 0.1.1. that dosn't make much sense to my, but hay its working. thank you
I just noticed that when I hover over the dots the time frame it shows is actually reverted... or it grows from right to left even if the graph is correct
so the first dot on the far right side is correct but going to the left the times are growing instead for going down
@vapid field there's already an issue ticket for it
@mild veldt can you point it to me... I will follow there
...it's in the repo where you originally go the card
Is this not the forum to get assistance?
@jolly goblet delete ./stroage/lovelace and restart OR in the top right menu select "take control" and then you can edit it through the UI
".stroage" uh oh
So another question. Lovelace added a new card for my security system. It has a Arm Away, Arm Home and a passcode. It doesn't do anything. Why??
The old interface worked fine.
I've tried removing and recreating using gui - Still doesn not do anything.
The status does update. It just will not arm or disarm. I have an ELK MK1.
Hi, Is it possible to with Lovelace to display only the light ON with a wildcard so I don't need to always go in the config if I add an extra light?
*lights
I have try the following:
type: entity-filter
entities:
- entity: light.*
state_filter: - 'on'
@hoary jungle sure with a custom monster card
- type: custom:monster-card
show_empty: false
card:
type: entities
title: Lights On
filter:
include:
- domain: light
state: 'on'
you set domain
@prime umbra Thanks Solid, I just try to install monster-card as mention but for some reason lovelace doesn't recognize it
I have create www in config and copy the JS file. I have reboot as mention. Add the Ressources to the lovelace config
When I try to create a monster-card identical at your example, I have the following error:
YAML Error: TypeError: Cannot read property 'startsWith' of undefined
are you using yaml mode or ui mode
so you have to include resourses in raw config
yes that is done
how did you put card code
in Raw editor config:
resources:
- url: /local/monster-card.js?v=2
type: js
~format
To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
sorry new here. ok
'''
- type: custom:monster-card
show_empty: false
card:
type: entities
title: Lights On
filter:
include:
- domain: light
state: 'on'
'''
- type: custom:monster-card
show_empty: false
card:
type: entities
title: Lights On
filter:
include:
- domain: light
state: 'on'
ya
Thanks!
np
Today I took my Lovelace plunge π However I miss some parts that were in my groups.yaml file. Is it possible to re-trigger the creation of the automatic Lovelace config?
@prime umbra Spoke to fast. It work I can see status ON but also all the "Uknown" state. Is it possible to only show ON state?
if you mess with groups page i see no need to create lovelace config again
I meant with the views in the groups file.
@hoary jungle if you see other exemples you can maybe use the exclude:
work thanks. I though it was only selecting ON
@vapid field are you using ui mode?
Yes, I am.
Apparently I did the 'preview lovelace' before, and made some changes to the groups / view file. These new groups are not shown in Lovelace atm.
hello, been looking around the community discussions, also on the raw config of the demo site (first one - ARS Home) without success - is there a way to have the Thermostat card display the three dots for more info (in my HA they do not show up)?
@vapid field so if you using ui mode , create the new views in UI mode that you need, that should be done in no time π
can someone please post the first lines of what they see in the raw editor of the lovelace config π
Hi @polar kelp whats wrong with this picture? I've installed card-tools and the layout-card but still getting the same. https://imgur.com/wGqeXxZ
Why are you configuring a card as if it was a view?
sorry i asked the question yesterday but i will ask again π any plans for persistent notifications as a card in lovelace?
@polar kelp Ah worked it out. Sorry I was taking the layout example literally.
panel: true
cards:```
related to the view not the card.
i will branch and add the code for persistent notifications its only python π
lovelace is JS
wow a response π i know it is but thanks anyway
Hm, went back to a snapshot to check if I fucked up stuff or my CC2530 is dead and now all my lights are unused entities (but they works and are active). How to fix that?
@sleek warren use the monster-card on the persistent_notification domain
@sharp talon The readme was written before the gui editor existed, so starting from the view made more sense. I'll probably rewrite most of my readmes in time...
@sleek warren or try @polar kelp new card which I canβt remember off the top of my head
auto-entities
βοΈ
There's no plans for persistent notifications as a card, that I know of - because then notifications would change your carefully crafted layout. That's why they're behind the bell icon now.
Woah! Is that the time? Damned Myst games...
Good night!
anyone have examples or screen shots on what card-modder looks like? I getting an error
Uncaught (in promise) DOMException: Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry
@wary quest card-modder doesn't look like anything. It is to be used on another card
so the options and stuff is all entered through code?
What are you trying to accomplish?
trying to get it to work
I do not get any custom backgrounds I think its because of the error above. When I remove the card-modder and restart I dont get error
Did you include a resource twice?
Lovelace added a new card for my security system. It has a Arm Away, Arm Home and a passcode. It doesn't do anything. Why?? The old interface worked fine. I've tried removing and recreating using gui - Still doesn not do anything. The status does update. It just will not arm or disarm. I have an ELK MK1. https://www.home-assistant.io/components/elkm1/
@jolly goblet try putting it in an entities card
How do you move cards up in the interface? When I use the arrows it just moves them to the another column.
@jolly goblet it's also a matter of moving cards that you want to be under or after other cards...think of it like one long chain of cards.
Hmm I tried that and it seemed to stop moving.
Thanks why is this documentation not on Home Assistance website under Lovelace. I feel like they release new things without updating there own documentation?
As an example - I dont see in there documentation how to edit the Lovelance GUI using the GUI.... Someone had to tell me lol
I am really liking the gui
Where does lovelace log errors?
My chrome dev console is auto-clearing errors for some odd reason and my hass log is empty
Figured out a workaround.. forcing chrome to maintain the log π
this maybe a silly question but how do you (can you) use custom lovelace cards with using lovelace in default mode (ie no longer using ui-lovelace.yaml file)?? from what I've been reading online, cards speak about editing ui-lovelace.yaml to include the resources etc but...I'm not using ui-lovelace.yaml that I'm aware of in the default HA mode so not sure how to reference a custom card via the standard new lovelace UI?? thanks and sorry is this is a silly question π
@daring night When you go into the editor, I've had luck switch to Raw Config Mode and then doing the same work that I did in the ui-lovelace.yaml
@eager pollen got it - thanks, I had to place the resources in using RAW Editor etc, create a custom card in RAW Editor, thereafter I can see/edit it in normal UI - THANK YOU Sir!
No problem!
hello guys. Gong Xi Fa cai from south east asia (happy new year)
does anyone know how to disable the touch animation in lovelace?
and disable the toasts
hi there. where can I find the file that keeps track of the current state of the lovelace UI?
I'd like to edit it directly with a text editor.
Put differently, why don't I see a ui-lovelace.yaml file anywhere?
sudo find / -name ui-lovelace.yaml -print yields nothing
@idle gate the ui-lovelace.yaml file is not created by default, you would have to manually create that and then also specify yaml mode in your config. In top right corner (3 dots) you go to configure ui -> raw config editor then copy and paste entire contents of that into a ui-lovelace.yaml file.
Thank you. I thought when I pressed "Config UI" it'd get created somewhere in the filesystem. I now see how it works, thanks!
On a related topic, having specified my own ui-lovelace.yaml file now, did I give up the ability to have new sensors automatically appear in the UI as badges?
By default yes, you have given up that ability. With great power comes great responsibility
Ok, thanks.
Is there a way to organize the badges? Can I group them into horizontal-stacks?
@polar kelp Can you leave resources defined in ui-lovelace.yaml but have everything else in the Online Raw Config? Not sure if my environment is bugging out or if this is allowed
No, you can't.
Interesting, I got a bunch of errors about chrome duplicate resource loads, but then I removed the resources in the online config and kept them in ui-lovelace and no console errors
I'm gonna restart HA to see if it'll crash now.. maybe it's cached
@polar kelp For some weird reason I can, it's not cached since I ran in incognito mode
and I'm not using yaml move
mode*
and now it went away.. looks like it's just a slow cache
@polar kelp could you maybe show me an example on how I would set/increase the size of the iframe card with your card-modder...I don't quite get what the readme says...
Any advice on how to group or organize badges? I'd like to place temperatures in a box, humidity in a separate box, luminescence in a separate box, etc. It's too messy as it is.
Or are badges slated to disappear from the UI, and get replaced by cards? Should I not bother to organize the badges?
@dense elk The iframe card can't be changed.
You can set the aspect ratio, and the width is controllable to the same extent as all other cards.
so the width would be changed with the card modder?
No. Just with stacks and/or panel mode.
cool thanks for pointing me out in the right direction where i should read
Hello , anyone know how to enable more-info on the Thermostat card? (it works in the new demo site) - I could not find any details so far.
@patent jewel which one are you looking at?
as per documentation it doenst have more-info https://www.home-assistant.io/lovelace/thermostat/
@hot gyro hi, in the new demo (https://demo.home-assistant.io/#/lovelace/0) first showcase, ARS Home, has the three dots for more-info - I looked in the raw date from lovelace and I could not see if it is a custom component
hmm not in my browser
I only got the dial and the 4 values to set
this one correct? https://imgur.com/72dQ8js
@hot gyro @patent jewel more info will be coming in next release
is there any way to force cards to be the same size? https://i.imgur.com/0SQZ9gc.jpg
@mild veldt thank you for the heads up π
is it possible to combine picture-entity and picture-glance cards?
so that i get both colored picture when turned on/black and white when turned off, and below the picture icons showing if motion is detected, toggles for TV etc.
in the picture-glance card is it possible to modify the size of the "icons"/toggleable buttons?
@dense elk put them in a vertical-in-card-stack and it will look like one card
icon size is not editable
@mild veldt nah I think that wouldn't produce the "feeling" that I want π
I basically want a card acting like both picture-entity and picture-glance in the same card...so from outside it looks like picture-glance but when you click on the picture it turns black'n'white
nevermind actually picture-glance support this
so question is irrelavant
Anyone wanting to create a nifty card with lots of potential uses. A time/number selector that works like setting the alarm on a phone (roller type thing) other options would be like these since I do see some difficulties in the actual rolling motion and not being a button.
https://github.com/TeamWertarbyte/material-ui-time-picker
https://www.sitepoint.com/10-jquery-time-picker-plugins/
For increasing the size of the iframe thing I'm gonna need some more hand-holding tho' π (with the stacks and panel mode) π
@warm stone no more jquery...
More there as examples. The examples 2 and 6 are close ish way of copying the roller select on phone.
The material ui one is a little clunky and can't just be tucked into the corner on a ui
In the map card is there a way to change the "style"/provider of the actual map...this white one is so bland π
@dense elk no
Hi! I used the all.automation group to show all automations before lovelace. Now this is not working anymore, as you have to add every entity. Is there any way to do this with Lovelace?
@steady nest this card will do what you want i think, check the examples https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card
Thanks @latent moss. I have looked at this card, but could not make it work. Can I just add the example from the Lovelace frontend, or do I have to do something since this is a custom card?
I have done this:
Copy the js file from inside the card folder you like (e.g. monster-card), inside your config/www
Add the js file as dependency inside your ui-lovelace.yaml
But that does not work, as I'm not using the ui-lovelace.yaml. Just the frontend
@steady nest Not sure honestly, haven't fully made the switch to Lovelace yet. I think that if you hit the + button and then press "Skip" button on the bottom, it'll allow you paste in raw code like that.
Yeah, that is what I'm trying to do. But that is giving me an error
'YAML Error: TypeError: Cannot read property 'startsWith' of undefined'
I don't really understand if the ui-lovelace.yaml is relevant now that I use the frontend to change the lovelace config. Confusing stuff...
the 3 dots in the top right corner, if you click that you'll see raw config editor. you can then paste that custom card code in there i think.
@steady nest Use https://github.com/thomasloven/lovelace-auto-entities instead.
@raven nacelle Thanks, I'll take a look at that one. Is it correct to still add the plugin to the ui-lovelace.yaml file, even when I'm using the frontend to configure lovelace?
yes, you still need to add this
If you're using the default lovelace frontend then you want to add custom components in the raw editor, not in ui-lovelace.yaml
@open seal Looks like https://www.home-assistant.io/lovelace/picture-elements/
Or just reuse the code in the demo.
https://www.homestyler.com/floorplan/ is a nice website to create floorplans
@elder pendant Thanks, that makes sense. I have added it to the raw config, but are still getting an error: "Custom element doesn't exist: auto-entities."
@civic sedge that would have been my next question, thanks!
Its added like this:
title: Home
resources:
- url: /local/plugins/auto-entities.js?v=1
type: js
views:
@elder pendant what can be used, if not "default lovelace frontend"? how can it be different?
You have it the file in a plugins subdirectory? @steady nest
@open seal you can still use ui-lovelace.yaml if you switch to yaml mode
@elder pendant Yeah, inside the www folder
so it's www/plugins/auto-entites.js
No, just www/auto-entites.js
Then take out the /plugins
I'll try to add it to a plugins subfolder
You don't need to, just remove plugins from your url
ooomg, brain fart
local == www directory. Any path you use in local must match the path in www
@elder pendant Works now, thank you!! π
is there a card where I can regex/wildcard the entity ids in it?
i'd like to make a /^zwave\..*$/ card
~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
hey there guys, i have set up a nice basic ui with cards and views,now i want to jump into lovelace. i dont have the lovelace file in my config folder, so im about to create it. will it mess up my ui? are my cards gonna dissapear?
Use the built in editor
got it, thanks
I have lovelace: mode: yaml set in my configuration.yaml yet it always shows me the auto-generated lovelace mode. I got it working in storage mode before, but have never been able to get it working where I edit from the text editor.
Every time I do the take control prompt it says hassio.local:8123 says Saving failed: Not supported
adding a light with the built in editor adds it as a dimmable light, but it is just a simple switch, pointed to a light component.
i know, the problem is it's not showing the contents of my yaml file and is instead showing the auto-generated lovelace (basically my states ui but lovelace).. I'm trying to figure out how to get it to show my yaml file
Do you have a ui-lovelace.yaml file in your configuration folder?
yea
this is a photo of the error message i get, every single time https://i.imgur.com/zkCGVBK.png
Again, you can't do that if you're in yaml mode. Remove lovelace component from configuration.yaml if you want to use that
i want to use the lovelace yaml file, but it's not showing up in the browser for me, i thought that's how you had to trigger it (by pressing take control)
is this not correct location? same /config folder as my old views.yaml https://i.imgur.com/fFCvDr4.png
It goes in the same directory as your configuration.yaml
(am using hassio btw, dont know if there's special instructions for it)
ooooh let me try that
wow lol. that worked, thank you.
Sean Green has a really slick lovelace theme imo. I am using his as my base https://github.com/seangreen2/home_assistant
ah yes i indeed tried that one , great theme
How do I hide cards from the main view in lovelace?
That always bothered me with the state view
Just delete the cards you don't want to see
@split granite thanks, love it
Tinkerer is away for 1h 39m 4s with a message :point_right: The thick plottens.
anyone know off the top of their head if there is a custom card that has a large text box for input_text?
is it possible to display two cards inside a conditional card? I am trying to display a type: media-control and a type: entities but cannot figure out how.
This is my code:
- type: conditional
conditions:
- entity: switch.xbox
state_not: "off"
card:
type: media-control
entity: media_player.xbox_one
type: entities
entities:
- sensor.xbox_time_today
That only displays the last one (type: entities). If I try it as a list format (with dashes before each card type) it errors out.
can I get icons across the top in lovelace like in the old UI?
ah, they are called badges
nice article; https://hasscasts.com/badges-in-home-assistant-lovelace/
@latent moss put them inside a stack
i tried a vertical stack but got an error where the card turned red, maybe my code was wrong tho
the vertical stack worked thanks @mild veldt , my code was wrong the first time. These conditional cards are so amazing, have already eliminated 3 entire views in just an hour, lovelace rocks π
This weekend's task will be to make an 'Issues' view. e.g. conditional cards for sensors that have exceeded pre-defined limits or ESP status sensors that are 'offline'. What would be best - monster or conditional card?
how do people organise their views? I have a view per room and its too much
I want to shrink it, make it more usable
You can get fancy with it and do a home layout card like https://demo.home-assistant.io/#/lovelace/0
@lime glacier I have a floorplan panel for upstairs and downstairs from which basic things can be controlled, two room views that get the most use, then a bunch of item specific views for detailed info. Like so: https://i.imgur.com/44BLiDG.png This means some cards are repeated in different views.
So found some yaml on JuanM's page and tried to incorporate it into my stuff...and i get indentation errors...whats the best way when finding code snippets online to verify or maybe automatically reindent yaml? (since by hand i'm kinda lost) π
~lmgtfy yamllint
Here, try this => http://lmgtfy.com/?q=yamllint
Anyone know why im getting this error when trying to click a entity and get the more-info pane
https://unsee.cc/dea3c432/
same issue with 'auto' 'es5' and 'latest' in the as javascript_version.
Any entity or just one type?
all entitys
seem to be an issue with the browser
it works with chrome, safari and firefox
just not with vivaldi (Chromium)
I think I found the problem, but I don't know how to fix it.
there's a bug with Vivaldi
been there for a year or so
It's quite annoying as the Vivaldi side bar feature is fantastic for controlling Home Assistant
With the new Lovelace UI, should I be able to reference custom cards with the UI editor? I am having trouble with adding my first custom, I get the error
Custom element doesn't exist: mini-media-player.
{
"type": "custom:mini-media-player"
}
This is the card: https://github.com/kalkih/mini-media-player
I have put the .js in the www, and referenced the resource in ui_lovelace.yaml
Only thing I am unsure about is the ui_lovelace.yaml looks nothing like what the frontend config is set up to be.
If you are using the UI editor, ui_lovelace.yaml is ignored. Add the resource through the "Raw editor" behind the three dots in the top right corner instead.
If you wish to use ui_lovelace.yaml, you need to activate yaml mode, but then you can't use the UI editor.
Thanks a lot, that works! I prefer the first suggestion, but was lost when looking here: https://developers.home-assistant.io/docs/en/lovelace_custom_card.html
That's slightly outdated, and mainly for developers. Try this: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
I have tried getting back a group.all_automations card but get a crippling high memory usage in the browser. Is this a known issue? (I tried custom "group" and "auto-entities" plugins.)
That's known. It will be fixed in 0.87.
Awesome, thanks! Can you tell me the relevant PR?
https://github.com/home-assistant/home-assistant-polymer/pull/2639 Took all day to find the problem.
During my worst attempts I lost over 200 mb of memory per hour...
lol, glad I asked before starting to debug :)
Hi all, is it possible to order an entities card by a specific attribute?
A dynamic attribute, no? The order is static
Thatβs not to say a custom card couldnβt and just infatuate the entities card. Would be pretty easy easy to create, probably. Whatβs tour use case?
My usecase is a trash pickup entities card, like this:
~images
Please use imgur or other image sharing web sites, and share the link here.
I created a WIP pull request for what I mean: https://github.com/home-assistant/home-assistant-polymer/pull/2691
Gents, is there anyone who can help me create a combination of vertical and horizontal stack cards as i am getting my self very confused trying (noob here!)
It's so weird how waste is spelled in Dutch...
Because in Swedish it's Restavfall with vf.
@velvet bloom Draw it on paper. It helps. I promise.
lol i basically tried that!
Show the pic, maybe we can help you out when we see what you want to achieve?
@polar kelp Well who is weird then, the Dutch or the Swedish? π
I would say the Swedish
Let's agree to disagree
Yep monster-card it is, I just have problem with it when you use "glance" type of card, I was unable to properly set tap_action for every entity, I'm not sure if this is even possible.
Hello everybody, I'm looking for an easy way to change icon of binary_sensor in lovelace depending on its state.
It seems the following does not work.
icon: >
if (state === 'off') return 'mdi:television';
return 'mdi:television-off';
@lunar lark what did you try?
@keen belfry That looks like custom-ui syntax. A better way would be to define a template binary_sensor with a icon_template using jinja.
I never manipulated templates up to now.
I'm going to give a look. Thanks @polar kelp
@polar kelp I tried this:
type: 'custom:monster-card'
card:
title: Chodba
type: glance
tap_action:
action: toggle
This is definitely wrong but I have no idea how to "apply" tap action to entities within the glance type card.
You do that with the options parameter of the filters.
There's an example in my auto-entities card (which is a more updated reimplementation of monster-card) https://github.com/thomasloven/lovelace-auto-entities
The "Show all lights that are on:" example. It's syntax compatible with monster-card.
Yesss, great thank you very much! it works flawlessly! π
Hi! I have added two themes to Lovelace, but both of them is giving me an white background. Anyone else experiencing this?
Are you adding themes to individual cards?
@elder pendant Yes
Then why would that change your background color...
If you want to set a global theme click the M next to Home Assistant and select your preferred theme from there
@steady nest Yes, The "old" Home Assistant themes are still in effect and can be used. Theming individual cards is another option on top of that.
Is the possibility to use different views for different users still on the roadmap for Lovelace? I would love to have a separate view for my fridge tablet and another for me and the wife's phone
@slow wave yes, but can already be done with custom-compact-header and/or state-switch
@mild veldt oh, I will need to take a look at that on Friday then
Can someone explain to me how to add a wake-on-lan button in lovelace? https://www.home-assistant.io/components/wake_on_lan/
Add a WOL switch described on the page linked from that one.
But how do i make it a pushbutton? A switch isnt correct really
ah
It's worth actually browsing the cards π
thanks π Just started with Lovelace
Now you know to RTFM π
Yeah yeah, i know i know... X_x π
@split granite you should have an animated gif created in your honour, a book with rtfm flying open and then the head exploded smiley at the end π
π€£
is there a way to display text inside a picture_glance card? i can't figure it out. I want to have the battery level (ie 93%) inside this card rather than just the icon. https://i.imgur.com/FU0KFvN.png
thank you @mild veldt and @polar kelp
@latent moss i think you have to use the picture elements unless its a custom card, please do not take that as gospel but i think i had to do that with a plant monitor
i'll look into that thanks
Yeah, picture-elements is the best way right now. There's been talk on improving the picture-glance card though once the "feature freeze" is over (tomorrow).
i see the auto-entities is experimental i am happy to hold off until something is put into main branch for persistent notifications, but is it likely to happen at any point?
my system is SUPER stable
Not very likely. Auto-entities is actually based on another plugin which is based on a feature which was removed from core.
And if you want stability, don't use auto-entities with 0.86. It leaks memory like crazy.
FIxed in 0.87, though.
oh so looking like persistent have gone for ever boo hoo π i'll take the plunge as i run 0.87 thank you
does anyone have a horizontal card and vertical combined? for instance i want 3 entites on top of 3 gauge cards
@forest mica are you having trouble accomplishing that?
Can I hide a card from the default view in lovelave without enabling the editing mode?
Yes i see some examples from the old Lovelace but it seems syntax and order has changed etc.
Iβve got the gauge cards in a horizontal but canβt get the rest
Are you just trying to put two horizontal stacks in a vertical stack?
I want to ad an entities card with 3 entities vertically set with a horizontal card with 3 gauges
So they show up on top of the gauges and stay together
Can you post what you have so far and explain what isn't working the way you want it to?
@forest mica you'll want something like this
type: vertical-stack
cards:
- type: entities
entities:
- entity: entity1
- entity: entity2
- entity: entity3
- type: horizontal-stack
cards:
- type: sensor
entity: sensor1
- type: sensor
entity: sensor2
- type: sensor
entity: sensor3
Well I could've done that, I was trying to help him figure it out π
but you didn't. so I win π
Thatβs the old way though.. Iβm doin it through the editor UI? And everything is in a different order
?
Iβll post some config when i get home
Lovelace doesn't have an 'old way'
I think he's referring to "yaml mode"
Yes i am
either way, your configuration doesn't change
"order" has no relation on results; as I'm assuming you are talking about the config fields being alphabetical
Huh i never noticed that before.. cards athe the top.. then entities and then type. So yeah i guess it is alphabetical
in the end, it is just a lookup table of sorts
e.g. config.entities works regardless if it is before title or after title
Ok i will try that when i get home in 30 or so. Thanks!
wokrs perfect thank you
Hey all, loving the new lovelace, finally moved everything from groups to lovelace proper to get all the new features. I'm having an issues with the "history-graph". It seems to chart two graphs and I don't know why.
entities:
- entity: sensor.bom_melbourne_cbd_air_temp_c
name: Outside Temp - sensor.temperature_158d000156dca6
- sensor.temperature_158d0001a2e7ec
- sensor.living_room_temperature
title: Air Temp vs. Inside Temp
hours_to_show: 72
type: history-graph
The top graph is exactly what I was hoping for (love it!) No idea why its producing the second one - wait, i wonder if it is purely because when i set-up the original livnig room temperature I set it to "degrees" but my history has both "degrees" and "C" version, could that be it?
That doesn't appear to be it, I set the time interval to 1 hour and it is still broken
If you go to /dev-states
and check their unit_of_measurement:, what does it say?
@polar kelp they say the following
unit_of_measurement: Β°C
unit_of_measurement: Β°C
unit_of_measurement: Β°C
Unless I am losing it (i copied each one seperately, they look identical to me - do I need to paste something unique into my config to make sure its the same unit???
I'f it helps, in my sensors.yaml i've got the follow
- platform: template
sensors:
living_room_temperature:
friendly_name: "Living Room Temp"
unit_of_measurement: 'Β°C'
device_class: temperature
value_template: "{{ state_attr('fan.xiaomi_miio_device','temperature') }}"
It's probably as you say, that there's old data stuck in history for some reason... weird
I dont quite understand edvice_class vs. unit_of_measurement, do I need both (wondering if i've got afunny character in my config file... even though its plain text)
The config files are probably utf-8 formated (if you have a decent operating system), so there could be all kinds of stuff in there...
@sturdy vector what's your question?
it looks for me that the when option is not working
at least for me
it should hide the card if the when state device is met
thats my understanding
but nothing happens, card is always displayed
Please follow the rules, @sturdy vector! 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/NpZ3pW8Sh4/
I suggest using conditional instead https://www.home-assistant.io/lovelace/conditional/
@sturdy vector you can do that with an entityfilter - i've done that to hide media components from showing when onthing is playing
i can't use it cause i need a loop for searching the devices. i choosed monster-card cause you can put: switch.*
and it will grab all the switches, for example
im trying to make a card which displays devices left on when no one is at home
but i need the card to be displayed only when no one is at home
Check out that, just change state-filter to "group.anyone_home"
and create a group for anyone home?
(one option, lots of options probably - just what i'm familiar with)
Eric, that only works when displaying the same entities as controll the condition. For having something else controll the display, there's conditional.
Thanks for the lesson, thought i'd starting getting my head around lovelace, guess not!
type: conditional
conditions:
- entity: sensor.who_home
state_not: 'noone'
card:
type: custom:monster-card
... etc ...```
If you don't want to use conditional, you could just fix your indentations, btw. That would work too.
when should be in line with filter
And while we're on the subject here's an improved reimplementation of monster-card: https://github.com/thomasloven/lovelace-auto-entities
(allthough I may be partial)
wow, thats awesome
i ll use yours
thanks for the help
i have another question if someone can help me
im not as good on jinja
but here s my thing: i am trying to make an automation which check what devices are on when nobody is home and turn them for me
i have used jinja template for the automation
but i have one problem
last comma of the string from the loop
i cannot remove it
here it is the code:
@polar kelp nice mention in the relaese notes mate!
looks like they agree with you that you've got the better version!
Does this mean if i upgrade, your card will be out of the box?
No. It's still a custom card.
I recommend upgrading, btw. There's a memory leak problem in 0.86 which affects auto-entities, monster-card, conditional, state-filter and similar cards.
Makes your browser reeeeealy sluggish after a couple of hours.
Noted, will do that tomorrow - your customer card looks awesome btw, really going to save me a lot of time
@sturdy vector If you go to /dev-templates
there's some sample code at the bottom which used {% if loop.last %}. That might be something for you. loop is set automatically inside a for-loop.
thanks @polar kelp , i ll take a look
For example if I want to format the date in a more nicely readable format, should i do that in the configuration.yaml or in the lovelace editor?
bashing head off wall here, some custom cards work but comster-card keeps saying does not exist π¦ known issue?
Never heard of that? Typo? Browser log?
monster-card not comster sorry!
tried 2 browsers incase of versioning, i will double check for typo now heart rate dropped π
Check your browser log
assume i still need to use ui-lovelace.yaml to point to the card? or has this changed in recent revisions?
thomasloven do any of the point versions of 0.86 have that memory leak already addressed?
No
0.87.0 is first
@sleek warren if youβre using the UI editor, you add resources in the Raw editor behind the three dots
Ui_lovelace is only used in yaml mode.
@polar kelp do you have any screenshots of your lovelace setup available?
People expect it to be something amazing, but the truth is it's seriously underwhelming.
I use two custom cards.
And they're both used only here.
Beats mine:
Screenshot 2019-02-07 at 12.05.18.png
Hum...
I don't seem to be able to post images π
Do you need to be a jedi to be able to post images?
You need to have a gray username. It's some intermediate level, I guess...
Maybe this works: https://imgur.com/a/dVZiH9v
I think I have the same brewer as you although mine's another colour. π
Mine's actually silver, but that didn't show the difference between on and off very well, so the one in the photo is red...
oh, the photo changes depending on status?
Yes. It's a picture-entity card. They go grayscale when off by default.
Ah π
I have a timer exposed in the UI, when the timer gets re-triggered while it is already counting down, the ui doesn't reflect the 2nd trigger. It just continues the first countdown ?
Am I holding it wrong ?
My custom lovelace ha-card resizes to something tiny when I call new google.maps.Map() with a div element that is correctly rendered and sized before
Trying to make a Google Maps-based location history card but I'm painfully new to js
The card does seem to resize correctly if I change its contents innerHTML manually in the same line, but Google's API takes an element and does some magic to put itself in it... Any ideas?
thanks @polar kelp i had been using the ui-lovelace file out of habit π i can scrap that file now yes? i do use the raw editor
works btw π its super sexy to lol
Fixed my problem π Map constructor took option noClear which did not clear the div element which lets me set a size on it when the card is loaded/updated
Does the new editor finally allow you to save comments?
now just tap_action on elements to figure out!
fixed π few things have changed since ui file days π
@normal nexus No. There will be no comments in the UI editor.
what card type do i need if i want a custom background image with entities on it?
picture-elements
thnx
mm not sure what im doing wrong here:
type: picture-elements
image: /local/ret_tram.jpg
elements:
type: entities
- entity: sensor.tram_23_departure
YAML Error: YAMLException: bad indentation of a mapping entry at line 5, column 13: - entity: sensor.tram_23_departure ^
Not reading the docs? π
yes i am i see al kinds of types but no entities
state-badge e.d. but cant find entities or how to set entities in a picture-elements
np π
did the way custom cards are loaded change in 0.86? My calendar card stopped working because the moment script isn't finished loading before the calendar card tries to get created
moment was always defined in 0.85 but now its randomly not as if the cards are being async loaded now
They always were async loaded, but since 0.86 the entire view isn't rebuilt once after every time a card finishes loading.
So now the entire view doesn't flash several times on reload, but there can be some race conditions for custom cards.
Iirc the moment script is loaded as a resource, but from unpkg, right?
Yeah. Try adding import("https://unpkg.com/moment@2.22.2/moment.js"); to the top of calendar-card.js.
yep its from unpkg. I'll try that out thanks!
i think im good now
resources:
- type: js
url: /local/card-tools.js?v=1
- type: js
url: /local/card-modder.js?v=1
its not working and i cant find if i need js or module for card-tools
Custom element doesn't exist: card-modder.
{
"type": "custom:card-modder"
}
there is no error in my log under <info>
both cards are in the www folder, i restarted HA twice
ctrl+alt+j, actually its ctrl shift J
on windows
Failed to load resource: the server responded with a status of 404 (Not Found) local/card-modder.js?v=1:1 , but it is there
thanks
and
Uncaught (in promise) /local/card-modder.js?v=1
CARD-TOOLS IS INSTALLEDDeviceID: cb680818-a5ecefc8
how about if you go to http://your-ha-url:8123/local/card-modder.js ?
found the error
card-modder Error: Card config incorrect
at HTMLElement.setConfig (card-modder.js?v=1:8)
at create_card_element_createElement (dcc7e8d8e861a5f2b17d.chunk.js:4434)
at createCardElement (dcc7e8d8e861a5f2b17d.chunk.js:4434)
at HTMLElement._createCard (5b84e111f14715a53706.chunk.js:19)
at HTMLElement.set config [as config] (5b84e111f14715a53706.chunk.js:19)
at HTMLElement._updatePreview (5b84e111f14715a53706.chunk.js:78)
i think
http://10.3.1.2:8123/local/card-modder.js works and i am seeying the raw card data
im on 0.87.0 if that helps
could it be v number?
If that's the error you're getting, then something is wrong in card: in your config.
Any way to force update lovelace auto mode?
Even rebooted the device twice...
You don't have to reboot when you make changes. You just have to restart home assistant. But try refreshing the page a few times in your browser to update the cache. If you still don't see your changes try incognito mode/another browser, if you still don't see changes then you didn't actually make any changes
Are those entities showing up in
?
nope. these are the old names. But one sec. Trying the refresh button smashing
I hate Firefox... now its fine...
It's not firefox's fault. It's just the way modern browsers work
Iβm using a button-entity card and the entity name is appearing in upper case - is there a way to make it appear in mixed case?
Is the friendly name of the entity in all upper case?
I use name: in mixed case to override the friendly name
Doesn't look like the entity button allows lower case
Darn - entity button looks ok but the uppercase makes it look like its shouting π
I tried glance but it truncates the entity name
I think they're mostly made to use icons
Iβll try another card - Iβm after a row of βbuttonsβ that displays my lights and their names
You don't like the entities card?
I guess that won't work if you specifically want them to be horizontal
I will try entities cards containing a single entity inside a horizontal stack
Hey guys, good morning. Is there a way to set a default tap action for a glance card?
googled for it a little bit and coming up dry...
tap_action:
action: call-service
service: whatever.call_you_want
service_data:
entity_id: some_id
Hey guys, I have a quick question. How do I hide the circle entities that were auto discovered when I installed HA? I do not want to permanently hide them as I want them in cards.
^These are the entities
Any way to completely disable badges?
Just remove them all
@polar kelp getting the below error when running the debug command in browser-commander. https://IP/local/custom-lovelace/browser-commander.js?v=51d6a8:28:13 TypeError: undefined is not an object (evaluating 'moreInfo._page = "none"')
@elder pendant There is no option to remove them....
Ah NVM
Understood what you said
Removed them from the RAW editor
Thanks mate
That works too, but you can do it through UI editing as well
There was no option in the UI though....
Ah!
click the edit icon (in my case) next to the π icon
Yes its there also
I mean you already fixed your issue, but for future reference π
Absolutely! Thanks mate
Are you sure you're in the right channel?
i got multiple sensors set up, id like to show only the state next to each other, how can i archieve this?
https://www.screencast.com/t/jRHvXisf
i would like them next to each other with some whitespace between it like the first row, which would result in (as of picture atm)
Card would look something like this
| Tram 23 |
| 18:58 | 19:13 | 19:28 | 19:44 | 19:59 |
@polar kelp reminder π https://discordapp.com/channels/330944238910963714/460846676358332417/539539537454563362
On mobile. Canβt follow it right now.
ah it's you saying "I'll do my best to introduce a --card-corner-radius or something after the feature freeze, btw. Then all cards can be given rounded corners via the theme."
Ah. Yes. Thought of that earlier today, actually. Iβll make it happen.
I love card modder but it would be nice to simplify π
Iβm hoping for the mini media player soon
anyone know? really stuck on this i tried make a binary sensor but that doesnt help
is there a custom card that can only show the state value?
@fiery temple it's one sensor?
@elder pendant @foggy pewter Thank you so much for the response, I'm sorry for asking a question and disapearring, work called me away... I asked the question poorly. I know how to use tap_action on an entity inside a glance card, but can I add that config once to the card to be the default for all it's entities? It does not appear so.
no 5
glance card?
i was indeed trying that but now i have the issue that it wont fit the colums
it totaly ignores my columns: 1
cause i made a typo, mb
trying to think through the one I use
hiding icons and names...not sure how to do that without losing values
- entity: sensor.bus_183
icon: 'mdi:bus'
name: ' '
kinda works
I was about to look it up, heh
show_name: false on the card will hide all names
doesnt work on glance
me too
ah yeah im still yaml noob it works
haha
Hi, is it normall, that the raw configuration in Yaml appears all reversed , like if it were written backwards from bottom to top ? ( the views, cards hierarchy) .
ah to bad there is no show_icon value :p
@fiery temple Could you do it in a markdown card instead?
Yes, not sure if you can use templates, haven't tried
way above my knowledge im a very slow learner xD
lol
is it possible to edit the raw yaml file, with the IDE edditor instead of using the built in edditor ?
@calm rock if you go to full yaml mode, instead of storage mode
(I find that I usallly copy/paste what I'm working into a blank file in the IDE plugin, then paste it back.
Yeah that's the best middle ground
I hear you, I find the lack of the ability to select and tabintent a whole block crippling.
ok, the built in edditor , made very bad modifications ( for me) , on the way things are organized , so using that edditopr directly is almost impossible
It seems to sort the entites alphabetically, still works, but is a tad ugly and tough to visualize
my brain wants card properties before enties
@calm rock it's putting them in alphabetical order.
title and type at the end, lol
but , also the structure is reversed , first cards, then card type , last icon, panel, title ...
yep, all alphabetical
ok, will work, on a paralell file , see how it goes, tks
is a nightmare , are you guys able to understand where your are standing from that view ? , or am i doing something very, very wrong ; i feel so lost on that file , that im thinking on going back to plain yaml mode
i may be more "dumb " im totally lost with the new layout , hopefully it will get used somehow ..
finally got it somehow working, need to choose between big cards or stacked once, choose xD
@calm rock that messed with my mind too, so I went back to yaml, couldn't follow it at all
@fiery temple I like the big ones. if the background/text contrast is tweaked. Will probably look better on mobile than the stacked
thanks
@cerulean scarab are you not on 0.87? There is a new editor that has line numbers, tab indents and syntax highlighting
@slow wave @calm rock if you're in storage mode, what is your use case that you are having to open raw editor beyond adding resources?
@mild veldt I never got comfortable with the UI editor either, so I tried the raw editor but that just made it worse, so yaml was a lot better for me, probably a side effect of being a Unix guy for the last 15+ years and working on console ports a lot these days
i would get confirtable with the new uit editor if i were you
i think yaml mode dies, not now, not tomorrow, but eventually
to make this community even bigger things need to get easier and thats exactly what ui editors start with
Light theme only, my eyes burn π
@mortal cape https://www.screencast.com/t/HKH2O1JA π
@fiery temple nice!
thanks mate
@mild veldt I am on 0.87, I see the new improvements, but it's only tab intenting at the cursor position. The feature I am acustomed to is select a block of config, hit tab, and change everything in the selection. All that does today is replace the selection with Tabs.
gotcha
looks codemirror does have that ability. I'll see about adding it @cerulean scarab
Oh, awesome, thanks!
@mild veldt , Hi, i found the editor incapable to work with combined cards , for example , if i need a simple "monster card" inside a vertical card , just trying to align and to follow the needed sintax, is almost impossible , for a regular human .
Does anyone have a recommendation for updating a iframe url to grafana. Its looking for a to and from unix time value, it would be nice to be able to compute now and beginning of the day
@indigo rose so your url needs to be dynamic?
yea, https://192.168.1.251:3000/d-solo/A-cfHZZRz/power?orgId=1&from=1549429200000&to=1549490493741&refresh=5m&theme=light&panelId=2" width="450" height="200" frameborder="0"
this example url, is the link from grafana.
notice the from and to
not currently possible, but you could easily make a custom card that could be, I would think
so there is no inline yaml replacement?
hmm, ok thanks for the feedback
but a grafana iframe card sounds like a great card to have. i still need to setup grafana since doing a fresh install recently. might give this a go this weekend unless you think you might?
never done it before, my onboarding might be longer than you. (just started with HA a few weeks ago)
I think copying the iframe, and adding variables for to and from. With selectors for computing time, or now or now/d, now/M, now/Y ....
cool. so I'm thinking the card will take in those variables (hours, refresh, theme, width, height)
don't copy iframe
you can instantiate it from a custom card
I yield my HA best practice to you
I'm finding it increasingly frustrating when trying to nest card types together (for example horizontal and vertical stacks) one wrong space or indentation and it breaks. Does anyone have any tips (or tools) which will help with nesting cards together?
Until we have a UI editor your best course of action is probably using something like vscode with a YAML extension that will highlight indentation errors
thanks @mild veldt will give it a look. I'm guessing Atom will have an extension too π
π€·
https://github.com/nervetattoo/simple-thermostat
has anybody gotten this to work in the UI simple-thermostat
@nova summit yes
@mild veldt how? any help is appreciated
@nova summit just following the directions. Get the file from latest release, put it in your www folder, add to your list of resources from raw config editor and then add the card to a view
@polar kelp canβt get browser-commander to work properly with the latest version of HA. The debug command opens more-info@pop-up@of my first badge and the close-pop up command no longer works as well.
Finally moved over to the Lovelace version of the Alarm card....didn't feel like updating the MDI icon in my custom card. But....the text on the Custom Bypass button still doesn't show up. Will log it somewhere if I can...
But the Custom Bypass button does work; it just doesn't have a label on it.
with a badge, can I set the icon?
hi,
i have sensibo controlling my AC.
but in lovelace i cant see off/on and the picture has a missing part.
Before messing about with ui-lovelace.yaml I placed a lot of my views under "group" in my packages.
Is that still the right way to go?
hey all, I'm trying to set up the button-card from here (https://community.home-assistant.io/t/lovelace-button-card/65981) but, after following the instructions I get a 404 error when it attempts to get the /local/button-card.js file
There was no www folder in my hassio (via docker) so I created one in the config directory. Did I do something wrong?
You need to restart hass once after creating www/.
Just getting started with Lovelace so I'm going to ask what's probably an obvious question... To use custom cards do you have to put Lovelace in YAML mode? Or is it possible to use custom cards with the UI config?
just curious where comes the name from or if the word lovelace means something
So....I'm trying to set up my lovelace ui... is there anyway of dealing with zwave ids better than what I have now.
I've given friendly names to my entities but, when adding them to lovelace I have to use the entity_id.
These look like
- entity: light.aeotec_zw111_nano_dimmer_level
- entity: light.aeotec_zw111_nano_dimmer_level_2
- entity: light.aeotec_zw111_nano_dimmer_level_3
- entity: light.aeotec_zw111_nano_dimmer_level_4
- entity: light.aeotec_zw111_nano_dimmer_level_5
- entity: light.aeotec_zw111_nano_dimmer_level_6
Which means I have a very hard time knowing which entity is which light
What are your best lovelace inspirational resources?
Not individual cards, but more like complete setups
popup-card and browser-commander have been updated to work with 0.87
I have a timer exposed in the UI, when the timer gets re-triggered while it is already counting down, the ui doesn't reflect the 2nd trigger. It just continues the first countdown ?
Am I holding it wrong ?
I got stuck at first trying to set up a lovelace ui in yaml mode. Switching over to the web ui mode made it so much easier.
hello, i have a question about the old frontend and lovelace,
if i understand Lovelace correctly, i don't need to create a groups.yaml but can do it from the lovelace-ui..?
what you mean ada?
Google it
It is the answer. So, both
no i meant about the question i just asked about the notification bell automation xD
I see no such question?
ah that was in homeassistant π
is there a automation that i could use to open the notification bell on the frontend whenever a new notify is created? don't like it that we need to watch the bell constantly for a notification, if it could auto open then it will be noticeable if you walk by
I noticed some of the mdi:icons do not work in hassio/lovelace, i tried adding them as a custom icon, downloaded it and placed it in /config/www/icon.png and referred to it as /local/icon.png but it does not show up as a view icon, what am i doing wrong here?
Is anyone here familiar with Kiosk mode for Lovelace? https://gist.github.com/ciotlosm/1f09b330aa5bd5ea87b59f33609cc931
Is it possible to get Kiosk mode working with Lovelace in UI config mode?
It seems like the only challenge is figuring out how to make Lovelace aware of the kiosk.js file.
Installation instructions say the following: "Like any other custom script, use ui-lovelace.yaml resources section to reference the kiosk.js file."
anyone who is using LL and is facing an issue with the custom tracker card not showing details
on 0.87 that is
But as best I can tell (I'm new to Lovelace) the ui-lovelace.yaml file is only relevant if you have lovelace in yaml mode... Is that true?
@wet ferry yes thats right
Ok, so is there anyway to make Lovelace aware of a "resources" object without putting it in yaml mode?
not sure, but i dont think so
You can put it in the raw editor
@wet ferry use the raw config editor
yes, i was just gonna say that
you guys beat me to it
anyone facing an issue with custom cards tracker with 0.87 release?
Raw config editor... I'm googling that now but would someone be willing to point me in the right direction? (I feel like I'm overlooking something obvious...)
Oh, I see it now, hadn't noticed that yet, thanks!
Morning, all. So, I am getting a lot of this type of stuff lately. 'Your config is not supported by the UI editor:
Expected a value of type undefined for id but received "4348894e89874d10a637a5ae7e62624b".
Falling back to YAML editor.'
Any ideas?
dammit...too stupid to format
You can edit your old messages
Just remove the entire id: line. They're not used anymore.
Then save, and reopen the editor.
Oh, really...interesting. Must have missed that in release notes.
That did it. Thanks!
Luckily, we soon realized the id's was a mistake and came up with a better method to do the same thing.
first world problems
None the less people got really upset.
Well, I tried to go with the flow, as I realize this is all open source/free/unpaid labor for devs.
hey guys. What are you using for floor plan drawing?
Mine's busted right now.
I prefer mustard
*smustard
lmao
Oh my. Someone needs to make a program called that. Doesn't matter what is does, just make it happen!
lol, nice names

holy crap
what are the chances, lol
great minds think alike
what about smayonnaise?
Or smiracle whip?
Hi, is it possible to make a vertical stack, with a monster card, with entity buttons , (all light switches filtered by light or by switch ) ? , i tryied but seams the format is never right or is it something not doable?
You canβt make several cards from a monster card.
We don't like to call them monster cards...it is better to call them "cosmetically challenged" cards, or "differently beautiful" cards.
@polar kelp is it possible to hide the name in youre card?
https://www.screencast.com/t/raZTw5bK0dOk
the sizing is not that great with the name or maybe i can use youre custom card modder to include the hyperion light and adjust the card size?
show_header: false But please check out this one too: https://community.home-assistant.io/t/light-entity-card/96146
is it possible to use the image from a media player as the image for a picture glance?
guys is there a way to use the "group.all_automations" to view all the automations in lovelace? i dont want to use the entity card and type them all in
auto-entities/monster-card
do i enable that from the web ui editor?
tried the light-entity-card but don't like the way its not showing when turned off, so i will try the show header false and directly ask you if your also going to intergrade the dropdown select and or brightness bar @polar kelp
Nah. Leonardos card is better in every way, so I'll drop mine.
yeah but it hides when the light is off xD,
did a request on his github, not sure if its even technically possible
i got rid of the name, can i make the size of the card smaller so it will fit the seize of the light.hyperion left of it
https://www.screencast.com/t/jnwiYxh9
im using the picture-glance card, and added two script button, but when i click them they dont run, the more info tab comes up. how do i make them run from the picture-glance screen?
title: Garden
type: picture-glance
entities:
- light.garden_light
- script.gateremote
- script.gate10
- sun.sun
camera_image: camera.kapu
hold_action:
'service_data:entity_id': script.gate10
action: call-service
service: script.turn_on
@open seal tap_action is what you are looking for I guess
@open seal this is what I use in my vacuum card elements: - tap_action: action: call-service service: vacuum.locate service_data: entity_id: vacuum.xiaomi_vacuum_cleaner
thanks, i know the tap actions, but i need to seperate the 2 scripts, if you look at the picture on the link, you can see a gate icon and a waving man icon, those are the scripts that i want to run when clicking them
@open seal https://imma.gr/78448x16125 this is my vacuum card with the tap actions above
- i mean the tap action, as tapping the camera picture in the middle or somewhere instead of the bottom button
wow
is that a picture-glance card?
im using the picture-glance, becouse my background is an ip camera, but i will try the elements part ``` elements:
- type: state-icon
tap_action:
action: toggle
entity: light.ceiling_lights
and see what it gives
how can I set the icon of a badge?
@lime glacier in the customize section for the sensor/device
Hey guys, anyone else noticed that using icons with names like "ABCD-XYZ" doesn't work, the "-" breaks it and shows up as no icon (when using the Lovelace UI configuration)
using the GUI?
nvm I think my panel iframe shows the wrong version of the icons as they just updated. I will check into it and see if this is the cause
this was indeed what caused the error. I changed to the correct version : https://cdn.materialdesignicons.com/3.4.93/
@dark crown It's interesting that you say that. I've tried using mdi:car-parking-lights for a while now and it refuses to work whilst others without "-" work. From the little research I've done I thought it is because they don't always get included in the updates but perhaps not. I'll look through and see if I have any working with a - symbol
Scrap that. I do have others work that include a hyphen
I have plenty with -, what are you using the GUI or yaml mode?
I've tried both. Setting through the card with the tag and through the customisation menu
Ok, what you described is only "GUI"
yaml mode is where you use yaml to describe the entirety of the UI through ui-lovelace.yaml
It's possible that -'s don't work in the GUI, but unlikely
which icon are you trying again?
Probably a stupid question but is there an easy way to change over? Can I copy the contents out of the raw config editor to the ui-lovelace.yaml, update my configuration.yaml and that's it?
The one I was trying to use was car-parking-lights
car-light-dimmed
car-light-high
car-tire-alert
car-brake-alert
all failed for me too. There are some from other categories that I tried but I can't remember them off the top of my head
It's just really odd as car-key works
car keys was added 4 months ago
I guessed they were all added at the same time. Is there a way to check?
Thanks. I'll bookmark that
I mean, it's probably not giong to help because you need to know what version HA is using.
Yeah but it'll give me an idea if it's just not in the build yet like you pointed out.
yeah, i'm guessing it's not built in. I can't say for certain.
Same. I got the impression it was though. I'll try and read up on it at some point
Good find. Thanks
I didn't find it, just know it π
Ermmm, good brain!
would be nice if the materialdesignicons site stated directly the release on it
Yeah but at least it is easy to track what is included and excluded now
@mild veldt yeah, I searched for like 5min and gave up
π
Is this the correct place for Lovelace feature requests https://github.com/home-assistant/home-assistant-polymer , or should I float the idea in here first? I'd really love the ability to "hide" views, did a quick mockup here: https://i.imgur.com/Aygn0T4.png
Has anyone combined a switch and binary_sensor into one entity-button card?
I have a garage door, the switch toggles the door and the sensor is the state, would like them to look like one entity, but it hasn't struck me on how best to accomplish it
@latent moss look at custom-comoact-header
@astral vortex use the sensor for the entity button and call the service to activate the switch
Can pass any entity_id for the service_data
Awesome thank you @mild veldt seems like it'll do what I want. I think this is useful enough to be made a core feature tho imo. All the built in cards have customization options but not really for views.
I don't think it is possible but thought I'd ask. I'm trying to hide a card on certain days at certain times. I need to do it with a custom card type called flex-table-card. Anyone done anything like this or anyone got any advice?
You can do that with a conditional card @glad cave . I just set up something similar yesterday. You'd need to create a sensor or something for the certain times. I can share mine for current weekday in a sec.
@latent moss I've got a template configured with the time and that works on other cards but I can't get it working with the flex-table custom card
Am I being an idiot or is it a limitation of the custom card.
Please share, every little helps π
Haven't used flex-table, but I did get conditional by day working yesterday using default cards,
- type: conditional
conditions:
- entity: sensor.date_weekday
state: "Monday"
card:
type: vertical-stack
cards:
- type: glance
the sensor for weekday i made:
sensor:
- platform: template
sensors:
date_weekday:
entity_id: sensor.time_date
value_template: "{{as_timestamp(now())|timestamp_custom('%A', True)}}"
Thanks, I'll give it another shot
how would i make a button with my picture on it that says device tracker is home so i can do automations, when not home the button should holds a greyout picture. i can tap the button to come home or leave home, ,which set my phone_state to home or not_home, namp isnt realible so i need a button that i can click when im home, and click again when im not home, that give me the ability to create automations, like start light if home and later then sun.sun_down or so...
@fiery temple picture-elements with a state_image
Who can help me with the custom weather-card?
The icons will not show in my lovelace UI π¦
yaml mode
- type: custom:weather-card
entity: weather.alkmaar
icons: "/local/lovelace/weather/icons/animated"
just send you a pm
π
Please follow the rules, @fiery temple! 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/KSK7nwMxNP/
@mild veldt how would i set it up i now have:
https://paste.ubuntu.com/p/KSK7nwMxNP/
but it doesn't change the state of my phone to home or not_home cause im missing the correct action, it should set the state of my entity to some other state
properly need some edits on the action but not sure which once
hello where can i find all of the css mixins like --primary-color?
@simple knot : should be in your notifications
@tired hare Got it. Thanks mate
monster-card how to turn off that dreaded header toggle?
if someone would be so kind π thank you
I'd like to add @polar kelp's slider-entity-row card. Is this possible without using yaml mode?
I mean
how do i specify the "resource", i.e. the javascript?
Trying something like
resources:
url: /local/slider-entity-row.js
type: js
type: entities
title: Lights
show_header_toggle: false
entities:
- type: 'custom:slider-entity-row'
entity: light.august_balloon_1
@stuck fjord
You can change to the "RAW config editor" once you are in "edit mode".
There you can add the resources
@vapid field brilliant! Thanks!
How does the url resolution on the picture-entity work? I have home assistant behind an nginx proxy and am hosting the static images with nginx, from the web browser /images/img.jpg will resolve, but home assistant shows a broken image
Does anyone know if it is possible to use the image from a media player as the picture in a picture glance card?
i'm trying to find the "LovelacePlayer Device ID" with "lovelace-player.js", any help?
it doesnt show up and i tried to do some stuff the docs say, but that doesnt show the device id.... any pointers?
Please follow the rules, @viral root! 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/xfrV3yrpDG/
on
it shows for lovelace mode yaml, resources 2 and views 1. looks fine
heeelp π
@polar kelp is it possible to use your slider entity card on a group of lights (of the same kind)?
can i check for resources file in html source if that js is really in the page?
cant find it somehow
@stuck fjord make a light group and find out
I did, didn't work. Thought there might be a workaround
last-changed did work for al of about 20mins then stopped in monster-card with only a reboot? any ideas? i currently have it set as an option with secondary_info
any suggestions?
huh
Just upgraded to 0.87 this morning from 0.80, so new to Lovelace and I have a grouping question. I've got lights on either side of my living room fireplace which I've added to a group called "Fireplace" which is, in turn, in a group called "Living Room." The problem is that I can't figure out how to make the group "Fireplace" be a switch in "Living Room" but NOT show up as a group on its own. I've tried control: hidden, but it still shows up.
Just discovered the UI editor! Wow! Why did I wait to go to Lovelace??? π π π
You waited for the UI editor π
Any way to hide the not_home device tracker entities as badges in Lovelace? In known_devices hide if away is set to true, used to work with the old states UI, but with Lovelace all are visible that I added in the web UI editor.
Please tag me if you have any idea. Thanks. @open seal
is it possible to show the old states view in 0.87.0 ?
clicking on "Go to the states UI" on
just shows the left menu again nested with an empty page
@open seal Have a look in your known_device.yaml and look at the device in question. You should be able to change the flag on hide_if_away: false/true.
Is that what you are after?
@glad cave yes, I'm already using the hide if away function, but they still stay there
@viral root I can set states as default in 0.87
its empty here
Strange. I hit the "set states as default view on this device" on my Android HA "app" and then restarted the app
That's the way it worked for ne
And it's not empty here
Did you do it the same way?
Maybe you have something to do with your groups.yaml and default_view
Wow that's weird
As far as I know if you disable the default_view, you will have to enter what entities you want to see in the ui
But I might be wrong
Maybe @split granite or someone else could help you better
I don't use states, haven't for ages
thanks for trying
@viral root try adding some entities to the groups, and see if anything comes up
its fine, i commented out lovelace yaml and it shows the old states page as default view... no lovelace then for now...
not sure what you mean...
https://paste.ubuntu.com/p/hZhNpX83T5/
Here is my groups part in the configuration.yaml, this is what I used before Lovelace. Maybe you could find something helpful in it
π
Just poked my old UI (which has one thing on it now), and it works
good
Try adding this to your configuration.yaml with your entities:
group: default_view: view: true icon: mdi:home entities: - group.bedroom - group.garden - media_player.bedroom_speaker - group.all_devices
i dont see what that should help
nevermind... perhaps i try out on a new install soon...
Okay, hope you will figure it out
π
π
I'm working on a new climate component and all my thermostats are displaying null for the temperature setpoint when the device is off (because the component returns None in the situation). Is there something I can do in my component to tell lovelace that this property isn't valid at the moment? (the states UI just doesn't display anything). Or am I missing something fundamental about how a climate component should behave? (I've removed on/off support in favour of heat/off modes too to make it behave more like the demo climate components, I hope that is correct).
@viral root have you tried clearing your browser cache?
@clear hornet question is better asked in #devs_core-archived I think
OK thanks π
hey, does anyone know if it's possible to have the header color be different from the primary color, or have the color of links and buttons not be the primary color
i'm trying to make a dark theme with the header as the same color as the cards
and all the buttons and links (non-red buttons on profile page, non-red buttons in the core config)
Is it possible to show a sensor in "title" portion of picture-glance card? Nothing I am trying is working. I want to replace the text "Harmony" with the current Harmony activity (ie "Xbox", "PS4", "TV" etc) https://i.imgur.com/6qNDcIM.png
@mild veldt yes
@latent moss the title is static
Aww darn.
that does give me a good idea, however
any ideas/hacks on how to add "spacers" or empty blank spaces? I have working buttons for my Xbox (bottom row of this pic: https://i.imgur.com/y9VBseL.png ) but after loads of trial and error, can't get the exact layout I desire. I want to mimic how they appear on the actual controller, like:
[empty] Y [empty]
X [empty] B
[empty] A [empty]
will try button-card thanks
this is my first time attempting to use a custom card. if i read this right, you create a www directory in your config folder (/config for me), restart, and then HA knows that as /local/ ? is that correct?
well the browser should find it there to read it
ok, it seems to be the case. but now i'm getting an "entity is undefined" error. still need to troubleshoot
hey all, i'm using auto-entities custom card (thanks for creating it!), I was trying to add a "conditional" as the equivalent of the "when" in a monster card but can't quite work out what i've done wrong
https://hastebin.com/etahokowez.makefile
When i remove the first four lines the rest works... but for some reason this code doesn't, i couldn't find examples of using the conditional with auto-entities except for the reference in the auto-entiteis git
Attemped with nested cards, now I get "Error in card configuration", unsure where i've gone wrong: https://hastebin.com/urawuyiwec.makefile
Hello everyone! I finally got around getting my Weather Station data into Home Assistant. Now, I am looking for a nice way to present it in the Lovelace UI.
I have it in an entities card at the moment, what card would be appropriate for it (picture-elements maybe). Or has anyone created a card that I could use?
@wary chasm haven't played with auto-entities, but it looks like you need to define your card for the conditional. You have two card types in the first example...and I don't know what's going on in the 2nd
give this a shot https://hastebin.com/kufiqudusi.bash
@mild veldt you're a genius that works perfectly, thank you so much... I also see what I di wrong now. I couldnt grasp how nesting cards worked. Seems so obvious now
@vapid field I opened an issue for the order in history-graph card some time ago: https://github.com/home-assistant/ui-schema/issues/213. @mild veldt Is there someone we can tag for that?
uhh, sweet
thanks!
(iβm guessing whats happening internally is that itβs a python dict(?), which is unordered β¦)
(even though in the yaml its an array/list, which is ordered)
Hi, just dug in and tried to get Lovelace YAML mode working. Just followed these instructions: https://www.home-assistant.io/lovelace/yaml-mode/ with the "super minimal example", rebooted and then got an error right away
"while parsing a block collection in "/config/ui-lovelace.yaml", line 7, column 7 expected <block end>, but found '?' in "/config/ui-lovelace.yaml", line 8, column 7"
Can't figure out what I did wrong since I only copied and pasted an example
~share
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.
Show us your config
Yes, just had to fetch it
Just copied and pasted from my ui-lovelace.yaml file but that only contains the copy & paste from the webpage
Your indenting looks off
Look at the example, look at yours
Line 8 is wrong
~yaml @magic breach
@magic breach 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/
Weird, i redid it just to make sure I had no tabs or anything after pasting, and I cant see how it differs from the example on the homepage
Going through it again
cards:
# The markdown card will render markdown text.
- type: markdown
title: Lovelace
content: >
Yours
cards:
# The markdown card will render markdown text.
- type: markdown
title: Lovelace
content: >
Docs
Amazing
As I said, line 8 π
Yeah, I had no doubt you where wrong, I'm just suffering from YAML blindness
Worked like a charm π How the heck did I manage to screw that up using cut and paste
Thanx π
Is there any good YAML checking tool online?
@magic breach yamlint
With the UI editor, how do I add new sensors into that row at the top of the page?
@long vortex do you mean the badges?
Maybe, just the little circles, not cards
They are called 'Badges' Add them to the view to display them. https://www.home-assistant.io/lovelace/views/#badges
Ah perfect, thanks!
Or to do it with the UI: https://i.imgur.com/ayF16U6.png
Hi all, how do I configurate the history-graph card in lovelace?