#frontend-archived

1 messages ยท Page 93 of 1

slow wave
#

what is this attention you speak of ?

#

I have just installed a new ADHD-TV

#

๐Ÿ˜„

wheat current
#

Well... unless there is a major version bump nothing should break right?

split granite
#

You say that... but it's happened

#

I think only once, but if it's happened before it'll happen again

wheat current
#

Probably, since our major version still is 0 ๐Ÿ˜›

split granite
#

๐Ÿคฃ

#

I'm waiting for 0.100 since that'll confuse many folks

wheat current
#

Yeah, that will be fun ๐Ÿ˜„

slow wave
#

I loved a Brocade firmware bug I found once

#

switches would reboot 99 days after implementing it

#

which was fun if there had been a DC power outage since you upgraded

wheat current
#

That would have been a fun day at work xD

slow wave
#

Guessing you mean RFC: Call services directly #18720 @split granite ? ๐Ÿ˜„

split granite
#

๐Ÿคฆ

slow wave
#

@wheat current It was when a big betting company I had upgraded suddenly lost all paths to all SANs ๐Ÿ˜„

split granite
#

Have a read

slow wave
#

@split granite โš ๏ธ sensor_data: entity is no longer passed as entity_id to service call and must be explicitly set then ? ๐Ÿ˜„

split granite
#

Sure, let's pretend that's it

#

Maybe you should try reading all the breaking changes

slow wave
#

@split granite thanks for making me work for it, it does help ๐Ÿ’•

split granite
#

Give a man to fish and you feed him for a day. Teach him to fish, and you feed him for life ๐Ÿ˜‰

slow wave
#

But I love fishing already! Except when I get Catfishes on the hook, I cut that line fast as heck

wheat current
#

That looks stupid...

slow wave
#

It bites like a mofo

#

and won't let go if it gets your hand

split granite
#

So... fish with dynamite instead?

wheat current
#

yeah, have heard stories about it, folks rushing to the ICU with a fish stuck to their arm/foot

slow wave
#

@split granite doesn't help much when the fish lives at 40-100 meters depth, then you just kill all the cod and other highswimming fishes :p

split granite
#

Depth charges then ๐Ÿ˜›

slow wave
#

๐Ÿ˜„

#

Now my fridge tablet is starting to get usable

#

thanks @split granite

#

just to get all other stuff looking nicely

split granite
#

No worries

mint geode
#

Hello all, I've got a few mdi icons that don't show up in the frontend. They aren't too new, so I don't know whats going on. Examples would be mdi:alpha-s-box-outline or mdi:radio-fm

upbeat sierra
#

how do I get 24hour time format on graphs in lovelace?

split granite
#

That's controlled by the display language in your browser

upbeat sierra
#

hm. any way to override it from HA ?

split granite
#

No, because it's controlled by the browser

upbeat sierra
#

is there a way to add daily vertical line at multiday graph?

split granite
#

If the graph card docs don't show it, then not without creating your own custom card

raw tiger
#

Hey all QQ! Is Lovelace going to replace both Groups & Customize ? I have replaced group with Lovelace & some of the Customize file, but wondering if it will replace customise completely? I think LL might be missing entity_picture.

split granite
#

No

#

group isn't going away, it just has no part to play in the UI any more

#

customize still exists, for now at least

#

Also, https://www.home-assistant.io/lovelace/picture-entity/?

raw tiger
#

Okay thanks for letting me know. I did mean the second one.

violet talon
#

does hass do any caching server-side for lovelace? I've cleared my Chrome cache storage, db storage, local storage, service workers, cookies and keep getting an old JS file for a custom card

wheat current
#

nope, it's all in the browser

mild veldt
#

@violet talon what mode are you in and how are you updating?

violet talon
#

storage mode? and editing /www/custom_ui/calendar-card.js

#

if I inspect in chrome and go to sources > pick my js file it shows the old cached version, if I browse directly to the file, it shows the correct version

#

I've tried going to more tools > cookies and clearing everything there, I've tried going to dev tools > application and clearing everything there

#

under devtools > network I have "disable cache" checked

#

ugh, it finally cleared

#

no idea what magic combo I used to get it to load the new file though

#

there was a conflict between the calendar card and the animated weather card both having a .day class in their CSS

#

there should be a style-guide for custom cards to have them prepend their classes with the card name to prevent conflicts ๐Ÿ˜‰

wheat current
#

@mild veldt finally showed up, that fixed it ๐Ÿ˜‰

balmy shore
#

Good Morning

#

I am having issues with implementing a vertical stack

split granite
#

You need to explain your problems and share what you've done ๐Ÿ˜‰

#

~share

kind shellBOT
balmy shore
#

very basic ui-lovlace.yaml

#

whenever I try to add a vertical stack I just break things

split granite
#

That's a bit vague ๐Ÿ˜‰

balmy shore
#

if I add - type: vertical-stack to the yaml file, I break the UI

split granite
#

That's still a bit vague

#

Where are you adding it?

#

What does that look like?

#

If you can show us what you're doing, we can help, but without knowing what you're doing it's practically impossible ๐Ÿ˜‰

balmy shore
#

I was trying to add above the cards: line

#

I see you have a cards: line before and after the - type: vertical-stack

split granite
#

Yes, because the view holds cards

#

And that card in this case is the vertical stack

balmy shore
#

was not obvious that I needed a cards: line before as well

split granite
#

That's because the vertical stack is a card

#

And so the docs show the config for that card

balmy shore
#

once you realize that it makes sense

copper mural
#

Why isn't the state-icons render up when using panel: true ? The issue now is if I using my computer and look at the floorplan and set the state-icon of 25px x 25px, it looks good there. But in chrome on my phone, it then being very large. Any ideas?

#

If I remove panel: true, so the image also render only one column, it looks good on both devices, with 15px x 15 px

balmy shore
#

uhg

copper mural
#

You dont understand what I mean? ๐Ÿ˜ƒ

#

My english is sometimes a little drunked. ๐Ÿ˜‰

split granite
#

You'll never get one size fits all ๐Ÿ˜‰

copper mural
#

Can it be set to be one size on panel: true, and another size when view in mobile?

#

Dont want two separate views.

split granite
#

No, because the view is either a panel, or it's not - this isn't Schrรถdinger's View ๐Ÿ˜‰

copper mural
#

Who the hell is Schrรถdinger ? ๐Ÿ˜ฎ

split granite
copper mural
#

hahah, never heard of. When I grow up I maybe learn about sucha things tho. ๐Ÿ˜›

balmy shore
#

ok, I give up

split granite
#
title: My Home
views:
  - title: Home
    cards:
#

The vertical stack card goes after that

#

Everything else then gets indented under the card

balmy shore
#

when I did that lovelace broke

