#frontend-archived

1 messages · Page 79 of 1

stray gate
#

Ok, it’s an entity-filter. Pretty new to this so not sure how I add correctly formatted yaml here to show you. I don’t have anything within this particular card which references the images. I presumed, possibly wrongly, that as the images are referenced in my customize.yaml for each binary_sensor.xxxx that it’d pull through from there.

#

@split granite - I’d viewed (and tried to copy) this card from the Dr Zzs video on YouTube. His Lovelace yaml doesn’t reference images but it displays in the frontend. The only noticeable difference to his is that I’m using binary_sensor rather than device_tracker in the yaml.

raw brook
#

~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

split granite
#

~share

kind shellBOT
raw brook
#

Sorry Tinkerer

split granite
#

Hey, not a problem at all

stray gate
split granite
#

Glance card then

#

They do support images, set in customize, because I've got some like that

raw brook
#

Can you post your customize section? If you have that set up? @stray gate

#

Also, I would try using a glance card with out the entity filter. See what results (images, icons) you get in the card

stray gate
split granite
#

Those images exist? You can view http://192.168.0.5/local/helen.jpg for example?

#

(or whatever the IP/port/etc is)

stray gate
#

@raw brook - thanks for the suggestion. I was simply going off Dr.Zzs video which uses a glance card under a picture-entity card which he had showing images.

raw brook
#

Right. This is more for testing. I always try to test by taking out as many variables to find the root problem

split granite
#

If you haven't read the Lovelace docs, it's worth doing that now, before you go much further. There's lots of "little things" you need to know

stray gate
#

@split granite - I can’t see the images via my homeassistant IP for some reason. They are there though and, as I say, referenced and viewable in the original HA frontend.

split granite
#

Weird

#

That's probably related to your problem then

stray gate
#

I have read (and continue to read) many Lovelace Docs. I have to be honest and find it quite difficult to follow. I’m more of a visual learner. If it was all down in a video (impossible, I know) I’d get it. The docs I see on HA feels like it’s aimed at folks with far more knowhow than many have. I’m trying to learn but it can be hard work on occasion.

split granite
#

Yeah, the docs need some work still, but sadly they're the only thing that stays current as HA changes under your feet :/

stray gate
#

@raw brook - sure, I understand. I’ll take out the entity-filter to see what difference it makes.

split granite
#
- type: glance
  title: Glance card sample
  entities:
    - binary_sensor.chris
    - binary_sensor.helen
#

You should end up with something like that

stray gate
#

@split granite - Let me change this now. Hang on...

#

Bingo! These images are now showing! Bizarre why this doesn’t work as an entity-filter. Really appreciate both of your help on this. Invaluable!

#

It would be ideal if only folks at home appeared on the card rather than states ‘home’ and ‘away’. If you can think of another way to achieve this I’d be grateful!

raw brook
#

Hmm I would expect it to work.. I will put it on my list to check out. I want to start looking into dev for the frontend.

#

@stray gate Did DRzzzz (whatever) have it working with images and the entity-filter?

stray gate
raw brook
#

I'm not sure what you are doing differently

stray gate
#

That’s my problem. If the images appear in just the glance card they’re definitely ‘viewable’ - just not when I set it to entity-filter.

raw brook
#
      - type: glance
        entities:
          - device_tracker.person
          - device_tracker.zack
      - type: entity-filter
        entities:
          - device_tracker.person
          - device_tracker.zack
        state_filter:
          - home
        card:
          type: glance
          title: Who's Here?
          show_state: false
stray gate
#

That’s a different way of doing it. I have copied Dr.Zzs format as shown in my hastebin previously. Entity-filter detailed first and then glance card noted within (as it were). I’ll give this a go shortly and see if it works. Hang on...

raw brook
#

Thats what that is. The first Glance is just showing the regular glance above the entity-filter (as shown in my image above)

stray gate
#

Hang on. Are you doubling up on the device_tracker line? I’m not following the part:
device_tracker. person and then device_tracker.zzzz - can you elaborate this part more?

raw brook
#

Two people. Two devices

stray gate
#

Is it just the formatting? The second one looks indented.

raw brook
#

I am terrible at formatting for discord. One sec

#
      - type: entity-filter
        entities:
          - device_tracker.person
          - device_tracker.zack
        state_filter:
          - home
        card:
          type: glance
          title: Who's Here?
          show_state: false
#

This is the yaml for the entity-filter

#

I have two devices for the two people that live in my house

stray gate
#

The original one above you posted hasn’t worked. It’s created a second blank, thin card below the card showing the icons.

raw brook
#

Is it formatted correctly? With your device instead of mine? There should at minimum be a title

stray gate
#

The second one you’ve just posted is pretty much how I had it set up when I first came on here as nothing was showing.

#

Let me post what I now have. Can you add pics to discord?

raw brook
#

Right. I never said I changed anything. I just said it works for me

#

Use imgur for images

#

~images

kind shellBOT
#

Please use imgur or other image sharing web sites, and share the link here.

stray gate
raw brook
#

So does anything show up?

stray gate
#

The second white bar below the top one appeared after rearranging my yaml

raw brook
#

In states, can you post what values you have in there for your two binary sensors?

wheat current
#

home != Home

raw brook
#

^

#

Thats what I am thinking

stray gate
#

Sorry, you’re going to have to elaborate

wheat current
#

it's home in the config, but Home in the glance

#

change it to Home in the config

stray gate
#

In Lovelace yaml?

raw brook
#
state_filter:
  - Home
#

Yes, the Yaml

stray gate
#

I’ve changed the state_filter to ‘Home’ as suggested (in the configuration shown in my last hastebin above) and nothing has happened. Should I revert to my original Lovelace yaml and see if that makes a difference? Not sure which other ‘home’ you’re cross-referencing.

raw brook
#

In states, you can see Filter States. If you look for those binary sensors you should be able to see which state they are in.

#

Whats weird to me is that your title is not showing up either.

stray gate
#

I’ll look at the filter states. Agree on the title not showing up. This is weird. Hang on.

#

Filter states: on and off

raw brook
#
state_filter:
  - on
#

Try this

#

Sorry lowercase

wheat current
#

If that fails try true

stray gate
#

Neither worked. Both done in lowercase. Again, should I revert to my original card format on this. I’ve changed it whilst chatting and I’m wondering if my original formatting might make it work

raw brook
#

Not sure what you mean. as they should be the same. But go for it

stray gate
#

Changing to ‘true’ has same end result.

raw brook
#

binary_sensor.chris is currently in state on, right?

stray gate
#

Yep, for one of them, so I appreciate both shouldn’t show up at present. Here’s what it looks like frontend. https://imgur.com/a/47Azijh

raw brook
#

What do you mean for one of them

#

Filter states should have one value

#

And for binary sensor it should be on

#

I would also try Home again

stray gate
#

Sorry, I’d mis-read your message and hasn’t realised you were referencing only one of the cards. They do have one value only. Binary sensor showing ‘on’ for that sensor. I’ll change to Home for the state filter to see if that changes. Where is the other ‘Home’ that I’m matching up to?

raw brook
#

Well in your glance card without filter they were showing the state as Home So I would think you have somewhere that the state on is Home and off is Away

stray gate
#

No. No difference 😔. This is ridiculous!!!

raw brook
#

Not sure. are you seeing any errors that are related in the logs.

stray gate
#

Nothing.

raw brook
#
binary_sensor.chris:
  device_class: presence

I am wondering if you set the sensor to a device class if state_filter: home would work

stray gate
raw brook
#

So it should work with home not sure with that component though.

stray gate
#

Sorry, which component?

raw brook
#

bayesian

stray gate
#

Hmmm. I’m using that to try and get a more accurate ‘guess’ as to whether someone is home or not. Is there another way to achieve this?

raw brook
#

I just use my device tracker. I would think the way you do that should work but again I havent used it so I am not sure

flint socket
#

ive just gone as far as using wifi on peoples phones... but ive seen people use motion sensors, someone today was talking about sensors detecting presence on weight

#

if people have both a phone and like a fitbit, then maybe using both makes sense.. but when we are at home theres really not a reason to turn off wifi, so thats probably going to be as far as i need to take it

stray gate
#

It’s the reliability I’m after. We have tiles and they’re about as much use as a chocolate fire guard for accurate presence detection. It would seem to be a binary_sensor / entity-filter mashup issue. The Bayesian sensor works in just a glance card - it all goes pear-shaped when the entity-filter comes in the equation.

split granite
#

I'm using GPS + WiFi + Bluetooth, and then an automation to set an input boolean once at least 2 of the 3 are home/away

#

I've dabbled with the input boolean approach too, but I prefer the automation based one because I can provide more control (like, if the door didn't open, we're probably not really away)

