#frontend-archived
1 messages · Page 103 of 1
@errant plover Should I add the information in the card directly?
If I am adding any of the information I am getting this "error":
YAML Error: YAMLException: end of the stream or a document separator is expected at line 2, column 1: - type: history-graph ^
And also Entities need to be an array
What does your config look like?
What config?
For your history graph..
I have none as I do not understand how I should add it. If I am using the example in:
https://www.home-assistant.io/lovelace/history-graph/#example
- type: history-graph
title: 'My Graph'
entities:
- sensor.outside_temperature
- entity: media_player.lounge_room
name: Main player
But of course changing sensor to something I am having I am receving the error above. I am trying to add the history graph card directly in lovelace ui
Under add card and then history graph
When I open the card it is saying:
```
Entities need to be an array
{
"type": "history-graph"
}
type: history-graph
title: 'My Graph'
entities:
- sensor.bod_multisensor_temperature
- entity: media_player.kontor
name: Main player
like that
Thanks! Is this something I should have know with the information given in the card?
Says how in the docs
If you compare the codeblock in the docs to the one in the UI editor you should be able to spot the small difference between the 2
Basically drop the leading '-' and reduce the indenation.
Hey guys! Finally getting my head around lovelace, have a bunch of working horizontal-stacks and picture-entity etc.
Can't get the Alarm Panel card to work - https://www.home-assistant.io/lovelace/alarm-panel/ - whenever I add to ui-lovelace.yaml it just results in "entity not found" error (card is red).
Any clues? What am I missing? I've tried to Google without success.
And I guess a secondary question - that Card which I've linked above ^ does it require a .js file - or anything to be added to configuration.yaml?
@uncut oasis It does not require any extra js files. Do you use the UI editor or yaml mode?
yaml mode
How does your config look for the alarm panel?
cards:
- type: alarm-panel
entity: alarm_control_panel.alarm
Does alarm_control_panel.alarm exist in
?
Great 😉
Thanks!! I'm not sure where/how that is/was even created
¯_(ツ)_/¯
Sorry - probably having a noob moment.
Thanks, goodnight 😃
No worries. cheers.
Hi, is it possible to color icons based on states for other entities than light/fan etc.?
I have following card for my vacuum and I want it to change color to yellow if the vacuum is active just like the light icons turn yellow if the light is on
- entity: vacuum.vacuum
name: Vysavač
tap_action:
action: call-service
service: vacuum.start_pause
service_data:
entity_id: vacuum.vacuum
type: entity-button
Hello together,
i hope i can receisome help here for a really simple question:
i am trying since hours to get a background image into my homeassistant lovelace views, but whatever i tried, i dont get a wallpaper as background into my views.
does someone have a solution for me?
running hassbian on a rpi 3+ in the version 0.87
How does your config look?
mom
Please follow the rules, @vapid field! 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/fQn2gmtw2P/
Please follow the rules, @vapid field! You have 4 warning(s) left. You posted a message/code that is more than 15 lines. It is moved here --> https://paste.ubuntu.com/p/9yktJj6TDJ/
Where are you trying to add the background image?
Please follow the rules, @vapid field! You have 3 warning(s) left. You posted a message/code that is more than 15 lines. It is moved here --> https://paste.ubuntu.com/p/rCdZhZmPXh/
Please read the warnings from the bot..
i tried it in ui-lovelace with the following command:
@vapid field You are rapidly closing in on being automatically banned for ignoring the rules
Please go and re-read #rules and the messages from the bot
title: Saint Paul's
views:
- title: LICHT
background: url("/local/image01.png")
icon: mdi:lightbulb-outline
cards:
~format @vapid field
@vapid field 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
image01.png is placed in your www folder in the same directory as configuration.yaml file?
nope, just puttet in the homeassistant folder
Do you have a www folder?
not right now after i did a complete new clean install
- Create a folder named
wwwin the same directory asconfiguration.yaml - Place your
image01.pnginwww - Restart HA
- Should work
See https://www.home-assistant.io/components/http/#hosting-files @vapid field
oh cool i try directly. could i also put an image folder into www like www/images/image01.png?
Yes
Just make sure your background: reflects the path you've placed the file in 😃 (And www referes to /local)
is this right: url("/local/image01.png")
just get a white screen instead of the image
Where did you place the image?
And, did you restart Home Assistant after creating www/?
check that its available by accessing https://your.ha.url/local/image01.png
into the folder www, but i saw a little failure. now i have the picture :-)
but 7times...
now i fixed it 😃
a big thanks to you guys. the solution was so clear but i didnt saw it 😃
Thoughts on a camera battery level on a picture glance card... I'll probably have to make a template sensor as its not an entity yet.. but even then is there a way to display the level or will it only just show the icon?
Im having problem with the "Unusde entities" page. I am getting a js error. Running 0.87.0. Anyone else have the same issue?
@wanton trail Mine is working okay....
Also, I'm seeing the thread in the issue tracker for my question. Disregard
@sick jolt Think I found whu.
Im using a mini-graph-card and that is missconfigured.
Filed an issue on that card.
I made my camera card 😃
now if only the arlo component wouldn't crash every couple hours haha
does the big number card work in Lovelace UI still, whenever I try to use it now I get a completely white page
A new version of compact-custom-header was just released. It's an almost complete rewrite. Be sure to check out the updated readme. https://community.home-assistant.io/t/compact-custom-header-custom-user-device-views/83716/284
Is there an easy way to get a lovelace card (iframe card) to show wider than default? like X percent of the screen width?
The aspect ratio seems to deal with the height of the card, not the width
@kindred moon The only way to make a card larger (wider) than normal is to make it a panel as far as I know
is there any other weather forcast site then darksky , which is accurate for india ?
sorry if this has been asked before... can i have lovelace display my camera stream when certain criteria is met? aka something is triggered then vanish when its done?
@sleek warren I think you can do that with a conditional card
entity: media_player.house_speakers
type: media-control
conditions:
- entity: media_player.house_speakers
state_not: idle
- entity: media_player.house_speakers
state_not: 'off'
- entity: media_player.house_speakers
state_not: unavailable
type: conditional
That's what I do to only show a media-control card if the media player is not idle, off, unavailable (in other words, displays only if its state is playing or paused)
so under card the entity would be your camera. under conditions would be the conditions you want met. they work with AND. and then type: conditional is where the magic happens
excellent will work a treat for what i need 😃
@mortal jewel I don't know of one after a quick google search
ok that works now to try and implement a delay of some description as the condition changes so quickly the card vanishes with a second i will look at the docs 😃
added a new tab, put in a URL, but when i click on it, it just appends the URL to the URL of HA.
@last prism Did you name the tab in the config editor?
yes.
Did you give it a URL path?
"badges": [],
"cards": [],
"icon": "mdi:remote",
"path": "https://10.xx.xx.xx:1880/ui/#/0",
"title": "Remote"
}```
and the URL path shouldn't be the full path. Like my "Weather" tab's URL path is just "weather"
tried both http/s
title: Radar
path: radar
panel: true
icon: 'mdi:radar'```
my path is just "radar" instead of the full URL
let's me hit http://10.xx.xx.xx.xx:8123/lovelace/radar in my address bar to get right there
i cant embed offsite URLs?
oh, not there, no. that path is the path to this page in lovelace. If you're trying to embed a URL, use a panel
So, add a new tab in Lovelace's editor. And turn Panel Mode off when you do it. Then add a new iframe on that tab.
Then edit the tab and turn Panel Mode back on
https://i.imgur.com/UkafLnS.png I hit the gold Plus at the top to add a new tab. Named it derp and the URL path is "derp". That's going to let me hit it at http://10.xx.xx.xx:8123/lovelace/derp
Then on that new tab, add an iframe and put in your offsite URL.
ahh okay.
Then if you want that URL full screen, edit the tab when you're done and turn on Panel Mode (in that screenshot above where I created the Derp tab)
I literally just larned this 15 minutes ago. Good timing.
gotcha
Evening guys, pulling my hair out slighty over this, I'm new to the lovelace ui, and I'm on the latest version of hassio with the UI editor, just wondering if someone could assist?
I'm trying to install
https://github.com/rdehuyss/homeassistant-lovelace-google-calendar-card
As far as I can tell I've copied everything to the correct directories, but keep getting the following error (even after checking permissions / restarting)
Custom element doesn't exist: calendar card
here's the config I've got (it's been arrange alphabetically since saving)
- calendar.contacts
numberOfDays: 14
resources:
- type: module
url: /local/custom_ui/calendar-card/calendar-card.js?v=1.0.1
- type: js
url: 'https://unpkg.com/moment@2.22.2/moment.js'
showProgressBar: true
type: 'custom:calendar-card'
scratch that, got it working
didn't see the 'Raw Config Editor' before just now
resources had to go in there in the top level
is there a way to open the notification bell on frontend whenever e new notification comes in?
like a automation or so
So I'm getting a hang of Lovelace a bit now. I've integrated most of my off the shelf stuff. I will soon start working on the old alarm system sensors. My goal is to have a tablet on a wall that will be a dashboard. In the past, I started to go down the road of HAdashboard. Has Lovelace basically taken over that functionality? I just need to decide what architecture to start on now.
Any decent tab swiper available?
@swortsoul#738 hadashboard would seem unnecessary, especially if it's the look you're after https://github.com/kuuji/button-card
ok, thanks @mortal cape . That's what I was starting to see. I'll focus on Lovelace.
Well DrZzs just had a live stream today with TeachingBirds (Isbella). She walked through her whole set up, which was impressive. It also answered pretty much all my questions on what direction to go. The live stream is on his YouTube channel. She has her config on github. Good stuff.
hi
can i control only 1 tab by lovelace?
i want save autoupdate on main screen but i need configure another tabs
i do not want to control automatically created lists(
@tawny briar no. taking control is all or none
Hi, is it possible to color icons based on states for other entities than light/fan etc.?
I have following card for my vacuum and I want it to change color to yellow if the vacuum is active just like the light icons turn yellow if the light is on
- entity: vacuum.vacuum
name: Vysavač
tap_action:
action: call-service
service: vacuum.start_pause
service_data:
entity_id: vacuum.vacuum
type: entity-button
is there a way to get a glance card action to navigate to an external url? currently I'm trying to set naviagtion_path to some URL, but the log tells me the action is insecure
is there maybe a redirect option?
@winter knoll not at this time. button-card would be a better option
@mild veldt Do you mean this one? https://github.com/kuuji/button-card
Yeah
Ohh I see https://github.com/kuuji/button-card#configuration-with-states is exactly what i need, thank you!
Hello, with HA 0.87 long-press in lovelace/light change to three dots. It is somehow possible to setup to have old option too?
@surreal agate no
ok, what's the reason for this change?
Prior to lovelace, I had a groups.yaml file. However, after lovelace, I didn't see a reason to used a groups.yaml file, as I had only been using groups to organize visual layouts. However, now I find a need to define a group for a non-visual purpose. Is groups.yaml still the way to do that?
Groups are still useful for controlling multiple entities with a single command
Ok, great. I'll start a new groups.yaml file.
@surreal agate clarity and consistency on how to bring up more-info on different cards. Right now it applies to light, media and climate
@mild veldt re: PR #2719 that you closed as not a bug, would that be considered a bug on MDI side? Just wondering how this works / who is best to report the issue to. Cause the icon definitely shows up when you search "motion-sensor" on https://materialdesignicons.com/ and has been there for a while now.
Icons are not updated in real time. They are pulled from an npm package. The package version only updates based on what version of HA you have
Any icons that were added in the last 4 months will not be currently available
@latent moss it was added January 21st to mdi https://materialdesignicons.com/history We don't necessarily update dependencies every release. Here's the npm history https://www.npmjs.com/package/@mdi/font
Ok I see now, the one in HA 0.87 release notes says 3.3.92 and latest available version seems to be 3.4.93. I just read the release notes earlier and assumed it'd be using the latest version, my bad. Thanks for the clarification guys.
Any way to system wide shows changes across multiple devices if changes are made on one device? Bit like a theme refresh but without having to physically refresh each tablet
Hey all, just joined the server. Been working on learning Home Assistant, and the one thing I can' really find if its possible or not is if its possible to have seperate yaml files for each view.
like having a views folder then something like "main.yaml", "weather.yaml", etc with views for each of them
Is it normal that "condition cards" take up a slot, even when they aren't visible? And cane you make them not do that?
@spiral estuary yes by using includes. So like - !include main.yaml Check this config for an example https://github.com/isabellaalstrom/HomeAssistantConfiguration/
The card in my screenshot above is pushed all the way to the right because there are 6 hidden cards above it
Thanks @latent moss I actually just came across that exact github right now too
yeah it's a great one
I need to break my lovelace config - it is getting out of hands. I started to work on it, and got lazy as usual
- !include: lovelace/main.yaml
- !include: lovelace/testing.yaml
could not determine a constructor for the tag '!include:' in "/config/ui-lovelace.yaml", line 11, column 5
line 11 is the main.yaml
remove : from !include:
OH
IO
thanks
I see the same behavior as you @sick jolt . I have a bunch of conditional cards in top left of screen for temporary alert type cards (HA update available, etc) but I noticed it pushed my main card to the second column even when none of those condtiional cards are visible. Also interested if it's possible to avoid this.
fairly new to yaml, and missing : has caught me a few times, but I think this is the first time that I ran into adding a : when wasn't needed
@latent moss In my case I can probably be more explicit and do a "vertical-row" with all the cards in it, but that's not ideal in every situation
Anybody seen a pie (donut) chart card for lovelace? eg: I have few sonos pow reporting current power usage, and it would be nice to show a pie chart, which one is using how much % of total energy..
Hey guys, can somebody explain the difference between HTMLElement and LitElement for example in lovelace and why I would use one or the other when developing a card? I'm currently just using HTMLElement but wondering if should look into other options.
can the entire background be changed in lovelace? behind all the cards?
You're looking for themes https://www.home-assistant.io/components/frontend/#defining-themes
Does adding new resources (like javascript) to www/ require a restart of HA?
No, only the first time after creating the www dir
I just made an update to auto-entities. It should be way less sensitive to memory leaks now.
https://github.com/thomasloven/lovelace-auto-entities
Also, entities are sorted the same way as monster-card.
Anyone using multiple platforms to poll user location. If so, how do you display it in lovelace and how to you handle automations?
tried several times this week, @polar kelp maybe if you want to could you tell me this, i know youre the lovelace master in here so i tought to tag youre name,
is there a way to automate the notification bell on frontend to open whenever a new notification comes in?
No
ok thanks then i wont have to ask again xD
You could use monster-card or auto-entities to display persistent_notification entities, but that’s it.
Excuse my reading comprehension if it was there and I just missed it..
but is there a way to change back to automatically generated lovelace after you've switched to manual?
I'm realizing my imported lovelace isn't as ideal as I thought and I wanted to switch back to the automatically generated one until I get the time to re-do it
Remove the file .storage/lovelace
ah, a bit more manual than I expected lol.
There’s a button for it in the works
10-4, thanks
Anyone here use the tiles? https://community.home-assistant.io/t/custom-ui-tiles/29513/526
trying it out, but I keep getting "Please define your entities"
on lovelace UI if I want to have a smaller image I need to use an actual smaller image as my asset ?
the more apt question would be is there any flag in picture related cards to shrink the image if originally it's too huge ?
@charred frigate you'll need to scale the actual image
Hey, trying to set up a view using @polar kelp 's layout-card and popup-card, but I get no output at all. Am I missing something obvious? https://hastebin.com/uyumuloziv.bash
I do get output from the markdown test card
What more did you expect?
And I've added the popup-card, layout-card and card-tools to resources
@polar kelp I expected two lines with sensor.person(1|2)_status, and that I'd get a popup when clicking them
The very first line of the popup-card readme: "Replace the more-info dialog of one entity with a custom lovelace card"
You need to provide means to open the more-info dialog yourself.
Oh
Not everyone wants lines. It could be a picture-entity, or a glance card, or a picture-elements thing, or...
Ahhh, I see. Sorry, still a newbie 😃
No worries
How do you guys go about yaml mode/ui mode? I like being in the UI testing layouts because of the "instant feedback"... but the yaml you get is "sorted" in an unintuitive way (of course), so for that reason I like yaml mode more. Wish I could have both!
Like a lovelace sandbox playground page where you could test stuff, and once you're happy with how it looks you just copy/paste it into your ui-lovelace.yaml (or files included therein)
I prefer to use yaml mode
Have no issues with running vscode on 1 screen and the UI on another and just switch from one side to another to see a change
Exactly my feeling too
i guess i will feel the same once i've gotten used to the different cards etc
Does anyone know how to hide the scrollbar in a lovelace view. There's enough space from the cards to the bottom, but the scrollbar shows on some views.
Having a problem getting an attribute into a card. Could someone tell me hod to fix this image entry?
elements:
- entity: media_player.roku_family
image: '{{ states.media_player.roku_family.attributes.entity_picture }}'
hod=how
it returns what I want when I plug it into the template checker
You can't use templates in lovelace.
Not really.
Hi, i'm tempted to take control over the lovelace interface, but Homeassistant warns me new entities will not be added automatically anymore. Is there a way to revert to the 'default' behaviour after make the switch to manual?
is it possible with the newish web UI config to include files? - So best out of two worlds?
And thanks for all the extra cards thomas! Much appriciated
Yes. You put them in the raw editor.
Oh, you mean like that. No, sorry. That can't be done.
I thought you meant like custom cards.
A shame - I just started to use the layout-card
inconvinient to have so less space for the config
If I use this: https://github.com/home-assistant/ui-schema/issues/55 to retrieve an attribute, how do I then get it to the picture-elements card where I want it?
You want to have a markdown card in a picture element?
my ui got stolen
Still think the Cookie Monster has it
just need a value for an image location
my UI got reverted.. last half hour of work - overritten T_T
and mine is empty
- entity: sensor.schreibtisch_temperature
style:
background: center / contain no-repeat url("/local/jpg/floorplan/ecobee_blank.png")
color: white
font-family: Helvetica
font-size: 12px
left: 42%
text-align: center
top: 82%
type: state-label```
I use this on a picture-elements
Stolen from the demo
(wich I`m unable to find..)
@vernal dawn Are you using the auto-generated, YAML mode, UI editor... ?
yaml
Please follow the rules, @vernal dawn! 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/rgt8WbcrXk/
~rule6 @vernal dawn
@vernal dawn Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, codewalls (longer than 15 lines) and unapproved bots.
Please take the time now to review all of the rules and references in #rules.
😦
I can't hard code it as it is cached and will change. states.media_player.roku_family.attributes.entity_picture
What did you last change?
The YAML you posted is oddly indented, but technically valid
idk
i think i tried to use stacks
No stacks in the 21 lines you posted
Also check the logs in your browser
you mean this logs?
@vapid field I think you have an A-B-problem. What are you actually trying to do?
the js console?
yes
there is an error
at HTMLElement.updated (dcc7e8d8e861a5f2b17d.chunk.js:5589)
at HTMLElement.performUpdate (app-55bd7bf5.js:161)
at HTMLElement._enqueueUpdate (app-55bd7bf5.js:161)```
@polar kelp trying to display the current activity on my Rokus. I have it working with a glance card but the images are small and not centered
How about this? https://github.com/kalkih/mini-media-player
I have 7 so I was wanting something compact. I'll try that out though
Why HA is always breaking
It isn't, unless you break it
but i did nothing that was wrong lol
Aka, something you did in the YAML
but it don't work with a new yaml too
Then you're doing something wrong...
You can stop shouting and being demanding
Most of your posts here are ranting and complaining
because it's not working
If you're so unhappy with HA, why are you using it?
Because I need to use it
You're being forced to use it? Sheesh
Bringing a negative, complaint and hate filled approach, discourages people from giving up their free time to help you
I know the YAML loads successfully, but nothing is ever shown.
What makes you think it's loading successfully then?
The title updates.
Just no view is shown.
title: Dashboard
path: default_view
cards:
- type: light
entity: light.yeelight_color2_04cf8c97263f```
Even with like this minimal conf
Well
I fixed it myself
¯_(ツ)_/¯
a missing -
and this took 2 hours
~check
Always run the configuration check command when you make changes (https://www.home-assistant.io/docs/configuration/troubleshooting/#problems-with-the-configuration). Don't trust the UI check - it misses some problems.
title: My Awesome Home
views:
# View tab title.
- title: Example
If only the documentation would show how to do it correctly 😛
"Don't trust the UI check - it misses some problems."
Literally says it right there
#330990055533576204 would where to ask about Hass.io 😉

@fading sorrel Your github package style of Hass.io works great. Took some time to figure out the ui-lovelace.yaml in the 0.87 release.
https://i.imgur.com/4okuDfb.png How can I make them both wider
The Light group and a vertical stack in which the player + the buttons are are in a horizontal stack
but i want them to be wider
Take them out of the stack 🤷
but then there are all vertical
so like they all would have been in a vertical stack
If you're looking for fine grained control, Lovelace isn't the UI you're after
Then.. don't use horizontal stacks
And don't use vertical stacks
The demo site is using neither
Without the horizontal-stack card?
yes
You can't
but how is this done in the other setups
Lovelace does not give you fine grained control
I don't know what "other setups" you refer to
demo
There's nothing horizontally aligned there
@split granite he's looking to define order
Or is he?
lmao
That's just how it's flowed
this is what i want
Because they're at the top
@vernal dawn assuming you do want to define order, along with your stacks you need to set the view to panel: true
Thanks @vapid field
If you change the size of your window though, it'll break @vernal dawn
Horizontal and vertical stacks have to be used with care and understanding that you're now responsible for the layout
I really wish I had the skills to solve our responsive design problem 😦
It's not possible as far as I can tell
You either get a responsive design, or user control over everything
Whatever you pick somebody will be unhappy
The only compromise is like you get out of Grafana, where the user choses the size of the card
No auto flow there though, things just get squished
You can kind of get that by using vertical and horizontal stacks
🤷
Hence, kind of
What you've got there is what you get out of Lovelace
If you want absolute control, then there are other UIs
There are also other cards, and those may work better for whatever you're trying to do
but how are other uis done like in the demo?
The demo does not do what you're doing
At no point in there is there any cards that are horizontally stacked like you're doing
How do I add a custom card via the UI tool?
There are X columns of cards, according to the width of the window - as you change the window the entire stack moves
Okay, so I have no problem about that
I just don't want it to be one stack On a Full HD Monitor
Raw editor @steel turtle
Then don't use one @vernal dawn
ehm
Use two, or three - of whatever you want
Let's say I have 2 cards
I want them to be stacked horizontally
Instead of vertically
Add 20 more cards and it will sort it self out
@wheat current Im not quite sure what to put in there, I have download the .js file and added it to config/www
Look in the repo where you found it 😉
meaning having more cards and it will make it wider?
Yes
Simple install
Download and copy mini-media-player-bundle.js from the latest release into your config/www directory.
Add a reference to mini-media-player-bundle.js inside your ui-lovelace.yaml.
resources:
- url: /local/mini-media-player-bundle.js?v=1.0.0
type: module
I assume i have to add the reference to the js file somewhere else? Is that done via the raw config editor?
Well, they will not be any wider, but there will be less space around them making them appear wider like the demo, if you remove all but two in a view on the demo it will look like yours
That is the part you add to the raw editor @steel turtle
Requires a reboot?
No no no no no no no no no no no no no no no no no no no no no no no no no no no
Do not reboot after configuration change
lol
Lovelace requires no restarts, reboots, or anything
after i added the file i needed to reboot
Nothing about Home Assistant itself requires a reboot
otherwise it won't load
You might need to restart Home Assistant

But for Lovelace that's only when creating www/ the first time
which I had to do now 😃
Dropdown in a card?
Not in any of the stock cards
do you know any custom cards that do this?
No, but there's a few places to start looking, including from the pinned messages here, and the forum
I make relatively little use of the UI - for me HA is about automation first, second, and third, with voice control coming in around 20, and manual control about 50th
Sssh 😉
pff
That's a scarily pragmatic approach, I'm sure it's banned
Please follow the rules, @steel turtle! 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/hx8ybB9qBP/
Apparently wrote a bit to long message 😇
https://paste.ubuntu.com/p/hx8ybB9qBP/
Can you hastebin the 15 first lines from the raw config editor?
When you say "created directory www under config" by "config" do you mean the same directory as your configuration.yaml?
https://ha.url/local/mini-media-player-bundle.js?v=1.0.0 Try to access that path in your browser to verify that the file is in the correct folder
yeah, i seem to get the js file in the browser
@elder pendant doesnt seem to do the trick either im afraid
It actually adds the single quotes back when I press save
okay, and you have the resource reference in the top before the title?
Yes
So must be something with the js file and its path then....
You already verified the path?
yepp
Did it ever work or this the first time you set it up?`
first time setup
Any error messages in console? (F12 in Chrome)
I want to have a snapcast card where I can chose the source via dropdown and clients via toggle. Is there an example or do I need to create a custom card?
hello is it possible to use custom icons like png on entities? type on off on lovelace?
so i know I have an error in my ui-config.yaml but I just can't seem to find any error reports to get an idea on where it is. only thing I see is in health /config/ui-lovelace.yaml not found but it for sure is there since if I replace the content with something basic it just works.
so my quesiton is where to see the outptut of ui-config.yaml errors ?
i mean ui-lovelace.yaml 😉
@sudden lion had to run, but im not sure where to look in the console but there are a few error messages
hmm - seems if I change a few things it does start reporting error sin statusinfo what the error is.
so i created a yaml file that when parsed HA sees as nonexistant 😉
@distant steppe Depends on what card you are using. Look for state_image
no....entity_button does not support that (yet)
but hopefully soon now that the feature freeze is over
ok ... and I have to use the template image state guide to change the icons right?
Thanks
on a sensor, one of the little round circles up the top in the default view, several have a units setting that puts the unit in a little text bubble at the bottom of the circle… is it possible to have an automation or even just a template add that bit of text to sensors that don't already have it? i'm thinking mostly of the Steam friend sensor, which doesn't indicate the person's actual online state or anything, rather oddly.
Receiving the following message when I look at the console Failed to load resource: local/mini-media-player-bundle.js?v=1.0.0:1 the server responded with a status of 404 (Not Found)
when I click the link I come to the script file in the browser
Can it be a security issue with my www folder?
Hi, all.
Can someone help me understand what is wrong my my HA front end?
Here's a video: https://drive.google.com/file/d/1oH7pHRNrkpDpjojtLvgTqQmzziU9YplW/view?usp=sharing
If someone missed the actual issue, my entire top menu just vanishes...
- This seems to be device-specific. I have logged out and in again, deleted cache and data of google chrome of devices, still happening
- Started happening as soon as I updated. Updated to .87 on PC, issue appeared on PC, updated from phone to .87.1, issue started not on the phone also
- It shows in all themes, but as you see in vid, as soon as I refresh the page, goes back. If I change menus, there it is again.
- No errors whatsoever in the log
This is extremely bothering 😦
Not that it would matter I think, but also deleted all temporary tokens. Still happening. I simply ran out of ideas.
@steel turtle Make sure you clear your cache
i guess not… heh
I have a group that holds two timers. Before the upgrade to lovelace I had an automation that would set the data: visible to False or True as needed. When set to true the timer group card would show up with the timer that was set to true. Now I see no cards regardless of what data: visible is set to. Any thoughts on where should troubleshoot. In the backend all the timers run they just do not show up as a group card anymore. Thanks for the help
@wheat current Do you know if the conditional can be based on data: instead of state: ?
I doubt that, but you should not need an automation with this
@wheat current That worked, I had to change out the entity that I was checking the state of but I was able to get this working. Thank you
Where does the new lovelace cards code get saved? Should we be replacing the old groups with new lovelace built cards?
by default in .storrage.
Groups still serve a purpose
Hi, guys
Anyone can give a hand on the issue I described above?
Short of clearing the cache and data, and reinstalling the pwa if you had installed it, theres not much you can do. I've never seen that before
I just cleared data on chrome my phone, still happening. Tried installing another browser, the issue does not show in the other browser. ..
Same in PC, cache cleared, still happening, installed Firefox, not happening there
Are you positive you actually cleared the cache? Does it do the same thing in incognito mode?
Happening in incognito also, just checked
Dunno, man. F12 to check the browser console for any errors
The puzzling thing is that it started literally after I updated to the latest version, in both devices.. Such bad luck, I can live with some errors, but this makes the system almost unusable...
Try reverting to see if it fixes it. If it does then open an issue for the latest release
Will do. Thanks for the help 🙂
is there a way to use something like state_filter or just filter on state-icons in lovelace ? groups does not change color/icon based on state so wondering how to tell lovelace to tweak it manually ?
Not yet 😦
bummer
I pushed for it, long ago, and it never went through 😦
alternative fix would to make groups behave more like light groups 😉
we definitely need some icon/color customization
but i don't like having to specify both light groups and then groups to get it to group things nicer.
for many sensors, visual cues are enough...we don't need the exact state information
but i guessI shuold just live with a worse old ui page and use light groups with lovelace
if only someting like custom ui state card templates was possible in a general form for lovelace 😃
I don't see why not. That was one of the best parts of custom_ui
Do history graph cards auto update in lovelace or do you need to browser refresh?
so given todays "state" of lovelace is the only way to show group entities with different colors based on state to use image cards in picture-elements ?
@raven nacelle ^ and if the answer is yes how does one avoid the images stops jumping around when shown at different resolutions ? :/
I got a pcitre elementsetup working that fades aresa in / out based on state but as soon as I resize it a bit the areas scales badly.
picture elements support state_image, so you can use them. Use transform: none for images to not move around on different screens
@raven nacelle that doesn't seem to work. let me get you a screenshot 😉
there are other cards that support state_image that may be relevant
There are minor differences, but transform: none significantly improves the layout
@raven nacelle sorry got a phone call - see these screenshots and code used at https://community.home-assistant.io/t/scaling-of-picture-elements-floorplan-just-not-working/90286
@raven nacelle thats picture elements and they just seem to not scale up and down regularly even the slightest when transform; none
it gets better for sure, but its out of whack almost instantly on my monitor and across ipad and iphone i can't seem to find set up that looks decent onall
I have faced the exact same situation. May be the difference is amplified in the full screen mode
I am still not sure why the layout shifts
especially since we are using relative positioning
you should post that link on the dev channel....hopefully, someone will have a better idea
hey everybody,
does anybody know if it's possible to get a bg image in a view to full size?
i want to have the header transparent with the bg image shining through.
i am just able to have a bg image starting under the header, header is transparent. but when im scrolling bg image disapears at the header border
What is currently on your background: line?
background: url("/local/images/image_01") no repeat center
did you try adding fixed to it?
yep i did also. tried things like min-height / min-width or hight / width etc like i saw here
do i have to set this in ui lovelace or in themes.yaml?
maybe its possible to set the primary bg color as an image and not as color
You want the background to extend over the header?
I'm still trying to visualize what you're looking for
yep exactly
i can give you an example
the cards should have this behavior to the background:
https://css-tricks.com/examples/FullPageBackgroundImage/css-2.php
no, i want the background go UNDER the header 😃
and the header is transparent
and the background is fixed while the cards are scrolling
like in the examples above
Just wanted to show off my progress in first week of lovelace, thought of a pretty neat way of switching themes https://gfycat.com/NaiveKindlyCuckoo
curious to know what the magic incantation is now…
@latent moss you really care about your network stats, lol. doubling down on the stats
looks good so far
thanks, the glance card that shows my total number of automations, scripts etc also has hold_actions too. So long pressing on scripts does service: script.reload, same for reloading automations. Long pressing on the DB filesize icon purges the recorder, the log one clears logfile, long-pressing on uptime restarts HA. Lovelace has let me clean up my ui a ton with those kind of tricks 😃
i might have to steal those ideas
@latent moss nice work! But this is annoying!! https://img.sticky.wtf/USSJu 😛
heh
Do you have your config on github?
unfortunately not, i plan to eventually though. i can share my settings page tho later tonight
Want to share some more screenshots of your setup?
i've only got a very small part of my ui converted to lovelace so far, have been spending most of my time making virtual remote buttons and stuff heh. This part i am proud of though, it's a picture glance, clicking the photo toggles an input_boolean to show an entity-group underneath for expanded info https://gfycat.com/UntimelyCrispBelugawhale
Thats nice
Would love to see the config for both your screenshots 😃
Also, what sleep sensor are you using?
that is just using a bayesian sensor to determine when i'm in bed (devices off, lights off, phone charging, etc) so no hardware required
it was a website that you can do it for free, i forget the name of it, i think face manga something
here's my config for the people status thing: https://hastebin.com/zacosenesi.bash
thanks, have a lot of ideas just gotta learn how to do them :p
cool part with lovelace is that most things i can think of, i can finally do hehe
<— must be finally starting to learn something… that config actually makes some sense…
does it cope with trying to open both at the same time? was wondering, could you put into the tap_action, a second action (ala automations) which is to close (not toggle, turn_on in your case?) the other XXX_more_info pane? wondering if that would work…
here's my settings view @sudden lion https://hastebin.com/yigatepito.bash
Thx
thats an interesting question @hexed owl i have to try that later. i think that would be possible to do. Even if you can't do more than one service call, you could probably make the one service call an automation that performs multiple actions.
@latent moss @hexed owl I would have them call scripts that make sure the other is set to false. I had something similar to switch between 1-4 columns in my view
anyone doing anything cool with the new lovelace updates?
ok, for some reason I can't find this. is there a document or instructions on how to use themes in lovelace? i can't figure out where to start for this.
Just google home assistant themes and pick one you like
Then copy all of the information under themes: in your configuration.yaml
well that sounds easy... i'll go try it. thanks for that.
I'm not skilled enough to code this, but if someone wants a neat custom card idea .... an "assistant helper" card that shows what commands you can say to voice assistants (Siri, Google, Alexa), based on what entities you have exposed to HA Cloud etc. Mockup animated gif (the commands would rotate in & out every few seconds): https://gfycat.com/embarrassedgrandhen
hey all, having an issue getting card-modder working, probably missing something obvious. config & debug: https://hastebin.com/cufugiziru.rb
I'm trying to update my groups/interface but it's not working. I've even deleted the groups.yaml and lovelace-ui.yaml files
It's still showing the old groups/views that I used to use pre-lovelace
Reloading browser with shift+reload isn't helping either
Any ideas?
try clearing your actual browser cache
@mild veldt Good call but no love. It logged me out and logging back in again I had the same problem
Also tried incognito w/o luck
were you ever in storage mode? do you have a ./storage/lovelace file?
well do you want to just edit that or start with nothing?
well you can bring up the UI editor by going to the overflow menu on the top right
and if you want to start 100% over, delete .storage/lovelace
oh that's beautiful, you nailed it
That's a great call
I've been dragging an OLD interface around for ages, now I can start fresh 😃
👍
How do I disable storage mode?
well what mode do you want?
Am I missing something with the entity button card? The example makes it look like it should be very easy to put 3 entities on one card but the default yaml looks nothing like the example and if I make it look like the example but with my entities I get errors
specifically, I get the error: YAML Error: TypeError: Cannot read property 'startsWith' of undefined
hello it is posibel to reactivate "auto generate" mode on lovelance?
:)) find it thank you!!!!
@wind jay where? was looking for that the other day… was thinking maybe just delete the lovelace file… but then i decided that i like lovelace too much, even if my layout is still 98% stock auto…
@hexed owl sorry you need to delet the lovlace file...
oh, so i was right… wooot… 😀 not a sorry needed, is sweet, the question was kind of bugging me, is all. really just wanted to know for future reference in case i wanted to… thanks.
small question folks… is there any way to stop the brightness showing on a light switch icon? (ie. make it only show full on, or full off)
I don't think so, not as a light entity anyway
any idea how hard would it be for me to hack the light component?
it bothers my OCD, since i never change the brightness, i'm tempted to remove the brightness control entirely.
(Python is easy… understanding HA is hard… i think i would just need a noobs walk-through to the editor)
… i suppose if i lovelace-ize it, i could do a pair of lovelace cards with the two parallel light switches, conditional cards and a boolean_input to swap them on long-press… but gawd that'd be an ugly long-winded solution to a simple problem…
(and is there a better channel in which to ask something like that…?)
Custom card would be the answer
if you can show me the minimal-fuss way to make and test something like that, i'd appreciate it. it's innards are still very much a black-box to me, that my head doesn't want to delve into yet.
i was thinking of seeing if i could add a setting to the component to inhibit display, but you're probably right, a simpler_light card or sommuch would probably be better…
I know very little (aka nothing) about the strange magic that is Lovelace, however the dev docs should do (I'll grab a link) and others will be around later who know Lovelace dev
And https://developers.home-assistant.io/docs/en/lovelace_custom_card.html in particular
i've tried looking at the dev docs… they hurt my head, so i've put them on the TODO list… 😩
(also, javascript… not my best language… which doesn't help.)
@hexed owl just use an entity-button or button-card instead of light-card if you don't want the brightness
…okay… i think i can do that custom card thing, though… prolly need to hunt down the standard card in github, i guess… going to go grab food first, however.
@mild veldt couple posts back, mentioned how i could lovelace-bodge it, essentially exactly that way; i want to be able to change the brightness, just not have it show on the card.
(the brightness is basically permanently set at 64 of 256… any dimmer and it starts to flicker badly, any brighter and it blinds me, being it's an RGB led strip sitting right below my monitors…)
entity-button is still an option and then set the hold-action to more-info which has brightness controls
ahhh…
entity-button is still showing a dimmed icon. 😦
and i don't know how i'd get more-info to show the more-info of a different switch
…which seems to bring me back to parallel switches, with parallel cards, and flipping on long-press… min five components to do what i should be able to hack in as a setting, if i can pull together sufficient sanity…
insane cackling
My eyes! They bleed! 😛
@polar kelp 🤣 mad lad
@split granite you'd hate my LED strip, then… 1m of glorious RGB, across the desk right below my monitors…
type: custom:card-modder
style:
animation: blinka 2s linear infinite
styletag: >
@keyframes blinka {
50% {
background: red;
}
}
card:...```
What do you mean "css isn't valid yaml", hassbot?
good day all, id like to know if i can replace my off': /local/images/tvlightsoff.png to a value that will grey it out instead of the need of a off picture, so i online need a single picture?
- elements:
- entity: light.group_tv_lights
filter: saturate(.8)
image: /local/images/tvlightson.png
state_filter:
'on': brightness(120%) saturate(1.2)
state_image:
'off': /local/images/tvlightsoff.png
im asking cause 'on': brightness(120%) saturate(1.2) has that value but when i put that in off, i am getting an error that the image is not found (greyed out image on top of the tvlightson.pg) https://www.screencast.com/t/eV4TZBtHxQe3
so i'm starting to use the newer 'configure UI' method to configure cards in lovelace, where is the generated config stored?
ah okay cool, so i should track that with git if i want to keep things backed up like the old days
Either that or copying and pasting the raw config after every change into a separate file, but that seems a little tedious, so yes 😉
ooh, cleartext api keys in there too
In your lovelace file? o_O what api does that?
a whole bunch of other configs have cleartext passwords… you can shunt them out of your main configs with !secret (and then .gitignore it), but not so much with most add-on's, and well, pretty much anything that takes passwords in JSON… 😦
What addon stores cleartext passwords directly in the lovelace file though?
@elder pendant not in the lovelace file, i was looking in .storage
Oh I see. Yeah, you definitely don't want to whitelist the whole directory, just the one file
If you aren't planning on using yaml mode again, then yes
so what's the order of operations? does hass scan the yaml file first, and then the customized stuff in the .storage json?
If you have lovelace: in your configuration.yaml it uses ui-lovelace.yaml
otherwise it uses the .storage file
In which case there is nothing to backup anyway 🤓
device tracker hide_if_away: true used to work in states ui, but doesnt work in lovelace. any way to fix?
Don't add the entity to the UI?
i want to use badges, so i guess im gonna just accept the new way.
is there a way to change the badge color if "away"?
The plan is that badges will eventually get filters and conditions, but right now, not possible
I'm having an issue with the custom mini-graph-card. HA runs on a VM off my server. I used my laptop to configure it. Everything works as expected there. I got to another PC and launch the browser, but that custom card gets an error. Any idea what would cause this?
Custom element doesn't exist: mini-graph-card.
{
"type": "custom:mini-graph-card",
"show": {
"icon": false
},
"entities": [
"sensor.bedroom_thermostat_temperature"
],
"name": "Bedroom Thermostat Temp"
}
look in your browser console for errors
found a bunch, but realized i just restarted HA... 😃 will check again in a minute
thanks. i'm not a web guy so didn't know where i could look
Clear cache
and see this. it gives me somethign to look at
SyntaxError: "" string literal contains an unescaped line break
i'll try that too
So .... I just "encountered" lovelace. Meaning I updated my Homeassistant from a pre-Lovelace version to 0.87.
Does my groups.yaml still work? Can i continue using it? Is there a transition guide somewhere?
I like the looks, but I think I have some catching up to do how to configure it.
Sorry.
wtf..
well that's cool.
I shouldn't be allowed this kind of power.
my question is, can I do this on picture-elements?
@safe sigil from someone very new to lovelace myself, yes groups.yaml still works. all the back end things do. your sensors etc is all still there. the UI is now separate. daunting at first, but once you get into it, it's very nice. i've dropped running HA dashboard and now will just use a lovelace page.
@polar kelp was wondering why some cards shows ok in desktop but in android mobile wont show
auto-entities, mini-graph-card
is this related to mobile problem cause they are custom cards?
@mild veldt eh
so evil…!
It'll take me ages to explain how to do this in the readme...
@polar kelp I need this https://gfycat.com/jointshadycapybara
greenscreen, dvd, logo, chicken, blash, shitpost
YES!
I'll go clean the garage before I ruin something else.
simple animations like that for actions like door opening or fan would be nice
or to troll you guests
evil evil 😉
Animations based on user could be a recipe for fun times
flipping a card to get more info or graphs would be cool
Or when something goes between states
Eye candy... pointless eye candy... but 🤤
A casual look at the forums suggests that it is these eye candies that get most ppl excited 😃
Yeah... I don't want to like it... but I do...
I saw somewhere...someone posted their tablet-on-the-wall setup showing that it was garbage day and the icon flashing. I admit that kind of notification would be useful
Ooooh, a slow pulsing actually... that'd be nice
I'm not into <blink>... that just brings back bad memories 😛
lol
I plan on having rotating banner ads on my display now, directly targeting my wife
lol...then she will start using adblockers 😂
@wheat current around ?
he's always in the shadows
If that is true, please open an issue where you found it 😃
that new resources /customcards/
i just dont get it to work :/
but ill add issue 😃
dear god .. i found that release notes from .. somewhere, but now im unable to find it again lol ..
Is there a way to change padding in a glance card?
aha, found it again
Why would I get and "unable to discover device" on my Roborock vacuum every morning at 3:10 AM?
It loses connection briefly
planning how to murder you, probably…
Shut up! I am getting paranoic now...
doing some sort of reboot ?)
Firmware check?
where do i find the js for the lovelace components like "layout-card" or "button-card"?
anyone have the link for the cool lovelace cards? i can't seem to find it?
@mossy otter here is the documentation on how-to: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
and here are a lot of card-plugins
https://github.com/thomasloven
thanks
Hi there, i'm new here and struggling time after time (two weeks now) with lost entitie in the UI webinterface. After discover i can add the new motion and temperature entities (433Mhz via RFXcom) to lovelace view. After a while when i rebooted hass.io then i see yellow lines with the text "Entity not available". A restore of the complete backup is no fix, the only way is to asign new unused entities which had an other object ID number. See the sample below which i found in the customize.yaml file after I changed the friendly name via the webinerface. Is there someone who can help me here, thanks
1e time
sensor.0a520706500e00ca310179_temperature:
friendly_name: Livingroom
2e time
sensor.0a520703500e00d3330179_temperature:
friendly_name: Livingroom
Looks like your sensor id is changing every time you restart. It's the fault of whatever platform your sensor is using most likely
@elder pendant These sensors have been working for years on a Domoticz raspberry pi. And I do not see this phenomenon there, I can not figure out what causes this is.
And they are still working right now, I want to merge to HA (hass.io) 😏
What platform are the sensors using?
Cresta hygro / temperature sensors via 433Mhz
https://www.weerstationkopen.nl/accessoires-weerstations/cresta/tx-320-3-kan-sensor
I mean the HA platform. What component are they connected with
Raspberry Pi 3B+
He is using the "RFX" component as described above in the large text block
probably a very simple (stupid) question...just getting started with HA. How do I rename the yr symbol badge to just "Weather"?
@strong falcon yr weather is going to stop giving apis its better to use dark sky weather
thanks
Am I doing something wrong here? - type: picture-entity entity: group.ryan_presence state_image: "home": /local/images/ryan_home3.jpg "away": /local/images/ryan_away3.jpg Home works, away shows a broken image
well then yes
Thanks!
Is it possible to host the images via nginx?
I have my ha behind a reverse proxy
would like to have them at /images
Never mind, looks like it will work fine on the reverse proxy, the key was no_home
what's going on in lovelace anything cool?
Can you get the bayesian sensor to report on the zone it is in or does it just report home/away?
@glad cave #330944238910963714
Apologies
any pages with cool stuff people are doing in lovelace now?
New card-modder release. Includes the animation feature: https://community.home-assistant.io/t/my-lovelace-plugins/70726/816
this looks really neat @polar kelp . Would it be possible to make a fan icon animate with this or does it only apply to the bckground.
I think it should be posible
thx i'll give it a shot later
@polar kelp need that in the demo ASAP
@wheat current a few issues with new custom updater. 1. Can’t switch to storage mode until new component loaded otherwise config won’t validate. 2. And cards not in your updated - like the custom-compact-header shit themselves if you change the path - my bad but should be in docs. 3. Upcoming media card got duplicated one directory level higher instead of staying in it’s configured folder. 4. I ended up with Thomas Lovens media player as well as the kahlik (?) one
Ludeeus is away for 4h 35m 3s with a message :point_right: 💤 -> 🏢
Just me or does custom code disappear when you go back in to edit a card?
Has anyone flashes the rgb merkury bulbs with tasmota with full rgb control?
@mild veldt Here is an example of my button card code. it works it is just gone when I go back to edit
type: entity-button
name: Flower Light Cycle
icon: mdi:flower
tap_action:
action: call-service
service: input_select.select_option
service_data:
entity_id: input_select.cycle_option
option: Flower
hold_action:
action: none
entity: input_select.cycle_option
Is there a a way to display all automation entities in a entities card automatically?
@pulsar verge what’s the right channel?
@polar jackal check out https://github.com/thomasloven/lovelace-auto-entities
@untold acorn not the UI one...
@pulsar verge via the UI editor?
@mild veldt correct
@mild veldt Nice! I was hoping for a native configuration, but this works. Thanks
@mild veldt thats it.. I will follow the issue. Thanks for the help.
@polar jackal no fun in not using custom cards
@mild veldt True!
I'm changing some of my views right now, why are badges a thing? Couldn't the top card contain the same stuff?
Different strokes for different folks
Could anyone tell me if this is possible, I've been struggling with it for like 3 days now. I don't know if I'm doing something wrong (lovelace newb) or if i'm trying to do something that's impossible...
i basically want a horizontal-stack with two horizontal-stacks nested inside it... the left side would be conditional stuff (one would always be active at all times) and the right side would be a vertical-stack that toggles input_booleans that replaces the horizontal-stack directly to the left. But it'd appear attached/connected to the same card. Everything I'm trying doesn't seem to work, this image explains it better: https://i.imgur.com/le2WFS3.png
@latent moss what have you tried? It sounds like you'll have something like this:
hor-stack:
- cond 1 (key)
- cond 2 (fav)
- cond 3 (nav)
- vert-stack (selector)
The only trick I see to it is making sure only one of your conditionals is showing. To do that, have input_booleans for each and then when any of your options are selected in the selector card, have it run a script that turn the other input_booleans off and turns its respective one on
i feel like i've tried everything.. the vertical stack (toggles portion) keeps becoming a whole new card
there's 4 buttons on the left side (conditionals), i want the toggles to almost appear like they're a fifth button (even tho they'd be in a different stack)... i feel like this should work since they are the same height etc, but it seems to insist on putting in a whole seperate card, unless my code is wrong.
so your issue isn't the toggling, it's the positioning?
yea
in the ss you can see that its being seperated to a big gigantic thing in the middle column
I don't think you want two horizontal-stacks inside the first.
hmm
to start, just try it with one of the conditionals or don't even use the conditional
just
h-stack:
- num
- v-stack (selector)
ok will give that a shot
and if that works, you're just swapping out what you have for "num"
i think it's that i have a horizontal-stack for each row of numbers that might be messing it up. one horizontal-stack for the numberpad and one stack for each row.
this is the closest i've been able to get it so far https://i.imgur.com/3SZ2yvL.png
So here is how it looks now, the toggles are in the right place/size but it messes up the card on the left. https://i.imgur.com/O3padu8.png i feel confused as heck lol
could you take a quick peek at this when you get a chance @mild veldt , i feel like the code is correct but i don't know why it's not displaying right https://hastebin.com/hagafewati.bash
@latent moss shouldn't your rows be in a vertical-stack?
omg...
that worked right away, slaps forehead . Just need to re-arrange the numbers now https://i.imgur.com/1tLtLaj.png but thank you so much 😃
👍
looking forward to seeing the end result. the screens you've shown over the last week are looking great
thanks!
Anyone using the entity button card with multiple entities? The example makes it look like it should be very easy to put 3 entities on one card but the default yaml looks nothing like the example and if I make it look like the example but with my entities I get the error: YAML Error: TypeError: Cannot read property 'startsWith' of undefined
How can I make a glance card use pictures instead of icons?
Trying to get a "People who are home" going with pictures for the people
Oh, I restarted and it worked.
Quick question... I'm using dark sky sensors. But reading in the Lovelace docs, I see the weather card works only if you have darksky set up at the weather component, not as a sensor. What's the difference?
'''
This card works only with platforms that define a weather entity.
E.g., it works with Dark Sky but not Dark Sky Sensor
Don't use the sensor
'''
The weather component gives you all the information that the sensors do in a single entity
excellent. thank you!
They should remove those sensors imo
If you really needed a sensor for each of those things you could use a template sensor
That may explain all the issues I was having with HADashboard.
there is a darksky lovelace card that uses the darksky sensor
just not the inbuilt one I guess but a custom one
@timid burrow
since that is a component this channel is not the best place to report issues, since that is a custom_conponent you should first contact the developer by using the issue tracker where you found it, since it's mine you should definitely open a issue for this, preferably one or issue, then it will not get lost on me 😉
I did already.. after I went here
do you know if this is going to blow up with the breaking changes in 0.88 about custom_components?
One thing that puzzles me slightly: When i switch to Lovelace, everything that was in my groups.yaml at time of installation of Lovelace is present. An element that i added after the update is not.
Lovelace just grabbed the groups.yaml at time of install and disregards it completely after that, is that assumption correct?
that's it
Groups are used for the initial migration, and then never again
Ok, then i have to swtich back to states until i ramped up on Lovelace knowledge and can migrate. Thanks!
But it looks so NICE! 😄
I just need some free time to dive into Lovelace and learn it. My HA runs most of the time without me tinkering with it. The Platform is so robust I rarely need to work on it.
it is posibel to rotate a pictrue entyti?
Qucik question from a noob: When I do UI changes using the UI editor; What file(s) is the changes written to?
Hi. My lovelace-editor are missing some text. For example can`t i see the text on "Unused items" and "Lovelace editor" when i hit the three dots in the upper right corner. The editor are missing the "Save" text. Any possibilities to get them back?
@royal hinge .storage/lovelace
@wind jay check out card-modder
Changing language maked it for me 😃
@mild veldt thank you but after upgrading to 0.87.1 I did not succeed adding costum cards
I've removed a lot of my unused automations in the automaiton.yaml file recently. But I get a lot of warnings in a group showing all automations (group.all_automations), refering to the automations I have deleted. Is there a file I should flush as well?
Forget it 😉 Think before you type 😄
can i use the custom ui without having enabled the yaml for the lovelace? because is 1 hour that i'm trying to use this customization for the a light slider without success: https://github.com/thomasloven/lovelace-slider-entity-row
Put the resources in the raw editor: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
yes, it's what i did.
this is the code in thr raw editor https://hastebin.com/catalakoru.bash
add to the top
resources:
- url: /local/slider-entity-row.js
type: js
after you download the raw js to your www folder
yes, i created afolder inside www and addes this on the top: resources:
- url: /local/custom_ui/slider-entity-row.js?v=0.3
type: js
well you posted https://hastebin.com/catalakoru.bash which doesn't have that
you are super right, my mistake, this is all the content from the editor: https://hastebin.com/olohuyopej.bash
so you have the file in <config folder>/www/custom_ui?
You did restart HA after adding the www directory, correct?
yes, rebooted the raspberry
yes was the desperation, normally i will just restart it from the UI
Can you see anything if you go to http://<your-ha-address>/local/custom_ui/slider-entity-row.js ?
yes, the content of the js file
Do you get any visible errors when you try to add it to a view?
hey [fully-inclusive] guys … made a small change to the monster-card ( https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card ), and wanted to toss it back to the guy in an email or something in case he cares… wondering how best to do that…?
Pull request?
don't i need to have cloned it with git or some such? i've been meaning to check out git, but it's been on my TODO list for about half a decade now… lol
@elder pendant unfortunately nothing
You need to fork the repo first, make the changes, commit, push, and then make a pull request
@vapid field do you see anything in the browser console when the page loads?
gah… yeah. right. what i need to do, is get my arse into bed. none of that other junk… lol that's why i was hoping i could just toss it into an email to the guy… but that doesn't seem to be an option.
meh… it's a tiny delta, like, six lines total… never mind then.
@elder pendant nope sorry, no errors
Could you post your full raw view again? The links look like they're expired
Did you clear your cache already/ try in a different browser?
Check browser console for errors (F12)
Sounds like you should try to dowbload a new updated file 😃

so at the end was a super bad luck having downloaded from github the wrong time!!
now it does work
💯 thank you all for the help!
@polar kelp would your background and border radius pr be in the current beta?
I sure hope so
I can't get the beta running successfully anyway 🙁
@mortal cape yes https://github.com/home-assistant/home-assistant-polymer/pull/2736
@polar kelp getting Uncaught SyntaxError: Unexpected token export for roku-card-editor when I start/restart Lovelace. Tips?
Module, not js
sweet. also popup-card doesn't pop up.
~format @vapid field
@vapid field 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
type: 'custom:popup-card'
title: Kitchen Roku
entity: media_player.roku_kitchen
card:
type: entities
entities:
- entity: media_player.roku_kitchen
icon: 'mdi:alpha-r-box-outline'
name: Kitchen
Now please go re-read the last line of the message above 😉
The one starting DO NOT repeat posts. Please edit previously posted message
Looks fine. Does the normal more-info open instead, or what?
I get nothing at all. have to go into edit to see it
entity exists and roku-card can use it
Latest versions of everything? Hass, popup-card, card-tools.
yes.
- type: js
url: /local/card-tools.js?v=5
- type: js
url: /local/popup-card.js?v=5
- type: module
url: /local/roku-card-editor.js?v=5
- type: module
url: /local/roku-card.js?v=5
@polar kelp sorry to keep pestering...this goes in my theme? border-radius: "var(--ha-card-border-radius, 15px)"
No, just ha-card-border-radius: 15px
and in the theme, not in the card?
nothin. I think I need some walk away from it time
@polar kelp , are there other options for themes? GREAT!
@fathom rock 👋
So, yes, if you're on 0.86 onwards, you automatically get a Lovelace UI build from your existing config
im not this far yet. this kinda commitment is scary
No effort required
how do i know if im using it already?
Look at the URL
If it has /states your on the old UI, if it has /lovelace you're on Lovelace
i guess im on lovelace already
🤣
Quick question : trying to make a button to do a mqtt.publish ... how can i make it (been getting errors from HA 😦 )
I'd, personally, do that publish in a script, and use the button to call the script
is the default lovelace any different from teh states page?
Not terribly, unless you've a thermostat or media player
@tired hare https://www.home-assistant.io/lovelace/entity-button/#tap_action you can make service calls with the tap action
But, you can go bananas and make it way more usable than the old UI
ive noticed my media player stuff acting super wonky. they like to say entity is missing and then it comes back. so i just removed it since i dont use it anyway
Make sure your service call is valid before you start trying to add it to a button
@old karma Yes. From 0.88 themes can change border-radius and background (more than just color) of cards.
@elder pendant : how about an example 😛
i'm struggling with the correct format
Have you tried making the service call in
to make sure it works?
yup
@polar kelp , veeeeery nice. Applying that with card-modder to every card was a pain!
You want to post what you have so far and what's not working the way you expect? @tired hare
''''
'''type: entity-button
name: MQTT publish
tap_action:
action: call-service
service: mqtt.publish
service_data:
payload: "on",
topic: "/hello/world"''''
meh ... sorry wrong format
name: MQTT publish
tap_action:
action: call-service
service: mqtt.publish
service_data:
payload: "on",
topic: "/hello/world"```
hit the wrong key 😛
It errors out
and just want a butto to do an mqtt publish
button*
@old karma I've just been waiting for the feature freeze to be over.
@elder pendant : so what have I been doing wrong
{
"type": "entity-button",
"name": "MQTT publish",
"tap_action": {
"action": "call-service",
"service": "mqtt.publish",
"service_data": {
"payload": "on",
"topic": "/hello/world"
}
}
}
it just deletes my mqtt stuff
Why are you editing lovelace JSON?
lovelace show card-config issues in json
@tired hare You are missing a ☝entity
so I need to create a dummy entity ?
yes
is it possible to change the background to an individual tab?
Or just use one that already exists
@sleek warren It's called "view". What does the docs say?
lovelace editor just ff-ing destroys my edit
this is quite annoying
it was accepted ... but after saving and editing it was gone 😦
GRRRRRRR
maybe
"topic": "\/hello\/world"
ok ill work it out i tried the example from the views section on ha website, the question was more (does it stll work) i assume yes 😃
That really shouldn't be necessary
hmmzzz just want to create a butto to do an mqtt.publish 😦
ahhh sorry i can get the background image to work behind every tab the same, i was trying to get different image per tab (sorry for the bad explanation)
@polar kelp having issues with display: block function on card-modder. Any ideas? Thanks!
https://www.home-assistant.io/lovelace/views/#theme @sleek warren
tap_action:
action: call-service
service: mqtt.publish
service_data: null
payload: true
topic: /hello/worldhold_action
hold_action:
action: none
entity: automation.ifttt_webhooks
now i get failed to call service mqtt publish
@atomic glacier What are you trying to do and what happens?
All cards have display: block already anyway...
@polar kelp now I'm getting this when trying to edit a roku-card: Uncaught (in promise) DOMException: Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry
YAML Error: YAMLException: bad indentation of a mapping entry at line 6, column 12: payload: true
@vapid field change const in lines 1 and 4 of roku-card.js to var. Then update version number in resources. Do the same for any other card that has simmilar lines in the beginning that start with either const or let.
I think that should help.
@mild veldt 👆
Border was around entire view before but won't display now only around first image .https://pastebin.com/HL54c57w
@vapid field PRs welcome 😃
@vapid field Sorry. Change it to var, not let.
ok think we have success 😃 but how the hell do i clear cached images lol chrome is relentless for caching these images
sure i just did that lol
@atomic glacier I think you'd have better luck with an entities card rather than vertical-stack-in-card.
ahhh damn i cleared cookies... i need to lay off the ale