split granite
#
title: My Home
views:
  - title: Home
    cards:
    - type: vertical-stack
      cards:```
#

And then the cards

copper mural
#

Always number two .. ๐Ÿ˜‰

split granite
#

๐Ÿ˜„

#

@wheat current complains about that too ๐Ÿ˜›

copper mural
#

haha

balmy shore
#

@copper mural Thanks, that worked!

#

I promise i TRIED that, but I must have goofed up the indentation

#

so, yamllint complains about the file, but it works

#

if I make yamllint happy, it does not work

copper mural
#

Dont complain when I try it in yamllint.

wheat current
#

Use tinklint much better

copper mural
#

Not even google knows about it.

#

Link please.

#

Ah, now I get it. ๐Ÿ˜‰

balmy shore
#

hahah

wheat current
#

It still in development, tinklint is still a semi maual process, first you put what you want to lint in hastbin, then you sent that link to @split granite and it will give you the result

split granite
#

Processing time is quite variable right now, I seem to have built in a resource contention issue

balmy shore
#

anyone use Mac OS X? I am using vi to edit the yaml files now but would like an editor that has checking

split granite
#

Atom? Visual Studio Code?

balmy shore
#

Thanks @split granite I really appreciate your help!

split granite
#

None know Home Assistant, but they know YAML

balmy shore
#

yea, but yamllint does not like yaml that works in home assistant

split granite
#

It does, mostly

#

Ran my ui-lovelace.yaml through it, it was happy ๐Ÿ˜‰

balmy shore
#

$ yamllint ui-lovelace.yaml
ui-lovelace.yaml
1:1 warning missing document start "---" (document-start)
5:5 error wrong indentation: expected 6 but found 4 (indentation)
7:7 error wrong indentation: expected 8 but found 6 (indentation)
16:34 error trailing spaces (trailing-spaces)

#

on the file you sent me Tinkerer

split granite
#

the last three are down to the formatting, they're fixable - I just hacked that together quickly

#

The first, well, just add --- at the start

balmy shore
#

I did

#

but if I "fix" the indentation, I usually break it

split granite
#

Then you're doing something wrong

balmy shore
#

really?

#

hehehe

split granite
#

~yaml @balmy shore

kind shellBOT
balmy shore
#

$ yamllint ui-lovelace.yaml
ui-lovelace.yaml
6:5 error wrong indentation: expected 6 but found 4 (indentation)
8:7 error wrong indentation: expected 8 but found 6 (indentation)

#

I added the --- to the first line

split granite
#

So fix the others then, add spaces

balmy shore
#

it breaks if I add the spaces

split granite
#

Don't see any added spaces to indent things correctly there

#

(and by correctly, I mean satisfy the linter)

balmy shore
#

right

#

I think yamllint is causing me issues with indentation

rancid schooner
#

Oh no! after updating my whole lovelace UI is gone?

split granite
#

๐Ÿคฃ

#

Then you broke the formatting, again

balmy shore
#

if I make it look that the docs, it does not work

split granite
#

~share

kind shellBOT
rancid schooner
#

It doesn't shows my ui lovelace yaml file

#

Does anyone knows how to fix this.

split granite
#

"it"?

#

Did you just upgrade from 0.83 or earlier to 0.84?

rancid schooner
#

yes

split granite
#

Then you forgot to read the release notes

rancid schooner
#

I don't really get it. Can I convert my lovelace ui to the new format ?

split granite
#

Did you read those release notes?

#

There's a whole huge section for existing users that explains how to do that ๐Ÿ˜‰

#

Option one is to use the new storage mode and import your existing file

mint geode
#

Hello all, I've got a few mdi icons that don't show up in the frontend. They aren't too new, so I don't know whats going on. Examples would be mdi:alpha-s-box-outline or mdi:radio-fm. Can anyone help me out with this

rancid schooner
#

@split granite Thanks, I think i've fixed it after pasting it in the raw codde

#

code*

#

Only my weather card is ls messed up now

balmy shore
#

anyone else have weird issues with weather card showing 6 hours behind seemingly randomly?

mint geode
#

I'm trying to convert my UI from yaml mode to storage. According to the release notes i should click on configure UI in the menu, but that doesn't bring up the config editor. Instead it says i cant configure the UI in yaml mode. So what now? Should I backup my lovelace ui file and change my config.yaml back to storage-mode and try if it enables the ui editor?

mild veldt
#

Remove the yaml mode option from your configuration.yaml and restart

mint geode
#

Thanks

rancid schooner
#

With the new changes to lovelace, Do you all do the editing now via the webinterface, since when i'm writing larger pieces of code editing is very hard with all the spaces.

#

Normally I used notepad++

mild veldt
#

Then use yaml mode

rancid schooner
#

@mild veldt But is the new way going to be via the online editer , maybe with markup later. Or is YAML still something you prefer?

split granite
#

Everybody's personal preference is different ๐Ÿ˜‰

rancid schooner
#

haha:)

glass oak
#

#diversityintech

#

although, if the online editor gets markup, that'd be super nifty

sour thunder
#

I know in lovelace you can specify the tab on which these round bubbles with the unused entities/data should be shown. Is there also a way to show all cards (media players etc) on one tab? Without having to specify each one?

split granite
#

No

#

Things have moved far beyond the old UI that vomits everything onto a single tab

mint geode
#

I've now moved to storage mode but I have a few problems

#

I pasted in my raw ui-lovelace.yaml file into the raw config editor, once I save it deletes some horizontal/vertical stacks by itself, is tthat normal?

mild veldt
#

@sour thunder you could use the custom monster-card for that

sour thunder
#

Thanks

mint geode
#

I also get some problems on entity updating that weren't there before. For example: My lights now seemingly randomly get the state unknown EDIT: Apologies, the entity update problems seem to be caused by my raspberry not being able to hold up with cpu by rendering HA and Discord in the browser at the same time.

mild veldt
#

@mint geode are you sure things are not just reordered for your stacks? I.e. the type is below the cards but at the same indent

mint geode
#

๐Ÿ˜‘ I'm so silly

#

Yes they are there, just written way down

latent moss
#

just fyi to the mods, the most recent pinned message is a 404

split granite
#

@mild veldt ^^^

mild veldt
#

Iโ€™m not a mod

#

I donโ€™t fix things

#

I break things

split granite
#

That's pretty much the definition of a dev in my experience

mint geode
#

Do you guys think you can help me with the custom:swipe-card from bram?

split granite
#

Depends on the question really

#

Most questions about problems with custom cards will be best asked of the creator, but ... ๐Ÿคท

mint geode
#

I get the message custom card doesnt exists

split granite
#

~share

kind shellBOT
wheat current
#

@clever ore you link is broken nvm... it was @mild veldt that screwed up

split granite
#

Show us the config

mint geode
#

ok

clever ore
#

heheh

mint geode
clever ore
#

might want to update the pinned link here for custom-compact-header though

#

i moved it

split granite
#

That appears to be missing large chunks of your config @mint geode

#

Like the card definition

clever ore
mint geode
#

on the bottom

#

As i said everything gets shuffled around in the raw config editor

split granite
#

I see no resources section ๐Ÿ˜‰

mint geode
#

Oh sorry you wanted the whole config?

split granite
#

And yes, how else can we help you

wheat current
#

Can you add a short description to that message @clever ore ?

mint geode
#

the custom card begins in line 39

split granite
mint geode
#

Raspbian

split granite
#

Ok, then does ls ~homeassistant/.homeassistant/www/custom-lovelace/swipe-card/swipe-card.js show the file?

#

Assuming you're using homeassistant

mint geode
#

Should I paste it into hastebin?

split granite
#

You can just say "yes" or "no"

#

That's not what I asked

mint geode
#

Sorry

split granite
#

Type ```ls ~homeassistant/.homeassistant/www/custom-lovelace/swipe-card/swipe-card.js

mint geode
#

now i understand

#

sorry no native speaker

split granite
#

this is a command

mint geode
#

yes now i know

split granite
#

You run the things there if they're not code samples

wheat current
#

erro: command this not found

split granite
#

๐Ÿคฃ

mint geode
#

error*

wheat current
#

I can't even get my errors correct...

split granite
#

Damn, that's a nice looking card @clever ore

clever ore
#

Ty, sir. Appreciate it!

mint geode
#
pi@raspberrypi:~ $ ls /home/homeassistant/.homeassistant/www/custom-lovelace/swipe-card/swipe-card.js
/home/homeassistant/.homeassistant/www/custom-lovelace/swipe-card/swipe-card.js
pi@raspberrypi:~ $
wheat current
#

.format

kind shellBOT
#
:information_source:
Format Code:

To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:

```
code here
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

wheat current
#

.edit

kind shellBOT
mint geode
#

I edited my original message

split granite
#

You did create those files, and folders, as homeassistant and not pi?

wheat current
#
ls -la /home/homeassistant/.homeassistant/www/custom-lovelace/swipe-card/
mint geode
#

yes, but pi has all the necessary rights as well

#

ah

rancid schooner
#

How do I call a script now via a picture elements card tap_action: action: call-service service: script.turn_on entity_id: script.tv ?

split granite
#

~format @rancid schooner

kind shellBOT
#
:information_source:
Format Code:

@rancid schooner To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:

```
code here
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

mint geode
#
pi@raspberrypi:~ $ ls -la /home/homeassistant/.homeassistant/www/custom-lovelace/swipe-card/
total 20
drwxrwxrwx 4 pi pi 4096 Jan  4 19:23 .
drwxrwxrwx 3 pi pi 4096 Jan  4 19:14 ..
drwxrwxrwx 2 pi pi 4096 Jan  4 19:40 css
drwxrwxrwx 2 pi pi 4096 Jan  4 19:40 js
-rwxrwxrwx 1 pi pi 4011 Jan  4 19:23 swipe-card.js
pi@raspberrypi:~ $ 
split granite
#

๐Ÿคฆ

#