stray gate
#

@split granite - could you explain in simplistic terms? I’ve seen / heard of input Boolean but o have no idea what the hell it is and how I would use it.

#

I have sensors on doors so I could potentially use that same format I guess?

stray gate
#

Thanks. Before I open any of those can I ask unashamedly whether a simpleton like me will understand any of it?!?

split granite
#

Sure

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

raw brook
#

@past falcon filter: alpha(opacity=10)

#

Try that

past falcon
#

unfortunately @raw brook that doesn't work either

tiny nebula
#

Hi, im trying to add a custom card (folding-group-entity-row.js) for the first time, i can't sem to figure this initial thing out. I have the .js file in /config/www/ but when it tries to call the url, it fails. of course just manually trying the url hassio:8123/local/XXXXX.js returns 404

raw brook
#

What does the resource section of your Lovelace file look like?

#

~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

tiny nebula
#
resources:
  - url: /local/folding-group-entity-row.js
    type: js
raw brook
#

Have your cleared your cache?

tiny nebula
#

also, if it helps, its Hassio installed on an ubuntu VM

raw brook
#

It seems you know it failing to call the file. Meaning Im guessing you know Dev Tools?

#

Your console shows the error failed? or does the HA logs saythat

tiny nebula
#

cleared cache now. no change.

#

its the console

#

oh wait.. hold on. its different now.

#

the console error

raw brook
#

Whats it saying now?

tiny nebula
#
SyntaxError: illegal character[Learn More]       folding-group-entity-row.js:1:2 ```
#

when I view source, it looks nothing like the .js file

4Ӎ)Æf«‚)ôrZ,yÛ¥™¬az(!·J)z{¥™¬az(!·)Æšuج¦V²~W±jX ž+^šÇž×«¶ˆ •ì"vØxÒœaz(!·)Å©b‚x­zkz{^­Ø¬¦V²~W±¶ˆ •èZ‰Ê'~W±ÓN4§ì·)^v+âvšuدrV¬²Ú ‚W¨Ébr```
#

hrm.

raw brook
#

Testing in my environment

#

And it worked. Im running on a RPI

tiny nebula
#

i think i just need the file redone.

#

one sec

raw brook
#

I would try to re download the file

#

Yea you already said that lawlNLT

tiny nebula
#

ok now I'm slightly stumped again.

SyntaxError: missing ) after argument list[Learn More]        folding-group-entity-row.js:65 

also, here is the section defining the custom type:

views:
  - title: Misc
    cards:
    - type: entities
      entities:
      - entity: group.all_automations
        type: custom:folding-group-entity-row
raw brook
#

I'm not sure. Mine works out of the gate. Can you check the JS file when you click on the error?

#

If you are in chrome it should bring you to that line in the JS file

tiny nebula
#

