#frontend-archived

1 messages · Page 78 of 1

grim cairn
#

I miss the Internet of the early 2000's I might add dancing spooky skulls to my lovelace interface

#

There is a component card that supports gifs from memory

hoary river
#

Anyone know if it is possible to access an entities history from within a custom card?

#

Kinda wanna create a custom graph card

mild veldt
#

@polar kelp So set hass(hass) is called periodically is what I gather. Correct? But setConfig is only called on the initial setup?

#

That would explain it

#

...I think. Don't have my code in front of me, but sounds right

zinc zealot
#

I think set hass(hass) is called whenever anything changes. If you need to change detection for your own component, I think you have to get your component from hass and check to a previous state you saved. At least looking at some controls, that seems the way it works.

hoary river
#

@mild veldt Thanks! I tried that but _stateHistory is not defined, probably because I can't import import '../../../data/ha-state-history-data.js';

stray gate
#

Got some picture-glance cards set up in my early stage Lovelace setup to display images of rooms and associated lights and sensors.

I’ve got Lamps in the main bedroom which, when off, are difficult to see due to ‘off’ colour being grey. Can these colours be changed? If so, how? It’s also disappointing that the colours of the colour bulbs aren’t reflected in the icon colour like they are if using the original HA. Is this possible to carry over to Lovelace?

Thanks!

mild veldt
#

@hoary river hmm, I'm thinking it is just a different path that you need to use. Not sure though. @polar kelp any thoughts on importing a ha.js file?

polar kelp
#

Correct, setConfig is called once. Set hass every time Anything updates.

#

What do you mean import ha.js?

#

Forgive formating. Mobile.

hoary river
polar kelp
#

You shouldn’t have to import that. I don’t have time to look at it right now, but there are probably other ways to access the data and possibly functions

mild veldt
#

🤷

#

@polar kelp Thanks for the confirmation. I'm going to have to rethink this card and probably add some publishers to the component so that the card can subscribe to changes. 👍

hoary river
#

@mild veldt @polar kelp Ok, thanks for the pointers, I'll try to figure it out 😃

polar kelp
#

Take a look at what’s in the hass object. It’s full of useful stuff

hoary river
#

@polar kelp Thanks, think I might be on to something 👍

zinc zealot
#

@hoary river In that link for the ha-state-history-data, look at the function fetchRecent. It has a call to history/period. Depending on what you are trying to do, you might be able to duplicate that.

hoary river
#

@zinc zealot Yes, thank you, got it now through the hass.callApi function.

dusty granite
#

If i run lovelace, and wanna go back to the old look temporarly, is there an url or something i can use?

raw brook
#

/states

dusty granite
#

ty

raw brook
#

Can someone help me find the github for LoveLace. I am trying to find the implementation of what View Panel = True and what it changes. This is for the card modder. I know what the option does on the UI perspective but need the exact CSS/JS changes that happen

raw brook
#

Ahh under polymer. Thank you

dusty granite
#

in glance cards, can you align:Center in some way?

split granite
dusty granite
#

Oh, i can't read it seems. Thanks! 😃

wheat bone
#

Hi! I've noticed something odd in the last couple of releases, using lovelace. If i click an entity to get that pop-up window where I can change the entity_id, that works fine. Once. Then I need to reload the page before I can do that again with any entity. Has anyone else noticed this behavior, or have an idea why?

polar kelp
#

Do you have the old custom-ui installed?

wheat bone
#

Ahhh, yes I do

polar kelp
#

That's the problem

wheat bone
#

Thanks!

polar kelp
#

I kind of like that one. It's a very specific but obscure bug that lots of people encounter and the solution is always the same and very simple.

wheat bone
polar kelp
#

Don't quite see the point... there are better ways to do almost everything custom-ui does in lovelace...

#

But I'm sure some people have a use for it stll.

wheat bone
#

Maybe I just need to get more into lovelace then. It's mostly the "lock" to avoid accidentally turning off the media center, and the light sliders I'm using. But I just moved, so haven't had much time to get to know lovelace. Too busy building a kitchen 🙂

zinc zealot
#

Yeah, I'd like the lock too

#

I did something for a 3 button fan entity card in lovelace

polar kelp
#

The locks are a good feature... I'll put that on my list

zinc zealot
wheat bone
#

Looks good! And the slider works like a charm, thanks

#

Is there a way to apply it to a list of entities?

polar kelp
#

Not really

wheat bone
#

Well, still pretty great to have! I'll just rearrange my lovelace yaml a bit

polar kelp
#

lovelace-gen could help, if you're comfortable with jinja

wheat bone
#

Not even a little bit 😌 I'll just make a habit of using the "alternate" formatting for entities

dusty granite
#

@wheat bone If the entities are lights you can do light groups.

#

and use the slider.

wheat bone
#

@dusty granite Thanks, but I still want to control them individually. And I only have maybe 10 in the list, so it wasn't too muc work separating them

dusty granite
raw brook
#

@polar kelp I haven't made any progress. From my limited knowledge of ShadowDom and LoveLace structure, I don't see anything that should cause any issues.

I found https://github.com/home-assistant/home-assistant-polymer/blob/5187f3b84fba1df76663eb3605682e409c379347/src/panels/lovelace/hui-root.js#L278

I found this line that changes the view depending the Panel Boolean but nothing seems like it should matter. I am continuing research but just updating. You seem like a Guru at this so I'm excited to see how fast you find the problem haha

dim jolt
#

is it possible to set lovelace as default as a general setting? I can only see per device option

odd light
#

is there an easy way to adjust the width of a lovelace card

mild veldt
#

@dim jolt Lovelace will be default in an upcoming release

#

@odd light “easy” not really

dim jolt
#

Sweet thanks for the note @mild veldt

odd light
#

Boo

mild veldt
#

Boo you

odd light
#

Ha, haha

dim jolt
#

is it possible to have dynamic icons for entity card - for say batteries. in the legacy UI the battery icon would be based on the battery %

raven nacelle
#

Battery icons work exactly the same in Lovelace

dim jolt
#

huh, thanks @raven nacelle do you need to specify in the sensor? i'm getting the icon as an eye.

#

if i specify mdi:battery (it shows a full battery regardless of value)

raven nacelle
#