Who's been drinking the chmod 777 cool-aid?

mint geode
#

One with no linux experience

wheat current
#
sudo chown homeassistant:homeassistant -R /home/homeassistant/.homeassistant/www/
mint geode
#

done

#

restart?

wheat current
#

no

#

but also fix 777

rancid schooner
#
    tap_action:
      action: call-service
      service: script.turn_on
      entity_id: script.tv
mint geode
#

yes but now I can't edit the files with my user pi

wheat current
#

good

mint geode
#

Why?

wheat current
#

you changed the owner

mint geode
#

ok i get that, but what should i do now? I now get the following error log and my UI won't load:

Fri Jan 04 2019 20:17:57 GMT+0100 (CET)

http://192.168.2.94:8123/frontend_es5/9f45702e72ef66d342d7.chunk.js:474:48325 Uncaught TypeError: Cannot read property 'isRTL' of undefined
glass oak
#

if you have no linux experience, i recommend #330990055533576204 since it's designed to have as little touch on the OS as possible

#

๐Ÿ˜‰

mint geode
#

I'm trying to get some experience, so I got raspbian on pupose, but I didn't have time as of now

glass oak
#

and will hopefully save you from committing mortal sins like chmod a+rwx

split granite
#

Well, breaking your system and getting hacked is one heck of a learning experience

mint geode
#

Well I can unbreak it by removing the card again. And that's the way I chose to learn it, sorry if i wasted your times

split granite
#

No worries, it's just that with things like chmod 777 you're not learning, but banging the rocks together

#

We can help you learn, but not set yourself on fire ๐Ÿ˜‰

glass oak
#

chmod 777 is like leaving your door unlocked. sure it makes it easy for you to get in, but it also makes it easy for everyone else to get in

rose sluice
#

It's also why 007 is a thoroughly stupid codename for a spy.

mint geode
#

Yes I know my solution is quick and dirty, but my only desire was to get it working

#

in the first place

#

and tidy up the rest once everything is working

split granite
#

Do it right, then you don't have to tidy up ๐Ÿ˜‰

wheat current
#

Worst idea ever...

mint geode
#

I now changed the permissions back to 750

#

Guys do you want me to wipe my system?

#

seriously if i waste your time tell me

split granite
#

Nah, that's overkill, unless you were really silly and port forwarded with no auth

wheat current
#

Do you by a new car when it run out of gas?

split granite
#

See, I know people that would...

mint geode
#

My raspberry is not visible outside my private network if you mean that

split granite
#

Yes

mint geode
#

At least i got that right?

split granite
#

Looks like it ๐Ÿ˜‰

#

The trick with learning is to avoid learning bad habits

#

Take your time, do it right

mint geode
#

Ok, I'll try from now on

split granite
#

Patience is easier to learn when you realise that taking a week, or a month, or a year, to learn something is no big deal

#

That is, it's easier when you're older ๐Ÿ˜›

mint geode
#

Ok, the owner of the www folder is now homeassistant, the default permissiosn are 740, right?

split granite
#

750 is fine

#

Even 755 is ok for anything that doesn't hold secrets

mint geode
#

ok, now it looks like this, better?

$ ls -la
total 20
drwxr-x--- 4 homeassistant homeassistant 4096 Jan  4 19:23 .
drwxr-x--- 3 homeassistant homeassistant 4096 Jan  4 19:14 ..
drwxr-x--- 2 homeassistant homeassistant 4096 Jan  4 19:40 css
drwxr-x--- 2 homeassistant homeassistant 4096 Jan  4 19:40 js
-rwxr-x--- 1 homeassistant homeassistant 4011 Jan  4 19:23 swipe-card.js
$ 
split granite
#

Yup

mint geode
#

ok, so should i now restart homeassistant and see if it works?

split granite
#

You don't have to for Lovelace

#

If you can flush the cache and get your pages up, it works

mint geode
#

what do you mean with 'get your pages up' My views?

split granite
#

Yes

mint geode
#

ok, i'm deleting my cache for home assistant on my client and see if it loads my view then

#

I still get the same error

#

My other views are working just the one with the custom card gives me blank page and notifies me about looking into the logs

glass oak
#

another thing to note, practice doesn't make perfect; practice makes permanent. Only perfect practice makes perfect.

mint geode
#

I've bought a book about linux

#

Just haven't took the time to read it through yet

#

I think I know now what I've done wrong

#

I had problems updating my HA to release 84.5, so I created an virtual env which runs ha under the user pi ๐Ÿคฆ

#

but which point at the config in the homeassistant user

#

Please don't hate me

forest flicker
#

hi everyone. I'm on hassio with HA at version 0.84.6. I've set my default UI to lovelace, and have a super basic ui-lovelace.yaml setup (a single thermostat card). I've set the lovelace mode to yaml in configuration.yaml, but the UI still isn't picking up ui-lovelace.yaml. it appears to just be running the default where it throws every component on there. what could I be doing wrong?

mint geode
#

Have you reloaded your page? (It should say /lovelace at the end of your url)

forest flicker
#

I have

#

tried it in an incognito window as well

mint geode
#

What happens when you type <your host>:8123/lovelace in your browser?

forest flicker
#

I get the same thing

mint geode
#

Then I don't know, sorry, you have to wait for the others, I'm new to HA

forest flicker
#

sure, no prob

#

I tried it in another browser (safari, as opposed to chrome) and got the same thing

mild veldt
#

@rancid schooner

tap_action:
  action: call-service
  service: script.turn_on
  service_data:
    entity_id: script.tv
#

@forest flicker did you restart after removing yaml mode from configuration.yaml?

forest flicker
#

I did

#

did full reboot of raspberry pi

mild veldt
#

Can you double check you configuration.yaml

forest flicker
#

welp, I'm a liar. I had restarted hass many times while troubleshooting. but the pi itself hadn't finished rebooting (that was the last thing I tried). it's working now

#

weird, though. I didn't think it would take a full reboot of the pi to make the changes stick

mint geode
#

Ok, I now deleted all my existing ha installs (bare metal as well as virutal) and created a fresh virtual installation. HA runs from the user homeassistant and the config files get read from the corresponding user directory. Still I get the same error when the view with the custom:swipe-card gets loaded:

Log Details (ERROR)
Fri Jan 04 2019 22:33:14 GMT+0100 (CET)

http://127.0.0.1:8123/frontend_es5/9f45702e72ef66d342d7.chunk.js:474:48325 Uncaught TypeError: Cannot read property 'isRTL' of undefined

Any ideas?

mint geode
#

This is getting frustrating

split granite
#

If it's only that card, raise the problem with the author

mint geode
#

Should/Am I allowed to send him a message?

split granite
#

Is there a forum thread?

mint geode
#

yes but he hasn't been active there lately

#

a lot of unanswered questions

split granite
#

Still, post on the thread. If they've got a GitHub then open an issue on that person's GitHub repo

mint geode
#

ok

split granite
#

Nobody other than the developer of the card can really help you with it unfortunately

mint geode
#

That's understandable.

hot lotus
#

So, question, if i use the "configure UI" button, despite the warning, where does this yaml-file end up? I can't find it for editing, and it seems to use this file instead of the lovelace-ui.yaml in my config dir

#

sorry, ui-lovelace.yaml

split granite
#

ui-lovelace.yaml is in the config folder, if you enabled YAML mode

#

Otherwise, it's a JSON file in .storage/lovelace

hot lotus
#

And that .storage folder is not visible in default samba share settings i guess

#

hence the .

split granite
#

Yes it is

#

The question is whether your Windows Explorer settings show it ๐Ÿ˜‰

hot lotus
#

Ah, thanks

#

Of course

#

Well, it should, it show all hidden folders everywhere else...

#

ah, it's under config

#

sorry

split granite
#

Everything for HA lives in config ๐Ÿ˜‰

hot lotus
#

If i remove this file, it will use the yaml file instead?

#

It does

#

Or not

#

This is confusing

#

Even if i don't have the ui-lovelace.yaml or the lovelace in the .storage directory, going to my domain:8123/lovelace still shows cards

#

but it adds a /default_view to the url

cedar zodiac
scarlet heart
#

Can entity glance cards display multiple lines? Here's how it looks for me.. https://imgur.com/a/RIDjp4a

I would like multiple lines and in the case of inactive devices which is a command line sensor, a new line between the devices. Is that possible?

