frontend-archived

[gray quiver]

but how does that relate to the front end editor

[polar kelp]

I may be slightly partial, but I think this is a pretty good guide: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

[sudden lion]

Submit it to the offical docs 😛

[gray quiver]

Done it - thanks Thomas!

local thing was a little confusing but I managed it

couldnt have worked that out with out your doc

[devout loom]

https://imgur.com/4EkjVyc This guy made this awesome graphic floorplan in floorplanner.com and runs it in HA floorplan - Can this be integrated in lovelace with the animation etc? Just trying to figure out where to start with building a front end for the family, have zero experience with hafloorplan, lovelace or anything.

[split granite]

Lovelace won't do quite the same thing

HA Floorplan is (currently anyway) massively more flexible than what Lovelace can do, which is why I've not moved my floorplan to Lovelace

[devout loom]

Ok, but would it be possible to build a floorplan like that in HA floorplan then, and the rest of my switches, players etc. I need in lovelace and represent it on the same screen(on an android tablet)

[mild veldt]

Lovelace will be easier but no animations yet

[split granite]

I'd expect the Lovelace devs to get fed up with me saying that and improve it at some point 😉

Yes @devout loom you can have both

I do

[devout loom]

Can I see how yours look?

[polar kelp]

I think those smooth transitions can be done with picture-elements.

A few image elements, with some transparency like that guy in the forums did, state_filter for making it fully transparent when off, and then -webkit-transition : -webkit-filter 1000ms linear or something in the styles.

There's already a bit of transition time, and this example has been around for ages: https://sharethelove.io/picture-elements-cards/3d-floorplan

[thorny verge]

@polar kelp Hey Thomas, finally got a chance to test the custom card-loader on Monday, and it's working great!
One question, it is great as is, just wondering, for a split second I get the red error, "still waiting for vertical-stack-in-card", then it disappears. Any way to get rid of that?

[polar kelp]

I'll see if I can add a timeout to it.

[thorny verge]

Thanks, besides that it is working great.

[amber jewel]

@split granite what is there?

not sure where to look heh pretty new at lovelace

[split granite]

https://github.com/thomasloven/lovelace-slider-entity-row

[amber jewel]

do i just drop that .js file in my www folder?

@split granite ?

[split granite]

See https://github.com/ciotlosm/custom-lovelace/#lovelace-custom-cards for a guide

The answer is "yes, but there's more to it"

[amber jewel]

ty ty

[unkempt warren]

hello everyone...I am running 0.86.3 and have converted to Lovelace. However, when I attempt to visit the page, it first goes to my old default view States page even though I have made Lovelace the default on this device. I can get my Lovelace page by going to Menu>Overview. How do I set that page (the Lovelace one) as the default?

[mild veldt]

@unkempt warren sounds like you need to clear your browser cache

[unkempt warren]

@mild veldt that did it! Thanks!

[amber jewel]

grrrrrrrrrrrrrrrrrrrrrr

can not get this to work https://github.com/thomasloven/homeassistant-lovelace-gen

keeps returning null ... as result

i got it working before a long time ago :/

any ideas @split granite 😄

[split granite]

Pretty sure that's not needed or wanted any more

[subtle rune]

Anyone have or have seen a nice layout for a card with system monitor-things? 🖥

[amber jewel]

so how do i get a ui-lovelace.yaml to edit?

like i dont want to manually convert all my groups to cards

[split granite]

If you're new to Lovelace, it'll happen automatically

https://www.home-assistant.io/blog/2019/01/23/lovelace-released/

[amber jewel]

uhh

im using lovelace and i dont have a ui-lovelace.yaml in my confi folder

[mortal cape]

yes

[amber jewel]

so how do i add a dependency?

[mortal cape]

a resource for custom cards? You use the raw config editor or you can switch to yaml mode

[amber jewel]

how do i switch to yaml mode

[mortal cape]

https://www.home-assistant.io/blog/2019/01/23/lovelace-released/

@amber jewel switch to yaml mode, and you lose editing in the UI

the raw config editor is getting nicer though

tab works too!

[split granite]

That's soooo going to mess up folks if they try that in the YAML

[mortal cape]

true

[amber jewel]

so i switched to yaml mode and it didnt generate the yaml file :p

[split granite]

It doesn't

You're now in manual mode - do it all yourself

[amber jewel]

and back where we started @split granite how to get it to generate with the python script :p

[split granite]

Pretty sure it doesn't work any more

[mortal cape]

"I want total freedom!" "No wait I'm too free! This is too much freedom!"

[split granite]

🤣

[amber jewel]

i just want a starting point

[split granite]

The UI mode generates JSON, and you can convert JSON to YAML

Or, stay in UI mode 😉

Seriously, even I don't think starting with YAML mode is worth it any more, and I'm a config file nut

[mortal cape]

You could copy from raw config editor into a new file, which would then be a base for yaml mode?

[unkempt tiger]

so how do you get to that magic UI mode editor?

[amber jewel]

i guess ill just use raw

i give up lol

[unkempt tiger]

I see the "Configure UI" but if I click it displays a scary message (well it scares me!) warning me that I will loose automatic updates...Should I still go ahead and click "Take Control"

[split granite]

Yup. It's warning you that you're in charge now 😉

[mortal cape]

The updates it's referring to are when you add a device. Not updates to HA or how lovelace works. You are in charge of placing cards in the UI, and still able to use UI editing.

The next step beyond that is yaml mode.

[unkempt tiger]

ok. thanks @split granite and @mortal cape . My little brain is easily scared sometime

oh wow! this is wonderful! Why didn't I click earlier...

[mortal cape]

😃

[split granite]

The Lovelace devs have done an awesome job on it

[amber jewel]

well i got it working i dont like that web editor as much as VSC but i guess i will live with it

thanks

[mortal cape]

@amber jewel it is better in the beta. As well as editing within cards. The card previews are now on the right instead of below which is nice too

But you can also use VSC and paste into raw config editor.

editing mode for cards looks like this now

[unkempt tiger]

I have a card which list who is in the house or not. If I want to filter so that it only display people in the house I need to use the Raw config for that. Same goes if I want to merger 2 cards I guess

[mortal cape]

there's a conditional card. I haven't used it

And horizontal and vertical stacks are still options in the UI mode but they are not "magic"...they still require manually editing

[unkempt tiger]

is there a doc that explains how to configure these card via the ui now?

[mortal cape]

@unkempt tiger https://www.home-assistant.io/lovelace/

the cards are along the right

Some UI cards are self explanatory. Use the drop downs, choose entities...others that are not as simple still require editing yaml in one way or another

[amber jewel]

lol if you could only theme that editor to have the colors inverted too 😄

hate staring at code or really anything with a white background

[raven nacelle]

Not sure why, but the alarm keypad is back in Abode alarm panel even though I don't have any code in my config

[winter hollow]

Because of your PR from yesterday 😂

[raven nacelle]

lol....I thought the keypad only shows up if configured otherwise it is hidden

[winter hollow]

But you have no code setup on the backend?

[raven nacelle]

no, I don't

which is why I am confused

abode:
  username: !secret abode_username
  password: !secret abode_password```

is all I have

Ok, I think instead of @property def code_format(self): """Return one or more digits/characters.""" return alarm.FORMAT_NUMBER, it should be @property def code_format(self): """Return one or more digits/characters.""" if not self._code: return None if isinstance(self._code, str) and re.search('^\\d+$', self._code): return alarm.FORMAT_NUMBER return alarm.FORMAT_TEXT like it is in other alarm panels

currently, we are not returning none even if code is not configured

[winter hollow]

Yes

[raven nacelle]

actually, even that would not work....Abode does not have code support. I created a PR to revert the changes

[raven nacelle]

so, the thermostat card does not display the current operation. Notice that the current operation is heat (based on a template sensor), but the card does not change

[winter hollow]

It is the mode

Not the operation

[dim jolt]

is there a list of CSS things somewhere? examples?
have 2 cards next to each other. one button and one a slider - and need to resize them

[raven nacelle]

ohhh....I never would have guessed that. There is someone in #330944238910963714 who complained about the similar thing

shouldn't it be operation, mode is not interesting.

[winter hollow]

You cant set operation

[raven nacelle]

mode stays the same. In my case, I set it to auto and forget it. Even if you set it to heat, it will stay that way for about 6 months

[winter hollow]

I agree that the state/operation could be in there under the setpoint or something

[raven nacelle]

I see that the card is working as expected....but I feel like operationwould be more useful to show on the card

[winter hollow]

If it is a standard from the Climate domain

[leaden owl]

not a complaint.

trying to understand the correct operation and intent.

to me you are displaying the same information twice.

once with a pretty icon and again with text.

[raven nacelle]

@winter hollow looks like there are some standard operation modes

[leaden owl]

MODE == what i want the thermostat to do. heat. cool. auto. off. the other things like DRY, ECO, etc are up for discussion i don't have a fancy house with those.

STATE == what is it doing RIGHT now. the thermostat ulitmately calls for HEAT or COOL.

[raven nacelle]

yes, and right now, the card displays and allows you to change mode.

[leaden owl]

which is the bottom row of icons.

[raven nacelle]

yes

[leaden owl]

which i think is great.

i guess a better question is since i seem to not be able to find the source of the lovelace thermostat card, where is it i'll fix that test in the very center for my install (if i can).

s,test,text,

[raven nacelle]

may be the text below the temp 70-85 could display the current operation instead of repeating the mode information again

[leaden owl]

yessir. that is what i'm going after. i believe that was the INTENT of the card in the first place.

since the climate mqtt card does it right.

i also believe it affected the history graph as shown in my second imagur url

[tardy beacon]

hi is there a way to specify a background image with lovelace using the ui mode? in raw config editor?

[leaden owl]

just for reference; here the basement thermostat is in heat but has gone into idle mode since the target temperature has been reached. https://imgur.com/a/XjVzSby

[raven nacelle]

again, the heat is the mode and will stay that way until your thermostat changes to cool mode

[leaden owl]

i fully understand that. i should have said state, not heat.

err, s,heat,mode,

[raven nacelle]

I think we all agree that current operation should be displayed somewhere, but that is not the case currently (something to be added to the card)

[leaden owl]

i think it's already there but could be a 'bug' in the ecobee code (and nest based on what someone said in the other channel).

the thermostat card is the same for both the ecobee and the mqtt climate component? the big temperature in the middle of the card is the current temp. the little temperature under that is the target temperature (setpoint in some thermostat speak). the word under that is the current STATE in relation to the thermostat MODE (which is the pretty icon).

[potent fjord]

what should i do to get 24hour format with graph cards ? I read its because of chrome display language, but not sure where to change it effectivily

my chrome is in finnish, and still get am/pm

timezone and lat/long are correct too

and hostory pages graphs are in 24h format

history*

[leaden matrix]

Hello all you lovelacians,

Is there someone around?

[split granite]

Nope 😛

[potent fjord]

@split granite i see you have replied to the AM/PM thread on forums, i wonder whats going on since part of my hass is 24H and AM/PM ?)

[split granite]

It's supposed to be a case of it being controlled by the browser display language

But, I can't say I use the UI that much 🤷

[leaden matrix]

@split granite you are always on. I love it./

[split granite]

🤣

[potent fjord]

@split granite aight, so it might be a bug

[split granite]

Don't know, to be honest, but others might

[leaden matrix]

So..... I have added a horizontal-stack but its just a red block.

I recon there is something wrong. I have tried to add the alarm panel but same block.

[split granite]

What's the text in the red block?

https://github.com/DubhAd/Home-AssistantConfig/blob/master/ui-lovelace.yaml#L320 is one of my stacks for reference

[leaden matrix]

Card config incorrect
{
"type": "horizontal-stack"
}

[split granite]

Should look something like ```yaml
- type: horizontal-stack
cards:
- type: light
name: Master bedroom
entity: light.master_bedroom_bedhead
- type: light
name: Second bedroom
entity: light.person1_bedroom_bedside