Not all sensors have the dynamic battery icons (and that's true even for the old UI)

#

If you specify mdi:battery, then it won't dynamically update. You need a icon_template

dim jolt
#

ok thanks - added that so will check after reboot

#

dont suppose if you know if you can hide tabs in lovelace. I want to be able to hit the URL, but dont want the icon there (as its for a wall panel). hoping there would be a:

#

hidden: true

#

but cant see anything in the docs

#

sorry i guess its called a 'view' in Lovelace not a tab

opal spire
#

hello, hoping someone can help me with the picture-elements card. Making a simple floor plan, my problem is that Panel=false is too small, Panel = true results in the image being too tall and require scrolling up and down. If i make a png image I can make the image wider which results in the image being smaller and fitting the window, but I'd rather use SVG which I can't make wider. Is there a way to do a panel that is "fit to height" instead of fit to width?

opal spire
#

Well realized i could manipulate the svg actually TO adjust the sizing, only problem is home assistant seems to be caching the svg and not adusting it (even with ctrl+f5)

tender wasp
#

It's pretty rough and kinda hacky might not work with all card types

buoyant skiff
#

will use that for my systems tab

#

tnx 😄

tender wasp
#

Let me know if you run into any cards that don't work with it. I already had to get pretty hacky with cards that have images, but it seems to work alright

buoyant skiff
#

surething will add it to your tracker if i run into issues

tender wasp
#

Thanks 👍

buoyant skiff
#

np tnx for making the card 😄

#

gonna add it to the tracker component too ?

tender wasp
#

Yeah probably once it’s a little more polished. I’m hoping to get some feedback first

buoyant skiff
#

ofc well ill try to get going tonight dont have much planned for once on a friday and been kinda stuck on how to design the systemtab and this looks like the solution i wanted

#

so hopefully ill find some bugs 😄

tender wasp
#

Cool hopefully it works for you

#

Oh I’m sure you will

buoyant skiff
#

im sure it will i dont mind bugs when devs are upfront about it 😄

tender wasp
#

Ha well nearly all the code I write has bugs in it so I’m just used to it now

buoyant skiff
#

aslong as it works as intended for you then they are not bugs then they are unexpected features 😛

tender wasp
#

😆

eager pollen
#

New to lovelace, how does it play with groups? Should a new user go ahead and setup groups or just setup the cards in lovelace that groups things?

buoyant skiff
#

either group in backend

#

or use monster-card

#

rule nr1 in lovelace: no templating like in the old ui

eager pollen
#

The good news is: I'm so new to Hass, I never learned any old bad habits

#

I'm like fresh clay that can be molded to doing things the new right way

buoyant skiff
#

a good advice is think big

#

most people tend to start remaking their old ui

#

i would recommend agianst that since lovelace can handle so much more

#

a plain boring static interface is kinda useless

#

but again thats just me

eager pollen
#

So I have been thinking of splitting Exterior, Interior, Upstairs, Downstairs, Living Room, etc..

#

Basically bigger interfaces for monitoring.. but then more granular for controling

buoyant skiff
#

.sharethelove

kind shellBOT
buoyant skiff
#

some examples

#

that can showcase what im talking about

eager pollen
#

Cool! Thanks @buoyant skiff

buoyant skiff
#

got more but peeps in here have been pissy about pics lately

#

😛

eager pollen
#

Haha.. still need to figure out presence detection on my end outside of lovelace though

#

I have Owntracks issues 😃

#

Heards thats not unusual though

buoyant skiff
#

i use google maps sharing

#

since google is tracking us all anyways

#

might as well get some sort of use outta it

eager pollen
#

How does the Google Maps Sharing work?

#

I don't think I've seen that

buoyant skiff
#

running those two in combo might give you a better presence detection

polar kelp
#

Wow @tender wasp, nice job!

polar kelp
polar kelp
#

I'm having trouble naming this.. toggle-lock-entity-row, confirm-toggle-entity-row ?

buoyant skiff
#

it looks blurry

#

with the ring on top of the padlock

polar kelp
buoyant skiff
#

no

#

either go the padlock only

polar kelp
#

I wanted it to look like custom-ui

#

It should be clear that the toggle isn't really "locked", it's just a safety catch, and clicking it once will open it up.

buoyant skiff
#

so make the padlock change color on lock in

#

better then having it all blurry

#

no point in repeating old solution

#

better to focus on new and better

polar kelp
#

It opens up and fades out to nothing when clicked, and then fades back and closes five seconds later

#

Holy crap js/css has changed since the 00-s! An animation like that would have taken me a day and probably 50-100 lines of code.

#

Now it was a google search and 25 lines.

#

Make that 13 lines after optimization.

polar kelp
wheat current
#

You can expand that moduler to be quite powerfull @polar kelp you can use the loged inn user user as the unlock, or it should be possible I think

#

Would be the first real usage of users control

polar kelp
#

Hm... I was going to say there's no point because you can just disable the lock in the browser debugger... but it could be fun to have the first use of users...

wheat current
#

For a user that will know how to install it, not real usage for him/her, but for user that use the same HA instance it will have a value

#

Like kids and/or partner

polar kelp
#

There we go. Updated!

wheat current
#

That was fast

buoyant skiff
#

jusst not a fan of the liper and the padlock of top

#

looks like something that belonged in the 90s

polar kelp
#

I'd accept a PR

#

I'm terrible when it comes to design

mild veldt
#

Would be nice to be able to use the user in conditional cards. I at least think that isn’t possible

zinc zealot
#

@polar kelp I liked your first example, that one that looked "blurry". It was there, but not in your face.

polar kelp
#

Yeah... I'll need to experiment a bit more before I'm satisfied too...

zinc zealot
#

Actually, I'd like to see the lock implemented as a core component. I can see benefits for covers, scripts, and various other things benefiting from the lock. I guess you can create custom of everything, but that seems like a hassle...

odd light
#

@buoyant skiff how did you get google maps tracking to work, I could never get the damn cookies or whatever

#

I guess this would be the wrong place for that, I'll ask in homeassistant instead 😃

mild veldt
buoyant skiff
#

@mild veldt its great that your recommend stuff but it might be a good idea to include what jerad said also

#

that some stuff might be broken due to it being a really early version

#

all cards does not work as intended

mild veldt
#

no

#

die by fire

mild veldt
#

😃

polar kelp
#

Then again, we're talking about a third-party addition to a beta fetature of an open source hobby project. I just assume everything will be broken all the time.

mild veldt
#

lmao

#

it's all on fire all the time

buoyant skiff
#

just thinking pushing it to people that commonly have issues with minor things might not be the best idea

#

better to wait and flush out the issues

#

then push

mild veldt
buoyant skiff
#

but again im not anyones safety net 😛

mild veldt
#

need people to test it

buoyant skiff
#

people need cancer

mild veldt
#

...

buoyant skiff
#

😄

tender wasp
#

@polar kelp thanks 😃

mild veldt
#

@polar kelp could you position the padlock on the toggle's circle itself based on it's state?

buoyant skiff
#

that would look better

#

or better yet replace the cirle with the padlock

odd light
#

anyone know what version switches lovelace to the default UI?

zinc zealot
#

none yet

tired quail
#

it hasn't been decided when lovelace will become default yet

odd light
#

they may as well, the old interface doesn't even hold a candle to it

buoyant skiff
#

still there is alot to do until it can become the replacement background stuff to separate backend from frontend is still going on

polar kelp
#

The toggle is a paper element, so that would probably be hard...

buoyant skiff
#

a challange then 😄

#

or replace the paper one completely

#

with a custom one

#

custom-card: switch

#

with interchangeable icons

#

that would be nice

polar kelp
#

Nope. I give up.

#

I can put a lock on the circle, but I can't remove it.

polar kelp
#

Well... actually I could do it, but I'd have to put the icon in a separate .svg file that has to be put at the right place by the end user, and I really don't want that.

odd light
#

its a few tv's, roku's and a couple amazon echos

#

looks like my rokus vanished from home assistan

#

t

cinder rapids
#

Update to .78.2 @odd light

odd light
#

I'll check that

#

doesn't show up, do I need to force it

cinder rapids
#

I installed from ssh

odd light
#

I ran hassio ha update, it said ok, dunno if that did anything

#

still says 0.78.1"

#

HassOS 1.10

#

wrong section for that though

#

I fixed it by manually putting the roku platform in my config.yaml and specifying their IPs

#

and they are on static DHCP so thats fine

buoyant skiff
#

zeroconf is broken in that version again update ot 78.2

#

this is not a lovelace issue

wheat bone
#

When I set lovelace to "default on this device" it does not (always) load lovelace on that device. Many times I have to navigate to "dev-info" and choose "Try out the new Lovelace UI (experimental)". Even though I can see below that it is set to default (it says I can remove it as default on this device). Any idea why?

buoyant skiff
#

cleared your cookies ?

#

cause if you did then it resets

wheat bone
#

Several times. And this is only sometimes, sometimes it does load lovelace. I haven't found a pattern in when it does and when it doesn't, but it seems that on my phone, accessing through my duckdns address more often doesn't load lovelace than accessing the local IP (also on phone). I also noticed that using the "back" button enough gets me back to the old view, from lovelace, maybe that's related?

buoyant skiff
#

IF you clear your cookies then lovelace isnt default

#

maybe i should hade made myself a bit clearer

wheat bone
#

Yes, then I set it as default again.

#

I will try again.

#

Do I need to clear other cookies than the "normal" chrome cookies when using as a chrome app??

#

Oh, sorry.. Now I misread.

#

I have tried clearing cookies, but not between most of the times where it does not load lovelace. And it shows that it is set as default, it just doesn't load lovelace when opening the chrome app.

prime umbra
#

for some reason after 0.78.2 and 0.78.3 update, my lovelace custom updater is broken

#

anyone with same problem?

wheat current
#

card broken? component broken? to what level? not showing at all? not doing what it's supposed to?

wheat bone
#

Same here, the card is just empty in the frontend. Not top priority for me to fix right now, but I see the same.

buoyant skiff
#

works just fine here on 78.3

#

0 issues

#

and if you guys are gonna say stuff is broken

wheat bone
#

I'm still on 0.78.1; I'll try updating the docker images

buoyant skiff
#

first start off with giving logs

#

not just saying its broken

#

cause that aint really helping

wheat bone
#

Again, not top priority for me right now, just confirming that I see the same

prime umbra
#

ite shows card but wont shows componentes or cards

buoyant skiff
#

and our time is less important ?

prime umbra
#

everything was ok until i upgraded HA

#

my debug

wheat current
wheat bone
#

He asked if anyone saw the same, I confirmed that I do. Sorry if that offends, that was honestly not my intention.

buoyant skiff
#

and provide logs there

prime umbra
#

ok @wheat current was thinking was related to new update, but sense is working for @buoyant skiff then is in my side something wrong

vapid field
#

Anyone here actively use the notification drawer?

trim haven
#

morning everyone. Has anyone found a solution to "module" type custom cards not working on fully-kiosk-browser? I get the "custom element doesnt exist:" error for the button card and thermostat cards which are both module types. I found an issue on github saying it was a problem, but no issues posted as of yet. Anyone have a workaround? can i manually copy the files to the tablet or resolve in some other way?

#

i do have javascript_version: latest in my config.yaml by the way, and the cards both work on IOS just fine. Its only FKB that deoenst work

mild veldt
#

FKB on what? Fire tablet?

#

Fire tablets suck and have outdated versions of web view that doesn’t support the web components used in LL

trim haven
#

yes, fire tablet 10HD

#

ah, ok. Ive noticed that warning when i load up FKB. Is there a way to update web view? or do i need amazon to do that?

mild veldt
#

Trash 💩

#

On amazon

#

Side loading a newer web view doesn’t work

trim haven
#

fire tablets seem to be what most people use, i originally bought them for floorplan display, but trying to move to LL

mild veldt
#

Only solution is to root and load a capable version of Android but don’t think that is possible on 10hd

buoyant skiff
#

Relth your not the first to fail to understand that the firetablet is shit

#

it has a really old android version that cant handle lovelace

mild veldt
#

Everyone knows in the back of their minds. It is the cheapest tablet out there

buoyant skiff
#

yeah but they really wanna tell us in here that it does work

#

kinda tiresome

mild veldt
#

I don’t think anyone has defended it beyond its price point

trim haven
#

holy shit dude, you need to take a chill pill. Why so aggressive? i simply asked a question, at no time was i insinuating that the tablet was awesome. Maybe slow down and re-read my statement.

buoyant skiff
#

not agressive you mistake words for action 😃

#

just that your the 10 or 20th user that doesnt search the chat for common issues the firetablets have been discussed at length

trim haven
#

first of all, i did search the chat...type "lovelace on fire tablet" into the search box and see what results you get

#

zero

#

i also googled, quite extensively, which i put in my original comment asking for help

split granite
#

in: lovelace fire tablet I tried that

buoyant skiff
#

in: lovelace firetablet

split granite
#

Snap 😉

buoyant skiff
#

add that to search bar

buoyant skiff
#

should have the hassbot react to the word firetablet

mild veldt
#

We can’t expect every user to inherently know how to use Discord search effectively

buoyant skiff
#

less repeatative

#

i do expect users to know how to search

#

sorry ian

#

thats a common sense thing

mild veldt
#

Knowing the ins and outs of Discord search is not

buoyant skiff
#

its another question if they use the right terms

#

but trying fire tablet and firetablet seems like a good place to start if your wondering about your hardware

split granite
#

Maybe it would be more helpful to help people learn how to search, than complain that folks don't come with the knowledge implanted 😉

buoyant skiff
#

meh

mild veldt
#

That would go against the @buoyant skiff style 😉

buoyant skiff
#

indeed

trim haven
#

look dude, I try not to be one of those people that doesnt do any research before they post. I researched, i googled, i posted a well written question with details on my problem and a summary of what i had done so far to solve it. If thats not good enough for you then I'm sorry, but maybe you shouldnt be hanging out in the support section of the discord being a dick and alienating people from the hass community.

#

or, you know, feel free to just not respond at all, if you cant say anything nice. Thats what my momma taught me anyway

buoyant skiff
#

or correct past mistakes so they dont repeat 😃

split granite
#

Or, be nice to folks 😉

mild veldt
#

Be excellent to each other

buoyant skiff
#

the world doesnt work like that

#

so why should the internet

split granite
#

The world should work like that, and we can all help by being less of an arse, and more helpful

mild veldt
#

Seriously...?

split granite
#

Also, if you don't want to be helpful, WTF are you doing here?

buoyant skiff
#

again im simply correcting mistakes and im not name calling

#

i dont have anything toward Relth

#

just simply stating facts

trim haven
#

im not sure who hurt you @buoyant skiff but i really hope things turn around for you. @mild veldt thanks for your help, I will go see about rooting my fire tablet or getting something else. Thanks again.

proud flax
#

how do I rearrange lovelace views, I did a fresh install and cannot figure out how to get them in the order I had them.

mild veldt
#

You need to put them in horizontal/vertical stacks or use jeradm’s new grid components

#

I think there is a section on the main LL page about it near the bottom

timid burrow
#

Is there a link for that ‘new grid component’ anywhere?

raw brook
#

From OP, It is in Beta

timid burrow
#

Thanks

distant steppe
#

does anyone know how to insert custom icons on lovelace? also in .png format? Thank you

wheat bone
#

For the entities? I still have a bunch defined in my customize.yaml from before lovelace, and they are still shown in lovelace

proud flax
wheat bone
#

@proud flax just the order they are listed in the ui-lovelace.yaml?

proud flax
#

@wheat bone Yes, but I've done this: views: !include_dir_merge_list lovelace/views

sudden lion
#

Maybe try to name the files 01_kitchen.yaml, 02_livingroom.yaml or something in that style

proud flax
#

@sudden lion tried, doesn't work

sudden lion
#

Alphabetically then?

proud flax
#

nope

sudden lion
#

I'm just guessing now since i havent tried myself

proud flax
#

😄

#

I think they are added in the order they are created, but not completely sure. Changing them later does not seem to have any effect.

wheat bone
#

I've never tried that approach. But if you think it's by order of creation, you could just try copying the text from your files, deleting them and re-creating in the desired order?

#

Not ideal, but maybe worth a try for now?

proud flax
#

I did try deleting the files and adding the one by one with different name, but the order remained the same. So I guess I have to change something else. Maybe the ID

#

nope, changing the ID does not work either

#

changed filename, viewname, id. Nothing works :/

sudden lion
#

Put everything back in 1 file? 😄

wheat current
#

!include are not officially supported in Lovelace and will (most likely) be removed

proud flax
#

@wheat current I will have a look at it later, have to go now. But the thing is, this is a clean setup and I've done nothing in the default HA for ui config. I just went straight to lovelace for ui config. First look I'm a bit confused because you say !include will be removed, but it's referenced all over that document. is !resource going to replace it ?

wheat current
#

That tool is a third-party utility that will not have to comply with the "rules" of filestructure that HA has since it merges and rewrites the output to what HA expect to see there

polar kelp
#

The !include_dir functions seem to build on os.walk which present files in "arbitrary order". So it probably shouldn't be used for lists where order is important.

split granite
#

Based on previous experience (not HA related) it's probably returning it in the order they're listed in the folder structure (on disk), which will be consistent as long as nothing in that folder is changed.

violet talon
#

Is there a way to have Lovelace be the default view for the Android "add to home screen" app? Or are people using a separate kiosk browser?

split granite
#

Not yet

polar kelp
#

Doesn't >> Set lovelace as default page on this device << work?

raven nacelle
#

Yes it does

split granite
#

It doesn't change the default view when you add the app though

#

(or at least it never used to)

raven nacelle
#

Set the default view and then may be you will have to use Try out the new Lovelace UI (experimental) once

#

but it does work

split granite
#

I'll have to go try that out. I miss the old proper "app" version 🤷

#

Yup, works. At least on Android 8

#

Last time I tried it was on Android 7, and many releases ago

violet talon
#

Where is that at? Under config?

split granite
#

Launch Chrome, open Lovelace. In the Chrome three dots menu, pick Add to Home Screen

vital forge
#

Except from using the custom "Attributes card", is there another way to put some attributes in a card these days?

wheat current
#

Templates sensor

vital forge
#

OK, create a sensor out of an attribute and display that new sensor. Good call.

wheat current
#

Not good, but it works

vital forge
#

Better than nothing. 😉

#

Thanks for the tip

languid summit
#

just switch to lovelace. for some reason i don't have header toggle. show_header_toggle: true is in every card. any ideas?

polar kelp
#

Can you show us one of your card configs?

languid summit
#
cards:
      - type: glance
        title: "Комната верний"
        show_header_toggle: true
        entities:
          - entity: switch.wall_switch_left_158d00016c2df7
            name: Верхний
            tap_action: toggle
          - entity: switch.wall_switch_right_158d00016c2df7
            name: Верхний 2
            tap_action: toggle
split granite
#

~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

polar kelp
#

Edit your message and add three backticks (`) before and after

languid summit
#

titles are in Russian

polar kelp
#

Otherwise we can't be sure about the indentation

raw brook
#

Its a glance Card

#

Those dont have a toggle, right?

split granite
#

Glance don't have toggles at the top

patent jay
#

how can i show a camera with at the bottom a state of a sensor ?

split granite
#

@languid summit Wrong ticks - see the message from Hassbot

polar kelp
#

@patent jay picture-entity

languid summit
#

thanks! it is intentional? i like glance more

#

it's more compact

patent jay
#

@polar kelp i have this already but need to know how i add the sensor to it

polar kelp
#

But perhaps picture-glance will work better for you

#

Other than that, you can make a picture-elements with a blank background, and then you add an image element with the camera and whatever sensor you want.

patent jay
#

i need to have a live view of the camera

#

cause when i click on it it shows the sensor indenity instead of the camera

vital forge
#

Can I put the text of certain cards in another color? I can't find anything quickly in the guides about that...

patent jay
#

picture glance did the trick only i have an icon of the sensor state

#

and the icon is in the not in the right bottom corner but down in the middle

mild veldt
#

@vital forge do a search for card-modded

polar kelp
#

*card-modder

desert reef
#

Hi everyone... I've tried to add a map on my lovelace home screen, the map shows up but it doesn't show any devices. Can someone give me a suggestion on how to fix this?

split granite
#

@desert reef Please edit and format correctly - backticks (`) not normal ticks

desert reef
#
views:
  - title: Home
    cards:
      - type: map
        aspect_ratio: 100%
        default_zoom: 8
        entities:
          - device_tracker.m_l360
          - device_tracker.j_l360
          - zone.Home
          - zone.Work
          - zone.School```
#

Ah, there.

polar kelp
#

Do your zones show up?

desert reef
#

Nope

polar kelp
#

That might be because you have capital letters, try zone.home etc.

#

And check in states that the entity names are correct

split granite
#

@desert reef I said edit so that you didn't double post the wall of text 😉

desert reef
#

Oh, sorry. I see what you meant now.

#

@polar kelp , checking.

#

Removing the capitals fixed the zones.

#

Interesting, I was using what I thought were entity id's but I guess what I was using was what I'd specified in the "name:" attribute.

#

They're showing up now.

#

My wife is showing somewhere she's not though... on to the next problem.

raw brook
#

@polar kelp Speaking of card-modder. I was unsuccessful in getting it to work with panel: true. It seems to work with my custom cards but for built in cards it does not apply the css to the ha-card

fair girder
#

anyone know if its possible to apply custom CSS to a glance card?

#

i have some hacky ways in mind but id like to try to do it correctly lol

mild veldt
#

@fair girder look up one message. Card modder

#

Oh wait, just looked at your image

#

You want to use picture glance for that

fair girder
#

this is what im currently doing ( small squares are just placeholders that do nothing) i like the idea of keeping things on a grid i just wish i could css opacity 0 the small squares

#

with picture glance, dont the icons just stack horizontally on the bottom row?

fair girder
#

nm, i just filled in the gaps with other buttons i needed

hardy current
#

Ok I have an idea and am working out how to implement it I’m using hassio on raspi3b . Looking to make an internet access button for the children because mum takes there router to work if one of then gets in trouble causing drama and chaos for the children plus setup again and well you know what I’m trying to say . I’ve designed the front end created input Boolean for each child. Looked into dnsmasq as well as the dhcp server add on . Plus currently using pinhole as our dns server slash ad blocker . Is it possible to press a button so that the child’s access is removed for all of there devices.
Any help or ideas would be greatly appreciated.

polar kelp
#

@raw brook Yeah... panel:true is a tough one...

#

The best I can do is applying the css a second or so after the card has loaded.

vapid field
#

Hi folks, how do I change the URL of an iframe depending on a certain condition? In this case I have a customisable iframe and I want to change the background colour depending on the HA theme that's currently set.

#

Also is it possible to increase the size of the iframe so I don't get scrollbars?

polar kelp
#

The best you can do about the size is to use panel:true which will make the iframe fill the entire screen.

humble jetty
#

#status

polar kelp
#

The only method of changing the url that I can think of is to use a conditional card...

polar kelp
#

@raw brook I think I solved it! A new update is uploaded to github.

vapid field
#

@fair girder maybe this is what you want. This allows for blank spaces with blank spaceholders

buoyant skiff
#

@fair girder

#

.sharethelove

kind shellBOT
buoyant skiff
#

check the remote there

vapid field
foggy pewter
#

Is it possible to have conditional entities in a card?

polar kelp
#

To some extent, with monster-card

foggy pewter
#

Thanks @polar kelp - I’m trying to do a remote control panel where an input select is only displayed when the media player is turned on

#

I can accomplish this with a conditional card but then it looks like two separate cards

polar kelp
#

Then you might want to look up vertical-stack-in-card.

foggy pewter
#

Ohho - that looks spot on 😃

fair girder
#

@buoyant skiff -- once i get a chance i'll throw up my config there. i think it could definitely be useful to others. and @vapid field -- you're right. the simple grid system actually made laying the whole thing out a lot easier.

#

good thing mdi icons has lots to choose from 😅

raw brook
#

@polar kelp Giving it a try after work today.

latent coyote
#

Does anyone know how to eliminate the gap that is being created when a condition card is hidden?

#

Even thought the card is not visible it still leaves an extra margin in that space.

raw brook
#

@polar kelp You are amazing. That did fix the issue with the built in cards but it didn't work for my custom cards. I fixed this by adding an additional else if statement

else if (this.card.firstChild.nodeName == 'HA-CARD'){
      target = this.card.firstChild;
    }
polar kelp
#

That makes sense as a failsafe. I'll add that.

raw brook
#

Sweet. Thanks again man!

polar kelp
#

Every custom card is different.

#

You can't even rely on some kind of "best-practice" yet.

#

I usually try to make my things work with monster-card, because I'd say that's the most widespread one.

raw brook
#

Yea. Thats what I have seen from the cards I have used/tried using. Not sure if there is a guide yet but I feel like something to show how they should be structured would be nice. I have not created one my self so I wouldn't be able to create the guide unfortunately

polar kelp
#

I suppose javascript else if(this.card.querySelector("ha-card") ) { target = this.card.querySelector("ha-card"); }
works too? Would you mind testing that for me, if you have it setup?

raw brook
#

haha I was actually looking at that. Was going to say that would be a better fail safe. Testing now. one sec

#

Confirmed Working

polar kelp
#

Great!

#

New version pushed to github

raw brook
#

Awesome. This is going to make this easy to style now.

foggy tendon
#

Is there a way to order cards inside a view?

split granite
#

I'd also search this channel for the word order: in: lovelace order

#

It comes up fairly often, and there's a good history of posts on it

foggy tendon
#

👍

smoky peak
#

Does anyone know if/how you can order the cards in the lovelace interface? I.e., I want this card to appear in column one, first place, another card to appear in column one, second place, etc.

polar kelp
#

Try scrolling up a tiiiiiiny bit. Like, literally three messages.

smoky peak
#

Oh, good grief. Thanks, @split granite. I just came over to this channel, and didn't even look above what I posted.

split granite
#

🤣

#

That's surprisingly common

#

As is tagging the wrong person 😛

polar kelp
#

No worries. Absolutely hillarious timing, but in no way an uncommon mistake.

split granite
#

(no, never done that, often)

smoky peak
#

Ok, I am officially declaring cranial bankruptcy.

split granite
#

I often get bitten by ENTER selecting the name under the pointer, and as I touch type I don't always spot I got the wrong name

vapid field
#

Anyone know where I can grab the images needed for the fitbit card on sharethelove.io?

buoyant skiff
#

reverse image search on google

empty heath
#

slaps @buoyant skiff

polar kelp
buoyant skiff
empty heath
#

I'm lost.

buoyant skiff
#

good

#

im heading to work

#

😄

polar kelp
#

Should there be a note about that?

buoyant skiff
#

think there is if its not the it isnt

empty heath
#

@buoyant skiff Sucks you can't stay home today 😦 I did.

#

But, I was a lot less productive having stayed home today. My daughter drop me up the fucking wall today.

buoyant skiff
#

fucking cold outside

#

like -1c

polar kelp
#

I know, right. I had to scrape the windshield this morning.

polar kelp
#

Don't think so.

#

Unless you load some custom js that sets the correct local storage variable. That could work. But there's no built-in way.

prisma mango
polar kelp
#

What's happening, and what's not happening?

#

Horizontal-stack can't have a title

#

glance doesn't have header toggles

prisma mango
#

The cards just look like normal

wheat current
#

Like normal?

polar kelp
#

And that's a problem?

#

Try indenting all lines but the top tree two spaces more

prisma mango
#

If I dont give it a title the tab doesnt have a title, I was hoping as a horizontal stack they would fit in a standard width with two thinner boxes. Have I got that wrong?

wheat current
#

Oh, you don't have it in a view

prisma mango
#

I though that would be the view? So I need something above?

wheat current
#

No wait... It was..

prisma mango
#

@polar kelp the issue was the same with them indented more, thats how it was originally

polar kelp
#

Horizontal-stack is a card. It should be inside a view.

prisma mango
#

Ohh Ok, I see where I went wrong. Thanks

wheat current
#

Well I'm super not helping at all....
More ☕ ....

polar kelp
#

... well not quite a card... but it quacks like one...

prisma mango
#

It all makes sense now, thanks @polar kelp and @wheat current your insight was invaluable

polar kelp
#

Glad we could help

mild veldt
#

TIL cards quack 🦆

#

@vapid field That Fitbit image I used is copyrighted as is why I didn't not share it. Maybe try googling "fitbit banner techcrunch" 😃

prisma mango
#

Apart from creating a custom card, is there a way to reduce the font size of the card titles?

quartz nimbus
#

Is there a way of hiding a entity-filter card, when no entities are in the card? Now I see the title constantly

quartz nimbus
#

@prisma mango As far as I know, you cant change the header fonts in every card easily in lovelace itself. But what I think you can do, is define a custom theme in the configuration.yaml, and set the paper-font-headline attribute to something smaller

#

(I havent tested that tho)

#

Cheers @polar kelp that worked perfectly

sturdy bough
#

hi, i'm in needing of some help.

scenario:
i have a cam, let say camera.garage
i have a binary sensor that is triggered by the camera's mov sensor (Blue Iris) binary_sensor.mov_cam_gar

#

i have a picture-element with my house map, and over that i placed bot items. When i click on camera.garage i get the camera streaming.
if i look at the binary sensor, it becomes yellow when there is a movement, and if i click, i get the history.

Now, i would like to have only one item, for example the binary sensor, but when i click on it, i dont want the history, instead i want the video streaming.

is it possible? I think i can use the tap_action, but i don't know what entity or service to call

mild veldt
sturdy bough
#

@mild veldt Thats really nice to have bot history and streaming. But, still, i dont know how to show stream with binary sensor.

If i go on the other direction, using the camera.garage and add the history, i'll have the problem of turning it yellow on binary movement.

#

In few words, the "more-info" (the default tap_action for a state-icon) for a camera entity is the stream, for a binary_sensor is the history. I need the tap_action for the stream to put it in binary_sensor

buoyant skiff
#

longpress does that

#

doing the same for my entity to camera

#

short press shows entity and long press shows camera

sturdy bough
#

you using the camera entity? or a binary sensor?

buoyant skiff
#

both check out the longpress link that ian posted instead

sturdy bough
#

ah... i see

#

ok i'll give it a try. never used custom controls

sturdy bough
#

it indeed works! thanks

polar kelp
#

😀

woeful plaza
woeful plaza
#

fixed it

vapid field
#

Hi. i would love to try out lovelance. but when i choose Lovelance migration from the Add-on store it wont install. the buttun turns red after some seconds. (other addons is able to install). Any Ideas? would love some help if anyone knows whats going on

wheat current
#

If the addon log are empty, check the hassio log for clues

vapid field
#

18-09-25 19:53:41 INFO (SyncWorker_10) [hassio.docker.interface] Pull image hassioaddons/lovelace-migration tag 0.2.1.
18-09-25 19:53:43 ERROR (SyncWorker_10) [hassio.docker.interface] Can't install hassioaddons/lovelace-migration:0.2.1 -> 500 Server Error: Internal Server Error ("readlink /var/lib/docker/overlay2/l: invalid argument").

wheat current
#

That's not good, try posting that in the #330990055533576204 channel, the hassio experts are there 😉

vapid field
#

thanx, ill try them

hard monolith
#

I'm playing with lovelace and am trying to make a picture-entity which shows the cctv cam picture if the switch to the cam is in state "on" but shows a picture from config/www/ if the state is off. It shows the camera pitcure when it's on, but doesn't show the static pitcure when it's off. This is my code: https://gist.github.com/jeena/eb96ce5f7582b598d18ea34fb131484b

#

any ideas how to make it work?

#

It's a camere which is inside of the house which I want to switch off of the electricity compleatelly when I'm at home.

polar kelp
hard monolith
#

Aah, good idea, thanks!

hard monolith
#

works awesome, thanks for the tip!

polar kelp
#

Happy to help

mossy otter
#

Any idea if you can do a entity filter card that will then show a state attribute on the glance card?

#

For example, I want to show which steam users are online but display their currently playing game on the glance card

polar kelp
#

Don't think so.

mossy otter
#

I have sensors set up as below for my normal UI

  - platform: template
    sensors:
      steam_chris:
        friendly_name: Chris
        value_template: >-
          {% if is_state('sensor.steam_76233398116039001', 'online') %}
            {{ state_attr('sensor.steam_76233398116039001', 'game') or 'Online' }}
          {% else %}
            Offline
          {% endif %}
#

these work fine on the normal frontend, but obviously don't work with the entity filter

polar kelp
#

Monster-card could probably do that

#

WIth that you can include all sensors with entity id starting with "steam_" and then exclude all with value "Offline"

mossy otter
#

awesome, i'll have to have a look in to that one

#

I've seen it about but never thought about how I might be able to use it

mossy otter
#

@polar kelp

- type: custom:monster-card
  show_empty: false
  card:
    type: glance
    title: Lights On
  filter:
    include:
      - entity_id: sensor.steam*
    exclude:
      - state: 'offline'
      - state: 'unavailable'

how does this look?

#

tweaked it slightly and it worked perfectly, thanks!

vapid field
#

Is it no longer possible to theme the background colour of cards in lovelace? I'm trying to set a transparent background for the cards.

buoyant skiff
#

it is

#

either by color rgba or setting opacity

zealous cedar
#

Is it possible to run Volumio in an iframe window in Lovelace running HASSIO with DuckDNS setup?. My window is just blank, sure it has to do with the fact that Volumio is not a secure site, and running DuckDNS limits you to only display secure pages in an iframe.

split granite
warm jungle
#

Anyone got a good date/clock card?

inner wagon
#

Guys is it possible to change the displayed entity based on another entity state? Specifically id like to change my climate entity on the ui to either heating or cooling depending on what state my tstat is in.

mild veldt
#

@inner wagon you have separate heater/air entities?

#

If so. Create both as cards within conditional cards with the respective state desired for each

vapid field
#

So I have a very newb question. Is Lovelace a complete replacement of configuration.yaml or do you still put your components in the config and the Lovelace file is strictly for organizing the UI?

polar kelp
#

The latter. Lovelace is a UI. The rest is still in configuration.

buoyant skiff
#

Lovelace is the frontend

#

what you see

#

everything else is the backend

left aspen
#

Hi, it is the first time with Lovelace. I created "ui-lovelace.yaml" and copy a "text-element.js" in "www" folder. What is wrong here?

raw brook
#

What error are you seeing?

#

I do see your indentation is off

left aspen
#

i don't see any image in my frontend

polar kelp
#

Did you create www/ now?

#

If so you need to restart hass. But the main problem is that you don't have any views

raw brook
#

Also are you navigating to http{s}://HA-IP:8123/lovelace

#

Not sure if you are on http or https which is why the S is in brackets

subtle bloom
polar kelp
#

That's probably better, yes. Since you mentioned him with an @, he'll see your message and get back to you when he's around.

#

Tab swipe. Nice!

#

But that would make more sense as an overall script instead of a card. If it's a card you'd have to add it to every view, right?

left aspen
#

while parsing a block mapping in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 1, column 1 expected <block end>, but found '-' in "/home/homeassistant/.homeassistant/ui-lovelace.yaml", line 6, column 1

raw brook
#

Probably need to fix the indentation

polar kelp
#

I still think it's because it's just a card floating around in nothing.

subtle bloom
#

I'll shamelessly admit, I copied the HomeSetter card in the custom-lovelace repo, and then found JS that detected swipes 😐

polar kelp
#
views:
  - title: my view
    cards:
      - <Line 6 and on>```
raw brook
#

Oh yea. Thanks @polar kelp and Make sure you do that ^ @left aspen

storm lion
#

Hi @subtle bloom

#

Looks like a great card and we'd love to have it in custom_cards

subtle bloom
#

Awesome. I'm looking for some help getting it to actually switch the tabs, but the swipe detection is working. I'm also not sure if it should be an "empty" card like this

left aspen
#

so something like this?? @polar kelp

subtle bloom
#

@left aspen - I think everything starting with line 11 needs to be moved over to the left. image and elements should be lined up with type on line 9. Everything under that looks lined up properly though

left aspen
#

now its good 👌 thanks @subtle bloom @raw brook

polar kelp
subtle bloom
#

awesome! thanks @polar kelp . I'll take a look at this later tonight

past falcon
#

Hey am I allowed to use state image on a picture elements card? Like this:

- type: picture-elements
  entity: group.kitchen
  image: /local/kitchen_on.jpg
  state_image:
    "on": /local/kitchen_on.jpg
  elements:
      Etc...
polar kelp
#

No. But you can add an image element that covers the entire card which has states.

#

Stupid workaround... someone should fix that

past falcon
#

I didn't even think of that. But yea, it'd be nice if it was more standard like the other picture cards

#

Thanks

left aspen
#

Hi again. This is my keypad of alarm in lovelace that in inside HADashboard... It is possible make that he should always be in the same place?

#

because when i refresh page it come like the second photo

mild veldt
#

why not just create your dashboard in lovelace?

#

i don't think embedding lovelace as an iframe is the best solution, is what I'm getting at

#

that being said, you could try kiosk mode for that view

left aspen
#

@mild veldt thanks a lot. as it is my first time with lovelace I was unaware of this option. It's already a solution for me. But I'll think about inserting HADashboard into lovelace ...

dusty sigil
#

Hey guys! Danny from germany here, got sent from #330944238910963714 😃 Has anyone expirienced problems with lovelace and firefox? I can't access the frontend recently (firefox tab is crashing right after loading the frontend)

mild veldt
#

@left aspen I think you may have misunderstood. I wasn't suggesting you insert HADashboard into Lovelace UI. I was suggesting you recreate it in Lovelace. One single UI

dusty sigil
#

@mild veldt Yea, just checked again - shadowdom and customelements are both enabled, tried clearing cache and cookies without success .. other browsers work fine, as did firefox since some time (days or max 1-2 weeks) ago, will try a fresh re-install of firefox and check back

#

@mild veldt Jeeesh,really works on fresh install .. couldn't access on 3 different machines (so I actually ruled firefox out as the problem) - might check again for misconfiguration or addon interference, thanks though! 😛 ✌

polar kelp
#

Breaking change in Lovelace-FullyKiosk, in case anyone is using that - but now it works with the latest version of Fully Kiosk Browser! More info on github.

quartz nimbus
#

wow didnt know fullykiosk, you can do some seriously cool stuff with that

errant glacier
#

Is it possible.to add a title to a horizontal/vertical stack? Trying to add a label to a group of cards without showing a card background and surround the grouped cwrdst

vital forge
#

Hello! Is it possible to use the value as a entity (where the value is http://smalllpicture.jpg) as the icon of another entity?

raw brook
#

@errant glacier No it is not.

#

@vital forge I am not 100% on what you mean but you could probably use a sensor template to do that

vital forge
#

let me check. Thanks already for pointing me in a direction

#

Something like this?

#

meteoalarm_today_alarm1:
friendly_name: "Alarm Description Today 1"
value_template: "{{states.sensor.meteoalarm_today_description1.attributes.description}}"
icon_template: "{{states.sensor.meteoalarm_today_data1.attributes.icon}"

raw brook
#

Yea. Check the Expressions out in templates to see if they line up with what you want

vital forge
#

Whats the diff between an icon an the entity-picture?

raw brook
#

I thinking that may be for the picture elements cards. But honestly I am not 100% on that

vital forge
#

OK, thanks. Restarting now to load the templates

#

Nope. It does not display the icon.

raw brook
#

Yea.. Not sure that will work for the icon

#

MAybe try the picture entity.

vital forge
#

in my template?

#

(do I always have to restart hass to pick up the change in my sensors???)

#

Works with picture-entity

#

very strange.

#

but hey, I am happy

#

@raw brook thanks!

raw brook
#

Thats Great! Sorry didnt see your followup question

#

But hey I learned something to then. I wasn't for sure what that did

inner wagon
#

@mild veldt Thats what I needed. Worked perfectly

pallid flame
#

Hi guys.. Is there anyway to hide a lovelace card based on automation? I have postal service group and earlier I used to hide that entity after sunset and enable that again group after sunrise + offset.

vital forge
#

You can do that with a conditional card I think

raw brook
#

Yea using a conditional and an input boolean. Have the automation turn the boolean on and off based on what you want

past falcon
#

hey does opacity work as a filter for images in the picture elements card?

buoyant skiff
#

@past falcon yes

swift violet
#

Has anyone figured out how to use media query types or have lovelace respond differently to phone vs table vs desktop?

buoyant skiff
#

homesetter

#

thats the ticket

swift violet
#

cool thanks @buoyant skiff

pallid flame
#

@raw brook @vital forge Thanks for the idea. I accomplished just that. It's pretty easy.

silk quail
#

HI guys - I have searched forum but cant see if there is any easy way using only lovelace to change the colour of an icon depending on its state - I have some nests that report green I would like icon to be green if all is green and red if it is not - any one got any advice or do I have to customise it old skool pre lovelace 😃

polar kelp
#

That's old school customization.

silk quail
#

thanks!

polar kelp
upbeat grove
#

@polar kelp awesome! Where can I download this?

polar kelp
#

Can't yet. It needs some cleanup and documentation.

cursive scaffold
#

Hi everyone !

upbeat grove
#

Will it work for the different types of entities and will it work only as hide/show control?

polar kelp
#

It takes a group as input, and should work with any kind of entity in that group that work in an lovelace entity card.

knotty bobcat
polar kelp
#

It actually works by creating a new entity card, and then moving all of the rows from that one into the folding list. So it should even theoretically be future-proof w.r.t. new entity types.

#

@knotty bobcat Well... that explanation on github is bad...

knotty bobcat
#

@polar kelp thanks ^^ gona try it out 😄

knotty bobcat
#

hmm got the custom_updater. but i get an error that the element does'nt exist. are there any other calendar cards?

split granite
#

Please share (Hastebin, or similar) your ui-lovelace.yaml sections relevant to the Google Calendar card

knotty bobcat
polar kelp
#

Do you get anything in the browser dev log? Does the file www/custom_ui/calendar_card/calendar_card.js exist? Also, I assume that's select parts of your lovelace-ui and not the entirety?

knotty bobcat
#

no i selected only the google calendar stuff, but i found 3 error's with the console

polar kelp
#

Ok, so it can't find calendar_card.js

knotty bobcat
#

indeed, i assume the link inside custom_updater is not correct

polar kelp
#

Did you run the service?

knotty bobcat
#

i have seen the service, but i think i used it wrong then

polar kelp
#

Or rather, did you also install the tracker_card?

knotty bobcat
#

i did not install tracker_card

polar kelp
#

wait.. never mind... I think you need to run the service to install cards that's not in the special repo

#

Try running custom_updater.update_all and it might download the card.

#

I don't know, though. I don't use the updater myself.

knotty bobcat
#

with no service data?

#

does not seem to do any thing

polar kelp
#

Does the file I asked about exist?

wheat current
#

It will dowload it it you add a empty file with the expected name

#

There is also an (undocumented) install service that takes a element argument

#

{"element": "calendar-card"}

knotty bobcat
#

@polar kelp i dont see tracker_card but i do see sensor.custom_card_tracker and within the state it does say something about the repo for the google calendar

wheat current
#

_I really need to rewrite the docs for that component some day :/ _

knotty bobcat
#

@wheat current where do i trow that code? its not in lovelace right? and does "element" need to be for example custom?

wheat current
#

That is in the services for the custom_updater.install service, if you have not installed (downloaded) the card

pure void
#

are we able to use the state_filter on a map card?

polar kelp
#

Dont know. Try it!

#

And let me know how it goes.

pure void
#

i tried but doesnt work. thought maybe i was doing something wrong on it. its not erroring out though

polar kelp
#

You mean entity-filter, right?

pure void
#

yeah

#

oh i think i might have got it. had state filter listed on the map card. moved it up to entity-filter and seems to work now. looks like that was my problem

serene sierra
#

any way to use profile name in greeting?

wheat current
stable kindle
#

what's the best way to hide a name in a picture entity?

#

doesn't seem to work

#
- type: picture-entity
            image: /local/images/charnie_profile_widget.png
            entity: device_tracker.009acdc9413c
            name: ""
#

this seems to work name: " "

wheat current
stable kindle
#

damn! I literally have the docs open, and missed that!

#

Thanks @wheat current

foggy tendon
#

With the monster-card how it is possible to exclude some entities?

#

No probs... found it...

polar kelp
#

🎉

wheat current
#

That looks like dark magic 🤔

polar kelp
#

Even worse. It's javascript.

wheat current
#

Opening my book on defence against the dark arts

foggy tendon
#

Where am i wrong?

#

i cannot use wildcard as i have other switches that i need to see and all begin with switch.sky_

polar kelp
#

I don't think you can pass a list to exclude: entity_id:

#

You probably have to do ```yaml
exclude:

  • entity_id: switch.sky_0
  • entity_id: switch.sky_1
  • entity_id: switch.sky_2
    #etc```
foggy tendon
#

ok i try

serene sierra
#

can i use custom svg icon inside picture-elements card like icon element?

wheat current
#

yes, you can add them as images

serene sierra
#

icon (string)(Required)Icon to display (e.g. mdi:home) from docs but can it be path to svg?

#

cool

polar kelp
#

No. You can't use an icon element. But you should be able to use an image, an Ludeeus said.

serene sierra
#

i was use it before like image but can't change the color of .svg icon

#

so should i change the colour of svg icon first or can change it with style attributes? @polar kelp @wheat current

#

i was try ```yaml
- type: image
image: /local/icons/climacons/SVG/Sunset.svg
tap_action: none
style:
top: 15%
left: 5%
color: rgb(249, 251, 255)

wheat current
#

Not sure that would work

serene sierra
#

not work actually

#

thats why im asking 😄

wheat current
#

filter and state_filter should work

buoyant skiff
#

so whats the over all plan there ?

wheat current
#

common... there is none 😂

serene sierra
#

my plan is buy more beer

wheat current
#

Buy some for me to

buoyant skiff
#

thats a solid plan

#

but back to the issue

serene sierra
#

send me your paypal 😄

buoyant skiff
#

what do you wanna accomplish ?

serene sierra
#

them all grey

buoyant skiff
#

of you only wanna change the color

#

then filter:

serene sierra
#

ok need check the docs

#

saturate() serve for it?

buoyant skiff
#

of thats the effect you want then sure

#

again your kinda vague with what you wanna do 😛

#

if your only goal is to change color the filter will serve your purpose

#

if you want to change base on states etc then thats another beast

serene sierra
#

can you show me example, please, how to convert svg color from whatever to GoldenRod #DAA520

polar kelp
#

Ok. After looking at it, I think you're short on luck.

#

SVGs can apparently only be colored if they are inline svg.

#

And there's no way currently of adding that to lovelace.

#

As far as I know

buoyant skiff
#

.sharethelove

kind shellBOT
buoyant skiff
#

check the kodi remote

#

i use filter for some off the images there

#

that should get you started

serene sierra
buoyant skiff
#

i use png images for that

serene sierra
#

will try png

#

thanks

buoyant skiff
#

np

polar kelp
#

I don't think it will work on a gray image, but that's just me...

tired quail
#

i suppose i should sit down and actually learn lovelace...

vital forge
#

Is it possible to use a condition inside an entity card? So when the sensor behind the condition is shown, it does not show up in as another card but as entity of the entities card?

polar kelp
#

That can probably be done to some extent with entity-filter, and to a further extent with monster-card.

vital forge
#

OK, I am now testing the custom vertical stack card

#

But it throws me an error I can't clearly pinpoint. element.setConfig is not a function

polar kelp
#

Good night

split granite
#

@cinder sable yaml - type: history-graph title: Temperatures entities: - sensor.living_room_multi_temperature - sensor.office_multi_temperature hours_to_show: 36 refresh_interval: 600

cinder sable
#

hi

split granite
#

There's one of mine

cinder sable
#

@vapid field thanks bud

#

oops, autocomplete for discord....

#

someone there needs to add a simple algo to prioritize the last person who mentioned to you when you autocomplete

#

it's like the simplest effin thing to do

#

@split granite there, lemme test

#

@split granite neat! is there a way to add a legend or name on top of each graph per sensor?

split granite
#

There should be one, hang on

cinder sable
#

looks extra smooth, what settings are you using for that?

#
  • type: history-graph
    title: Power Usage
    entities:
    - sensor.labworkbenchpow2_power
    name: Workbench
    - sensor.labworkbenchpow2_power
    name: Server Rack
#

thats not flying. mapping value not allowed

split granite
#

Just what's in what I posted before

#

Smooth will come from the update interval on the sensors. The top one updates every minute or so, the bottom one every 5 to 10 I think

cinder sable
#

ah

tired quail
#

Does Lovelace have a way of making an entities card using the contents of group.all_lights, group.all_fans, group.all_switches, etc?

polar kelp
#

Not by default. It’s really easy with monster-card though.

fiery temple
#

does anyone know how to combine these 2 cards, so they will always stick together?

      - type: entities
        card:
        title: Spotify
        show_state: true
        entities:
          - entity: input_select.spotify_playlist
          - entity: input_select.spotify_source
          - entity: script.spotify_music
          - entity: input_number.spotify_volume
          - entity: input_boolean.spotify_shuffle

      - type: media-control
        entity: media_player.spotify
raven nacelle
#

Put them in a stack card

polar kelp
#

vertical-stack

fiery temple
#

will look into that thanks

#

that works great thanks again

grim cairn
#

@polar kelp Just saw your reddit post, some very nice work mate, well done and thanks for sharing!

polar kelp
#

Thank you!

analog swallow
#

I am trying to set up Lovelace on Hassbian - I created the ui.lovelace.yaml file in my root configuration directory, but am getting an error "Could not find ui-lovelace.yaml in your config dir" - any ideas on what I may be doing wrong?

split granite
#

You created ui.lovelace.yaml and not ui-lovelace.yaml?

analog swallow
#

It is definitely "ui-lovelace.yaml" - just pasted that

split granite
#

And you created it in /home/homeassistant/.homeassistant/?

analog swallow
#

It's the same directory as my configuration.yaml and other files are in, correct? I am accessing it via a SAMBA share so I don't have the full path

split granite
#

Yes. I'd SSH on and check the ownership and permissions, and file name

#

It's possible that it was created with the wrong case

analog swallow
#

Will do - thanks

#

Got it - Windows was hiding the file extension, I had "ui-lovelace.yaml.yaml". Thanks!

split granite
#

You can get Windows to stop doing that

#

View -> File name extensions

flint socket
#

its like the first thing i do on any windows box going back to like 95 ;P

raw brook
#

Hey guys. I have created a new LoveLace Card for Slideshows. It allows you to chose any cards to be on a slideshow. This allows for 1 cards worth of space to be multiple cards. Let me know what you think, look forward to any feedback

https://github.com/zsarnett/slideshow-card

latent coyote
polar kelp
#

What does your config look like?

sinful haven
#

some1 using thermostat lovelace card? I've got an error: Custom element doesn't exist: thermostat-card, even with module defined
all other cards work as expected

polar kelp
#

Check your spelling, check that the file is in the right place, check that you downloaded the raw file, check the home assistant and browser logs.

sinful haven
#

spelling is ok, file is in place and available thru URL, it's 'raw file' - logs look clear, will see browser now

#

Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode

#

seems like my proxy-config security attribute may be reason

#

or not, as I don't see it...

polar kelp
#

That error is chrome being nit-picky. It can be safely ignored for now.

sinful haven
#

Uncaught (in promise) TypeError: Failed to fetch ?

polar kelp
#

No, wait... I didn't read carefully enough. That one I don't recognize

sinful haven
#

on chrome under the URL i see plain javascript. is it ok or should it be downloaded? headers?

#

but well, all other js files I see also and they work

polar kelp
#

If you open the dev panel and search the code (ctrl+f) can you find thermostat-card.js? Should be near the bottom in a <script async tag.

sinful haven
#

yes, it's there

#

also type="module"

#

maybe it's something with import ThermostatUI from './thermostat-card.lib.js?v=0.1.1' ?

#

shall I try relative path?

polar kelp
#

If it couldn't find that, you should get an error in the browser log.

#

Try adding a log message at the very top of thermostat-card.js. Something like console.log("This code actually runs"). Then update the version number in resources:, reload the page and check the browser log again.

sinful haven
#

added console.log @ top of the file, don't see the message in console tho

#

I'm back from PC with dual screen to see easier than laptop 😃

#

I've found solution

#

had to add "proxy_hide_header "X-Frame-Options";" in nginx config..

polar kelp
#

So it was your proxy, huh. Who'd have thunk...

sinful haven
#

it's combo of chrome and proxy problem i think

#

as chrome checks the headers strictly

#

sooner or later I'll let hass have it's own access to internet, but not when it's so early after auth introduction 😃

mossy otter
#

I'm looking at picture-entity cards for a sensor that shows what xbox game is being played and displays a local image depending on what game is being played (a lot of work for little reward maybe)
I'm using state_image but can't determine if there's a "none of the above" option where if the state is undefined it shows a certain "undefined.jpg"

polar kelp
#

image: will be used for any case that's not covered in state_image.

mossy otter
#

Ah excellent! Thanks

#

Is there a way to set the image size (other than through the size of the original)?

gusty coral
#

Does the entire lovelace UI live in the ui-lovelace yaml?

gusty coral
#

Also, I'm getting "entity not defined in card config" and "unknown card type encountered "iframe". Any insights?

raw brook
#

We would need to see your Yaml for that

gusty coral
#

do i need to add cards into the resources?

raw brook
gusty coral
#

I thought that might be the case, however, the scenes and living room lights card shows up just fine.

raw brook
#

It can lead to weird things. I would fix that and then try it

gusty coral
#

negative

#

I'm not on the latest version either if that makes a difference.

raw brook
#

Lets figure out one error at a time. First the Entity error

#

Which Card is the error occurring on?

gusty coral
#

that's what it is. I'm too far behind to have those cards supported.

raw brook
#

What version are you on?

gusty coral
#

72 which is the initial version of lovelace. Didn't realize that the cards got added on after. Tried to update to the latest but my aiohttp keeps throwing me errors. Likely due to the new oauth

raw brook
#

Gotcha. Sorry man

gusty coral
#

No worries, thanks for trying to help. Definitely my error.

timid burrow
#

@wheat current the custome card tracker has disappeared from my lovelace after updating thecustom updater to 3.1.0 today. Custom components are showing. no changes to lovelace or config yaml

timid burrow
#

in the log I see

2018-09-30 17:59:18 ERROR (MainThread) [frontend.js.latest.201809270] https://domain.duckdns.org/local/tracker-card.js?v=0.1.5.1:1:1 Uncaught SyntaxError: Identifier 'TrackerCard' has already been declared
buoyant skiff
#

report that to the tracker isntead of posting here

timid burrow
#

Thanks. So it’s changed.

wheat current
#

Yes, not everyone uses Lovelace

timid burrow
#

No worries.. I was late to that party anyway. All working now.

woeful plaza
#

Hi::

#

Having a problem with the bignumber-card, I got this error: custom element don't txist bignumber-card
This is my config:
resources:

Have other custom cards that work in same dir, so what can be done? reboot tried, also different browsers
\10.0.24.4\config\www\custom_ui\bignumber-card.js

buoyant skiff
#

directly under www

#

not the custom_ui folder

#

ohh sorry seems you stated custom_ui folder in your lovelace file

#

might wanna try without the whole subfolder

past falcon
#

hey, so I'm trying to kind of recreate the bar at the bottom of a picture glance in a picture element card. I'm trying to use opacity on just a black bar, but it doesn't seem to be working,. Do I have it setup correctly? https://hastebin.com/icisacotaw.bash

wheat bone
#

Hey @polar kelp , I better just ask here before I make a big thing (in case I just missed something). With the folding-group-entity-row, I added your slider, but I can no longer click the entity within the group to e.g. change the color (temperature) of the light or change friendly_name. No matter which entity I click, I get the same pop-up menu. Is that just how it is, because we're using the groups? Or is it something that could be implemented?

polar kelp
#

That’s a configuration I didn’t test. I can’t look at it right now, but I’ll try to as soon as possible.

wheat bone
#

Cool. And in any case, still a super useful add-on!

short jetty
#

i'm using the lovelace migration plugin. it works great, but the page it generates doesn't include any of my sensors... just the switches and media devices.

buoyant skiff
#

cause it hasnt been updated in a long time

short jetty
#

is there a better alternative?

#

other than doing it all by hand

silver crescent
#

playing around with custom cards.. What does this mean?? For the following errors:
Uncaught SyntaxError: Unexpected token <
This is most likely because you downloaded the html from gitbut instead of raw. That is not valid javascript. Always make sure you download using raw button. After downloading the file again with the 'raw' button, remember to bump the version number for the custom component speficied in the 'resources' of your lovelace-ui.yaml file.

#

resources:

  • url: /local/gauge-card.js?v=1
    type: js
  • url: /local/group-card.js?v=1
    type: js
#

the "bumb version" that is 😃

errant sand
#

Hi guys. Other than "panel: true", is there any other way to make a card as wide as possible?
I have a history card that show my thermostat's values for the last 3 days, and the default 500px wide graph is too small for me.

buoyant skiff
#

no

#

is the simple short answer

errant sand
#

allright

buoyant skiff
#

might be in the future only time will tell

odd light
#

you can use custom cards to change the size, from my understanding

#

anyone remember where they show you in the docs how to do badges in lovelace, I did it once, can't find it now

split granite
odd light
#

yesss

odd light
#

page shows up blank, no error

  - title: Experimental
    icon: mdi:beaker
    id: Experimental
    background: darkslategray
    theme: dark-mode
    badges:
      - entity: sensor.front_door_sensor_battery
      - entity: sensor.sliding_glass_door_sensor_battery
      - entity: sensor.master_bedroom_window_sensor_battery
      - entity: sensor.storage_room_window_sensor_battery
#

nm

#

you don't need entity:

serene sierra
odd light
#

now that looks cool, maybe I should start looking into picture cards

split granite
#

Worth digging through the history of posts by @buoyant skiff - he's done some really awesome eye candy

odd light
#

Does anyone here do special views for cell phones, and others for tablets, laptops, etc

serene sierra
#

exist custom card for it

raw brook
#

I believe there is a custom card called HomeSetter @odd light

odd light
#

nice

honest herald
#

@serene sierra looks awesome

vapid field
#

I read somewhere that in the conditional card type, adding multiple states acts as an AND. Is there a way to add multiple states as an OR option?
For example I want the card to show up if my media player is not in an off OR unavailable state.

- type: conditional
        conditions:
          - entity: media_player.living_room_tv
            state_not: "off"
raw brook
#

Not sure. Maybe look into the Monster card. It's a custom card.

buoyant skiff
#

Monstercard for sure

kind elm
#

Who has the best vid tut on the set up and config of lovlace?

wheat bone
#

@polar kelp, I really like the folding-group, been using it a lot already. I noticed something else; that when you have a card with both folding-groupand other entities, the main card toggle does not affect the folding-groups. Not sure if this is intentional, but it seems odd to me.

split granite
#

Be warned @kind elm that video guides date very fast on Home Assistant. Even one just a few months old can be so far out of date it's like you're watching the video for a different product. Heck, a couple of weeks can make the difference between "works" and "WTF"

#

You're far better following the docs

polar kelp
#

I hadn't thought of that @wheat bone. I'll try to fix it. Didn't think anyone used the card toggles...

wheat bone
#

Maybe I'm just weird😌 I almost only use it to quickly turn off all lights, never to turn on.

polar kelp
#

Please add an issue on github too. My stuff are geting popular, and that means more bugs are discovered. I'm having a hard time remembering them all.

wheat bone
#

Sure, will do!

kind elm
#

So should i be asking who has the most up to date one? Lol

polar kelp
#

Probably Drzzs, but I agree with Tinkerer.

split granite
#

Even if they're up to date today, they'll age off because nobody keeps re-recording their videos

polar kelp
#

Actually, I'd say lovelace is fresh enough for most videos to be mostly reliable still. So sure, go ahead and watch one to get the basics. But keep the docs at hand when you want to try it out yourself.
(Valid as of 2018-10-01, may not be tomorrow - it is a beta feature, after all)

#

Hey, @wheat bone, about the issues you posted (thanks!). Do the sliders work as expected?

wheat bone
#

@polar kelp Sliders inside the folding-group work just fine

polar kelp
#

Great! Good to know.

kind elm
#

Yo i need some help with roku control in my interface

split granite
#

You need to explain your problem/question @kind elm - few folks will respond to "can you help me" - also this is the third channel you've posted in about this in the last half an hour. Please don't scatter your questions across a bunch of channels.

kind elm
#

Got it

viral sorrel
#

are the play/next buttons next to media_player entities new to the latest release?

ocean skiff
#

Hi! Just added the lovelace.yaml file, how do I move the switches groups?

buoyant skiff
#

read the docs

#

thats how

#

i started 5 min ago

#

you clearly havent read it all

split granite
#

Move to a new tab, or move around inside a tab, or?

ocean skiff
#

Create a new file <config>/ui-lovelace.yaml and add the following content. Adjust the entity names to entities that exist in your Home Assistant installation.
just said: Adjust the entity names

split granite
#

Move to a new tab, or move around inside a tab, or?

ocean skiff
#

Its a new clear ui-lovelace.yaml file

#

and its groups from the old view of homeassistant

split granite
#

Now we're getting there

#

You're asking how to copy across your current config, is that right?

ocean skiff
#

just copy and paste all the content?

#

right

split granite
#

Nope

#

Not even close - if you do that nothing works

#

Please read the Lovelace docs, you'll see it's very different

#

But, you didn't answer the question

ocean skiff
#

right all the old configuration.yaml file to lovelace.yaml file

split granite
#

Have you looked yet in the pinned messages that I've already directed you to?

ocean skiff
split granite
#

Have you looked yet in the pinned messages that I've already directed you to?

ocean skiff
#

I'm kind of looking for groups configuration in lovelace...?

split granite
#

Have you looked yet in the pinned messages that I've already directed you to?

#

Yes, I'm going to keep asking that until you answer the question

ocean skiff
split granite
#

Right, please open the pinned messages

#

Second from the top, there's a link to an external site - Awesome HA

#

Visit it

ocean skiff
#

ok I'm in

split granite
#

There are migration scripts there, to clone your current config

#

And links to docs and videos

#

Try one of the migration scripts, and then read the output

#

You need to move away from thinking group and start thinking card

ocean skiff
#

thank you for directing me!

clever nexus
#

Hey All, Anyone know if it is possible to set a 'style' color based on the currently active Home Assistant Theme?

polar kelp
#

Yes

#

var(--primary-color) for example, is the header color of your theme

#

var(--text-primary-color) is good to know as well

clever nexus
#

Like as follows?
style: color: var(--primary-color)

polar kelp
#

I think that should work, yes

#

Can't try it right now

clever nexus
#

Wow, this will be very useful. Thanks for the advice. Is there a location with a list of supported CSS styles?

polar kelp
#

I take it it did work then?

viral sorrel
clever nexus
#

Thanks @polar kelp , all working 😃

ocean skiff
#

OK So, Can I change the background of a card to an image?

polar kelp
#

Short answer, not yet

#

Long answer, yes

ocean skiff
#

cool

stray gate
#

I added a Bayesian Binary Sensor (device_class: presence) to amalgamate my device trackers. Trying to get the thumbnail images which appear flawlessly in the original HA frontend to show up in Lovelace frontend. It just won’t show. Any suggestions why? Do I need to add something to UI-Lovelace.yaml?

split granite
stray gate
#

@split granite - Thanks. I’m being a bit dense here. I can see it references adding a url under entity_picture. Is that what I should be adding in my lovelace yaml? As I detailed before, if I switch to original HA frontend the thumbnail images are right there. In Lovelace nothing shows - not even a stock icon. Just the title of the card.

split granite
#

It depends on what cards you're adding it to what'll be displayed 🤷

#

What cards are you using?