hot lotus
#

Ok, i completely missed the lovelace: line i had to add to configuration.yaml

#

Thanks for the help ๐Ÿ˜ƒ

cedar zodiac
#

I think I figured most of my questions out - but my tap actions still aren't working correctly even though they are using the new syntax

mild veldt
#

@split granite @mint geode anyone can help with issues on custom cards, just need to have the desire/skills to do so ๐Ÿ˜œ

kind shellBOT
#

Tinkerer is away for 3h 20m 11s with a message :point_right: Flying blind on a rocket cycle

tepid locust
#

can you add a hold action to a light card in lovelace?

mild veldt
#

The hold action is set to more info. Will probably make customizable at some point

tepid locust
#

oh ok perfect, never actually tried to hold it lol

rich lotus
#

i so dont understand template switches..... can someone help me w an example of a button entity that takes its status from a sensor? EG: button turns on a IR command for the TV. A Light sensor determines if the power light on the TV is on and is used to update the status of the button color

#

If i actually understood what is gg on whith templates Im sure id be able to do it myself

split granite
copper mural
copper mural
split granite
#

Did you remember to change the v= value?

#

- url: /local/lovelace/monster-card.js?v=1 should now be - url: /local/lovelace/monster-card.js?v=2

copper mural
#

ooh, didn't know. Set it to 1.1 and it solved it.

#

Thanks.

slow wave
#

what would be a proper way of making lovelace display my two camera feeds side by side ? currently they get grouped under one another

#

heck, getting any cards side by side would be nice ๐Ÿ˜„

split granite
#

Horizontal stack card

slow wave
#

@split granite thanks!

#

I might have misunderstood it, but this did not stack them horizontally

#
    cards:
      - type: picture-entity
        entity: camera.fremme
      - type: picture-entity
        entity: camera.bak
    badges: []
    title: Kamera
    icon: 'mdi:cctv'
mortal jewel
#

i am unable to start lovelace migration

#

it gives error

#

[s6-finish] syncing disks.
[s6-finish] sending all processes the TERM signal.

slow wave
#

@split granite I tried it on another card also, didn't horizontal there either... hmm

mortal jewel
split granite
#

@slow wave The horizontal stack is a card, you add it to a view, then add the other cards to it

slow wave
#

@split granite Yeah, I just read this https://www.home-assistant.io/lovelace/horizontal-stack/ and did ``` - type: horizontal-stack
cards:
- type: picture-entity
entity: camera.fremme
- type: picture-entity
entity: camera.bak
badges: []
title: Kamera
icon: 'mdi:cctv'


but that just gives me https://imma.gr/77769xa1123
split granite
#

Your formatting is a mess ๐Ÿ˜‰

#

A horizontal stack card has no badges

slow wave
#

hmm that code got jumbled... ```

  • type: horizontal-stack
    cards:
    • type: picture-entity
      entity: camera.fremme
    • type: picture-entity
      entity: camera.bak
      badges: []
      title: Kamera
      icon: 'mdi:cctv'
#

removed the badges now, no change though

split granite
#
  - title: Rooms
    id: rooms
    cards:
      - type: horizontal-stack
        cards:```
slow wave
#

For some reason when I do "configure UI" in the GUI it always creates the cards with "title" and "icon" and "badges in the BOTTOM not sure why though

split granite
#

That's just the way that library behaves

slow wave
#

@split granite I love you

split granite
#

You mean, you love that I can RTFM ๐Ÿ˜‰

slow wave
#

You understand TFM more than me, the doc did not state that horizontal stack had to be a card itself :p

#

which for a newb is not obvious

split granite
#

Well, it says it's a card...

slow wave
#

indeed

split granite
#

So, that's rather implied

slow wave
#

when you do horizontal stack it shrinks the cards a bit, is that because of a virtual limit on the sides of the display area @split granite I wouldn't mind the cards being the same size as they were in vertical view it's just that I wanted them side by side ๐Ÿ˜ƒ

split granite
#

Have a look at panels (a view setting)

slow wave
#

@split granite thanks!

split granite
#

The short answer is - you don't get fine control here

mortal jewel
#

i am unable to start lovelace migration
it gives error

help plz

wheat current
#

don't use it

#

no need for it anymore

split granite
#

How the hell did you go from the Lovelace docs to the developer docs?

slow wave
#

๐Ÿ˜„

wheat current
#

That would work, but overkill,.

split granite
#

Go read the Lovelace docs

slow wave
#

@split granite @wheat current thanks!

kind shellBOT
#

Tinkerer is away for 19s with a message :point_right: zombie mode activated

mortal jewel
#

is it necessery to create a yaml before migrating to lovelace ?

#

or is there any automated process ?

wheat current
#

auto

slow wave
#

Appears to scale perfectly on all three devices I've tried

wheat current
#

LOL the favicon of that site remindes me of a renovation company here ๐Ÿ˜‚

slow wave
#

hah

#

it's a community I've been a part of for almost 20 years that uses it as an imagehost

wheat current
#

demn... 20years a go I only thinkered with my personal sol site, remember sol? ๐Ÿคฃ

slow wave
#

@wheat current haha, sol.no ? still my go to place for pinging dns' at customers :p

wheat current
#

Hahahah xD
They and start.no gave you a free hosting site for static html ๐Ÿ˜›

slow wave
#

I had my own webserver at home since like 1998\99ish, so never used the free ones, had an IRC bouncer since 96 I think

#

๐Ÿ˜„

wheat current
#

In 96 I was still in kindergarden xD

slow wave
#

I started going online in 93 if memory serves right, calling up BBS' I was 9 at the time

wheat current
#

Cool! ๐Ÿ˜„

slow wave
#

Now I feel old ๐Ÿ˜ฆ

wheat current
#

if you where 9 in 93, you are 7y older than me, that is prbably younger than the majority of active users here ๐Ÿ˜›

split granite
#

Fscking kids ๐Ÿ˜‰

wheat current
#

See @slow wave the old fart spoke ๐Ÿ˜‚

rancid schooner
#

I've fixed most 0.84 stuff now. But my alarm doesn't triggers anymore . Has this something to do with : sensor_data:ย entityย is no longer passed asย entity_idย to service call and must be explicitly set ?

#

Trigger*

split granite
#

If you're talking about a Lovelace card... what does it look like, and did you read the Lovelace change log?

#

tap-action and hold-action changed

rancid schooner
#

Nah just the regular Lovelace alarm card. So no tap actions defined there

split granite
#

Ok, so... you posted in #330944238910963714 as if the problem is an automation, and you posted here as if it's a problem with a Lovelace card

#

๐Ÿคท

#

~crosspost @rancid schooner

kind shellBOT
#

@rancid schooner Please DO NOT cross post. Read the channel description, post it and wait for folks to respond.

slow wave
#

@wheat current angry old fart! ๐Ÿ˜„

split granite
#

Only when people make it harder than it needs to be ๐Ÿ˜‰

slow wave
#

@split granite I'm just useless I know ๐Ÿ˜ฆ

wheat current
#

.8ball is @slow wave useless?

kind shellBOT
#
:8ball:
8Ball Prediction:

@slow wave Chances Aren't Good

split granite
#

Meh, you're far from the problem zone ๐Ÿ˜‰

#

Everybody starts knowing little, the thing that separates people is the ability, and willingness, to learn

calm sluice
#

Quick question folks, has Lovelace been pushed back as the default UI again? Doesn't seem to be the default in the 0.85 beta

split granite
#

I'd ask in #beta - I really hope not!

calm sluice
#

Cheers @split granite - I'll crosspost my question there ๐Ÿ˜›

slow wave
#

@split granite have you seen if anyone has made any custom components for wunderlist ? I have configured the component, but if someone already made some cards \ frontends for it I would rather not try to (NOTE TRY) reinvent the wheel

kind shellBOT
#

Tinkerer is away for 20s with a message :point_right: Searching for signs of intelligent life

wheat current
#

Good luck with that @split granite !

kind shellBOT
#

Tinkerer is away for 35s with a message :point_right: Searching for signs of intelligent life