yeah. in chrome it just opens the file. in firefox it highlights => { where this is at:

this._hass.states[this._config.entity].attributes.entity_id.forEach((e) 
=> {
      conf.push(Object.assign({entity: e}, this._config.config || {}));```
raw brook
#

Hmm Thats interesting.

tiny nebula
#

ah that was its own line for somereason

raw brook
#

Gotcha. Did you move it?

tiny nebula
#

yeah. it must've been cause i pasted the code in the file, and the format it was selected had its own line

#

its loaded fine now 😃

raw brook
#

Great to hear!

tiny nebula
#

lol thanks for trying to diagnose with me

steel drift
#

I'm trying to set the icon of an input_select depending on the selected value. icon_template is not valid. Is there another way?

polar kelp
#

A python_script that runs when the input changes via an automation and changes the icon attribute?

steel drift
#

@polar kelp That could work. Any pointers as to how to set attributes from python scripts?

polar kelp
#

Not really... perhaps hass.states is a good place to start. But this should be discussed in #330944238910963714

woven relic
#

I want to activate a scene from within a glance card by tapping on the icon. The documentation doesn't seem to tell how or whether it is possible at all. Anyone ?

polar kelp
#

tap_action: call-service

spice grove
#

Is it possible to change the theme for individual entities or change the color of the entity icon depending on its state?

woven relic
#

@polar kelp That does not work.

#

@polar kelp But I guess it should, shouldn't it ?

polar kelp
#

It should

lapis oriole
polar kelp
#

@spice grove I know it's been discussed as a future feature

spice grove
#

@polar kelp Thanks

foggy tendon
#

@tiny nebula Is it possible in the custom card "folding-group-entity-row" to exclude some entities?

tranquil isle
#

@lapis oriole It´s the same for me 😦

wheat current
#

@tranquil isle @lapis oriole it's a feature, not a bug ;)
Look up the track option in the documentation for it 😃

buoyant skiff
#

everything is a bug nothing is a feature

wheat current
#

That bugs me 😜

#

But it's super off topic for this channel, so I will go back to my dark cave 😉

foggy tendon
#

@polar kelp Is it possible with your card "folding-group-entity-row" to add the chance to exclude some entities?

tranquil isle
#

@wheat current , Thanks 😃 Now I got it all...

lapis oriole
#

@wheat current Haha, missed that feature. Thanks!!

lapis oriole
buoyant skiff
#

its there trust him

wheat current
#

I'm on the internet trust me 😉

#

It's part of the component, not the card

lapis oriole
#

Ok, sorry. Thanks!

tranquil isle
#

@wheat current if I only want to see the cards that I have locally. How to hide the others?

wheat current
#

It's in the documentation, and like I said earlier super off topic for this channel, if you can't find it open an issue at the repo on GitHub, and I will help you there 😉

tranquil isle
#

@wheat current Sorry, I found it. I will stop asking stupid question from now!

wheat current
#

Questions where not stupid, just in the wrong place 😉

tranquil isle
#

😃

buoyant skiff
#

but again you could have read the message a little bit better cause you asked the same question 2 secs after Ludeeus posted the answer

#

😉

foggy tendon
#

After the last update of custom-updater and tracker-card i get this in the frontend:

#

why all cards are disappeared?

polar kelp
#

@foggy tendon Re: excluding entities in folding-group. No, there's not. It works for home assistant groups, full home assistant groups and nothing but home assistant groups.

#

Re: your latest question. Did you miss the discussion that just happened in between your two latest messages? Starting three messages before your third to last one.

foggy tendon
#

@polar kelp Yes i see... about excluding entities, will it be possible in future?

polar kelp
#

Not as long as it's using home assistant groups. But a big part of lovelace is to not have to use groups anyway, so perhaps I'll rewrite the fold to use something else - like a list of entities.

foggy tendon
#

@polar kelp 👌

#

@lapis oriole did you find the solution?

lapis oriole
#

@foggy tendon
custom_updater:
show_installable: false
hide_sensor: true
track:
- components
- cards
- python_scripts

buoyant skiff
#

please use louge

#

you already been told twice about the updater

foggy tendon
#

@lapis oriole 👌

buoyant skiff
lapis oriole
#

@buoyant skiff Just have given an answer. But you are right, thanks.

buoyant skiff
#

its not a matter of giving answers if a user doesnt bother to read previous messages dispite being told to do so its not a matter of giving him that users its just rewarding lazyness

lyric pine
#

Hi, how to do fullscreen card? For floor plan by type: picture elements? 😃 Thanks for answer.

odd light
#

@buoyant skiff is on the warpath

mild veldt
buoyant skiff
#

panel: true

lyric pine
#

@mild veldt thanks I was searching for it for hour 😄

lapis oriole
#

@buoyant skiff Again, you made your point. But you sound so bossy 😉 You knew everything from the beginning? Be a little patient and friendly towards new and less experienced users. You do not want to drive them all away?

buoyant skiff
#

not the place again

#

and by lovelace the stuff thats in the docs

zealous oak
#

Hi! With a picture glance card, I have an icon for a lock and an icon for a light, defined as entities. When I click the light it turns on and off. For the lock it just opens the lock details. It doesn't unlock the door. Can I change this behaviour for the lock?

raw brook
#

Oops you said Picture Glance

zealous oak
#

I did.

raw brook
#

You may be able to still do it that way. Not 100%

- entity: lock.lock
  tap_action: toggle
zealous oak
#

Thanks, I'll give it a go.

raw brook
#

Not sure how locks work. If a toggle action is available to lock/unlock if not then you may have to use service and run a script to toggle. Again Never used this card, so not 100%

zealous oak
#

Putting service or toggle doesn't seem to do anything.

#

(there isn't a lock.toggle) I've changed the code in ui-lovelace but nothing changes when I reload, functionality remains the same.

raw brook
#

So if you do

- entity: lock.front_door
  tap_action: call-service
  service: lock.lock

Does it lock the door? Or is that what you tried

#

If that worked you could do a very complicated toggle for a lock. Using an Input_Boolean, The tap action would call the service to toggle to input_boolean and use an automation for each value of the boolean. So the boolean on the automation would call lock.lock and for boolean off it would call lock.unlock.

I am not sure if there is an easier way to do this but its what I came up with really quick.

odd light
#

still don't know if I trust a smart lock lol

foggy tendon
#

@wheat current I installed properly custom_updater, but after doing a check i get this about the custom_updater component

kind shellBOT
#

Ludeeus is away for 1h 19m 12s with a message :point_right: 🤷‍♀️

foggy tendon
#

I installed manually the latest version 3.1.4

wheat current
zealous oak
#

@raw brook I used a switch template in the end, which works. :-)

fiery temple
#

when i place the-type map outside of that first vertical stack it gives me three columns but that the point i want it on the first vertical stack so i can have the 2nd colum next to it and the 3th colum on the far right

astral glade
#

Hey @storm lion I have a couple of custom entity rows I'd be interested in getting into the custom_cards namespace. I still have a bit of work to do to add some more configuation options for the initial release, but I would like to get some input. (One repo right now, I'll separate them out if anything gets approved)

Should there be a separate naming convention for the entity rows (I have a suffix of -entity-row on the end at the moment)?

https://github.com/paulbdavis/lovelace-custom-ui

storm lion
#

Hey @astral glade it'd be great to have your cards there, I'll add you to the repo buddy

astral glade
#

Thoughts on the naming convention?

storm lion
#

I think -entity-row is fine, although the two will need to be separated out

astral glade
#

copy that, I'll probaby have a chance to clean them up and separate them some time later this week

storm lion
#

Fantastic, look forward to seeing it added 👍

foggy tendon
#

@wheat current Done ! 👌

raw brook
#

@fiery temple Yea vertical columns don't work that way unfortunately. Try using a horizontal card with those three vertical cards underneath

fiery temple
#

@raw brook it makes things only much smaller

raw brook
#

Try using panel:true

#

I haven't used it yet so I am not 100% if it works in your case but worth a look over

fiery temple
#

that panel true is in ui-lovelace right? in the homeassistant:

fiery temple
#

hahaha

#

i got 1 big map below my panel now haha

raw brook
#

The horizontal Stack will need to be the first and only direct child of the view

fiery temple
#

yes trying that now :p

#

seems its gogin to right correcting

#

dude

#

thanks man

#

works perfectly just need to add LOTS of spaces now

#

thanks man!

raw brook
#

Looking good!

fiery temple
raw brook
#

The only change I would personally make is putting Waze Travel Time under/above/within Column 1 or Column 3. But also I came across your github when I first started my Lovelace adventure a few weeks back and used yours as inspiration. Ill take some quick screenshots. One sec

fiery temple
#

NO?

#

my github? i feel honored

#

I indeed tried that waze travel time above column 1 but then everything gets so big

#

i want no scroll on the view absolutely not

raw brook
#

ahh I see

#

Makes Sense then

fiery temple
#

got that screenshots im wondering how you set it up if u used myne as inspiration

raw brook
#

My theme is going to be more like the Dashboard/Home page. But I havent finished all the pages

fiery temple
#

ouch gotta says, its dark in my room now, isnt the white to bright for youre used :p

#

eyes "[

raw brook
#

So it may look a bit inconsistent throughout

#

Yea thats my day theme. (Fiance required the day theme)

#

I grab the home of my night theme

fiery temple
#

it looks very proffesional

#

for that spotify element you need premium right

#

dont have that yet, need to take it to test

#

i can see you used my github 😛 awesome i have a follower lol haha

raw brook
#

That my Night theme currently

fiery temple
#

that round corners is sick

#

you have youre code on github?

#

i might steal that from you

raw brook
#

All thanks to @polar kelp 's CardModder

#

I am working on getting the code on Github. I usually would have it already up there but have been very lazy about it. Gotta get my Secrets file updated..

fiery temple
#

:p

#

i wish if there was only a GUI to set homeassistant up

raw brook
#

I work on that a lot tonight and let you know

#

Like a GUI to set up Lovelace?

fiery temple
#

i spend to much time on this homeassistnat:P discovered it 6 weeks ago, and my days are like, work, HA, eat, more HA, sleep very late and work again

raw brook
#

Same haha

fiery temple
#

well more like everything en all settings in a gui

#

this project can earn some big money if they took the right paths

raw brook
#

But I have been trying to think of a way to create a GUI for the Front end of LoveLace. So that you can just pick what you want from a collection based on your entities and then place the cards how you want them to look and the code would be written for you

fiery temple
#

didnt shave in 6 weeks 😛 haha the wife going to kill me soon xD

#

that would be so awesome

raw brook
#

I have been reading Docs and Looking at all the code to try and wrap my head around Polymer and Lovelace as a whole before I start on something like that. Having something be so dynamic as it would have to be is going to be hard

fiery temple
#

where u from?

#

yeah thats going to be a pain in the ass, especcialy when you dont get payed for it

#

@raw brook recently i added the utilities on my home assistant, you may wanne add that too, easy local backups and restart/reboots 😃

raw brook
#

From KY. But yeah it's a lot of time for that but I need a side project haha. Utilities view, you mean? I have one for all my automations and settings and stuff like thay

fiery temple
#

what ky?

#

knew york :p?

raw brook
#

Kentucky haha

fiery temple
#

ah

#

nice to chat with you

#

i need some rest and sleep

#

goodnight

raw brook
#

Night man

#

You must not be in the US haha

fiery temple
#

im from holland

#

8 hours before yeah

odd light
#

anyone know what the future plans are for the android app of HA?

snow stone
#

Not really relevant to this sub but no. I don't really see a reason for an android app

odd light
#

well it sort of is if lovelace will be translated to the app

#

thats why I was asking here

#

because the web interface has to reload every freaking time you open it on a phone or tablet

#

its kind of maddening when you just need to turn on a light quickly

#

maybe not reload everytime, but a lot

#

there's definitely advantage to an app.

split granite
#

Worth listening to the latest podcast @odd light - one of the devs discussed that, and pointed out that there's little point in developing an app with its own UI

chilly zephyr
#

Hey all. Is anyone around who's done custom love-lace stuff with a docker env?

polar kelp
#

I haven't, but let's see if we can fix your problem anyway.

chilly zephyr
#

thanks. bare with me I'm on the train with bad reception

#

I've installed the dev docker for messing with Lovelace

polar kelp
#

No worries. I'm off for lunch in a few minutes, so we're in the same boat

chilly zephyr
#

I have it all running on my production build, but I want to create an alarm clock interface

#

using the simple example on the docs

#

state-card-my-custom-lights

#

i've been messing since, then I better go and revert to default

#

I have nothing appear in the hass ui

#

it's blank

#

It might have been a bit premature of me to ask for help, I didn't expect such a quick response

polar kelp
chilly zephyr
#

^sorry this was late last night and I'm picking it up on the morning commute

#

custom card works *just tried it

#

ok good, I'm not being crazy

#

the next one.

#

wired-cards.js

#

does not work

#

copied directly from the docs

#

51 is '${state.attributes.friendly_name}'

#

On my 'dev' setup I'm only running, sun, sensor yr and light: - platform: demo

polar kelp
#

Did you configure it with entities that exist?

chilly zephyr
#

argh

polar kelp
#

There are no sanity checks in that example, so if you try to run it on input_boolean.switch_ac_kitchen and that doesn't exist, it will crash.

chilly zephyr
#

sorry I was trying this along with doing some other stuff, total bad morning, I need to wake up, sorry for wasting your time!

#

don't drink and hass. don't hass in the morning

polar kelp
#

Don't worry. Good luck going forward!

chilly zephyr
#

ha, thanks! x

high canyon
#

Hey all, how do you customise the icon used for an entity on picture-glance?

chilly zephyr
#

Ahh, @polar kelp I was trying to get one of your lovelace components working last night, that's what I was getting an error with

#

I know you don't offer support. I'm just looking at yours for helping me dev my own. But also the slider and the collapsable are certainly things I'll use

#

with the slider-entity-row.js I get this

polar kelp
#

Seems odd. It's an error I haven't encountered before

high canyon
#

hmm I tried that, must probable a problem between my chair and keyboard, might be nice if one of the examples on that page used the object syntax

polar kelp
#

Show me what you got

high canyon
#

wink wink, proper work is getting in the way at the moment, will have another play later

calm rock
#

Is it possible to make any media player , to appear automatically when available ?, something like group ?

high canyon
#

I use monster-card to show and hide media players depening on if they are playing or not

left aspen
#

hi. i wanna try put this: custom:dark-sky-weather-card in lovelace. but it dont show up.

buoyant skiff
#

then report that to the author of that custom card

chilly zephyr
#

Hey @left aspen , do you have every entity that you're trying to view. As I found out today if it can't find one and there's no error checking, it'll fall on it's ass

left aspen
#

@chilly zephyr yes. i have all of entity

#

but it does not appear

#

this is in the log : IPadress/local/custom_ui/dark-sky-weather-card.js?v=4:17:43 Uncaught TypeError: Cannot read property 'unit_system' of undefined

#

i am with hassbian

buoyant skiff
#

and any issue with custom stuff should be reported back to the author

#

this channel isnt named custom lovelace stuff

frail wharf
#

damn and here i just wanted to ask about the pornhub card

left aspen
#

Damn, ask about that and I will responding to you

chilly zephyr
#

@buoyant skiff That's totally not the vibe I'm getting from anyone else. Since when is anything off topic in this place unless you're asking basic setup questions in the dev channels.

buoyant skiff
#

not about custom stuff

#

ask @split granite if you dont belive me

#

you all can hate me as much as you want but it is the truth

split granite
#

Which mortal summoned me

#

😛

buoyant skiff
#

@chilly zephyr has an issue with rules

#

so i leave it to him to complain

chilly zephyr
#

LOLs

split granite
#

I don't necessarily always agree with @buoyant skiff - but in this case reporting problems with a custom card to the author of the card is the right thing to do

#

Asking for help to make sure it's set up correctly here, that's fine - but that would require people to share their config, not post vague questions

#

custom:dark-sky-weather-card itself isn't enough, clearly, to know what's going on

chilly zephyr
#

Hey @split granite , btw, I don't have issues with rules, I love them. And this actually has nothing to do with me, I'm just trying to make someone else feel like it's ok to ask questions without being shot down

split granite
#

I've skimmed the history, don't worry 😉

chilly zephyr
#

There's reporting a bug to devs and there's not knowing whether you have set it up correctly before bugging a dev

#

that should be fine to ask here

split granite
#

That is - but in this case the OP forgot various key details

buoyant skiff
#

if your that thinskinned than perhaps not responding is a better option, cause im not being mean im saying it like it is

split granite
#

@buoyant skiff Be nice 😉

#

Based on what @left aspen posted, I'm pretty sure the issue is with the custom card though

chilly zephyr
#

There is no thin skin, I'm not put out, just don't like seeing someone shot down when they're asking questions. Your attitude is absolutely terrible, nothing to do with me being offended by it.

buoyant skiff
#

giving people the change to fix thier issues being terrible rather then giving em vague answer sure if that is being terrible then fine by me

#

again if there are issues with custom cards its better to contact the author to seek assistance

#

might wanna reflect a bit on yourself before snapping at me

left aspen
#

@chilly zephyr is right. Especially for those who still do not realize much and what is or is not included in it to know how to differentiate whether or not it is allowed here. I just wanted to know if I was okay or if they could tell me which way to go.
but its alright

buoyant skiff
#

@left aspen the correct way is to contact the author

#

which i told you twice

#

that way you can get the help you need

split granite
#

After checking the config is basically correct here

buoyant skiff
#

cause its not apart of the official lovelace docs

#

it is a custom card

split granite
#

Doesn't mean people can't ask for help - they ask for help with the Custom UI already in #330944238910963714, and that's fine

#

It does meant that bugs and feature requests aren't on topic here

left aspen
#

OK. I already understood guys 👍 ~

buoyant skiff
#

but in this case it was a waste of time since it throws an error so it better for the card dev to deal with

#

good so Silva is onboard great

#

people should stop being so easily offended

split granite
#

And people should stop being abrasive, but we can't fix people 😉

buoyant skiff
#

indeed we can not else the world would work 😉

frail wharf
#

if you wanna protest about your wet panties go to facebag

odd light
#

ohhh drama

mild veldt
#

I need my stupid house to maintain itself so that I can get back to LL. Does anyone have a card for that?

wheat current
#

Get a SO/kid to do it?

mild veldt
#

I don't think that will fly

wheat current
#

Then create more automations for homeassistant to handle it 😛

mild veldt
#

I need a smart water sensor that turns on my shop vac after my basement has backed up 3 times in the last week! 😃

wheat current
#

Sounds easy enough 😛

mild veldt
#

just need the sensor

thorny verge
#

Is there an easy way to split the ui-lovelace.yaml file?
I can't find anything, and I've seen the script, but my understanding of that is I need to run it everytime I make changes to the split files.

split granite
#

That's the only option

wheat current
#

The update part can be automated with a folder watcher and a shell_command

thorny verge
#

Ok, thanks. I'll just keep it one big file for now, and hope it gets added in the future.

wheat current
#

It will not

thorny verge
#

Really? Seems like something almost required for organization, any idea why not?

wheat current
#

The was an explanation in this channel some time ago, but can't remember it.
Probably it is to enable gui configuration at some point

split granite
#

That's exactly it

#

Home Assistant is moving towards enabling everything to be managed via the GUI. I just wish somebody would fix the automation editor 😉

thorny verge
#

Ok, I'll never want to use that, I like text editing, so much faster, so basically I want to use the script then.

split granite
#

Yup

raw brook
#

Is a GUI Lovelace Editor already in the works?

split granite
#

On the roadmap, I don't think it's already underway

raw brook
#

Gotcha. I have been thinking about looking into development of a GUI for it but who would be the person to talk to about where they are with that? Even if its just talking about the plan vs looking at actual developed code for it

raw brook
#

Yea. I have looked over The docs. I actually almost moved the question to that channel haha. Will do that. Thanks @mild veldt

hoary coyote
#

Sorry for not looking over github but I don't have the time atm. Is it known that docker:dev lovelace isn't working on firefox?

vapid field
#

Is there any way to toggle scripts directly from a glance or picture-glance card (or any other card for that matter)?

The only options for tap_action seem to be 'toggle' and 'call_service' and neither of work for scripts

odd light
#

where is your config?

#

call service should work, if you did it right

#

does the script work when you call it from the services section of the dev console?

astral glade
raw brook
#

What @odd light Said. A script is a service so there isnt really a toggle. Its just executing the script. Therefore Call-service should work

foggy tendon
#

I see very interesting the custom card light-entity-row, but the docs are very poor... How to contact the author? Or better who is the developer?

raw brook
astral glade
#

@raw brook thanks

raw brook
#

How are you looking at the docs @foggy tendon

#

Github?

vapid field
#

So in my ui-lovelace.yaml I can have something like
- type: picture-glance entities: - entity: script.scriptname tap_action: call-service
and that should work?

foggy tendon
#

@raw brook yes

vapid field
#

(tabs stuffed up when I pasted in discord)

raw brook
#

@foggy tendon then you know the author? Just create an issue on git hub

#

So Picture Glance doesnt take that as variables for an entity @vapid field

foggy tendon
#

@raw brook i'd like to know if it'sm possible to add more than one light per card and how... how to add more buttons in one card etc...

odd light
#

wouldn't you need tap action, service: call -service and :service_data:

raw brook
#

Try that using a Glance Card

mild veldt
#

@foggy tendon I believe @astral glade is the dev, based on his name and icon 😃

#

<-- detective

odd light
#

actually you may not need service_data

raw brook
#

Service data is default with a call-service. Defaults entity id

odd light
#

yes

#

my bad lol

#

I'm not home to test anything

#

I messed with it at one time though

astral glade
#

@mild veldt I am just paul, not paulus

vapid field
#

hmm, unfortunate that it doesn't work with picture-glance.
I just tested with glance instead, and it works BUT it's toggle that works, not call-service

mild veldt
#

@astral glade we're talking about light-entity-row

raw brook
#

There was a conversation earlier in the day about Custom Cards and if this channel is used for support. Support for setting the card up correctly meaning YAML integration. Github is used for issues, more specific questions

astral glade
#

oh, yes I am

foggy tendon
#

@astral glade are you the developer? I opened an issue just now...

raw brook
#

@vapid field Right. Picture Glance doesnt have Tap_actions as a variable for entities

mild veldt
#

if the dev is here, and okay with it, i say this is a fine place to discuss questions. actual bugs/issues are another matter

raw brook
#

Toggle works because it just activates the script

#

@mild veldt Sounds good to me. I was just referencing the previous conversation 😀

mild veldt
#

I know, people can get worked up at times for seemingly no reason

raw brook
#

I have been seeing that recently.

mild veldt
odd light
#

eh, the blue iris web page is good enough and doesn't bog down my HA lol

mild veldt
#

i have HA running on a full xeon server. it's pretty hard to bog it down 😃

odd light
#

yeah, but do you already run a surveillance software?

#

I tried to put BI into an iframe but even with http it didn't seem to work

raw brook
#

What error were you getting?

mild veldt
#

@odd light No. I just FTP record to my server

#

I used the Shinobi add-on for a bit

odd light
#

aahh

fresh latch
#

how would I just show the state of an input_select on lovelace without showing/having the dropdown option ?

mild veldt
latent coyote
#

Is there a way to remove the margins on a conditional card if it's hidden? (sorry asked this before but forgot to follow up with my current code)

#

as you can see there is a lot of space on the left because I have a bunch of conditional cards that are hidden since my "Music Mode" is on

#

but it creates a 15px spacing per conditional card (that is not shown)

mild veldt
wheat current
#

That looks like a bug, as a workaround I would just place them under the volume sliders 😛

latent coyote
#

@mild veldt Thank you! Hopefully they fix it soon.

#

@wheat current Issue is that depending on what "Media Mode" is on there will always be something that is not placed at the top

mild veldt
#

Good thing LL is still experimental 😃

latent coyote
#

This can probably be fixed with a little CSS trick that removes margins on conditional cards that are hidden but I don't know where to start 😃

#

It's kind of a Love/Hatelace at them moment 😂

polar kelp
#

iirc that #1686 thing turned out to be realy hard to fix.

#

But I don't think it's quite the same as tyrsens problem

latent coyote
#

@polar kelp I think my fix is to set margin to 0px if it's not showing

polar kelp
#

That should do it.

#

I started on a fix earlier, but other stuff got in the way.

gloomy raven
#

Hello
can i change the icon inside a
type = state-icon ?
This :
icon : mdi:shuffle
is ignored, how can i do this?

#

my switch is always a ligntnig bolt, and a lightbulb would be awesome 😉

mild veldt
#

you can do it within customize of your configuration.yaml but I believe that it loses its ability to change based on state when you do that

gloomy raven
#

yeah or can i just set an icon normally like:
type: icon
and change the color based on state?

mild veldt
#

No. There's no state filter for icons. I asked for such a feature but was shot down. It is possible with an image element, however

wheat current
#

type: image works 👍

gloomy raven
#

but here i need the icon locally, or?

#

i download it, save it into the www folder and go?

mild veldt
#

It doesn't need to be local

wheat current
#

locally prefered, but not required

gloomy raven
#

sry for the dumb question:
the mdi icon is black, i have to change them manually via GIMP in yellow, or?

#

and save them aus lightbulb_on, for example?

mild veldt
#

"--paper-item-icon-color": pink

latent coyote
#

Anyone know if it's possible to change color on a "custom:button-card" depending on input_select option?

gloomy raven
#

@mild veldt thx but how to configure it together with state_image?
this is my code:
elements:
- type: image
tap_action: toggle
entity: switch.wohnen_decke
image: /local/lightbulb-on.png
style:
top: 80%
left: 68%
state_image:
"on": /local/lightbulb-on.png
"off": /local/lightbulb-on.png

#

lightbul_on is a white lightbulb

#

i try to get it yellow if state is on

mild veldt
#

state_filter

gloomy raven
#

and style ther?

#

style there?

mild veldt
#

look at the link I posted earlier on style

gloomy raven
#

sry but:
state_filter:
"on": "--paper-item-icon-color": pink

#

is not working^^

mild veldt
#

nor should it

#

your syntax is not correct

gloomy raven
#

tried:
state_filter:
"on": color(blue)
also no success ;), sry

pallid flame
mild veldt
#

that's in the main lovelace docs

split granite
#

That's either in the pins, or at Awesome Lovelace, which is in the pins 😉

mild veldt
#

and in the pins

#

and awesome

#

😃

split granite
#

You can't run with it split up though @pallid flame - you have to run that to merge the files so HA can use it

mild veldt
#

@gloomy raven color is not a filter option

pallid flame
#

@split granite yeah, something like that.

wheat current
#

I'm confused, was that not the script we where talking about @split granite ?

gloomy raven
#

so only a filetr option is valid, no color change?

split granite
#

It was @wheat current

wheat current
#

Good 😃

mild veldt
#

For your use case, I would make the image yellow and use grayscale

gloomy raven
#

ok^^ or a yellow and a white on via GIMP^^

mild veldt
#

actually, just hue-rotate with no images changes would work

#

once you find out what the degrees from gray to yellow are

#

there might be an easier way, or you might prefer images. a few options there though

polar kelp
#

You can't rotate gray, can you?

mild veldt
#

🤷

#

couldn't you make it black first?

polar kelp
#

I think it just keeps being gray.

#

Grayscale, I should say

mild veldt
#

oof, that's looks super complicated actually

#

just make two images 😛

gloomy raven
#

thx very much for help @mild veldt
i appreciate this very much.
one last question for today:
is there a possibility to change the size from the image or icon like a responsive website?
so that on my smartphone the imgae is not over my whole baseimage ^^

polar kelp
mild veldt
#

use sephia on it first?

polar kelp
#

Worth a shot

#

and maybe saturate

#

There should be a colorize, that'd be awesome

mild veldt
#

@gloomy raven I haven't found a good responsive solution. I have toggles to change the number of columns I display currently

#

Doesn't quite address your question about image/icon size, but could be useful

#

@gloomy raven maybe we could write a wrapper element that would dynamically change the size based on screen.width given that you provide a max/min width and max/min image size...? @polar kelp I'm talking out of my butt, is that even feasible?

gloomy raven
#

i think is is way out of my knowledge, i am only starting with home assistant, but i have fun 😉

polar kelp
#

Sure. That's what column-card does.

#

But it's harder if you're not in panel: true

stray gate
#

Is it possible, under a picture-glance card, to alter the base colour of the icons when off and also to reflect the colour of , say, a colour bulb it represents (like it did/does in HA original frontend)? I have couple of icons which simply can’t be seen when off due to the image behind it. Why grey?!?

polar kelp
#

I think yaml style: "--paper-item-icon-color": your_color
should work

#

Confirmed

stray gate
#

Thanks. Could you elaborate exactly where I’d put this? Obviously inside the picture glance card. I have several icons under each card. Presume I need to add this after each entity?

polar kelp
#

Yes. Together with the rest of the style options for each entity element

#

And your_color is any type of color specifier that works in css.

stray gate
#

I’m sorry. I’m pretty new to all of this. The other style options for each entity? Could you perhaps suggest how this is ‘put together’?

#

i.e. show in yaml form?

polar kelp
#

Sorry. Typo. I meant each element

#

Aww darn!

#

I misread! You said picture-glance. I read picture-elements.

#

I'm sorry. This won't work.

stray gate
#

That sucks! Do you think it likely that it’ll be do-able in the future?

polar kelp
#

Maybe. Not in the near future, I'd guess...

mossy otter
#

am using a picture entity in lovelace that changes depending on the sensor. the picture files are sized quite small but lovelace is stretching them all across the screen

polar kelp
#

panel: true?

mossy otter
#

yes

#

but using your column card

#

(which I've just implemented and works fine for other views)

polar kelp
#

That’s what it’s supposed to do

#

Oh. With column card it’s not supposed to do that.

mossy otter
#

right

#

the monster card above looks fine

polar kelp
#

I think I'd need a screenshot here...

mossy otter
#

yeah one sec...

polar kelp
mossy otter
#

not too used to discord...is it possible to post a screenshot directly?

latent coyote
#

@polar kelp ❤

mossy otter
polar kelp
#

Only if a mod gave you permission

#

Ok. Your indentation is off

mossy otter
#

yeah...just noticed that...it's so hard to keep track of all this indentation in my lovelace.yaml

polar kelp
#

The monster card is inside the column card, but the picture below it is not. It's been dedented somehow.

mossy otter
#

yeah, exactly! amazing that you can see that just from my screenshot 😄

polar kelp
#

I've already did ALL the mistakes, so now I recognize them.

#

Well... not all... yet

mossy otter
#

haha 😃

#

thanks @polar kelp you're a lot more patient with noobs like me

polar kelp
#

I love to help when I can

mossy otter
#

also loving on the lovelace stuff you've put together, i'm using a lot of it and hope to use more

#

I'm eventually going to be using my fire tablets on wall mounts with fully-kiosk stuff though i've heard fire tablets don't always play ball

#

but we'll see how it goes

#

I did what you suggested and that looks a lot better, thank you.

#

one more question if you have time

#

I notice that a lot of my sensors on "glance" cards have their text cut off (as you can see from the above screenshot). I'm sure I saw on a youtube tutorial somewhere that there was a way to make those icons bigger and fit in all the text?

latent coyote
#

@polar kelp noob question, how do I make that update? 😕

polar kelp
#

You wait for two weeks and update homeassistant to 0.80 (I hope - it's not been merged yet)

latent coyote
#

ah I see

#

thanks!

odd light
#

this might be a better place to ask, censors that show up in lovelace with the eyeball looking icon, aka no device class assigned, how do you assign one? doing it in love lace didn't work, I don't see where to do it in customize, an example, a humidity sensor.

raw brook
#

Using customize

#
customize:
    binary_sensor.back_door:
      device_class: door
odd light
#

shouldn't that work through the gui?

raw brook
#

Not sure what you mean

odd light
raw brook
#

I havent used that. So not too sure

#

Looks like its possible

odd light
#

hmmm

#

I think I found it

#

haha gah

#

yessss

mild veldt
#

@mossy otter FYI Lovelace is pretty much unusable on a Fire Tablet. The version of web view is too outdated

odd light
#

lol

#

I've got an older tablet and it works, but its kinda laggy

#

an old kindle I mean

mild veldt
#

What browser?

#

That too

raw brook
#

You can root the old ones

mild veldt
#

Hey! You removed your comment lol

#

Made me look crazy

raw brook
#

haha It was in all caps

#

lol

odd light
#

chrome

#

I think I side loaded it?

#

its a 2014 kindle I think

mild veldt
#

You should just root that thing and get a diff OS on it and make it perhaps actually run smoothly

#

Worth a look at least

#

Need someone to mass produce Pi Zero tablets

odd light
#

haha

wary meadow
#

https://github.com/SilvrrGIT/HomeAssistant#home Is there anyway to combine different cards into one larger seamless card? In the lower right of the linked screen shot I would love to make that one big card. Not away of a way to do it though.

odd light
#

you can have divider lines in a card to separate stuff

#

you can even have divider graphics

polar kelp
#

google vertical-stack-in-card

wary meadow
#

@polar kelp THANKS! I don't know how in all my searching I didn't find this but that looks like the ticket.

odd light
#

@polar kelp do you have a github of your setup? I'd love to see all the awesome stuff you have going on lol.

polar kelp
#

I'm working on cleaning it up for presentation. But it's not that impressive really. I mostly like to experiment.

odd light
#

interesting, well you code stuff so that's cool.

vapid field
#

Anyone using the mini-graph-card?

#

I implemented it yesterday and it's great, but one of my sensors doesn't show the line.

wary meadow
vapid field
wary meadow
#

@vapid field does setpoint have a history from the recorder component? ie. is there data to populate the graph with?

vapid field
#

it does, and the history graph displays when I click the entity.

wary meadow
polar kelp
#

Unfortunaely all custom cards are special little snowflakes, and there are no agreed best practices. Therefore a card like vertical-stack-in-card can’t assume anything about the cards it contain, and this often breaks. I suggest you report this to the authors of both cards and see who fixes it first...

hot gyro
#

hmmm why is the sensor.custom_component_tracker and sensor.custom_card_tracker showing again?

hot gyro
#

I thought this config should prevent it? custom_updater: show_installable: True hide_sensor: true track: - components - cards

#

tracker_card 0.1.5 / custom_updater 3.1.6

wheat current
hot gyro
wheat current
#

Has nothing to do with Lovelace 😉

hot gyro
#

hmm

#

hate it when things work until you update a minor component ...

wheat current
#

Then you should stop using custom stuff 😉

hot gyro
#

I would if it had standard functions like it

foggy tendon
#

Why i get error when i put in an automation a state of a door sensor to 'state: on' while if i put 'to: on' it works?

raw brook
mossy otter
#

Trying to make my lovelace cards transparent but it doesn't seem to work. I've made a theme with the following:

transparent_panel:
  paper-card-background-color: 'rgba(0, 0, 0, 0.3)'
raw brook
#

Did you apply the theme?

mossy otter
#
views:
 ## Home Screen ##
  - title: Home
    id: kiosk_home
    theme: transparent_panel
    background: center / cover no-repeat url("/local/bg.jpg") fixed
    panel: true
raw brook
#

Did you reload the theme or restart HA after creating the theme?

#

One you create the theme HA has to pull it in

mossy otter
#

restart HA

raw brook
#

Try this for me: Go to services, Call service frontend.set_theme with service data:

{ "name": "transparent_panel" } 
#

Then check the frontend. as well as your logs

mossy otter
#

ah yes, that works

#

thank you so much

raw brook
#

hmm not sure why the view isn't applying the theme though. But you will have to run that each time or create an automation on HA start to apply the theme

young sable
#

did lovelace kill floorplan?

#

looking into LL for the first time

raw brook
#

I mean its a new UI, kind of subjective opinion

plain torrent
#

@wary meadow - Very nice site, clean, and very nicely done. I like it.

rocky merlin
#

Any custom slider card out there? I wanna use input slider on my car heater card I am working on

#

for a input_number

polar kelp
#

We discussed this in another server, but I can post my suggestion here too:

- type: custom:hui-input-number-entity-row
  entity: inut_number.my_number
  name: ' ' # <-- space between quotation marks
  icon: none
  style:
    left: 50%
    top: 50%```
vapid field
#

I have a camera feed in a picture-entity card, but I want it to take me to the still image stream when I tap/click it. Is that possible?

I have camera.living_room but I want to show camera.living_room_snap when I tap it

rocky merlin
#

Yea thanks @polar kelp that actually worked. Awesome man

prime umbra
#

custom card

- type: iframe

anyway to remove scroll bar that shows when putting urls from grafana graphics

mild veldt
#

@prime umbra Could try wrapping it in card-modder and applying:

style:
  overflow:hidden
  scrolling:no
prime umbra
#

@mild veldt i tried but didn't do the trick

pearl hound
#

And examples from some ppls frontend 😃

polar kelp
#

The forum is probably your best bet.

upbeat eagle
#

Have you seen ~sharethelove

pearl hound
#

Ok thanks! Will have a look

#

Just a short question which i cant find out:
resources:

  • url: /local/my-custom-card.js
    do i replace "local" with the full path where the HA config is like /home/homeassistant/... etc? Or is local already a link?
    Edit: found the answer
latent coyote
#

Anyone know if there is a Sonos Favorites (source_list) card so you can quickly play a favorite Sonos playlist?

mild veldt
#

@latent coyote Sonos playlists? It’s not through a music service? I don’t have Sonos, so curious

main pivot
#

hi all, very silly question... I am having issues getting the path of the images right? I assume that the path is relative from the lovelace yaml file?

tender wasp
#

@main pivot The www folder in your config directory gets mounted as a directory to serve static content at the /local/ path. So if you have image.jpg in your www folder, that will be accessible at http://localhost:8123/local/image.jpg (obviously substitute your host:port here) so you would use the path /local/image.jpg in your ui-lovelace file

#

Same for subdirectories: www/images/image.jpg would be at http://localhost:8123/local/images/image.jpg

main pivot
#

👍 thanks @tender wasp you have nailed exactly what I was looking for, i was lacking the www folder structure

#

fresh install and its not there by default ha

tender wasp
#

Oh yeah it's not there until you create it

#

👍

polar kelp
#

Also, you need to restart home assistant after creating it.

raw charm
#

Any help will be highly appreciated.

split granite
raw charm
#

Thanks a lot man

vapid field
#

Is there a reason lovelace doesn't change the icon color when a light (technically a hue light group) is switched on?
If I switch back to the old UI the icon is yellow but in the picture-glance card I'm using they stay white.
How do I change this?
The color change works for some of the entities like the binary door and motion sensors

errant birch
#

I'm creating a floorplan for the house and I'd like to display doors states (it allready works actually..)

#

I would just like to have no mouse over action

#

just the image that displays to show door is open or closed, it is just a sensor so I cant open or close it automatically anyway

#

@vapid field did you use a state-icon ?

vapid field
#

@errant birch no state icon. Is that something I should be doing?

#

I'll have a look

errant birch
#

I'm using those for my floorplan and my lights turn yellow when on / white when off ..

#

just checked .. it seems to only apply for making a floorplan or something similar ..

vapid field
#

Ahh, I couldn't find anything about that. I'm using a picture-glance card actually, not picture-elements

errant birch
#

anyone who can help me with my issue please ?

#

I'd also like to know if it's possible to set different style info's per state

#

I'd like to display the garage door in its opened and closed state but the images are not the same size so position and width are not right for one of the two state images

split granite
#

@errant birch Patience

#

If nobody is responding, it means nobody who's around knows

errant birch
#

... probably ... :p patience is HARD ! :p

raven nacelle
#

@errant birch I try to edit the images beforehand (so that they are same size) before using them in LL

latent coyote
#

@mild veldt So on Sonos you can create Sonos favorites from any connected music sources. So you can have a Pandora Station or Spotify Playlist there. They appear in Home Assistant under source_list so you can play them by using media_player.select_source. Was curious if anyone had made a card that automatically listed them in a card so they were easily accessible.

drowsy bronze
#

Hello all!

#

im using media player card

#

not image showing, is this an known issue? or bad config on my files? Thanks!

cosmic gazelle
#

Hey guys,
I'm trying to install this
https://github.com/covrig/homeassistant-iframe-card

I have followed all the instruction and copied the files into /www/custom_ui/
and put this in config.yaml```frontend:
javascript_version: latest
extra_html_url:
- /local/custom_ui/state-card-iframe.html
- /local/custom_ui/lovelace-iframe.html
extra_html_url_es5:
- /local/custom_ui/state-card-iframe-es5.html
- /local/custom_ui/lovelace-iframe.html

But I get this
"i.setConfig is not a function"
#

Using chrome

raven nacelle
#

Make sure homeassistant users has permissions to access those files

#

and refresh the browser a few times

cosmic gazelle
#

damn, how do I do that?

#

The first part 😃

raven nacelle
#

search for chown

#

this is what I use sudo chown -R homeassistant:homeassistant /home/homeassistant/.homeassistant/

cosmic gazelle
#

Now I'm in trouble, for some reason I can't ssh into HA. I can only Putty
In putty it says "-bash: sudo: command not found"

#

Looking at the permissions of the files, they seem to be the same as all the other .yaml files

raven nacelle
cosmic gazelle
#

Unbelievable, that git must be old :)
Thanks my friend you saved me a lot of grief!

drowsy bronze
#

hello!

past falcon
#

hey, does anyone know what a state icon is considered when creating a custom theme? I've just been guessing and checking without anything....

latent coyote
#

Is it possible to recolor button card (https://community.home-assistant.io/t/lovelace-button-card/65981) if it's being used as an input_select? I have a input_select for my media mode, if I am watch apple tv or playing Xbox etc. And I set up a button to activate the mode and was wondering if there is a way to recolor the button depending on the input_select value?

pearl hound
half osprey
#

Any people here running the beta ?

#

Try this:

- type: sensor
  entity: sensor.some_entity_with_a_unit
#

and report any issues to the polymer repo

fiery temple
#

which card can i use to pust some text into it?

raw brook
#

Markdown card

fiery temple
#

i want a extra view called help, within that adjustable text card so i can put ok google command as reminder there

#

thanks

prime umbra
#

@half osprey i tried with beta 0.80.0b1 but not working so im guessing that's new card on 0.80.0b2
will need to wait, running Hassio so no ready yet, then will test when ready

raw brook
#

Same^

fiery temple
#

is it possible to make the default weidh of a markdown card bigger?

#

*width

raw brook
#

Not as of yet

fiery temple
#

ok thnx ill do it with what is possible atm 😃

raw brook
#

If its a whole view to its self just make in panel: true

fiery temple
#

thanks, but i need multiple markdown cards on my help page :0

#

lel, 😃 for the wife

prime umbra
#

@fiery temple i think one way you could do that would be with a picture-elements card and then on image use a transparent image and then use z index to set your image of card to put your mark down info

fiery temple
#

@prime umbra i will definitely look into this tomorrow thanks

scenic sorrel
#

If I use lovelace, does groups.yaml become redundant?

raven nacelle
#

groups are still used for other purposes (e.g., grouping entities)

scenic sorrel
#

Ah ok, thanks.

kind shellBOT
junior onyx
scenic sorrel
junior onyx
#

@scenic sorrel thanks, but I'm not sure. I have the graph creating fine, I thimnk the problem might be in how i'm defining the sensor? It's pulling an attribute from a switch, so it's a little odd vs a regular standalone sensor?

scenic sorrel
#

Hmm. I'm pretty new to this myself. But is your entity defined as switch.xxx?

junior onyx
#

the switch is
switch:

  • platform: vesync ---- then some login details
#

but shows in the states SQL table as switch.receiver as the entity_id

scenic sorrel
#

Maybe its this?

sensor:
  - platform: yr
  - platform: template
    sensors:
      power:
#

try changing sensor: to switch:

#

And here too:

    entities:
     - sensor.power
junior onyx
#

if i put switch in the history-graph section, it just gives me the on/off data, not the numerical data from the attribute

#

which makes sense, given the documentation.. it should pull "state" if its just the switch

scenic sorrel
#

Oh wait. So this is a power switch that registers on/off states, and also the power usage, and you're trying to create a graph from the power usage data?

junior onyx
#

yes!

#

sorry

#

should have opened with that 😊

scenic sorrel
#

Heh, no worries. On my setup (Xiaomi power plug), there are 2 entities, a sensor.xxx and a switch.xxx.

#

You might need to look for your sensor entity and plug that in.

#

I expect the switch entity only gives on/off states.

#

If its anything similar to my device.

junior onyx
#

no, mine is not like that 😦 it has attributes that include the data i want

#

here is some data from the sqlite database: switch switch.receiver on {"current_power_w": 26.05898123324397, "today_energy_kwh": 0.53, "friendly_name": "receiver"}

scenic sorrel
#

Ok, this is unknown territory for me. Could you use a value template to pull out the "current_power_w" data?

junior onyx
scenic sorrel
#

Ah ok. Forgot that. Then sorry, I'm out of my depth.

junior onyx
#

holy shoooot i fixed it

#

so, when you define a sensor with a value template, you must specify a unit of measure

#

then it will graph the data the way I want!

scenic sorrel
#

🎉

junior onyx
#

thank you for your help, at least in so far as inspiring different searching and confirming i was on the right track with where i had gotten!

scenic sorrel
#

😀

foggy pewter
#

At work we call that a Cardboard Analyst ;)

You have a problem and can’t get a solution so you explain the problem to someone else and as you explain it the solution comes to you 😃

#

Sometimes the other person doesn’t even have to speak (hence Cardboard Analyst)

junior onyx
ocean skiff
#

Hi! Need help to add camera.door. how?

wheat current
#

There are multiple ways of doing that :)
I suggest you start by reading the docs, since it will show you how to do it, and if you get stuck after reading it, come back here :)
https://www.home-assistant.io/lovelace
Most picture* cards can handle cameras

fiery sail
#

Has something broken with Lovelace that stops an input_number from showing the value to the right?

odd light
#

no, mine is working fine and i'm fully upgraded

half osprey
#

Any beta users tried the sensor card yet ?

raw brook
#

@half osprey I tried but only got that the sensor is an unknown card type. I filed an issue on GitHub

#

I have refreshed the cache and even tried in an incognito browser

mortal cape
#

Tried it just now and got the same

half osprey
#

hmm

mortal cape
#

is it for 0b2?

half osprey
#

yes

mortal cape
#

I thought I had 0b2 but everything is showing 0b1

wheat current
#

same here @mortal cape and I get Version 0.80.0b2 is already installed when trying to upgrade 🤷

raw brook
#

When checking terminal I see I'm on 0b2 but devinfo says 0b1 it has been reported in the beta channel

#

I downgraded and re upgraded last night but same issue persisted

raw brook
mild veldt
icy shard
#

@midnight basin the info button then remove lovelace as default page on this device

#

i saw it in home assistant and jumped over here an wrote it

#

no problem sir

split granite
#

Same place you went to enable it 😉

wheat current
#

Has never been an addon of doing that, it would not be possible 😉

#

the setting are done on the client-side 😃

#

You are not the first (and probably not the last) 😉

valid thorn
#

@midnight basin Join us, drink the lovelace coolaid

#

@midnight basin there are scripts that mostly convert your old setup to lovelace when you're ready, that's what I used as a jump off point.

#

it can be very helpful around here

#

I come here to read just to get ideas sometimes

split granite
#

Well, at some point you have to switch, so switch sooner than you're forced to and it won't feel like a rush 😉

#

I manually created the first few of my tabs, used the script for the rest, then went back and improved things

mortal cape
#

@half osprey sensor type is working now

#

top 3 are the old custom card...the others below are the official type

split granite
#

Those new sensor cards look rather nice

valid thorn
#

Humidit
y

#

😉

#

For small cards like that icons alone would probably be better than text

mortal cape
#

@valid thorn oh yeah, I need to tweak titles and values...just showing that they show up 😛

valid thorn
#

It does look great though

raw brook
#

@mortal cape Are you running HAssio

#

It wont let me upgrade yet 😦

mortal cape
#

I cheated

#

@raw brook are you on a pi?

raw brook
#

I am

mortal cape
#

"16 hours ago" means it (0b3) doesn't exist yet, so a little more waiting for the pi

raw brook
#

Gotcha. Thanks man

fringe pebble
#

where should i create this www folder

#

under config?

raw brook
#

Yes

fringe pebble
#

ok

#

should i do anything else besides creating the www folder and putting the js. folder under it also added the recouce line to lovelace.yaml

pearl hound
#

Hi, is there a way, to group multible cards together? So there a shown with one header or similiar?

fringe pebble
#

but still modelu is missing

pearl hound
#

@fringe pebble did you restart HA?

#

think you should do if you first create www

split granite
fringe pebble
#

@pearl hound yes couple of times

split granite
#

@pearl hound No, you can't merge multiple cards like that

fringe pebble
#

ok checking that out

#

url: /local/mini-media-player.js?v=0.8.3 i am using this url should i use all path

split granite
#

I assume you have mini-media-player.js in /config/www/?

fringe pebble
#

yes

#

and i restarted many times

#

i ll rstart again

split granite
#

I'd check the log file for any errors

fringe pebble
#

ok

raven nacelle
#

@mortal cape What config are you using for the sensor card?

mortal cape
#

the big temp one in the middle is just the basic ```- type: sensor
entity: sensor.temperature_sensor_114

fringe pebble
split granite
#

I'd check the forum thread and see if that's discussed there, could be a bug in the card

fringe pebble
#

2018-10-08 20:09:55 ERROR (MainThread) [homeassistant.core] Timer got out of sync. Resetting
2018-10-08 20:09:57 ERROR (MainThread) [frontend.js.latest.201809270] http://hassio.local:8123/frontend_latest/app-084b7564.js:2856:640 Uncaught TypeError: Cannot read property '_stateDisplay' of null
2018-10-08 20:09:57 ERROR (MainThread) [frontend.js.latest.201809270] http://hassio.local:8123/local/mini-media-player.js?v=0.8.3:7:1 Uncaught SyntaxError: Unexpected token <
2018-10-08 20:09:59 ERROR (MainThread) [frontend.js.latest.201809270] http://hassio.local:8123/frontend_latest/app-084b7564.js:2856:640 Uncaught TypeError: Cannot read property '_stateDisplay' of null
2018-10-08 20:09:59 ERROR (MainThread) [frontend.js.latest.201809270] http://hassio.local:8123/local/mini-media-player.js?v=0.8.3:7:1 Uncaught SyntaxError: Unexpected token <
2018-10-08 20:10:08 WARNING (SyncWorker_0) [plexapi] BadRequest (401) unauthorized http://192.168.88.184:32400/; <html><head><script>window.location = window.location.href.match(/(^.+/)[^/]*$/)[1] + 'web/index.html';</script><title>Unauthorized</title></head><body><h1>401 Unauthorized</h1></body></html>

raw brook
#

~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

raw brook
#

@fringe pebble Re download the file

#

Make sure the dir is correct. That error is when it cant find the file or the file didnt download into the dir properly

fringe pebble
#

@raw brook it is in /config/www/

raw brook
#

And what does your Resource for the card look like?

fringe pebble
#
resources:
  - url: /local/mini-media-player.js?v=0.8.3
    type: module
mild veldt
#

@fringe pebble Looks like you copied html code and not the raw javascript code from Github

fringe pebble
#

@mild veldt i did

raw brook
#

I would redownload

fringe pebble
#

ok thank you the process is i download it with chrome and put it in hassio/config/www/

mild veldt
#

I really hope that someone comes up with a custom Lovelace gallery/store-front somewhat like the hassio add-on store at some point in the future

#

Would be a great way to showcase things out there and ideally be a single click to get it downloaded and added to your config

wheat current
#

We have that @mild veldt , you create a PR to the homeassistant-polymer repo to include it for all to use 😉

mild veldt
#

snarky sob...

wheat current
#

😂

mild veldt
#

😛

#

I think once we have a UI for creating/editing LL interfaces it will be a necessity.

fiery temple
#

good evening, im not getting the icon colors to work and im not sure what im doing wrong:
https://pastebin.com/XBLiismT

can someone have at look? at the forums they mentioned to use theme so i did bit the icon wont change

wheat current
mild veldt
#

@wheat current That's good enough for me, but a gallery type store would be better once HA is configured more on the frontend and less by digging in files

fiery temple
#

who askes about the input number? seems message got deleted just wanted to response

wheat current
mild veldt
#

/it

pearl hound
#

Hoi, someone knows a good rain radar service which can be included with iframe in lovelace? (germany here)

mortal cape
#

using a windy.com iframe and it is pretty customizable, but not sure if it is what you are looking for

#

changed from temperature to radar, within the card:

pearl hound
#

@mortal cape totally what i was looking for! thanks

mortal cape
#

but you can make it default to wind, temp, radar, etc

pearl hound
#

i guess i need an account but its free?

mortal cape
#

no account. You need to go to the site, and then the 3 bars upper right

#

actually, enter your location first and then the 3 bars

#

choose "embed widget on page"

#

and then change the settings here however you like

#

and on the map itself, click on the upper right to choose the kind of weather you want to see by default

errant birch
#

quick question.. I have my instance of hassio running on https but i'd like to use an iframe page that links to the the webinterface of my kodi instance (which is not running https and isn't able to) how do i do this ?

split granite
#

Please read the large warning box

errant birch
#

I did so that's why I'm asking here

#

isn't there any workaround ?

#

some simple way to trick hassio or something ?

split granite
#

If there was, it'd be in the docs

#

And the "problem" isn't Hass.io, it's the security settings of the web browser

potent smelt
#

@errant birch Why aren't you able to run HTTPS?

pearl hound
#

@mortal cape thanks for the great help

errant birch
#

Kodi's webinterface simple doesnt offer the option

potent smelt
#

Have you thought of using a reverse proxy and redirecting all calls for HTTP to HTTPS?

potent smelt
#

I have a question. If I want to move cards over to the next column. Would I need to use a horizontal column or is there a way to do that another way?

raw brook
#

You will need to use Horizontal Stack card

potent smelt
#

Alright. Thanks!

#

@raw brook Tried the horizontal stack and it smashes them together horizontally. I want to move a card from one column to another

#

Think I fixed it

kind shellBOT
potent smelt
#

But I think its by being a fluke

raw brook
#

Check out that link. it will show you an example

potent smelt
#

Yeah I think you're right

#

I'll take a stab at the panel: true

fiery temple
polar kelp
#

Is that some custom-ui feature?

#

How lovelace decides where to put cards:

#

First, the number of columns is decided from the screen width.

fiery temple
#

@polar kelp could you check my question im almost done with ha setup, but im stil stuck on this

polar kelp
#

Then lovelace takes each card and puts it in the first empty column, starting from the left.

fiery temple
#

good evnening btw

#

😉

polar kelp
#

A column also counts as empty if it has less than five units of card in it.

#

If no columns are empty, the card is placed in the one that’s shortest (in card units).

fiery temple
#

youre the supernerd that got this all working xD

polar kelp
#

A “card unit” is a way to decide the height of a card. One item in an elements card is one unit high, and the title is one unit. Other cards have different heights calculated in different ways.

#

Some custom carda report a height of 1, regardless of how high they actually are.

#

So, in conclusion; to get a card to show up in the next collumn, put other cards before it (for example an elements card with four items and a title), or use panel: true and do it all by hand.

fiery temple
#

im not sure do m not that techhie

#

just trying to getto chagne colors on a status

fiery temple
#

aynyone?

#

damn

raw brook
#

@fiery temple are you talking about something like this?


    sensor.house_alarm_sensor:
      templates:
        icon_color: >
          if (state === 'Armed Away') return 'rgb(222,40,40)';
          if (state === 'Armed Home') return 'rgb(222,40,40)';
          if (state === 'Triggered') return 'rgb(222,40,40)';
          if (state === 'Pending') return 'rgb(252,255,0)';
          return 'rgb(3,155,229)';
fiery temple
#

yes something about htat

#

but i habe

kind shellBOT
raw brook
#

So have you tried it in templates to make sure it works there?

cosmic gazelle
#
        title: Blinds
        show_header_toggle: true
        entities:
          - switch.front_blind_left
          - switch.front_blind_right
          - switch.house_shutters```

Is there a way to change the header "toggle" to a "Switch" instead?
raw brook
#

What exactly is the difference between a toggle and a switch?

#

Both are on/off?

cosmic gazelle
#

With the switch if you have some entities on Nd some off but you want to turn off everything, you just press the off switch.

#

With toggle, you have to turn everything on first by pressing the toggle and then off. Or vice versa

#

I use header switch on the main fronted for most of my groups

raw brook
#

Gotcha. I dont believe there is a way to change that..

cosmic gazelle
#

Fair enough, that is a very useful feature though

#

@polar kelp

#

I hope I didn't just wake him up with a tag notification

#

😃

ruby tartan
#

Hello, I am currently playing around with lovelance and when playing an <video> in a card in the ui i can notice it disappearing ever so often. leaving me with a white flash once it happens. Looks to me like ha is refreshing the card or so? Can this be avoided?