[leaden matrix]

Are you referring to the online editor and not the YAML

[split granite]

I use YAML mode

[leaden matrix]

ok, makes sense

I am making some headway

[warm mulch]

so I have a really dumb question... I had a flux led strip set up a week ago, and on press of the state icon, I would see a color picker ( https://imgur.com/kO141qb ).
I changed it to call the light.toggle service.
And now I don't know how I had it set up to show the color picker. How do I get that nice color picker back?

[potent fjord]

keep it pressed ?

[split granite]

Set the long press to more-info?

[warm mulch]

wow.
To be fair...I did fully disclaim that in advance, as a really dumb question.

thanks 😃

[split granite]

Meh, the only dumb questions are the ones you don't ask 😉

[warm mulch]

oh...we'll see about that. Don't underestimate my ineptitude 😄

[sudden lion]

@latent moss .... @split granite has seen it all. dont be afraid

[split granite]

You say that... and you're not entirely wrong

[leaden matrix]

Is there a doc to show how to load a theme?

I found a nice one, but not sure where to put it.

[vapid field]

Hello everyone! Is there any way to split my configuration ?

at lovelace

[sudden lion]

title: Home Assistant
resources: !include_dir_list lovelace/resources
views:
  - !include lovelace/views/default_view.yaml
  - !include lovelace/views/media.yaml
  - !include lovelace/views/tablet.yaml
  - !include lovelace/views/system.yaml

[vapid field]

ok let me try it. thank you!

[leaden matrix]

I got the themes

[split granite]

https://www.home-assistant.io/components/frontend/ @leaden matrix

[vapid field]

I create this folder /etc/homeassistant/lovelace/resources and this file inside it /etc/homeassistant/lovelace/resources/main.yaml

and I add

# Include external resources
resources: !include_dir_list lovelace/resources

views:
  - !include lovelace/views/main.yaml

but it doesn't work 😦

[split granite]

Is your Home Assistant config folder /etc/homeassistant?

That's not a typical location

[vapid field]

yeap

[Unit]
Description=Home Assistant
After=network-online.target

[Service]
Restart=always
RestartSec=3
Type=simple
User=root
ExecStart=/srv/homeassistant/bin/hass -c "/etc/homeassistant"

[Install]
WantedBy=multi-user.target

It is for systemd unit :p

[split granite]

Well, for your config maybe, but it's not what the HA docs shows either 😉

[vapid field]

At debian world etc is the appropriate place for configuration files so I placed them there, and I didn't have any problem till now

[vapid field]

@sudden lion thanks I create /etc/homeassistant/lovelace/views and move there my configs and worked

this resources: !include_dir_list lovelace/resources is for split the resources for lovelace

[sudden lion]

yes

[vapid field]

maybe tomorrow I will create a pull request to add it at the documentation

It is very useful

[maiden wigeon]

I feel like I've probably looked at the answer to this a dozen times but don't remember, is it possible to have custom cards in the UI mode or do you have to have the config set to yaml to use them?

[sudden lion]

You can, just have to add it in the raw yaml mode or what its called

[maiden wigeon]

ah ha. best of both worlds with the lack of a code editor... oh lovelace you fickle mistress

[errant plover]

When I specify a theme for a view it is being overridden by the back end selected theme.

Is this a bug?

[polar kelp]

Might as well post it here too...
auto-entities now support filtering entities by area. Home Assistant does not, though, until 0.87...
https://github.com/thomasloven/lovelace-auto-entities

[undone egret]

.crosspost @errant plover

[kind shell]

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

[errant plover]

@undone egret to be fair no one was answering and the post directly below mine is also a cross post.

[undone egret]

you waited about 15 minutes ....and he answered in one and then replied here also .........hence in the warning ......wait.....a hour later is diff ....not 15 minutes

[urban birch]

greetings, I am learning the new lovelace way, and I am wondering how to add new cards. I am in the edit mode of one of the tabs, and wanted to add something that would show weather for example. I don't see any 'buttons' to add new cards.

[craggy cave]

@lavish lily Its all good now. Must have just taken a while to get sorted for some reason.

[mild veldt]

@urban birch when you select "Configure UI" from the top right menu, you should see a fab '+' on the bottom right to add new cards

[urban birch]

blinded me when I saw it! 😃 I added a weather card, and gave it weather.pws as the entity, and now i have lost all the cards for the page.

i use weather underground

[mild veldt]

you're saying you had a view with cards in it (autogenerated I assume) and you tried to add one via the UI editor and everything was removed? Did you try refreshing/clearing cache?

[urban birch]

yes

i haven't tried refresh/clear. where/how do i do that?

[mild veldt]

refresh/reload the page

clearing cache depends on your browser

[urban birch]

refresh/reload didn't.... trying clear cache

i see this error after i added the new card:

[gilded plume]

With the new way of splitting lovelace mentioned above by @sudden lion ...does reload by save still work or do i need to restart HA for it?

[urban birch]

http://192.168.1.40:8123/frontend_latest/8ee9235853b66c6b78f9.chunk.js:3527:788 TypeError: this.lastChild.setConfig is not a function

[mild veldt]

@gilded plume you'll need to be in yaml mode and on save you'll need to refresh lovelace (not a restart of HA)

~share

[kind shell]

:point_down:

Format Code

Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.

[mild veldt]

@urban birch open the raw config editor and share your configuration

[urban birch]

https://www.hastebin.com/isuxazaqen.css

[gilded plume]

@mild veldt i'm indeed on yaml mode but the lovelace file is getting too big so loved what i did read about splitting it

but was afraid that after that the reload stopped working, thought that was the case on earlier versions

[urban birch]

The other 2 tabs I have defined look ok.

[mild veldt]

@urban birch which one is the problem one?

I see it

You don't have - on cards

You also need a title

You effectively have two card sections for the first view

Also looks like you need more badges 😜

[urban birch]

hmm

wonder how that happened

I didn't edit them

how should I fix it?

later, I would like to change some badges into cards.. one step at a time tho. 😃

[amber jewel]

im having some troubler with the slider-entity-row https://www.hastebin.com/uwucedocat.bash is turning in to

[raven nacelle]

try removing full_row: true

[amber jewel]

lol but then i cant read any of the device names

here is with the last two without full_row: true

[raven nacelle]

use full_row without toggle: true

[amber jewel]

top one

lol is it not resizing or something

i even restarted

[raven nacelle]

I am hoping you are using the latest version of the card

[amber jewel]

i just downloaded that today

[raven nacelle]

ok....I tried it myself and full_row is not working for me either

[amber jewel]

i have an update to HA i could do I think but its tiny

[raven nacelle]

@polar kelp will have better answers

[amber jewel]

oh ok

how do you fit next to yours without full_row lol

fit text*

[raven nacelle]

Mine look fine

[amber jewel]

how da hayl yours so wide lol

can i see your raw code for that 😄

[raven nacelle]

Its all here https://github.com/arsaboo/homeassistant-config/blob/master/ui-lovelace.yaml

I don't think it is the code

it is probably the screen size/resolution

[amber jewel]

if i make it wider it just adds another row :/

not sure how to make a card wider

[raven nacelle]

you cannot do that

it is pre-defined

[amber jewel]

yeah that is what im finding

[mild veldt]

@urban birch you’ll need to use the raw config editor

[timid burrow]

did you guys fix the raw editor in 0.87??? only asking because it does not seem to be screwing up the order of things now and it's showing stacks at the top of the stack etc?? and it has line numbers?

[mild veldt]

ordering fields alphabetically was never considered a bug

bram did a lot of work to start using codemirror for the editor though and has a lot of needed features

[timid burrow]

well I wasn't saying it was a bug but for me it made raw editor unpleasant to use and it seems like it's now working how the old yaml file did. I was just giving kudos because it's now at a point where I can ditch the yaml

[mild veldt]

nice!

[restive lance]

any one else having inconsistent timer display in Lovelace ?

[halcyon basin]

Morning all, i've been using HA for a few months now, and have tablets throughout the house running appdaemon, I'd like to setup lovelace, as the interface is much for "pleasing." I thought i saw somewhere that lovelace will autogenerate cards etc. does it do that from my "groups" or am I going about this all wrong?

[split granite]

Yes, it does it from the groups (if you've never used Lovelace before)

If you're on 0.86 then you're likely already using Lovelace

[halcyon basin]

ok, can i clear any previously generated auto config and start again?

I am on 86.4. I seem to have some lights showing up that are no longer in use, and i'm getting errors for them, i'd also like to create more aesthetically pleasing cards.

[split granite]

You can take control and edit

[halcyon basin]

my current view has about 350 badges at the top of the screen.

[split granite]

Did you use Lovelace before?

[halcyon basin]

not before it was the default no.

[queen island]

Hey gang - is there a card that plots a graph between two times? Instead of the last 24 hours, between two known timestamps?

[split granite]

@halcyon basin You can delete .storage/lovelace and that'll reset things to use your groups

[halcyon basin]

thanks @split granite just customising the front end now, how do i make a guage "half width"?

[split granite]

You can't, really

You could use a horizontal stack card with two gauges to fake it a bit

[thin spade]

Hello. With lovelace I get this: https://i.imgur.com/4D5wG4Z.png
But I actually want how it was, this: https://i.imgur.com/dzTRVYR.png

[split granite]

Then, don't use a thermostat card 😉

[thin spade]

But how to show that old way then? 😃

[split granite]

Maybe an entities card, but possibly only with a custom card

[thin spade]

ah right! I see. yes that works! thx! 😃

[split granite]

~cards

[kind shell]

Head over to https://sharethelove.io/custom-resources/cards to see a selection of community made custom cards for Home Assistant?

[split granite]

~custom-cards

[kind shell]

Head over to https://github.com/custom-cards to see a selection of community made custom_cards for Home Assistant?

[thin spade]

Is this still the way to add a custom card like that? https://github.com/nervetattoo/simple-thermostat#installation
Or is there a different/better way?

[halcyon basin]

@split granite thanks that did the trick! out of interest, its it possible to add a fourth entry for severity? eg:

• type: gauge
  min: 0
  severity:
  blue: 15
  green: 20
  yellow: 24
  red: 26
  theme: default
  entity: sensor.kitchen
  max: 30

[split granite]

That's it, or you can do it through the UI editor

~format @halcyon basin

[kind shell]

:information_source:

Format Code:

@halcyon basin 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

[split granite]

And, what does the doc page say 😉

If it doesn't mention a fourth entry, then no

There's a huge list of custom cards though

[halcyon basin]

lol, thanks.

[hot gyro]

hmm is there an option for picture-glances to fallback to a local image instead of the -no-image-found one ?

or even generally for the camera_image entity

[halcyon basin]

i didnt need the fourth entry, if i define green: 20, yellow: 23 red: 25, anything below 20 is blue anyway!

[mild veldt]

@hot gyro no

@queen island no. Time windows from present is what I’ve seen.

[halcyon basin]

Could you tell me How I go about applying a background in place of the white? as I'm not using the lovelace.yaml file please?

[last prism]

why the new light lovelace card not have the color picker?
i just went to 86.4

[split granite]

https://www.home-assistant.io/lovelace/light/

Note: Long-press on the bulb to bring up the more-info dialog

[last prism]

sure, no color picker there either.

[halcyon basin]

not to worry. Sorted it.

[mild veldt]

@last prism if you don't have a color picker on your light in more-info, then that's something to do with your light component. The more-info is no different than what has been in states

[last prism]

its a lifx bulb, and i have it enabled in integrations.

delete and re-add maybe?

oh yeah, integrations, weirdly, does not have any delete function.

[polar kelp]

Integrations do - it's in the top right corner - devices don't yet, though.

[last prism]

sure cause why would i ever wanna delete anything, thats just crazy talk.

[polar kelp]

Here's how to get started: https://developers.home-assistant.io/ We'll take any help we can in getting features out as soon as possible.

[last prism]

python isn't my language.

[polar kelp]

The frontend is javascript.

mainly

[last prism]

oh gawd, even worse.

[polar kelp]

I hear you

[last prism]

its not a huge deal. it had a color picker in 0.85. i guess i can use the lifx app until it gets sorted.

is it safe to delete it from .storage/core.entity_registry ?

ie: can i safely modify that and restart hass

and core.device_registry

[split granite]

Stop HA before altering any files in there

Or they may be replaced as HA shuts down

[last prism]

okay.

[silver dome]

Hi! I'm looking into reloading lovelace, I mean regenerate the default template from an updated configuration. I've read there https://community.home-assistant.io/t/reload-entities-items-without-core-restart/60847/5 it was possible to reload lovelace, but I only found frontend.reload_themes service. Not sure if it was what I'm looking for.

[split granite]

Delete .storage/lovelace, then reload the page

[silver dome]

Oh! Can I trigger that delete from a command_line script ?

with shell_command right?

[split granite]

Probably, but don't get it wrong or you'll automatically break HA 😉

[last prism]

okay lifx successfully removed. re-adding...

color picker is back.

[silver dome]

@split granite I mean, I want to reset the current lovelace state (which is already automatic). So I have no .storage/lovelace to delete.

I through it was creating the file at boot but no

[last prism]

huzzah.

[kind shell]

Please follow the rules, @steady grotto! 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/cjxsWXnmSx/

[vapid field]

hello, i'm trying to find out the mock theme available on demo page (Hem by kernehed)...
Anyone knows where I can find it?

[steady grotto]

Hey guys i would appreciate some help im reallly strugg;ling woth lovelace.. im upgraded to the latest hash version, that messed up a lot of stuff so i started from a base config though lovelace seems not to be loading. I have created a ui-lovelace.yaml and added
lovelace:
mode: yaml

On the config file seems all i see is all the sensors with no order while my lovalce config file is like that :
https://paste.ubuntu.com/p/cjxsWXnmSx/

i have not created any 'groups' as i would expect lovelace would do create those groups/cards

so mu groups and customize yaml is empty

[silver dome]

@vapid field seems to be available here: https://github.com/home-assistant/home-assistant-polymer/pull/2518

maybe comes from here: https://github.com/kernehed/Home-Assistant_Config

[split granite]

          state_filter:
           - Home
``` That's far from right @steady grotto

            - 'home'
``` Try that

[steady grotto]

thanks for that i just modified the lovelace.yaml with that though i still see all my icons no organized per lovalce.yaml 😦

[split granite]

You're sure you're using Lovelace?

[mortal nymph]

Hi guys, I need your support. I updated my HA (no problem before), after the update, opening it in "lovelance", the system shows me many errors on sensors "Entity not Available". I checked the configurations, comparing them with those of the components on the official HA page and they seem to be all correct, by chance someone can give me some advice?

[steady grotto]

http://192.168.2.x:8123/lovelace/default_view

[split granite]

@mortal nymph Your old groups had entities that don't exist in them 😉

[steady grotto]

yup and i see all my sensors there everywhere not organized pre lovelace

so you reckon i still need to use the groups and customize yaml ?

[mortal nymph]

@split granite Thank you for your answer. WH whom do you advise me to proceed with?

[split granite]

Clean up your old groups and re-generate the config, or take manual control and fix it

[vapid field]

@silver dome I can't find it on kernehed or polymer repositories...

[mortal nymph]

@split granite But is formatting wrong on the groups?

[steady grotto]

@mortal nymph you will need to review you config i had the same problem after the upgrade..

[vapid field]

@silver dome I find it!! 😉
https://github.com/home-assistant/home-assistant-polymer/blob/dev/demo/src/configs/kernehed/theme.ts
https://community.home-assistant.io/t/slate-a-new-dark-theme/86410

[silver dome]

@vapid field Oh I'm already using slate theme :p It looks good!

[steady grotto]

so will still say we need to have the groupd and customiz. yaml apart from the lovelace ?

[split granite]

Yes @steady grotto

Groups still have other purposes, as does customize

[steady grotto]

thanks mate i do my homework and try to put that back and give it another go

[mortal nymph]

@steady grotto I have fixed many problems, but these last ones I can not understand how to correct them, maybe I see inside customize.yaml

[silver dome]

I have another issue with my automatic reload script, here's the details: https://gist.github.com/aslafy-z/a3a4e32ba4f2136a98c0d689dcf1dfff

if fails with AttributeError: 'NoneType' object has no attribute 'is_on'

[mortal nymph]

@split granite Excuse me, the changes will have to do on the file ui-lovelance.yaml or on the original ones in HA?

[split granite]

Yes 😉

Or no

Depends on whether you're using YAML mode, or not

[mortal nymph]

😦

@split granite My idea would be to go to Lovelance, but I would first like to work everything I had before

[split granite]

Then you're not yet in YAML mode, presumably

[steady grotto]

so how the config would look like if you do not use yaml mode?

lovelace:
mode: yaml

Above how you enable it

[split granite]

If you don't have that, you are not using YAML mode 😉

At that point, it's all in .storage/lovelace

[steady grotto]

roger that! so when you do not how do you modife the lovelace stuff ?

[split granite]

Through the UI 😉

[polar kelp]

@mortal nymph Which version of Home Assistant did you upgrade to?

[steady grotto]

ok cool im thinkin to remove that then..

ig you dont have yaml mode will you still have the need for ui-lovelace.yaml ?

[split granite]

Nope, but see the blog for how you move from YAML to UI and keep your config, if that's what you want

[mortal nymph]

@polar kelp hello !!! I have the last one 0.86.4

[polar kelp]

Thanks. Just checking for statistics

[steady grotto]

well my config is a mess anyway so ill remoe the mode for now from the config yaml till i fix the group and custom yaml

the latest upgrade of HO was by far the worst ive seen !! asuswrt not working and almost all of my stuff not working.. good intention though but implementation

[urban birch]

@mild veldt , I figured out what was wrong with the weather card; turns out that wunderground doesn't have a weather: entity available. I switched to dark sky and it works fine.

@mild veldt , I also was able to see the errors with the weather card when I used a different browser than firefox. I am slowly figuring out the new interface!

[kind shell]

Please follow the rules, @halcyon basin! 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/tbpFKmSrc8/

[halcyon basin]

ideally i'd like the icons to go green when online, and grey out when offline.

dw. Figured it. Title. obviously. lol

[urban birch]

a generic question regarding upgrading from 85.1 to 86.4: I have a new badge named run date using sensor.run_state. Its current value is default. Anyone know where it is coming from?

not run date... Run State

[ivory raft]

Where do I change themes ?

[vapid field]

A quick question about lovelace.
When I change an entity name from within a card, and then save. The card then reports the entity is not found, and I have to edit the card too.
Is it by design, and am I going about this the wrong way?
Or will a future iteration of cards "understand " I've just made a entity name change and change the card too?

@ivory raft themes can be changed in you user profile page

[mild veldt]

@vapid field once you take control of the UI, the configuration is static and only editable by you. The UI configuration will not change names based on backend name changes. That is on you to change.

[vapid field]

@mild veldt thanks, I think I follow. But my point is that I am changing the backend name in the frontend, and I think it would be nice if the frontend recognised that and applied the change on the card too.

[mild veldt]

I get your point, I'm saying it is not expected behavior at this time. You can submit feature requests to the ui-schema repo

[vapid field]

Thanks. that answers my question. Thinking about it a bit more I realise it's more complex than I initially thought, the same entity name is potentially used on multiple other cards on other views to, which the editor would then have to scan/update etc.

never mind all other places the entity is used automation, scripts etc.

I guess I shouldn't change entity names willy-nilly in the UI,,,,

[balmy shore]

Hi all

updated to 0.86.4 today, now I get Entity not available: media_player.apple_tv

[mild veldt]

Is it listed in ?

[balmy shore]

it is not

[mild veldt]

#330944238910963714

[balmy shore]

thanks

[amber jewel]

heh @raven nacelle you ever hear back from that guy about that custom slider?

[oak wagon]

does anyone have any idea if you can use different colors, or change the order, for a guage card in lovelace?

[raven nacelle]

Yes, you can define the range for gauge

@amber jewel Nothing yet

[oak wagon]

how do you accomplish this out of curiosity? i set it up like this:

severity:
red: 0
yellow: 50
green: 100

and it just shows the default blue color...?

[raven nacelle]

what is the value of the sensor?

also refresh the cache....CTRL+SHIFT+R (a few times)

[oak wagon]

well that particular value would be for the speedtest download sensor

[raven nacelle]

and what is its current value?

[civic sedge]

Thats a lovelace question lol
Just trying to make a Floorplan with Affinity.. Disgusting - Could you recommend something?

[dense vine]

folks, noob question regarding lovelace.. with lovelace it seems like we don't need groups to make cards or even groups to make views.. is that the case? can i remove those groups?

[raven nacelle]

only retain the groups that you are using elsewhere. All other groups can be deleted

[dense vine]

nice.. one more question.. i see there are different types of cards i can add to the UI.. i added a history_graph card.. does that mean i can get rid of the history_graph setting in my configuration.yml?

[raven nacelle]

history in config refers to the history that you see in the left tab

[dense vine]

i guess, in general.. anything that i have that was put there for the sole purpose of UI visualization seems to now be irrelevant since all the config is now in .storage/lovelace and can be removed from the configuration.yml/groups.yml

[raven nacelle]

history graph in LL is for a particular sennsor

[dense vine]

i have a history_graph in config

https://www.home-assistant.io/components/history_graph/

[raven nacelle]

yeah, that is related to similar thing

LL is independent of the backend

so you can play with it

[dense vine]

nice, nice.. very cool.. thanks for the info

[thorn matrix]

Until we have multiuser lovelace setup..is it possiable to get the active user ? So we can do conditional based card? If thissomething can be enable?

[plucky furnace]

Im having problems getting the simple-thermostat card to work. Ive downloaded the simple-thermostat.js and saved it on my www folder. I have ```resources:

• url: /local/simple-thermostat.js?v=0.15.1
  type: module``` in my lovelace file but im still getting custom element does not exist: simple-thermostat error when i try to add it as a card.

😕

[violet talon]

@plucky furnace what browser?

[plucky furnace]

@violet talon opera and Microsoft edge

[buoyant portal]

Any reason for this error? /local/mini-media-player-bundle.js?v=0.9.8:1267:0 NotSupportedError: Operation is not supported mini media player not displaying at all no errors on screen hass 86.4

[tepid locust]

latest is working fine for me did you change it recently?

[mild veldt]

@buoyant portal what browser? Try a different one

[buoyant portal]

Firefox. I'll try a different one

Still not displaying in Opera. I'll try restarting hass, it was working yesterday. Haven't changed it recently

[robust garden]

Who can help me with a little problem?

https://imgur.com/vmNHfMw

I would like to get these 3 sensor on one line

How can I do that?

😆 lol I just solved it 😛

[glossy birch]

@robust garden If you haven't seen button-card, you should take a look at it...

[robust garden]

oe nice 😃

[glossy birch]

the top are buttons, and the bottom are just guage sensors

https://github.com/kuuji/button-card

[robust garden]

Will look in to it 😉

the lovelace demo is also very nice 😃

Some great example that I'm inplementing right now

But also still searching for other great examples

Like a nice why to show all your automations, I used the group card but that results in a crash 😛

[glossy birch]

try sharethelove.io site

[robust garden]

hmm monster card is something that I must add to my config

More people that use the group card?

So you can select an group.(name) as entity

mines crash if I show an group of 45 entities in it 😛

[trail stream]

When you are using the lovelace UI, where does it store the yaml?

doesn't seem to be using ui-lovelace

[trail stream]

I've enabled lovelace yaml mode and I'm trying to find the config I create in UI mode. Does it still exist somewhere?

[mild veldt]

@trail stream remove YAML mode and grab it from the raw config editor

[trail stream]

Where might I find the raw cpnfig editor?

[vapid field]

Alright so I am on the lates update for hassio. I love the new interface, lovelace. Lovelace is set as my default page, however once I am logging in it is allways loading states first. Why is this?

[fleet portal]

How can I get a group entity which is represented as button card on lovelace to indicate on/off state in style (icon / bg color) ?

[trail stream]

Anyone else see that the TOGGLE EDITOR option is grayed out on the HISTORY GRAPH?

[hearty marten]

Good morning, is there any caching file where lovelace-entity-ids are cached? I still have the problem that all my entities show "Entity not available". When i switch to "states ui" all is fine. When i copy the full configuration (.homeassistant/*) to a different machine, all works fine.

[errant plover]

Input selects placed in picture element cards are totally borked. When tapped, more info opens with an option from a completely different input select. 100% repeatable on any input select.

[split granite]

~share

[kind shell]

:point_down:

Format Code

Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.

[split granite]

Show us the code 😉

[hearty marten]

@split granite : me? 😃

[split granite]

Nah, @errant plover

Your case, have a look at .storage/lovelace

[errant plover]

https://paste.ubuntu.com/p/Y8WGWq3GwM/

[split granite]

You can delete that, and then it'll re-create it @hearty marten

[errant plover]

In an entities card (good) https://i.imgur.com/XqaVj8Y.png same input_select in a picture elements card: https://i.imgur.com/AYUP87V.png

[hearty marten]

@split granite will do!

@split granite : yay! Thank you!

[split granite]

No worries

[dense elk]

if I'd like to setup custom lovelace stuff I need to set up mode: yaml ?

[split granite]

No

[dense elk]

but i need to create a file called "ui-lovelace.yaml" right? for example if i start with this: https://github.com/bramkragten/custom-ui/tree/master/weather-card

[split granite]

If you're using YAML mode

You can use custom cards with the raw editor

[errant plover]

          - entity: input_select.lounge_ac_mode
            style:
              left: 83%
              top: 77%
            tap_action:
              action: more-info
            type: state-icon

[dense elk]

hmm

raw editor

need to google that...I'm a bit confused, the instructions are quite complex

[vapid field]

Alright so I am on the lates update for hassio. I love the new interface, lovelace. Lovelace is set as my default page, however once I am logging in it is allways loading states first. Why is this?

[errant plover]

@dense elk tap on the top right three dots icon twice. First to open the UI editor, second to get to raw mode.

[split granite]

@vapid field -> Set Lovelace as the default

[dense elk]

oh see

opened the editor

[errant plover]

@vapid field also update your browser bookmarks (they're different for lovelace).

[dense elk]

and now got the raw mode...thanks

[vapid field]

It is set as default

[split granite]

You may have to clear cookies and/or cache for the site in your browser

[vapid field]

Alright, but do I need the states? Any way to delete it? Because now it looks like it is running two instances.

One states and one lovelace

[split granite]

No, and no

[sharp talon]

The delete card button within Lovelace GUI has suddenly stopped working, so much so that I have to refresh the page to get control back. Anyone seen this before?

[errant plover]

@vapid field But you can clean up a lot of unused code. You can delete the code for groups (as long as you dont use them in automations), views and history graphs (unless you add the history graph as an entities or other card element - which is actually better than the lovelace history graph card as it can be expanded).

[dense elk]

So I inputed Windy via the iframe card and I'm getting a message in the iframe that maybe i dont have connection....tho' the windy map seems to work, is there and option to configure more frequent refresh of the iframe card

[dense elk]

also is there and option to enlarge it 😃

[errant plover]

Nope. And I saw the same message and it was updating. Didin't bother keeping the config though so never sorted it out.

[dense elk]

thanks tom I you are very helpful!

[trail bane]

Hi All, Does anyone know if it's possible to expose the on/off function on a thermostat card in lovelace? Thanks!

[fallen dock]

I have some sonos components. I'm using the media card to display/control the devices. Most of the channels I listen do does not provide any album art. This leads to huge white squares expanding and contracting when I change views or randomly. Can i disable/minimize the album art, or set some default art to prevent this from happening?

[sudden lion]

@fallen dock check out media mini player: https://github.com/kalkih/mini-media-player

[warm depot]

hello there 😃 I'm pretty new to lovelace and I would like to add a custom card to my HA. Where I can find the ui-lovelace-card.yaml file? Is it necessary to switch HA to use yaml file for lovelace?

[sudden lion]

ui-lovelace.yaml should be located in the same folder as configuration.yaml

[fallen dock]

@sudden lion thanks, I've seen the midi media player, but I'm looking to use the native media player card if possible

[sudden lion]

To use it you will have to enable yaml mode. You can also use the raw editor to add the resources needed for custom cards

https://www.home-assistant.io/lovelace/yaml-mode/ here's some info on how to run yaml mode

[warm depot]

@sudden lion is it possible to do in the raw editor itself without activating yaml mode?

[split granite]

Yes

[sudden lion]

Yes absolutely

[warm depot]

thanks 😃

[fallen dock]

where do I find the native media player configuration file if I want to do some modifications?

[tacit cave]

That depends on what card it's in

[dense elk]

Still need help with this: https://github.com/bramkragten/custom-ui/tree/master/weather-card I copied the files in the location stated and I'd like to use the built in lovelace editor...where do I pasted the stuff thats in the readme....do i need to create the resources entry etc?

[dense elk]

here i have the pastebin of the config from the editor https://pastebin.com/hvnrxqXY

[tropic lake]

First attempt at a migration to lovelace UI, running 0.76.2: unknown card types 'gauge' and 'thermostat'. What were people using to replace badges before these were introduced?

[split granite]

0.76?

Woah, that's old 😉

The docs are going to be of very limited use to you

[tropic lake]

@split granite (indeed, I have users) spelunking github for old configs I guess..

[split granite]

Yeah, I know the challenge

[tropic lake]

I guess I should work on the roll-out of the auth system first then... :)

[split granite]

That's what held me on 0.76 for a while

Given that almost nobody else uses the UI, it ended up being a trivial upgrade in the end

[tropic lake]

I only just moved the live system from 0.64 :O

[split granite]

😄

I moved most folks to using the Google Home app, as we use Google Assistant, which removed the need for the UI

[tropic lake]

That is the best UI

:)

[civic sedge]

I just configured my first picture-elements card - neat - now I ask me how i can make it bigger on the desktop - ll be either renderd fullscreen of death with panel: true or tiny as card

[split granite]

https://www.home-assistant.io/lovelace/conditional/ @quaint cosmos

[quaint cosmos]

I am using lovelace and like it.. For my Trane thermostat there are 4 cards showing for the thermostat. Heating, heating econ, cooling, and cooling econ. Is there a way to display or not display a card based on a value? Like only see the heating card when the thermostat is in heating mode or the cooling card when the thermostat is set to cooling. I still have a lot to learn, but am trying..

Also noticed that the operating_state is not being tracked either. Can someone point me in the right direction on how to get this monitored?

I really need to read before copy and paste Tinkerer..

[dense elk]

guys can you please take a look at my config pasted above and tell me if I'm doing something wrong 😃

[quaint cosmos]

But I still need help tracking the operating_state in the current climate card..

[quaint cosmos]

Can provided cards, like the thermostat card, be customized? At the bottom of the card there are the icons for heating, cooling, etc which would show what mode is active. Then right under the set point value is wording that states what mode is set. I would like that wording to track the operational state, like "Heating" or "Pending Heat" from the device operating state...

[dense elk]

https://drive.google.com/file/d/1fuwM14xU7Zm3NjCoVFY5S63IEJNiDiTJ/view?usp=sharing is there a way to get rid of this annoying slider

using the iframe card btw

[errant plover]

@quaint cosmos Nope. Toggling the Editor of cards still only give you access to the supported attributes. OR yes. Create your own custom card by building upon what has already been done. It's open source and all available on github.

@dense elk Try messing with the aspect ratio attribute.

[dense elk]

I did but couldn't find the sweet spot 😃

[errant plover]

Taller than wide required, so larger aspect ratio. Start with silly and work backwards (85%).

[dense elk]

what about the custom weather thing and how do i even display the darksky things...if i try the stuff from the docs of the component it doesn't display anything in the UI

[errant plover]

Jebus. I'm not even looking at that yet. I use a custom Australian weather FTP scrape source. Someone has managed to do it but it looks like a lot of custom template sensor work. If you're using DarkSky (which is wildly inaccurate here) it shouldn't be too hard. Follow the instructions.

[dense elk]

I did but I dont get anything 😃

maybe the docs are before the lovelace time and its incompatible with something

[errant plover]

Tried this one? https://github.com/bramkragten/custom-ui/tree/master/weather-card

[quaint cosmos]

@errant plover I kind of figured after I have done some more digging. I am by no means a developer/programmer and not even remotely sure how to do it even after reading through the custom card section on the developers site. Oh well... Guess I will just live with it and try to find a work around. I haven't even figured out how to extract that specific value from the entity to display its value.

[errant plover]

You can make feature requests though.

[dense elk]

yeah Im trying that one but I think im doing the configuration wrong or something

[tropic lake]

Except for some minor issues around unavailable devices I'm impressed by the legacy UI compatibility in Lovelace.

And exceptionally pleased that in yaml mode the UI isn't editable by users! :D

[calm rock]

hi all !, when loading any page from the external URL , i started to receive this type of errors : Uncaught (in promise) Error: Loading chunk 17 failed., in several of this "chunks" , it worls fine locally , any ideas what the reason may be ?

[errant plover]

@tropic lake yeah the devs and beta testers have done an excellent job. I have to keep reminding myself "it's early days" when I find issues. For the most part it's amazing how seamless the transition was.

Not sure what you mean by this " yaml mode the UI isn't editable by users! :D" though. Have you not discovered raw mode? 😃

[tropic lake]

@errant plover this yaml mode: https://www.home-assistant.io/lovelace/yaml-mode/

Attempting to edit it (the menu item is still in the UI) produces a message "The edit UI is not available when in YAML mode."

[dense elk]

can i use the ui-lovelace.yaml in adition to the editor mode

like both

[raven nacelle]

no....if you use yaml mode, you cannot use the UI to edit

[dense elk]

if some instructions are for the yaml option how do they translate to the editor option

can i still copy-paste that code

[potent fjord]

https://pastebin.com/LeLmAZzy

why is two same resolution pictures different size on the desktop ?

its driving me nuts

5 cards same height and two are not same height

[raven nacelle]

@potent fjord is it the same if you remove card-modder?

[dense elk]

damn i really dont know how to use these custom components

everyone i try i have the error that Custom element doesn't exist

and i do everything as per instructions

[errant plover]

@dense elk use the raw editor or toggle editor mode in the card if you have to add extra options.

[warm mulch]

Hi guys.
I have a picture-elements card but I'd like to control the image based on a sensor state (window open/shut). Is this possible, or does that only work with a picture-entity card?

[earnest geyser]

hey guys - I'm new here and I have a question because I'm really confused how does one create a new custom card?

[tepid locust]

are you trying to make a card from scratch or implement a custom card someone lese made?

[earnest geyser]

I'm using vs code I tried cloning one of the existing custom cards out there and no luck...

[tepid locust]

or are you trying to add entities to a card to display on the UI

[earnest geyser]

trying to make a card from scratch

or even make changes to someone else's but i cant seem to debug the thing

[tepid locust]

f12 in chrome will bring up a debug menu to help you pipoint issues with cards, that and the error log in homeassistant

[earnest geyser]

i can't even get to that though it's complaining about ReferenceError: HTMLElement is not defined

[tepid locust]

did you install and gt a pre made custom card wirking first?

[earnest geyser]

so that's what I thought i was trying - the custom calendar card?

or is there a special pre made custom card I need?

[tepid locust]

how are you editing lovelace?

[earnest geyser]

what do you mean?

[tepid locust]

how do you add cards and entities to your UI for homeassistant

[earnest geyser]

oh, I just added the js file to my www/custom-card folder on my pi

[tepid locust]

do you edit the UI for lovelace via a yaml file or through the three dot menu on the top right

[earnest geyser]

via yaml

[tepid locust]

and in your config.yaml you have

lovelace:
mode: yaml

[earnest geyser]

I forgot, I also added the reference to the ui-lovelace.yaml

yup

and that works

[tepid locust]

for your card at the top of the lovelace ui file you have

resources:

• url: https://unpkg.com/moment@2.22.2/moment.js
  type: js
• url: /local/custom_ui/calendar-card/calendar-card.js?v=1.0.1
  type: module

[earnest geyser]

yes I do

[tepid locust]

can you open your calendar-card.js and tell me what the first line is?

[earnest geyser]

well right now I'm just trying to debug soemone elses's file

class CalendarCard extends HTMLElement {

[mild veldt]

~share

[kind shell]

:point_down:

Format Code

Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code.

[mild veldt]

@earnest geyser share your configuration

[tepid locust]

I want to make sure the card works without any modifications, is the card broken for everyone currently?

[earnest geyser]

I think it's fine, I think I wasn't clear

the card is fine, I'm just trying to make my own custom one based on the existing card

so I thought I would open VS Code and get the eixsting card's code, and debug it to see how they are doing things before making my own

sorry for the confusion

[tepid locust]

I would check with fronend dev section for something like that, and any relevent documentation on creating lovelace cards

[earnest geyser]

I did actually and don't seem to understand it

so I thought I'd try here

[dense elk]

if i get an uncaught exception when loading a card what does it mean? (and it doesn't load)

for example uncaught exception: /local/custom_ui/dark-sky-weather-card.js?v=8.3

config https://pastebin.com/axhmZBBV

[civic sedge]

Can I change the background color of an card without an additional plugin?
well.. f. it - installed thomasloven's card tools - Thanks for all the awesome work btw

[civic sedge]

so next thing I want to do is to make a almost empty card wich comes up and leaves again to prevent image burn a little bit.. thourghts on how often it should change?

[potent fjord]

@raven nacelle yes, removing custom card modder didnt change a thing ( about the picture entity different size cards https://pastebin.com/LeLmAZzy)

that i asked 3h a go 😃

[split granite]

https://github.com/bramkragten/custom-ui/tree/master/swipe-card @civic sedge maybe, but given that the cards won't move, it's probably better to find a solution for the whole screen

[civic sedge]

Its a amoled screen. with very little to display.
https://imgur.com/a/HoSlr6p
so when its moving 5mm it should be ok I guess

I meight set up a input bolean and a conditional card

[potent fjord]

how do you control picture-entity card size ? Having some probs because they are different size with same code

picture resolution is same

[mild veldt]

@earnest geyser ljmerza has what looks to be a good boilerplate card to start from https://github.com/ljmerza/lovelace-card-boilerplate/tree/6117c19924a941efba439cb450090e529a74eeb7

[potent fjord]

somethign odd with the pictures, i swapped them and card sizes swapped too ..

[marsh peak]

how do you make cards the same height?

i have a weather view that shows all the temp/humidity/etc. sensors but the way it wraps the cards they end up being in 2 unequal height columns

[potent fjord]

there seems to be exif info about orientation that makes some picture entities different size.

which seems odd to me

EXIF: Orientation Horizontal (normal)

[vapid lance]

o/ all

[gloomy moon]

Hey, i'm trying to set up ha-floorplan but i'm getting "Unknown" in lovelace, here's my lovelace yaml: https://paste.ubuntu.com/p/nQcGMpYTG2/. Does anyone know if that's right?

[tepid locust]

can you create a hidden view that is only reachable via direct link EG https://HAURL/lovelace/hidden_view_id

[vapid lance]

what's the best way to redirect mobile device to /lovelace/mobile (for instance:) ) ?

compact-custom-header is buggy since 0.85, and the localStorage 'defaultPage' trick does not work any more 😩

[potent fjord]

bummer, custom card modder doesnt work with picture elements when trying to round corners :/

@polar kelp around ?

[polar kelp]

yes

[potent fjord]

just made an issue to github

[polar kelp]

Add overflow: hidden

[potent fjord]

oh ok

didnt require it with picture entity

[polar kelp]

Yeah. Some cards work a bit differently.

[potent fjord]

but cool, it works now

[polar kelp]

I expect all to need it soon, though.

Should add a note about it on github.

[potent fjord]

closed my issue with comment

[bleak lily]

Are there any plans to add drag n drop editing to Lovelace in the future? Or swipe through tabs on mobile devices?

[marsh peak]

do vertical stacks come "before" horizontal stacks?

[sour crag]

starting to look into lovelace

is it best to use yaml or the webpage to edit?

[polar kelp]

Depends. For most people it's the GUI.

If you like code and want to share your configuration easily to e.g. github, it's probably yaml.

[sour crag]

ok, so you can do the same with the webconfig?

you don't loose a lot of oppurtunities?

[polar kelp]

If you can't do it in the GUI (yet) you can enter yaml in the GUI as well.

[sour crag]

ok

[violet talon]

there's a "raw" mode

And when creating cards you have the option to enter straight yaml

[sour crag]

seems pretty reasonable, gui for most of the stuff, but yaml if i need something special

thanks

[violet talon]

I usually use raw mode to add custom modules and hit skip when creating a card to paste in yaml from a GitHub example

[sour crag]

a second question, after glansing over the documentation, is there a way to have several card sets?

[violet talon]

@sour crag no, you can enter straight yaml from the gui

[sour crag]

and choose between them on the side or something?

[violet talon]

You can add tabs at the top

[sour crag]

lets say one card set for the living room, antorher for the kitchen, and just a list of rooms that toggles between sets

i see, sounds like what i am looking for

thanks for the help

[old ibex]

how do i go back to non yaml mode? i tried to hash it out but it still going to yaml mode

[violet talon]

@old ibex did you delete that section from your configuration.yaml?

[vapid field]

I have a rgb light connected via mqtt, from integrations panel, I can control the color of the light. Though from the Lovelace UI i'm only able to control the on/off. Is it possible to control rgb lights as well from within Lovelace and if so, how?

[violet talon]

@old ibex also, did you restart HA after commenting it out?

[old ibex]

@violet talon i have it hashtagged out

yup

sure did twice

[violet talon]

@vapid field I think I saw someone post an RGB card to Reddit last night...

[old ibex]

on the config urator

[vapid field]

@violet talon do you know the url?

[violet talon]

@vapid field https://github.com/ljmerza/light-entity-card

[marsh peak]

looks like vertical does come before horizontal

[winter leaf]

@vapid field can't you just use the hold_action:

            hold_action: 
              action: more-info

Maybe not possible with mqtt light. Don't know...

[violet talon]

@old ibex stuck browser cache?

[old ibex]

let me check

good point

nope still in yaml mode

[vapid field]

@winter leaf not sure what hold_action: but i'll read the docs.
So you are saying that with normal rgb light's it should be possible to control the color via Lovelace?

btw, thank you

[winter leaf]

https://www.home-assistant.io/lovelace/entity-button/

Yes.

[burnt moon]

Any way to hide a badge when it is in a certain state? Presence detection in the old UI when someone was away the badge would disappear and when they were home it would show up. That’s not what’s happening in Lovelace.

I have the entity to hide when away

[mild veldt]

@burnt moon entity-filter

[tepid locust]

just in case anyone wants to have a hidded view I have a janky work around. create a view and for the icon give it an invalid mdi: icon for example I named mine mdi:thisdoesnotexist. there is still a clickable space in my views bar but it does not say or show anything

[violet talon]

Security by obscurity!

[clear hornet]

Hello, I'm working on a new climate component. With the states UI I get switches to turn my component on/off. When I switch to Lovelace I can switch it on by setting a temperature but there is no off button. Does anyone know what I need to do to get Lovelace to display one?

[dim jolt]

hey folks, any way to get a slider to be next to a button - but the slider is 3x the width of the button (like you could with custom-ui )?

[mild veldt]

@tepid locust you could also try custom-compact-header

@clear hornet put it in an entities card

@dim jolt https://github.com/thomasloven/lovelace-slider-entity-row

[dim jolt]

Thanks @mild veldt I can’t figure out how to not split the slider and button 50/50 on that ‘row’ (which means the button is too wide and slider is not wider enough 😕 any ideas

[mild veldt]

@dim jolt so you're using that already and you think the slider should be wider?

show me what you have, I guess, because the slider looks to me much wider than the "button" on the right. (I'm not sure what you mean by button, do you have it set as toggle?)

[tulip fiber]

Anyone around to help on some custom card questions; particularly the fold-entity?

[tepid locust]

@mild veldt thanks for that link, will have to play with it

[summer eagle]

I wish the current GAUGE card could have more severity intervals and colors defined

[mild veldt]

@summer eagle have you looked at https://github.com/custom-cards/circle-sensor-card?

[summer eagle]

yepp, more stuff to install, too much fun stuff atm 😄

What is the best free weather forecast component?

[mild veldt]

@summer eagle why don't you poke around https://sharethelove.io/custom-resources

I haven't came across a paid component in my life...? Are you talking about it connecting to a service that is paid?

Either way, component questions are best asked in #330944238910963714

[summer eagle]

Google

Dark Sky

etc..

[tepid locust]

I use dark sky and have yet to hit the pay limit for api calls, it updates the sensors every 5 minutes

[summer eagle]

Even Wunderground...

[tepid locust]

I also use the google travel time and have not been charged yet for going over the api call limit it calls every minute

[summer eagle]

they still want your credit card info, just in case

[tepid locust]

yes, it is possible especially if you call it quite frequently, just pointing out you can use them and not go over

[summer eagle]

thanks for that

[hoary lava]

is this correct?

resources:

  - type: module
    url: >-
      https://raw.githubusercontent.com/thomasloven/lovelace-slider-entity-row/master/slider-entity-row.js

how do i know if its module or JS?

i get the error: Custom element doesn't exist: slider-entity-row.

[mild veldt]

~format

[kind shell]

: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

[hoary lava]

anyone know of card-tools is js or module?

[mild veldt]

@hoary lava you can't use raw from github. You have to download the file and reference it locally

[hoary lava]

ok. did that. any idea why

error is now : property split of undefined

[mild veldt]

It puts headers on it

Not just js

[hoary lava]

ok. i got it working somehow... but how do I know if its type js / module? its not documented.

it seems to work either way. js/module doesn't seem to matter but i'm guessing one is more correct.

[grand dagger]

anyone having problems with tap_action: toggle to work? for me it does nothing....

if i use tap_action:
action: toggle it works but gives me an error

[warm mulch]

I've got another dumb question... :)
When I enter my lovelace address, on rare occasion I get to the
http://192.168.178.28:8123/lovelace

but mostly Chrome forwards to
http://192.168.178.28:8123/lovelace/0

how can I reach the ^^^first link?

[potent fjord]

@hoary lava its a .js

said in : https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

im trying to add prefix to sensor data with picture-elements, how do add space after prefix ? Now prefix has no space between prefix and temperature reading

Temperature23.9 doesnt look good

[zealous oak]

hello there

I am having problem where lovelace is not refreshing when i make changes to my yaml without a restart.

I've googled and looked in the forums; the only thing I can find relates to using include! But I do not use include! in my ui-lovelace.yaml file.

Does anyone know anything else it might be?

I'm on the most recent version of hassio on hass.os.

Ah- this has been resolved using the Refresh option from the overflow menu in the top right corner of the UI.

[split granite]

Also, you're running Home Assistant on Hass.io 😉

[lilac marlin]

allright i have a lovelace question which is borne mostly of complete ignorance as to how lovelace works at all

so i have a project https://haswitchplate.com

that makes extensive use of hass packages, so a user can install one or more of these devices and a quick script will drop a new package for each device. works great under the old UI

but now lovelace is a thing, and i'm trying to work out an approach that keeps the modularity of packages without screwing up people's existing install

what i don't see in the docs anywhere is any mention of packages. so here's the question - can i add lovelace ui elements inside a hass package?

[burnt moon]

@mild veldt with an entity-filter can you used that with a badge?

[lilac marlin]

my major issue is that i think this will work in yaml mode, but i cannot presume that everyone will be running in yaml mode

so how does one deploy a package that works for all users? or is it just not possible now like it was before?

[undone egret]

I think you bring up a valid point....i just have no answer

i know if you delete the lovelace in storage it will read package groups ...so possibly a way to call that service?

[lilac marlin]

that's ok, but not if someone has already customized their environment

[undone egret]

true

[lilac marlin]

am i correct in understanding that customizing lovelace via is 100% contained in the .storage/lovelace file?

more specifically, is there any means at all to do file splitting when that approach is in use?

[supple jackal]

so apologies if this is somewhere in the docs, can't find mention of it - I'm using the built in editor for Lovelace (awesome!) - but is there a way to re-order my tabs? I get the sense that I need to re-order the structure within the yaml in the Raw Editor, but I just want to check to see if I'm missing something obvious before I go down that path.

[junior onyx]

@supple jackal I'm curious too now that you bring it up

[mortal cape]

@supple jackal @junior onyx reordering tabs/views is coming, but for now you'd have to cut/paste within raw config editor

It's in the current beta

[undone egret]

fancy

[vapid field]

small question how can I use custom cards in de configure ui of lovelace?

I got the following when using custom cards

Your config is not supported by the UI editor:
Expected a value of type {entity,name,icon} | entity-id for entities.0.type but received "custom:slider-entity-row".
Falling back to YAML editor.

[mortal cape]

@vapid field https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins for troubleshooting.

[tacit cave]

having an issue, just upgraded to 87, missing pretty much every popup text in the UI. Anyone see this before?

[mild veldt]

@burnt moon no

[sharp talon]

@mortal cape I love the new raw and card editor, are they plans to add line numbering, code folding and auto indentation to help with yaml formatting? I'm finding it increasingly difficult to nest card types within other card types and these would help greatly.

[mortal cape]

@sharp talon there are now line numbers, and the preview is on the right instead of below. no auto indentation though

(in the beta)

[sharp talon]

Ah cool, something to look forward to in the next release 😃

[mortal cape]

Same for the raw config editor

And tab works for indenting, but not consistently...

[sharp talon]

One thing I have noticed when changing the order of cards (using the arrows) is that the cards seem to jump between columns as they are arranged and not as you would expect them to move (ie. straight up and down within the column they are located). I should probably know this but how are cards displayed in relation to the layout?

[mortal cape]

there is some page out there that explains that flow...I'd have to search

I think one of @polar kelp 's cards

[tacit cave]

who created the custom button card that people are using over the built-in? Trying to find it

[mortal cape]

@tacit cave this one? https://github.com/kuuji/button-card

[tacit cave]

might be, looking for 'blank cards'

yep, thats it

thanks

[polar kelp]

Here’s how the card placement works: https://github.com/thomasloven/lovelace-card-modder/blob/master/README.md#forcing-size

[leaden matrix]

@fading sorrel, how you.. Perhaps you or someone could help. I am installing the InfluxDB addon. Its asking for a username and pass to get onto the web UI. What is the User & pass?

[fading sorrel]

@leaden matrix Not really the correct place to ask... but it is your HA username/password..

[leaden matrix]

Legend, thanks.

Oh im in the love lace hall of excellence. sorry all

[dense elk]

I'm sad since I can't get any custom card to work 😦 and tried a lot of different things, followed all the instructions by the letter,...made the .js files executable...dunno what i'm doing wrong

is it possible to expose the "color picker" from a certain light more directly in the UI that one doesn't have to click on the light entity

[mild veldt]

@dense elk did you download the files now?

did you follow thomas' wiki page?

i think i remember you are in storage mode. did you add the cards using raw config editor?

the resources that is

[dense elk]

yes everything and nothing worked

i even removed all the code and used just the code for one custom item

and that produced the same error....the default lovelace things work just fine

just the custom dont...but that is really annoying

Are the lovelace issues possibly related to SSL not working (sonoff component problem)?

[mild veldt]

@\

@dense elk no

share your config

can you reach the file at <ip>:8123/local/card.js?

where "card" is the one you're trying

[dense elk]

https://pastebin.com/axhmZBBV below is also what i have in configuration.yaml

both things are in the same pastebin

[mild veldt]

so if you go to <ip address>:8123/local/custom_ui/dark-sky-weather-card.js do you see the file?

i would also recommend using weather-card instead 😃

https://github.com/bramkragten/custom-ui/tree/master/weather-card

so if you don't see the file, then your paths don't match and that's your problem. your physical path should be config/www/custom_ui/dark-sky-weather-card.js in that case

[dense elk]

i have that path

yet if i go to that address it is 404: Not Found

msev@orangepipc:~/.homeassistant/config/www/custom-ui$ ls -lrt
total 28
-rw-r–r-- 1 msev msev 25970 Feb 2 17:23 dark-sky-weather-card.js
msev@orangepipc:~/.homeassistant/config/www/custom-ui$ pwd
/home/msev/.homeassistant/config/www/custom-ui

is the path correct @mild veldt

where should this config folder be

[split granite]

https://www.home-assistant.io/docs/configuration/

[sharp talon]

@tacit cave did you manage to add the custom button card? I'm having issues getting it to display. (custom element does not exist). Whats the different to including it as a type: module as opposed to type: js

[split granite]

Depends on how you install it, and what user you run it as @dense elk

[tacit cave]

@sharp talon yeah, it's working great

[sharp talon]

could you share your config to add into js file?

[dense elk]

~/.homeassistant so this since i use a venv

so i have it in the correct location

[tacit cave]

I used exactly what is in the docs

  - url: /local/lovelace/button-card.js
    type: module

[sharp talon]

do you have multiple custom cards?

[tacit cave]

changed my path a bit though

yep

  - url: /local/lovelace/button-card.js
    type: module
  - url: /local/custom_ui/weather-card.js?
    type: js
  - url: /local/lovelace/vertical-stack-in-card.js?v=0.0.9
    type: js
  - url: /local/mini-graph-card/mini-graph-card.js?
    type: module
  - url: /local/lovelace/layout-card.js?
    type: module
  - url: /local/custom-lovelace/swipe-card/swiper-card.js?
    type: module

[sharp talon]

strange

[dense elk]

@split granite so should be good right

[split granite]

Yup

[dense elk]

maybe if i switch from the raw config editor thing to the yaml

maybe it will work then 😄

[tacit cave]

@split granite you ever see an issue where text doesn't show up under a normal theme?

default theme*

[split granite]

Not outside of the beta releases

[tacit cave]

ah ok, ill downgrade

[split granite]

Or wait for the beta release that fixes it

[sharp talon]

ok I have ```resources:

• url: /local/custom_ui/bar-card.js?v=1
  type: js
• url: /local/custom_ui/button-card.js
  type: module```

and in the card:

entity: group.kitchen_lights
show_state: true```

[tacit cave]

and whats the problem?

[sharp talon]

and getting:

{
  "type": "custom:button-card",
  "entity": "group.kitchen_lights",
  "show_state": true
}```

[tacit cave]

so is your button-card inside config/www/custom_ui/?

[sharp talon]

its in a folder in the top lever of config along with the other JS include (bar-card.js)

so /config/custom_ui/

[tacit cave]

@split granite got a link to that PR? Does it affect sensor card graphs as well (the line itself)?

[split granite]

I don't, I just assume that the devs will fix things that break during a beta if they're told about them (and possibly if an issue is opened)

[tacit cave]

@sharp talon it needs to be in www/custom_ui for it to work w/ the directory path /local/custom_ui

[sharp talon]

how come the other include works though?

oh hold on

I think I have it duplucated 😦

[tacit cave]

heh, yep

everything that is referenced as /local/ means config/www

[sharp talon]

doh thats it.... I must have made another custom_ui folder when I was testing that was directly within config. Checked in www and custom_ui is there too 😃

thanks for pointing out my stupidity 😃

[tacit cave]

it's all good, i messed that up myself in the past

always good practice to remove unnecessary stuff from your configuration once it's fully working

[dense elk]

So what else can I try?

migrate to yaml for lovelace?

maybe its a crazy permissions thing of the www folder

drwxr-xr-x 3 msev msev 4096 Feb 2 11:34 config
user msev....but the hass i have in venv and maybe the user is called (homeassistant) msev@orangepipc:~/homeassistant$

is that the problem

http://192.168.88.100:8123/local/test.txt this file i can see

oh now i finally made progress... made a www folder inside .homeassistant/ and put it there

maye it will work now

[elder pendant]

That's where the www folder should have been

[dense elk]

jesus damn i'm dumb

[elder pendant]

I guess everyone just missed that when you posted your paths

[dense elk]

no damn it still doesnt work

same error

but i can manually get to the file

so that is the progress

[elder pendant]

You restarted ha?

[dense elk]

nope

gonna do it

[elder pendant]

Restart

[dense elk]

nope still same error

ah wait maybe now there is a problem with the path in the lovelace raw, just a second

yeeeeesss it workssssssss

yesssssss

thanks Villhellm!

[elder pendant]

For future reference when someone says config/anything they mean .homeassistant/anything

[dense elk]

can you maybe help me also with some problem with a component, since the dev doesn't want to help me, something is wrong with ssl

[elder pendant]

Not sure why ssl would affect a component, but I can try. What's the component and the issue?

[dense elk]

i'm gonna pm you

[dense osprey]

i'm working on a custom Climate Device - it's showing the thermostat card fine in lovelace ui, but I don't see the icons for away mode, fan, etc like the example docs: https://www.home-assistant.io/lovelace/thermostat/ My ClimateDevice supported_features includes SUPPORT_AWAY_MODE. this is mine: https://imgur.com/tJrqZ2N – anyone know what i need to do to get the various icons appearing?

is it possible to toggle away mode from the thermostat ui card at all?

[sleek warren]

are persistent notifications available in lovelace yet? like the cards we had before

need some sort of temp popup similar to how they worked with a timeout

[mild veldt]

@dense elk wait, so you didn't have a www folder?

[dense elk]

I did

but I had it inside an actually config folder

so it was .homeassistant/config/www/

[twilit matrix]

just looking for the same answer I guess.. where is config/www located?

.homeassistant/config/www/ ?

[odd light]

to use the new config UI, I remove mode: yaml correct?

[prime umbra]

y

[twilit matrix]

Check the menu in the top right corner of "Overview" there is an option called configure UI

[elder pendant]

/config/ is never a thing. When people say "config/" they mean your ".homeassistant/" directory

It's just shorthand

[mild veldt]

more so that it means different things depending on what installation type you have

this main thing is though that where you have your configuarion.yaml is where you should also have your www folder

[dense elk]

I'm very happy to be able to use all of this custom lovelace goodness now 😄

[spice grove]

I have sensor with timestamp as value and device_class set to timestamp
https://i.ibb.co/680GsTq/sensor.png
and I try to display this sensor in Lovelace

- entity: sensor.router_last_boot
  format: relative

And this sensor show "Invalid date" as state.
https://i.ibb.co/yYK4tLQ/sensor-lovelace.png
This is an issue or my configuration is wrong?

[dense elk]

where can i open an issue if i want the lovelace iframe card to be able to be resizable? Or should i use the monster card above it?

and it would be resizable then

[split granite]

You'd open a feature request, in the feature requests part of the forum

[mild veldt]

@dense elk use the aspect ratio and then you could possible use the card-modder to limit the height

[dense elk]

Yeah I can't dial it in currently to not get the sliders in the card, i'd really like to have it without the sliders

will look into card modder

thanks

[odd light]

what to do when you get this?

The site at https://10.0.0.222:8123/lovelace/Main has experienced a network protocol violation that cannot be repaired.

connection refused on my phone

[polar kelp]

In a sudden stroke of clarity, I realized what my state-switch card was missing: https://github.com/thomasloven/lovelace-state-switch#hash

This lets you switch parts of a view locally, without it switching for every browser displaying the same view.

[odd light]

what are the remote entities for in roku? all I see is a toggle

[mild veldt]

@odd light remote platform just exposes services

You might like this card I made https://github.com/custom-cards/roku-card

[odd light]

so you can finally do everything as if you had a controller, nice

@mild veldt would you link to it the same way in the new raw editor in the config ui?

[mild veldt]

Yes

[odd light]

sweet

[worthy ginkgo]

So here's a random question. Back before the Lovelace UI editor was a thing, I created a simple UI frontend by editing the ui-lovelace.yaml file. At some later point, to keep things working, I added the following code:

lovelace:
mode: yaml

to my configuration.yaml. Now that lovelace is the default, I'd rather like to use the editor, but it doesn't work. What will happen if I just turn off that line? Will I need to start over with lovelace? Or can I get the editor to "import" my current viewes and work from there?

[latent moss]

@worthy ginkgo press configure UI option (3 dots in far top right corner) to get into edit mode, and then press that button a second time. You'll see an option for raw config editor. Then you can just paste entire contents of your older ui-lovelace.yaml file into there and hit save. And you'll be back to how you were except now you can edit via the UI etc.

[worthy ginkgo]

@latent moss - thanks, I'll try that.

I'm assuming I delete the older ui-lovelace.yaml first? And take the mode:yaml out of configuration.yaml?

[latent moss]

you can probably leave it , just comment out the mode: lovelace thing from configuration.yaml

[worthy ginkgo]

Ok, cool. Thanks again

[dim jolt]

@mild veldt i have a custom button and slider on horizontal stack (so its dividing the space 50/50 between the slider and button) - can grab a pic at the mo, but i'm trying to replicate the custom UI situation where i could specify how many columns in the horizontal stack, and then how many columns each item would occupy (ie button column 1, and slider column 2 - 4)

[mild veldt]

I see. Don't know anything about the old custom ui, but can't do that with anything out there yet. You can always make you're own based off of thomas' slider row

[worthy ginkgo]

@latent moss - worked great. Need to clean some stuff up, but I'm in business.

[nova summit]

How do you import your old Lovelace into the UI editor version

[latent moss]

@nova summit read my comment a few posts up has the instructions

[lime glacier]

hey, so... what is the relationship between lovelace and the old group/views mechanism

looks like the old group/views still works just using lovelace now?

[polar kelp]

Groups are translated into lovelace setup in auto mode to ease the transition, but after switching to storage mode (by making any modifications to the UI), groups are ignored.

[dense elk]

For the custom alarm gui element (keypad) to show, do I need a working back-end implementation or does it show anyway?

off-topic thomasloven I look kinda like you in real life 😄

[ember vessel]

Just a ideia... (and i don't know if that exists already and i'm missing it) but should be "good" that the senssor from device tracker could have a flag so we can set it or not so the state could be home/away or online/offline ?

i only see that coding and if state... but that will move ppl away from ui editor...

[mild veldt]

@dense elk the component is required

[dense elk]

does mqtt alarm also count

[calm rock]

HI all, if im using the YAML mode , is it possible to use the lovelace editor at the same time ?

[calm rock]

@raven nacelle , hi , by looking at your lovelace exmple page i realize all the possibilities on using the editor , while still having the capability to use the "raw" mode , then my question is , how to adapt an existing YAML lovelace config, so it can be compatible with the editor mode ?

[raven nacelle]

you can copy over the yaml to the UI

you don't have to use the YAML mode

[calm rock]

that simple ?, ok , thanks will make a try

[calm rock]

@raven nacelle i have commented out this line on config . # lovelace:

mode: yaml , restarted , but nothing changed , still not able to enable the editor, should i rename the lovelace.yaml file , or something else ?, sorry if this was answered , couldnt find it .

[raven nacelle]

use Take Control from the three dot menu (on the right)

[calm rock]

ok, now i see , thank

tks

[serene sierra]

how to use custom cards with latest HA where i should add resources?

[vapid field]

is it possible to do a card with different card types, but without them being seperated? Hope you understand me

[serene sierra]

you can use horizontal stack

vertical sorry

https://www.home-assistant.io/lovelace/vertical-stack/

[vapid field]

i am using vertikal stack, but there is a little space between each card type, fx entities and custom types

[royal wagon]

Hi all, is all the Lovelace functionality available through the "Configure UI", or should i start using yaml files to configure? For instance, im trying to set the background of the HomeAssistant but cannot seem to find where to do this. Maybe this is not part of Lovelace, and Lovelace just deals with views and cards?

[polar kelp]

@vapid field There's a custom card called vertical-stack-in-card which does this.

[vapid field]

okay, gotta take a look at that. thank you

can you point me in the right direction? a link or something?

[serene sierra]

could anyone help me with custom cards? should i use YAML mode for custom cards?

[polar kelp]

@royal wagon All functionality is available from the editor, but for some things you'll have to input yaml in the GUI.

@serene sierra https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

[serene sierra]

Raw config editor in my case, thanks Thomas!

[royal wagon]

thx @polar kelp , i just "learned" about the "triple dot" in the UI. I stupidly assumed the functionality here was the same as the "triple dot" in the regular UI. I did not find a reference in the docs for the "raw config editor", but probably skimmed over it too quickly.

[polar kelp]

That's a reasonable assumption. I'll take it up with the dev team.

[vapid field]

Still need some help with the "vertical-stack-in-card" card. Here is my yaml code
https://hastebin.com/exafanebap.css
but getting error: element.setConfig is not a function
any1 know what im doing wrong?

[sterile birch]

Hey there.
Anyone can tell me what im doing wrong here?
type: horizontal-stack
cards:
type: entity-button

• entity: light.luz_esquerda
  type: entity-button
• entity: light.luz_direita

[polar kelp]

@vapid field that problem was fixed in the dev-branch on github earlier today.

Try this https://github.com/custom-cards/vertical-stack-in-card/blob/dev/vertical-stack-in-card.js

[vapid field]

@polar kelp jsut DL the dev branch. but still same problem

[polar kelp]

Followed the upgrade instructions?https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins

[ocean skiff]

Hi after update homeassistant my Lovelace look like this, why?
https://ibb.co/B3m8Fvm
https://ibb.co/5Kf2h2S all the switches like this