slow wave
#
  - type: js
    url: 'https://unpkg.com/moment@2.22.2/moment.js'
  - type: module
    url: /local/custom_ui/calendar-card/calendar-card.js?v=1.0.1
  - title: Kalender
    icon: 'mdi:calendar'
    cards:
      - type: 'custom:calendar-card'
        entities: calendar.calendar ```
slow wave
#

so, the documentation did module type for the js file, I changed it to js and it works

#

:S

mint geode
#

Hello all, I've got a few mdi icons that don't show up in the frontend. They aren't too new, so I don't know whats going on. Examples would be mdi:alpha-s-box-outline or mdi:radio-fm. Can anyone help me out with this?

odd light
#

when upgrading to the newest version what do I need to do with my lovelaceui config file?

mild veldt
#

@mint geode project has v3.0.39, so likely introduced after that?

#

@odd light read the release notes

mint geode
#

@mild veldt What do you mean by project?

odd light
#

looks like I have to do '''
lovelace:
mode: yaml
'''

#

bah I forgot how to do the code thing

#

been out of discord too long

mint geode
#

Ok, where do I see what versions my icons are? I don't see anything when i click on the icon on mdi

wheat current
#

3.0.39 is 3 months old, radio-fm was added 1 month ago

mild veldt
#

~format @odd light

kind shellBOT
#
:information_source:
Format Code:

@odd light To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:

```
code here
```

Click on the link to learn how to format: https://raw.githubusercontent.com/skalavala/HassBot/master/format.gif

mint geode
#

@wheat current Thanks, I didn't know what mdi-version HA is running, When do we get a newer version?

wheat current
#

When someone updates and tests it ๐Ÿคท

mint geode
#

Ok, thanks ๐Ÿ˜ƒ

#

But something like this would be noted in the release notes, right?

wheat current
#

probably

inland badger
#

I upgraded hass.io from 83.4 to 84.6 just now. It appears my lovelace ui is no longer coming up. On HA restart, the web interface had an error "No ui-lovelace.yaml found". After a few refreshes the default ui came up with the lovelace link.

#

Didn't see anything in release notes that references it. No strange errors in the HA log. What else can I check?

mild veldt
#

you didn't see anything in the 0.84 release notes...I have doubts

inland badger
#

OK. I guess I should go re-read them.

#

Guessing the ui-lovelace.yaml moved?

#

lovelace using storage? How does that make the default page change? And where did all the lovelace documentation go?

mild veldt
#

ui-lovelace did not move
lovelace has 3 modes; auto, storage, yaml
you are in auto mode if you did nothing
lovelace docs have not moved

inland badger
#

@mild veldt Yeah, I see it now. It's hard to keep up with these guys. Thanks for the info.

mild veldt
#

We'll try to slow down ๐Ÿ˜‰

odd light
#

does anyone remember the trick for the amazon capcha? I have to enter it after upgrading but I can't see it in lovelace

#

nevermind, now the picture loads

#

grrrr

#

it didn't the first 5 times lol

vale citrus
#

I've imported my lovelace YAML into the new lovelace editor by pasting it in raw config editor, but I cannot use any of the new features of the "Configure UI" in my existing views. If I create a new view I then have the ability to add new cards and edit it with the new interface. Will I need to recreate my views manually using the new method? Or did I migrate my YAML incorrectly?

short willow
#

Guys, can anyone assist me with a picture-elements icon, setting it's colour depending on sensor temperature? I reckon I must've done 3-4 hours googling so far ๐Ÿ˜

#

I can statically set it using --iron-icon-fill-color, but any if () return else; just does nothing

raven nacelle
#

I don't think we can use templates in Lovelace. I would just use icon_template in customize

short willow
#

Hmmm okay, I'll check that out thx

dense thicket
#

How can I add a brightness slider to a z-wave dimmer switch?

#

(without clicking on the entity)

raven nacelle
dense thicket
#

ooo thanks. Hopefully I can figure that out

#

i feel dumb for asking, but dumber for not asking, whats the correct way to get something off of github for tossing into hass.io? I'd like to be able to have my custom elements update when there are changes

#

I've been just copy pasting the code into an editor and saving the file, but that seems.... not smart.

split granite
short willow
#

@raven nacelle : I don't mean to sound like a moron, but I'll have 8 different temperature sensors, and a floorplan picture-elements with an icon in each room. I have it sorted showing the actual temp, but I want to change the icon to blue/green/red for each one depending on the state of that individual sensor. Could you at least point me in the right direction of how to use icon_template please?

mild veldt
#

@dense thicket download the raw file and upload it to your instance

#

@short willow I wouldn't go down that route

#

I would wait for something official to be added

short willow
#

How come? I think it'll be quite effective visually

#

Ah k - something in the pipeline?

mild veldt
#

Not quite

raven nacelle
#

Then it doesn't solve the problem ๐Ÿ˜œ

short willow
#

Lol true

raven nacelle
#

note that icon_template is not available for all sensors

mild veldt
#

I'm just saying, solving the problem now takes a lot of effort and will not in future. So the question is can you live without it for a bit

short willow
#

Oh okay, so a sensor.template is just a virtual sensor that's more configurable

#

@mild veldt but I'm a geek - what else would I do on a saturday evening while watching Fantastic Beasts lol

raven nacelle
mild veldt
#

@short willow submit a pr to core to handle instead then

dense thicket
#

using the UI config how do I add custom card elements? I added the following to the beginning of the card but it doesn't work.

  - url: /local/lovelace/circle-sensor-card.js?v=0
    type: module````
raven nacelle
#

One sec...can we not use state_image to partially address the issue

#

it will be ugly....but it will work

mild veldt
#

Yes. That's what I've done in the past

#

Don't recommend

short willow
#

state_image for an icon? And it's the temperature value not the state I'll be reading

raven nacelle
#

it is the choice between the lesser evil here

split granite
#

Lovelace. For when you're tired of the lesser of the two evils ๐Ÿ˜›

short willow
#

arsaboo: I'm looking at your switch.driveway custimisation

#

*customisation

#

Could I not just tweak that to templates: icon_color: > if (masterbedroomtemperature > 21) return 'rgb(251, 210, 41)'; return 'rgb(54, 95, 140)'; ?

#

Or am I thinking far too simply lol

raven nacelle
#

yes, you could for the relevant entity

short willow
#

Obviously add an else if for the 3rd colour

raven nacelle
#

no...sorry that would not work

short willow
#

Oh

raven nacelle
#

masterbedroomtemperature is not valid

short willow
#

It is for me

#

I have a sensor.masterbedroomtemperature

raven nacelle
#

then use state

short willow
#

Ohhhhhh so the thing I'm referencing is sensor.masterbedroomtemperature - which is already a temperature, so I use state to read the value of the temp, not just the generic value of the sensor itself

#

Light beginning to damn

raven nacelle
#

you can build any template there...you will have to play with it a little

short willow
#

Keep me covered chaps, I'm going in!

#

Well that failed ๐Ÿ˜‚

#
#              icon: mdi:thermometer
              entity: sensor.masterbedroomtemperature
              style:
                top: 64%
                left: 53%
                --iron-icon-height: 32px
                --iron-icon-width: 32px```My ui-lovelace.yaml entry
#
  templates:
    rgb_color: >
      if (state > 21) {
        return [128, 0, 0];
      } else if (state < 19 ) {
        return [0, 64, 128];
      } else {
        return [0, 128, 0];
      }  ``` My customize
raven nacelle
#

it is not rgb_color

#

please follow the example closely

short willow
#

Oops reading too many tabs of forum threads too... Changed it to icon_color

#

Nope

split granite
#

@tardy kayak How are you attempting to migrate Lovelace?

tardy kayak
#

can anyone help me , i am unable to start lovelace migration

split granite
#

๐Ÿคฆ

#

How are you attempting to do that?

tardy kayak
#

i install the addon from repository

split granite
#

Don't

tardy kayak
#

ohh

split granite
#

That was only needed before 0.84

tardy kayak
#

ok
then now ?

split granite
#

Were you already using Lovelace?

tardy kayak
#

no

split granite
#

Then just visit info and pick the option for Lovelace

dense thicket
#

is there a way to see the yaml that the ui config creates? I'd like to learn by doing, but ... I'm failing.

split granite
#

No, it doesn't create YAML, it creates JSON

dense thicket
#

where is it stored?

#

.storage/lovelace?

split granite
#

Yes

tardy kayak
#

but that only gives to try lovelace

dense thicket
#

if you look below that, there should be a text line that says to set it to default

split granite
#

And if you do that, on 0.84 it auto-creates your UI for you

tardy kayak
#

in the overview it only opens the old view

split granite
#

You can then take control if you want it

dense thicket
#

Super helpful! thanks!

tardy kayak
#

i set it to default but in the overview page it only shows the old ui

split granite
#

Does the URL say /states or /lovelace?

tardy kayak
#

overview says states

#

/states

split granite
#

Then you're not using Lovelace

#

Hit the Try lovelace part on info

tardy kayak
#

if i try that then it says /lovelace

split granite
#

And now you're using lovelace

tardy kayak
#

then if i have to open lovelace the do i have to there each and everytime ?

#

yes

split granite
#

Not if you set it to the default

tardy kayak
split granite
#

And, 0.85 (due next week) should make it the default

tardy kayak
#

ok

#

then should i wait ?

split granite
#

That's up to you

tardy kayak
#

if i edit any icons from the lovelace page then it does not update i the overview pge

split granite
#

That's because Lovelace and the old states are different

tardy kayak
#

but lovelace does not comes in the front

split granite
#

It will if you make it the default

tardy kayak
#

everytime i had to go in the info panel

#

i have done default

split granite
#

I've been running like that since 0.7x

tardy kayak
#

but same

split granite
#

So have most folks in this channel, so if it's not working for you then you've got something odd going on with your browser

tardy kayak
#

last 2 days i was able to run lovelace from that info page

#

but i was thinking i have to migrate to make it homepage

#

any hint which i should try ?

split granite
#

Which what?

#

If you've pushed the button to set it to the default then that's it

tardy kayak
#

do i have to do anything in the configurator ?

split granite
#

No

short willow
#
  templates:
    icon_color: >
      if (state > 21) return 'rgb(128, 0, 0)';
      else if (state < 19) return 'rgb(0, 64, 128)';
      else return 'rgb(0, 128, 0)';
    --iron-icon-fill-color: >
      if (state > 21) return '#A00000';
      else if (state < 19 ) return '#0000A0';
      else return '#00A064';```Well, I've tried various permutations and formats, still no worky
#

I shall not be defeated!

#

And that's after it all being split with { } - tried with n without

tardy kayak
#

should i bring it to panel iframe

#

i have restarted the hassio but same result

split granite
#

Bring what to panel iframe?

#

Configurator?

tardy kayak
#

lovelace

#

ui

split granite
#

No, you can't

#

You'd have the UI with itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, which would have itself in an iframe, ...

tardy kayak
#

hehe

raven nacelle
#

@short willow --iron-icon-fill-color: is not a valid template

short willow
#

I was trying that as manually setting it for an icon worked

raven nacelle
#

also, else if does not work

#

use ```
icon_color: >
if (state > 21) return 'rgb(128, 0, 0)';
if (state < 19) return 'rgb(0, 64, 128)';
return 'rgb(0, 128, 0)';

short willow
#

Nope

short willow
#

Using a theme doesn't work either

#

Makes me wonder what the point of a state-icon is lol, if it doesn't actually reflect the state ๐Ÿค”

#

Okay it's gin o'clock

dense thicket
mild veldt
#

@dense thicket you need to give us more info to go off of

#

Are there errors in your console?

#

What is the physical path?

#

What does your resources seciton look like?

#

What does your usage of the element look like?

#

etc

dense thicket
#

custom element doesn't exits: slider-entity-row
located in config/www/lovelace/slider-entity-row.js

#

I tried putting the resources block at the top of the config, and inline where it was being used, neither work (yet that's how the auto-config of my other custom element works)

#
          - type: js
            url: /local/lovelace/slider-entity-row.js?v=0````
#

woops... bad indenting, but you get the idea, it's properly indented in the file

mild veldt
#

you should only have a single resources section in all of your configuration

dense thicket
#

aha, I'll break them out and stick them together and see if that works

#

well, that didn't change anything at least, broke one is still broke, working is still working...

usage:

- entities:
          - label: Basement
            type: section
          - entity: light.ge_12724_3way_dimmer_switch_level
            type: 'custom:slider-entity-row'
mild veldt
#

show me your updated resources

#

and is the error the same now?

dense thicket
#
resources:
  - type: js
    url: /local/lovelace/slider-entity-row.js?v=0
  - type: module
    url: /local/lovelace/circle-sensor-card.js?v=0

Yes.

#

I've rebooted too, but I don't think that was needed.

split granite
#

Rebooting is only required for some operating system updates

#

Not for tweaking any config files in Home Assistant

dense thicket
#

I originally had bad data in the slider-entity-row.js but I've copy/pasted from the raw on git and then it still didnt work

#

is there a copy used somewhere else that it makes automatically?

mild veldt
#

So I just put it on my dev env and had no issues

dense thicket
#

could it be a permissions issue? ugh. ๐Ÿ˜ƒ I'm a bit out of my depth here

mild veldt
dense thicket
#

i'll overwrite with that and see if it changes anything

#

nope ๐Ÿ˜ฆ

#

permissions are the same on both types

mild veldt
#

sanity check. how are you editing resources and your card?

dense thicket
#

the built in editor

mild veldt
#

for both?

dense thicket
#

"Raw config editor"

#

yes

mild veldt
#

okay

dense thicket
#

I have my old ui-lovelace.yaml commented out of my configuration.yaml also, due to the update

mild veldt
#

try clearing your cache?

kind shellBOT
dense thicket
#

forgot about the bot!

mild veldt
#

that indentation makes my eyes hurt

dense thicket
#

I'm not sure how to fix it ๐Ÿ˜ฆ

#

i mean i guess i could manually delete all the spacing before i hit enter ๐Ÿ˜ƒ

mild veldt
#
entities:
  - type: 'custom:slider-entity-row'
    entity: light.ge_14294_inwall_smart_dimmer_level_2
type: entities

Let's keep it simple to start. And try editing the card from Configure UI instead so you just have to deal with the single card

dense thicket
#

thats the exact error I'm getting

#

shortened it to a single light and still same error. It's like it cannot find the .js file

mild veldt
#

You would get a 404 if it couldn't find the file, assuming you did the resources section

dense thicket
#

ok

#

I tried the exact code you pasted above and it still doesn't work

#

i also renamed the file out of curiosity and got the same error I've been getting

#

Thanks for helping me.

#

umm, well, i decided to close and reopen chrome

#

and now its working

#

blink blink

vapid field
#

i'm working on modifying a weather card, however, it's kind of a mess. Can anyone piont me in the direction to the standard weather card js on github? (assuming it's a js file)

polar kelp
#

Homeassistant-polymer repo, then src/panels/lovelace/cards

vapid field
#

Anyone experienced that hold_actions wont work within a custom:swipe-card on pc chrome, android chrome works

#

works after enabling touch events api in chrome (chrome://flags/)

pastel hamlet
#

Hey guys, wondering if someone can help me out with the error message "Custom element doesn't exist: mini-graph-card."

I created a folder in /config/ called "www", and put the "mini-graph-card-bundle.js" in there
Then I also created a file called "ui-lovelace.yaml" in /config/

However when i try and create a card, with the type "custom:mini-graph-card" it gives me the error above
Have i done something wrong? I'm doing all of this on a fresh install by the way

quick gulch
#

how guys - how does the includes function work in lovelace? i'd like to have a seperate yaml for each page and just include via config however it doesnt seem to work - here is my lovelace-ui
!include /config/lovelace/resources.yaml !include /config/lovelace/frontpage.yaml !include /config/lovelace/sysinfo.yaml !include /config/lovelace/weather.yaml !include /config/lovelace/media.yaml

#

is there a reason this wouldnt work?

mild veldt
#

@quick gulch if you are on 0.84 and are in yaml mode, that should work

#

@pastel hamlet did you restart? did you add it to your resources in lovelace.yaml?

pastel hamlet
#

i re-started, i didn't reboot (it's re-booting now)
and yeah, i added
"
resources:

  • url: /local/mini-graph-card-bundle.js?v=0.1.0
    type: module
#

to ui.lovelace.yaml

wind tusk
mild veldt
#

@pastel hamlet are you able to navigate to that file in your browser?

#

<ip address>:8123/local/mini-graph-card-bundle.js

pastel hamlet
#

@mild veldt sorry, give me 5, i rebooted, and it won't come back online

quick gulch
#

@mild veldt yes i am in yaml mode and on 0.84.6

#

it just defaults to the non yaml auto-generated default_view when i try to move to includes

mild veldt
quick gulch
#

well yeah i added the mode:yaml piece to my config when it went to 0.84

#

i havent made any other changes to the lovelace file except split it into parts and attempt to inlcude them

pastel hamlet
#

hi @mild veldt yes i am

mild veldt
#

@quick gulch is when you add any include or all as includes?

shrewd rose
#

has anyone tried creating a horizontal-stack card using the GUI?

#

I cant seem to wrap my head around it

mild veldt
#

you're going to have to be more specific than that

shrewd rose
#

would you be able to provide an example of adding two entities in a horizontal stack using GUI

mild veldt
#

GUI doesn't really have anything to do with how you add it currently. It is still yaml

#

the examples in the docs are what you should go off of

shrewd rose
#

thanks! I think i found out what I was doing wrong

pastel hamlet
#

sorry for the dumb question, but when i want to add a custom card, can I do it with the web-ui, or do I have to do it all on the ui-lovelace.yaml file?

#

because i've been adding a new card, and putting in "custom:mini-media-player" as the type

mild veldt
#

if you use the web UI at all, the ui-lovelace.yaml file is not used, your configuration is managed by HA and stored in .storage

pastel hamlet
#

so how do i use custom cards with the web-ui?

mild veldt
#

to add the resource, use the raw editor

pastel hamlet
#

i added the .js files to config/www
and then created a file called ui-lovelave.yaml

mild veldt
#

to add a new card, menu -> configure ui -> plus fab -> skip

pastel hamlet
#

yeah and then for type i write "custom:mini-media-player" and it says "Custom element doesn't exist: mini-media-player."

mild veldt
#

so you just started lovelace?

pastel hamlet
#

yeah, i set lovelace as the default, and added a wemo switch

mild veldt
#

go to menu -> raw config editor and share your full config, please

pastel hamlet
#

through the web-ui

mild veldt
#

~share

kind shellBOT
pastel hamlet
#

yeah i thought i could just add a new card, click skip, and set the type to "custom:mini-media-player" and it would work, but it's doesn't

quick gulch
#

@mild veldt as soon as i use !include in my ui-lovelace.yaml it stops loading (just displays RELOAD LOVELACE)

#

nm got it working

tepid locust
#

how id you fix it? typo?

quick gulch
#

i was just doing !include /path/

#

it needed to be - !include /path/

pastel hamlet
#

do I need to put it under "views" in the yaml file? are you not meant to use the web-ui to add custom cards

#

?

tepid locust
#

take a look at my github, I use the mini media player in my common areas view

#

~sinker1345

kind shellBOT
tepid locust
#

custom card .js files get added to the /local/ directory

#

actually its the /www/ directory

kind shellBOT
mild veldt
#

shut up, bot. i own you

#

that's for you @pastel hamlet and should work

#

you didn't have resources defined

pastel hamlet
#

yeah i've added them in there, was just hoping I could add the custom cards through the web-ui instead of through the text editor

mild veldt
#

you have not added them in there, otherwise they would be there...?

#

editing your ui-lovelace does not effect what is in storage

#

editing what is in storage (web ui) does not edit your ui-lovelace

pastel hamlet
#

ahhh, so i have to add custom cards using the text editor
okay, i'll work on using the text editor to set up my lovelave views

tepid locust
#

I would make the lovelac UI operate in yaml mode in the configuration.yaml file if your goig to work with custom cards

mild veldt
#

that's not necessary

#

i use storage mode and have plenty of custom cards

tepid locust
#

fair enough ๐Ÿ˜›

mild veldt
#

@pastel hamlet I don't know what you mean by 'text editor', but to use the web ui and add to your list of resources, use the 'Raw config editor' in the lovelace ui editor

pastel hamlet
#

ohhh okay, i think i'm getting it, i'll play around some more

#

ahhh i think i've got it working, thanks guys, i'll keep playing around

blazing nacelle
#

morning

#

Is there a way to change the size of a card?

wind tusk
#

@smoky mulch Thanks alot for the url! โค

vapid field
#

I am getting an error that is saying: Invalid entitiy ID at position 0. Only getting this error in lovelace and the entity card works fine in normal version

vapid field
#

Anyone?

violet talon
#

what's the difference between type: js and type: module?

#

@vapid field invalid yaml perhaps?

mild veldt
#

~share @vapid field

kind shellBOT
blazing nacelle
#

Hiii again..

raven arch
#

I there an option to define the height and width of a Iframe Card?

vapid field
#

Hi guys. I am switching (or willing to switch) to lovelace

#

but I have some main problems one with thermostat

#

I would like to have a "manager" like the old thermostat on the non lovelace ui like thi

#

where I can see the history of the temp/furnance use and set the away mode

#

here they suggested me to use entity row but how can I do that?

tepid locust
#

What happens if you long press on that card?

vapid field
#

There is no code. Only a entity card made in group:

#

@tepid locust nothing

tepid locust
#

What else do you want to display on the card

sudden lion
#

@vapid field dont use ร˜ร†ร… in entity names,

vapid field
#

@tepid locust all the information I shown in the image I posted

#

Ah, ok. That make sense

split granite
#

That's from clicking the entity in Lovelace

vapid field
#

so is my configuration wrong?

#

I have this

tepid locust
vapid field
#
 - type: entities
        title: Smartostat
        show_header_toggle: true
        entities:
          - switch.room_furnace
          - climate.room_heat
          - automation.umidita_elevata
          - automation.a_casa_away_mode_off
          - automation.non_a_casa_away_mode_on
          - automation.intrusione
split granite
#

If that's all the card is (and assuming the indenting is a copy/paste error), then clicking on climate.room_heat should pop up the same more info box

vapid field
#

no it does not open the info box

#

is there a way to reload the lovelace yaml without restarting HA?

tepid locust
#

Refresh the page

split granite
#

Top right, three dot menu

vapid field
#

as simple F5 to reload the page does not show the change I do in the lovelace yaml

split granite
#

Put the climate device in an entities card, with a title and header toggle like yours. Clicking the climate device pops up the more info

#

@vapid field Top right, three dot menu, Refresh

vapid field
#

I don't have the refresh button in the three dot menu

split granite
#

Are you actually using YAML mode?

vapid field
#

yes what else ?

split granite
#

Well, there's now three different options...

vapid field
#

oh I'm so noob

split granite
#

So, are you? Or are you editing a file that's being ignored because you forgot to set yaml mode?

vapid field
#

I used the hass.io module from frank to migrate to lovelace and it automatically created the lovelace yaml file

#

now how can I edit my UI if not using yaml?

#

what is the storage mode?

sudden lion
#

Read the docs?

split granite
#

Please read the links I posted

vapid field
#

I read it

#

but I don't understood how to use the new mode of editing the UI without yaml

split granite
#

Option one is to use the new storage mode and import your existing file. You can do this by opening the Lovelace UI and click on Configure UI, this will prompt you to change to storage mode. This will unlock a new option in the menu called โ€œraw config editorโ€. Open this and paste the content of your ui-lovelace.yaml file into it and click save. Note that YAML comments are not persisted and !include/!secret are not supported if in storage mode.

vapid field
#

nice!!!

#

thanks

split granite
#

That's in the docs

#

Second paragraph of the bit I linked to

#

I'm not entirely sure how you missed it, but ๐Ÿคท

vapid field
#

I love you @split granite

#

๐Ÿ˜„

split granite
#

I love the fact that reading is hard... ๐Ÿ˜‰

vapid field
#

there are so many things to read for a noob that reading it all in a correct way is not simple

#

now I would like to follow your suggeestion

split granite
#

That's why I linked you directly to the bit to read

vapid field
#

how can I do this in the "new way"?

#

Put the climate device in an entities card, with a title and header toggle like yours. Clicking the climate device pops up the more info

split granite
#

I don't use the new storage mode and editor, I've no idea ๐Ÿ˜‰

vapid field
#

ooops

#

lol

#

what do you suggest to use?

split granite
#

That's your choice. I use YAML mode. Others use storage mode. There is no right or wrong choice, it's just different

vapid field
#

but if I use YAML mode I loose the automatic update feature?

#

for components/cards?

split granite
#

For components, certainly not

#

Those are not the UI

#

You also don't lose out on new or updated cards

#

If you take control of the UI, however you do it, you're in the same place

vapid field
#

ok thanks

#

even there

#

the thermostat does not open any info popup if long pressed

#

how can you have done it?

split granite
#

I did exactly what you did, put it in an entities card

#

I also put it in a glance card

vapid field
#

cab you post your code please?

#

but once edited the ui using the storage mode, does it automatically modify the ui-lovelace.yaml or can I delete the ui-lovelace.yaml file in the config folder?

split granite
#

No, once you're in storage mode, then it uses .storage/lovelace

#

The slider in the thermostat card moves in 1 degree steps. The up/down in the pop up from more info, which you don't get with the thermostat card, moves in half degree steps

vapid field
#

so can I delete the ui-lovelace.yaml?

split granite
#

If you want to

vapid field
#

yes if it does not use it I would delete it

#

in any case I don't understand how to makes the thermostat show popup info on long press

#

where do you long press?

split granite
#

I didn't, I just clicked on the entity

vapid field
#

ok

#

I succeded

#

lol

#

I feel so dumb ๐Ÿ˜„

#

I added the entity

split granite
#

You weren't using it before?

vapid field
#

I added a termostat not an entity, I don't know that I can add a simple entity like that

#

befor

split granite
#

Yet... you posted the code of you doing that...

vapid field
#

that was the code I was using and it doesn't worked

#

now using storage mode

#

I visually added the entity and it worked

#

I don't know if it's ok to switch to lovelace now

#

it seems a second UI to me

#

it's like a duplicate

#

how many files should I manage now?

#

what about customize.yaml, groups.yaml, and so on?

#

are they needed even with lovelace?

#

if groups is now managed by lovelace, is group file neede? is it overwritten?

split granite
#

The old UI is going away

#

Groups aren't just for display

#

Customize isn't going away (yet, anyway)

#

Lovelace exists because the old UI is tightly integrated with the backend, which is just crazy. The backend shouldn't care how things are displayed.

vapid field
#

when will Lovelace became the default UI? will it ever happen? one months? one year?

split granite
#

It's supposed to be 0.85 (3 days), but it's looking like it might slip to 0.86

#

Holidays seem to have disrupted development plans for some strange reason ๐Ÿ˜›

vapid field
#

ah so it's very soon

#

just in time ๐Ÿ˜„

#

for me

#

can you confirm that in lovelace it's not needed to create a group for a view in groups.yaml?

split granite
#

Have you anywhere in the Lovelace docs seen any mention of needing groups to create views?

vapid field
#

no

#

the groups concept seems to have migrated to cards

#

am I wrong?

split granite
#

For display purposes, yes

#

groups play no part in Lovelace

#

Views are defined within the lovelace configuration

vapid field
#

ok nice

#

thanks

#

will the switch over lovelace be painless with 0.85 for existing users or there will be some huge change?

split granite
#

The switch over will be no different than if you'd used it for the first time in 0.84

#

Which is to say that you'll get an auto generated new UI that's largely similar to the old one

vapid field
#

ok but will the old ui be dismessed ot it will be supported for some time?

split granite
#

I would guess that it'll still exist for a release or two, but maybe not much longer

#

And "support" - well, the core features will remain unchanged, but if you're messing about with any custom UI stuff then you're out of luck

vapid field
#

Is it possible to make a Media control lovelace card disappear when the entity is turned off? I just noticed that when i turn of the my TV/chromecast, it pops up HA that there is an error, and it cannot connect to it? which is also correct according to my nmap scanning...

split granite
#

Put the media control card inside one of those

warm mulch
#

Hi fellas. I dunno if this is the right place to ask, but here goes...
I've got a door buzzer that opens the downstairs house door. I'm looking to replace the antiquated wall phone controller with a modified sonoff switch to activate the buzzer.
And now my question...
Can Lovelace register a button 'press and hold' event, and activate the door switch for the duration of the button press?

vapid tapir
#

I do not think it can do press and hold, but you can probably set a timer

vapid tapir
#

So how can I make the lovelace ui thermostat card work with Ct100?

split granite
#

Is it a climate entity?

vapid tapir
#

yes

#

it has two climate entitys

#

they seem identical, except the target temps do not match (I assume AC target and Heat target)

split granite
#

Then you have two thermostat cards I suspect, one for each entity

vapid tapir
#

I have the single card working

#

but there is only 1 target

#

and then, even with this card, I still have to hand write my automations for setting the temperature right?

split granite
#

Yes. Cards are for the UI only, for when your automations haven't worked IMO

#

If you're not writing automations, you're missing the point of home automation ๐Ÿ˜‰

vapid tapir
#

true, but I'm surprised there is nothing in the UI for climate

#

I mean, this is like the first thing people will ned to set up

split granite
#

The first thing you need, maybe, but not most people

#

And no developer has yet tackled the massively complicated task of building a platform for managing climate devices automatically

#

It's far harder than you think ๐Ÿ˜‰

vapid tapir
#

but it's already partially standardized in the climate object

split granite
#

That's about 1% of the problem

vapid tapir
#

just need to generate a home temp / away temp

#

I guess i'm going to try node red, writing automations in yaml isn't that straightforward to me

split granite
#

If you search #330944238910963714 (since this has nothing to do with Lovelace) you'll find a discussion of how complicated a generic configuration like this is

#

It's not as simple as you think

vapid tapir
#

ok

#

well do you know where a template is for basic HVAC control?

split granite
#

~cookbook

kind shellBOT
#

The cookbook is a list of example automations and can be found at https://home-assistant.io/cookbook/. The cookbook also contains links to find people's GitHub copies of their installs.

split granite
#

Maybe something there, maybe on the forum, I know there are a few threads about it

vapid tapir
#

it would be nice to have a card for "configure"

#

that ties into some of these basic automations

#

so values like hours offset could be adjusted from UI

vapid field
#

@split granite Thanks for link, Not sure I understand how i make it trigger based on a different signal?

#

where is the conditional signal and actual trigger defined

split granite
#

@vapid field If you're just wanting a card displayed, it has to be conditional upon the state of something. That could be an input boolean you control through an automation, for example

gentle tide
#

Does documentation exist for rules outlining the proper method of nesting cards? I'm really struggling with nested vertical and horizontal stacks with button cards and I suspect it's because of some obscure usage rule of which I am not aware.

mild veldt
#

I mean there are docs for the stacks...

split granite
#

The only (stock) cards that can contain other cards are the horizontal and vertical stack cards

#

I've got cards inside horizontal stacks inside vertical stacks...

gentle tide
#

See, that's what I'm attempting to do yet every time I end up with cards that disappear.

split granite
#

Then probably your indenting is wrong, or you've tried to make a stack card the view instead

#

But... ๐Ÿคท you need to show us what you've done

vapid field
#

Anyone knows how to set the height of glance cards properly? I tried card-modder but it breaks the card if I set a height style

gentle tide
split granite
#

You're trying to nest a stack card inside an entities card

crimson fable
#

can you do data_template in hass.callService in a custom lovelace card?

gentle tide
#

@split granite And there is the "rule" I was looking for.

split granite
#

The one I told you about earlier ๐Ÿ˜‰

#

They're also the only cards that refer to being able to embed another card in them

gentle tide
#

Yes. Your second explanation was much more concise (i.e. ELI5).

#

lol

split granite
gentle tide
#

So, I can't nest a stack inside an entity card. What about the other way around? That should work, yes?

split granite
#

๐Ÿ‡พ ๐Ÿ‡ช ๐Ÿ‡ธ ๐Ÿ˜‰

#

Stack cards can hold any other card

#

That's kind of the whole point of them after all

gentle tide
#

๐Ÿ‘Œ

vapid field
#
- type: vertical-stack
  cards:
    - type: picture-entity
      entity: camera.demo_camera
      show_info: false
    - type: entities
      entities:
        - binary_sensor.movement_backyard

what indentation error you find here? I copied and paster from the lovelace wiki and it does not work

split granite
#

If that's in a view, it'll work

#

If you don't have those entities, it won't work obviously

vapid field
#

I have the entities but I am trying to copy and paste this code in the visual editor of lovelace

#

it says

#

YAML Error: TypeError: Cannot read property 'startsWith' of undefined

gentle tide
#

Is it me or has the lovelace topic been split into two groups? Yaml Mode vs Storage Mode

split granite
#

It's all still Lovelace

#

The only difference is how HA gets that config