#frontend-archived

1 messages Β· Page 156 of 1

vapid field
#

yea

empty heath
#

So then setup a shell_script shell_command to parse it and then serve it via a webpage card.

kind shellBOT
vapid field
#

good idea. cool ill have a look

empty heath
#

My fault. Thank you @split granite

split granite
empty heath
#

Do you type +:+ to thumbs-up messages?

split granite
#

something like that

#

+:thumbsup:

empty heath
#

There, corrected.

#

plus colon plus enter = thumbs up

vapid field
#

im about to install home assistant on ubuntu 20.04 as i want to run a crypto daemon in the background and use home assistant as a front end to create an app where i use it anywhere in the world

#

all trial and error

boreal saddle
#

@split granite tell me about Floorplan card...

split granite
#

Why?

#

I mean, there's a whole thread on the forum, why randomly tag me πŸ˜‰

boreal saddle
#

cause i saw you comment on the thread...

#

some have said its not working with the new versions of HA

split granite
#

Ok... so... why not ask there?

#

I mean, it works, just not all of it

#

For reasons that are explained on that thread

boreal saddle
#

wanted to hear from someone I trusted

split granite
#

🀷

#

What's the actual question then?

boreal saddle
#

just simply if I should spend time on it.. having issues with Picture Elements Card...

split granite
#

Well, that's up to you

#

No, the text boxes don't work, but everything else does

boreal saddle
#

kewl.. Thanks...

hexed bramble
#

Does anybody have idea, how I could change the color of entity's state (in entities card) using card-mod? I have found a way to change the color of entity name and state, but I would like to only change the state color

polar kelp
#

Check the "Advanced usage" section of the readme. You'll need to find the correct css selector path.

hexed bramble
#

Yeah, I have checked that part. I guess my CSS skills are too lacking to actually solve this πŸ˜„

lyric sage
#

hey, I am unable to display my camera on lovelace

#

I set this in conf :

#Camera
camera:

  • platform: generic
    still_image_url: 'http://192.168.1./cgi-bin/snapshot.cgi?chn=0'
    stream_source: 'rstp://admin:
    @192.168.1.**:554/cam/realmonitor?chan$
    username: ***
    password: **

#Stream service
stream:

kind shellBOT
#

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

```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G

split granite
#

Do you have a camera entity in devtools -> States?

polar kelp
#

@hexed bramble Actually, it's probably enough to do yaml style: | .text-content { color: red; }

lyric sage
#

no

#

but the conf file check is green @split granite

kind shellBOT
#

Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.

split granite
#

☝️

lyric sage
#

lmao

hexed bramble
#

@polar kelp that works wonders, thank you a lot!

lyric sage
#

'Testing configuration at /config' nothing else @split granite

kind shellBOT
#

Discord isn't like IRC, you don't have to tag people on every response. Keep in mind that every time you tag somebody, they get a notification ping. That can very quickly become annoying and people may block you.

lyric sage
#

sorry

split granite
#

If it's not showing the entity, did you restart?

lyric sage
#

i though the conf check was like a restart for conf actually

split granite
#

No

lyric sage
#

ok I see the camera but in standby

#

I will check a few things

neon fiber
#

Hey, does anyone know how to add html to persistant notifications, trying to set a max width on an img lacking in markdown

lyric sage
#

hum no I cannot see the stream on the entity, may I forgot something ?

split granite
#

Is there a camera entity?

lyric sage
#

yes entity camera.generic_camera

#

camera view : live

split granite
#

And you click on the info icon you get a stream/picture?

lyric sage
#

no

split granite
#

What do you get then?

lyric sage
#

the preview window appears then the load animation

#

but nothing appears

#

I check the stream source works fine in VLC and the still image URL too

split granite
#

Is the stream H.264?

lyric sage
#

h265

split granite
#

The integration currently only supports proxying H.264 source streams

lyric sage
#

πŸ˜‘

#

I try to change

#

ok that runs better

#

I can see the stream when I click on the thumbnail

#

and on lovelace in live mode, perfect !

#

you rock Tinkerer

#

If I want to set a few cameras I just have to add "-platform: camera2" then the credentials in the "camera:" part ?

split granite
#

Pretty much

lyric sage
#

I was on Jeedom actually

#

and home assistant is way sexyer

#

impressive

vapid field
#

how to do this? anyone did this before?

#

I have yeelight light

#

saturate or drop shadow in color of the bulb will be great

inland pollen
#

hmm, I can think of a few ways to do that from the code perspective, but I don't think anyone has written it

#

cleanest way might just be to make some part of the image transparent and change its background to match the colour

vapid field
#

and how to do that? πŸ˜„

#

I mean how to change background to match the colour

sour crag
#

Is there a way to double check if a plugin/custom card has been properly added to lovelace?

inland pollen
karmic tiger
#

CSS can be applied to SVGs, right? Use an SVG instead of that PNG and you're good to go.

sour crag
#

I am struggling with getting a custom card to work

vapid field
#

Still dont know how to write code that change color of the picture automatically like icon πŸ˜„

#

so i think i have to use icon instead of picture

sour crag
#

it works in "normal mode", but if i turn on yaml-mode, it doesn't work, although i copy the config from the raw config editor verbatim

#

any tips on what can be wrong here?

#
      - type: 'custom:radial-menu'
        items:
          - entity: light.kjellerstue_dlbord
            icon: 'mdi:flash'
          - entity: light.kjellerstue_dlbakvegg
            icon: 'mdi:flash'
#

I get "Custom element doesn't exist: radial-menu."

#

in yaml-mode

split granite
#

Then it's not in your resources

sour crag
#

not in "regular mode"

#

isn't HACS supposed to handle that?

split granite
#

Not in YAML mode it won't

#

In YAML mode everything is on you

sour crag
#

but my other custom cards works fine?

split granite
#

🀷

#

Checked configuration -> Lovelace -> Resources?

sour crag
#

it says "no resources"

split granite
#

All of mine are shown there, which says that you need to define them

sour crag
#

Seems like adding resources:

  • url: /local/community/radial-menu/radial-menu.js
    type: module
#

worked

#

thanks for the tip

#

still confused why I didn't need to this on all the other custom cards, but at least it works know πŸ™‚

split granite
#

Probably the other cards are cached still

#

So at some point you're going to find they don't work

sour crag
#

but they will still be updated through HACS?

split granite
#

The underlying files will be, yes

#

The resources section, that won't

sour crag
#

I see, but the resources section doesn't usally need updating right? (unless you install more custom cards)

split granite
#

Only when you add cards, yes

sour crag
#

I see, thanks

fleet scaffold
#

lol

#

I think I should just stop trying

jaunty notch
#

So i was able to change the language in user settings (idk why it didnt default to English) but the login language is still not english

lavish solar
#

clear cache?

crisp rapids
#

Anyone who can help me with custom css? I've made custom style.css and added it to my resources but none of the custom fonts are showing up?

jaunty notch
#

This is in a Docker container btw

#

clear cache? idk how. but i have restarted the container several times

inland pollen
#

shift-reload

jaunty notch
#

the issue still exists

lucid bronze
#

Hello, what do I add to make one of these have a diffrent icon I know you use MDI: but I don't know where to place it - https://pastebin.com/FqavNcYC

lucid bronze
#

perf thanks

limpid apex
#

Hello..

#

I'm experimenting with picture entity states. I have an image of a light when its off and one when its on. I'd like to add a crossfade effect when switching between states.. How it is right now it just switches abruptly and it doesn't look smooth. Is it possible to add that?

lucid bronze
#

Any transparent cards/themes?

fierce jetty
#

i was playing with a custom integration and it added something to my dashboard and now even though i completely removed this part of the custom integration it still shows: https://i.imgur.com/67DTEBz.png

#

is there somethign else i need to do to get rid of that? its impossible its still being generated because i completely deleted that from the file

latent moss
#

@fierce jetty if you click on it to bring up the more-info you can delete it from there (probably).

fierce jetty
#

Sean, it worked thanks

latent moss
#

no problem

fierce jetty
#

what determines if something gets stuck to the top of the UI in one of those red circles?

#

it also seems you cant remove those like i was able to delete the other stuff

honest lake
#

those are badges. I don't know

fierce jetty
#

it seems no rhyme or reason why a sensor will show as a "badge"

inland pollen
#

configure UI, then click the pencil icon next to the view name at the top

#

you can remove items from the badge list there

fierce jetty
#

but that would only be on a custom ui, correct?

#

i'm talking about the default ui

inland pollen
#

oh, the default UI by definition you can’t control, right?

mild veldt
#

@fierce jetty the following domains are placed in badges in the generated UI:
"binary_sensor",
"mailbox",
"person",
"sensor",
"sun",
"timer",

fierce jetty
#

iantrich, thanks, but i have a lot of "sensor" entities that arent showing

#

for example, this would be "sensor" domain correct?

#

sensor.hidden_side_volume

#

because i have a lot of ring "sensor" entities and none of them are showing as badges (thank god)

#

it seemed like there was some more logic to it

wicked lake
#

Hi! Does the /local/x directory used by the UI always map to <config>/www/x? I have person images in my config that work, but I can't find the images in my www folder. #confused

loud zephyr
dusk stone
#

Hey everyone, i’ve encountered a problem i haven’t been able to diagnose and solve on my own.

i recently moved from yaml editing to the lovelace ui editor.
everything works fine, two weeks ago i’ve noticed something strage.
when ever opening the ui editor to add new card (on what ever tab i choose, clicking on the plus button to add new card)
the home assistant is stuck and cant be moved, it looks like some component making it unresponsive and after i wait a minute or two it come back to life, or i close the tab and open hass again.

in different instance of ha i have for my family this issue doesn’t reaccure. i’ve tested it with few different browsers and pcs. so it’s defenitly something with maybe a custom component i’ve added but i can’t figure out which.

did anyone encountered an issue similiar to me? search results came up with nothing i could find.

my configuration: running latests HA docker container (being updated automaticly using watchtower) so it’s not related to specific version of HA.
running on xeon cpu with enough power so can’t connect it to power related.

thanks, have a great day.

sour crag
#

Trying to get the button-card to work

#

but i am struggling with one of my templates

#
  scene_active:
    state:
      - operator: template
        value: >
          [[[ return states['input_text.scene_current'].state === entity.entity_id; ]]]
        #color: var(--paper-item-icon-color)
        styles:
          card:
            - background-color: var(--paper-item-focused)
          icon:
            - opacity: 0.5
          name:
            - opacity: 0.5
          label:
            - opacity: 0.3
#

the "value"-part throws an error

#

but i can't really see what i am doing wrong with the sytntax there

#

"ButtonCardJSTemplateError: TypeError: Cannot read property 'state' of undefined in 'return states['input_text.scene_current'].state === entity.entity_id;'"

sterile warren
#

hi πŸ™‚ Is there a quick gui plugin to create groups (lights)for hass?

tacit cave
#

@wicked lake yes, /local/x maps to <config>/www/x

#

@loud zephyr what do you mean format in the UI? Are you referring to creating an automation with that notification format in the UI automation editor?

#

@sour crag input_text.scene_current most likely doesn't exist. So the JS is complaining that the returned state object doesn't have the property state (because it doesn't exist). Verify that you are using the correct entity_id for input_text.scene_current.

#

@sterile warren no, groups and light groups have to be created via yaml

copper mural
#

Isn't possible to load another yaml-file as part of a card? Like:

    - type: entities      
        !include battery.yaml
tacit cave
#

Includes must be performed in a field. So for what you have posted to work, you'd need to have type inside battery.yaml:

#
     - !include battery.yaml
copper mural
#

Then I get an error say "No card type configured".

tacit cave
#

you cant have the minus in the file

copper mural
#

ah, I'll try ..

#

Worked! Thanks.

wanton rover
#

hey guys, need a quick help changing a theme.

#

I don't have the lovelace-ui.yaml, what should I do here?

split granite
#

Themes aren't defined there

kind shellBOT
split granite
#

See the second link

wanton rover
#

thanks

#

i was following the instructions on a theme that i wanted to install from HACS

ionic citrus
#

Noob ?: I accidentally deleted the "Updater" button from my Overview page. How do I put it back?

odd light
#

I can't see the captcha for the alexa media player hac addon, plz halp

wheat current
vapid field
#

When you click edit, the button to close edit can now scroll off the page.. is there a way to anchor it up there?

sour crag
#

Is there an easy way to change the "default colour" of lovelace?

#

Everything is blue, can i change it to red reasonably easy for instance?

odd light
#

is it an integration though

split granite
#

hac addon πŸ€”

#

Well, HAC_S_ doesn't do add-ons

odd light
#

yeah, there's no channel for HACS

#

I guess integrations is closest

#

stupid captcha

#

lol

split granite
#

Well, HACS is an integration (custom component)

odd light
#

ahhh

#

well there's that

split granite
#

However, what you add using HACS has nothing to do with HACS

#

That's like saying The bread I bought with my AMEX

#

As if that somehow makes it special

wheat current
#

alexa_media is also verry much a custom_component.

alexa_media
Version: x.x.x
This is a custom component
If you have any issues with this you need to open an issue here:
https://github.com/custom-components/alexa_media_player/issues
native cradle
#

hey guys, maybe not exactly the right channel, but i'll take my chances...:-)

#

Replaced all my ISP hardware with my own (all ubiquity unifi right now), but i cannot get the outside connection to my docker server up and running. HA is working fine through my local IP, but from the outside i cqnnot get it to work...

#

any ideas??

kind shellBOT
split granite
#

Well, doesn't sound like anything to do with the UI πŸ˜›

#

Probably it's a port forwarding issue

native cradle
#

will check on the other channel!

#

thanks

plush crystal
#

Hi not sure if this is the correct place to ask. But need help adding a date sensor with UK date formating.

split granite
#

The formatting is handled by the browser, and is controlled by your display language

#

The other option is to use a template sensor that displays it exactly as you want

plush crystal
#

thats what i've been trying to do

split granite
#

Which?

plush crystal
#

template sensor

split granite
plush crystal
#

i am right in thinking i have put that in config

split granite
#

That goes in the YAML, yes

plush crystal
#

thank you i'll try them

obsidian lotus
#

I tired to setup ssl on the server after editing the configuration.yaml file and restarted the server, is there anyway to recover since my ssl settings didnt seem to work, i can access the vm from my esxi host. but ssh isnt working, can i get ssh to work without the frontend to start or am i boned

mossy otter
#

Trying to use lovelace to display items on my todoist calendar. Though I'd give markdown a go as I've never used it

#

{{ state_attr('calendar.shoppping', 'all_tasks') }} does the job but lists them all on the same line - is there a way to get them line by line?

wide reef
#

{{ state_attr('calendar.shoppping', 'all_tasks')[0] }}

#

increment the number in []

#

and shopping usually has just 2 p's

rugged cobalt
#

My supervisor won't load. Is this happeneing to many people and is there a fix?

dark dirge
#

Works fine for me

#

Not a fronted thing either

rugged cobalt
#

were would you suggest I post?

#

I'm getting this error, "Unable to load the panel source: /api/hassio/app/entrypoint.js."

dark dirge
rugged cobalt
#

that is under the installation group... is that seriously where this would go? This install is a year old.

dark dirge
#

Yes

#

It’s not about how to install, but how it was installed

rugged cobalt
#

ah ok

hoary lava
#

i have a weather picture in my lovelave but the image never refreshes. Ideas?

hoary lava
#

nm. figured it out. you have to use a generic camera instead.

celest fossil
#

not sure this is where the question belongs, but I'm looking for a way to see system resources in the Overview, anything like that?

#

I've looked around but not having much luck

celest fossil
#

(I should say, I tried Glances, but I can't get it to run) I haven't tried Grafana because I don't want to setup a whole grafana instance, well, could be worse I guess but I wanted something lighter ewight

sharp atlas
#

how did you try to install glances?

#

i'm running it via a docker container

celest fossil
#

wow, ok apparently uninstalling and reinstalling did the trick. I couldn't get it out of protection mode even though the toggle was set to off.

#

wanted to move from a Pi 3b to a Pi 4b with 4GB and I wanted to see what the resource usage looked like between changes.

vapid field
#

I can't figure this out. I have a glance card with multiple scene entities. I want to configure the scenes to activate (and preferably change icon colors accordingly) on tap... but nothing I find works. Does anyone know?

  - entity: scene.entryway_bright
    name: Bright
show_state: false
title: Entryway
type: glance```
steady sluice
#

Does the custom tracker card work with HACS, or only with custom_updater?

wicked lake
wheat current
#

@steady sluice olny with custom_updater, and if you have that, you should uninstall it

wheat current
#

the addon?

proven spade
#

Hi, is there anyway for me to add alarm panel inside picture element card? Im using picture element card in panel mode.

spiral pasture
proven spade
#

Will check it out

wheat current
celest fossil
#

if I move from one Pi (3b) to a new Pi (4b) should I just take a snapshot from the old one, and restore it on the new one?

unique sphinx
#

any idea how to know if HA is online or get crush ?

split granite
#

That'd be a thing you'd check in the host, not the frontend

kind shellBOT
#

Not sure which install you're using? If you have add-ons, or see references to either Hass.io or Supervisor, then you're using #330944238910963714. If you're running natively in Docker or in a venv then you have the #672217570283094017 install method

shy tapir
#

any idea how to know if HA is online or get crush ?
@unique sphinx are you able to see the logs or log files?

split granite
#

That's why I directed them to one of the install method channels πŸ˜‰

shy tapir
#

Good morning @split granite .. .long time

unique sphinx
#

@unique sphinx are you able to see the logs or log files?
@shy tapir sure

shy tapir
#

follow the HassBOT's advice and continue on the other channel meant for this topic

unique sphinx
#

oK

steady sluice
#

Hey guys so I have a theme set on my lovelace dashboard but in my iphone app there is this blue bar at the top of the screen that I cant get rid of

#

Any ideas of what I can do to get rid of it? I can upload pictures

errant grail
#

Hi πŸ˜‰

split granite
errant grail
#

thanks !

#

it's the previous "floor plan" community addon ?

#

which has been implemented as an official card ?

split granite
#

Nope

errant grail
#

Or it has nothing to do ?

split granite
#

That's the floorplan custom card

#

add-ons are other software πŸ˜‰

errant grail
#

thanks

split granite
#

I use Floorplan, I prefer it

errant grail
#

It seems more complete

#

but it seems more difficult to use, is'nt it ?

split granite
#

A little

#

I found it easier to get something I was happy with though, as getting positions right in the card was difficult

errant grail
#

But i'm ready to get my hands dirty

split granite
#

I can't get anything like that working with the picture elements card

errant grail
#

i would like something like that πŸ˜‰

#

so, i'm going to choose a floorplan implementation

steady bay
#
  • type: picture-entity
    entity: media_player.mibox
    image: 'https://XXX.XX.XX:8123 {{ states.media_player.mibox.attributes.entity_picture }}'
#

what i'm doing wrong

split granite
#

Cards don't generally support templates

steady bay
#

trying to see androidtv entity_picture in a Card

errant grail
#

@split granite Is it possible to use HACS to add floorplan ?

#

Or the manual install is required ?

split granite
#

Have a look in HACS 🀷

errant grail
#

i have to repair it before πŸ˜†

#

when i click somewhere on the right options

#

nothing happend

#

(the frame stays white)

kind shellBOT
#

If you're having problems with your updates to your configuration:

  • Check the troubleshooting steps
  • Check your log file - remembering you may need to set logger to info or debug
  • Explain what the problem you're having is - sharing configuration, errors, and logs
wheat current
#

@errant grail You should really not be using the master branch of HACS, that is the branch I use for development, use the releases as stated in the instructions.

errant grail
#

Oh thanks, i didn't see i was on the master branch

wheat current
#

That is the new UI, that only exsist in the master branch

#

as it has not been released yet

split granite
#

Wondered how you could tell πŸ˜„

errant grail
#

that is would explain why it's completely brokenthat is would explain why it's completely broken

wheat current
#

You on repeat mister?

#

But yes, but looking at it, it's also an earlier version (missing commits.)

#

in /config/custom_components/hacs/manifest.json
replace the line containing hacs_frontend with "hacs_frontend==20200426112021", then restart

#

that might also not work..

errant grail
#

I don't have to download HACS again ? thanks πŸ˜‰

wheat current
#

Actually, just do that to be safe

#

your backend is old, so not sure which frontend it would work with

split granite
#

@vapid field

#

@vapid field

#

@vapid field

#

Why did you tag me?

#

@vapid field It's annoying as hell

#

It's rude too

#

To demand I help you

#

So, kindly don't

#

And, just in case I'll block you anyway πŸ˜‰

errant grail
#

Better πŸ˜‰

#

(i have completely reinstalled HACS)

wheat current
#

That looks more like the "old" one, good job @errant grail πŸ‘

errant grail
#

πŸ˜†

#

However, floorplan is'nt referenced on HACS ?

split granite
#

Only if the dev submits it does it get added

#

@vapid field To be blunt, it's pretty arrogant to assume that I owe anybody help. If you were to have asked nicely, I'd have considered it, but now you're doubling down... The bot's welcome message even reminds you not to do exactly what you did. Today you got unlucky enough to be the third/fourth/whateverth person to ignore that and demand help.

So, wind your neck in.

errant grail
#

Do you recommand a panel view or just a card concerning floorplan ? πŸ˜‰

split granite
#

I use panel view for Floorplan

errant grail
#

πŸ‘

#

But

#

If i create a floorplan card on a "panel mode", is permit the same avantages than a panel ?

#

(i would like to gather all my controls on the "preview" panel)

split granite
#

Well, you have one card in panel mode

#

You could probably cheat it with a combo of vertical and horizontal stack cards, but it'll take some experimenting

errant grail
#

Yes, so, if i just want to display 1 map (with my 5 rooms), it's equivalent ?

#

i wonder if enable a floorplan panel allows to do more than enable a simple floorplan card πŸ˜‰

#

if this is not the case, you might as well create a card, because everything will be grouped in the "preview" section

low summit
#

Hi! Quick question, trying to put a thermostat in an entities card together with some other stuff, but for whatever reason the thermostat is not recognized as a valid type when placed within an entities card? Minimal example: https://pastebin.com/GA0aFxn5, error is: "Unknown type encountered: thermostat." Am I missing something?

#

Side note: Not specifying the type gives a valid card, but that only gives me a small preview of the entity's state and not the control interface

polar kelp
#

@low summit thermostat is a separate card. It’s not meant to be used in another one.

steady sluice
#

Dang I thought it was just a bug. Thanks!

low summit
#

@polar kelp Oh, I see. Dont happen to know of a way around this? The real problem is that the thermostat card doesnt have an on/off button which I really need for my portable AC. Figured I'd just put a button directly underneath the thermostat card

#

vertical stack could work i guess

polar kelp
#

The easiest way is to use a vertical stack.

low summit
#

Beautiful, I'll have a look! Thanks! πŸ™‚

steady sluice
#

When I do frontend.set_theme, I get an error

#

It says Failed to call service frontend/set_theme. required key not provided @blazing atlas['name']

limpid apex
#

Is there any possible way I can have a cross-fade effect when swiping from one view to another?

spiral pasture
#

@low summit an alternative to vertical stack is stack-in-card does the same thing but looses the borders so it all looks like one card. Or vertical stack and card-mod to remove borders. Sticking it in an entities card with hui-element should work too. There's lots of ways to get a 'compound card' from several others.

wide reef
#

@limpid apex you try swipe-card?

vapid field
#

@steady sluice did you include name: theme-name?

steady sluice
#

In where?

#

@vapid field

split granite
#

In the service call πŸ˜‰

vapid field
#

Go to developer tools -> services to pick out the service and see what it requires. Then go to automations to trigger the service call. Then restart home assistant

split granite
#

No need to restart

vapid field
#

Ah. Well there ya go!

steady sluice
#

In the service data?

vapid field
#

Yeah

steady sluice
#

What do you mean by go to automations? Cant you call the service from the developer tools>services tab?

vapid field
#

Oh. Yeah. I meant automations to call it when home assistant starts.

steady sluice
#

Oh yeah I see

#

I put in the name and when i click it it does nothing

vapid field
#

But no error. So that’s good. That’s what mine does when I do it in dev tools. But it should have done its thing.

steady sluice
#

So when i click it the top should automaticcaly change colors to match the background?

vapid field
#

Should. Just kill and restart your app in iOS.

steady sluice
#

I tried it with a different theme and it worked

#

The theme im using doesnt have a static color background. Does that matter?

vapid field
#

Don’t know about that one.

steady sluice
#

I took all the commas out of the colors in the config file for the theme

vapid field
#

it's picture elements issue

errant grail
#

Hi πŸ˜‰

#

I have some difficultes to display a floorplan card

#

It's OK with adding a floorplan panel

#

in my configuration.yaml i added :

kind shellBOT
split granite
#

~codewall @errant grail

kind shellBOT
#

@errant grail Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.

Please take the time now to review all of the rules and references in #rules.

errant grail
#

oups sorry :-p

kind shellBOT
errant grail
#

Can i post a "code snippet" ?

#

like that

split granite
#

It tells you the limits

errant grail
#

OK no worries πŸ˜‰

#

anyway

#

I added in my configuration.yaml a fictive sensor

#

like :

#

but on my front, when i add the card, i have :

split granite
#

Oooh, the very old floorplan?

errant grail
#

And when i click on it

#

i get :

split granite
#

I haven't seen anybody use that in forever

errant grail
#

My floorplan is not up to date ?

split granite
#

You're using the old HA Floorplan

#

That hasn't been touched since June 2018

errant grail
#

ok oh πŸ™‚

#

After the old HACS, the old floorplan

#

πŸ˜†

#

I took this one :

#

and i did'nt see the date πŸ˜‰

split granite
#

πŸ˜„

errant grail
#

This one is better ? πŸ˜‰

errant grail
#

oh sorry πŸ˜‡

#

thanks

#

Where is the lovelace config ?

split granite
#

If you're using the UI Editor, in your UI editor πŸ˜‰

errant grail
#

I can put it on the configuration.yaml ?

#

I don't see a lovelace config file πŸ˜‹

split granite
#

Put what in configuration.yaml though

#

The Lovelace docs (see the topic) can tell you how to configure it

errant grail
#

Yes

#

But i don't understand the section #3

#

"Add the following to the resources: section of your Lovelace config."

split granite
#

If you're using the UI editor, configuration -> Lovelace -> Resources

errant grail
#

i must be blind

#

😰

split granite
#

You may need to enable advanced mode in your user profile to see Resources

errant grail
#

yes it's done

split granite
#

Now go there, and add the resource

#

Assuming of course you're on any vaguely recent version of HA

errant grail
#

yes my HA is up to date

#

( 🀣 )

#

Is it this ?

#

or nothing to do ?

barren bolt
split granite
#

Don't go playing with the files @errant grail - you mess with anything in that folder you can break things πŸ˜‰

#

Use the UI

errant grail
#

Yes usually i use the web editor

#

But i should see this file on the UI ?

wheat current
#

you need to enable andvanced mode

errant grail
#

Yes it's the case πŸ˜‰

split granite
#

Now look in configuration -> Lovelace

errant grail
#

Thanks a lot

split granite
#

Exactly where I said to look ... mindblown

errant grail
#

yes but i'm stupid πŸ˜†

#

You can then start adding floorplan cards to your Lovelace config. Under entities:, make sure to add the entity IDs which you want to use in the floorplan:

#

it means i have to add the card directly in the configuration editor on lovelace ?

split granite
#

Yes

limpid apex
#

@wide reef yes, It doesn't cross-fade between views

steady bay
#
  • type: picture-entity
    entity: media_player.mibox
    image: 'https://xxx.xxx.xxx:8123/{{ states.media_player.mibox.attributes.entity_picture }}'
    i'm trying to show entity_picture in a picture-entity card
    but it's not working rfor
    what doing worng?
split granite
#

You can't use templates there

steady bay
#

so any solution?

split granite
#

Develop a custom card?

split granite
#

The message tells you all you need to know

errant grail
#

type: 'custom:floorplan-card'

split granite
#

Not in the card definition it's not

errant grail
#

I have to reference it somewhere ?

split granite
#

You've copied the view definition too

errant grail
#

Yes it seems better

#

thanks

blazing turtle
#

I have a custom Ecobee card that I really like, but its not totally working under .109. I am not sure who wrote it or where I found it (a little embarrassed). Any way to find this other than googling until I find the right one? Its just called ecobee-card.js so its not very definitive. The author did not take credit and comment it within the code.

errant grail
#

@split granite You think it will be fine if i can convert my png plan into a svg file ?

split granite
#

Well, you need an SVG...

#

So, you need to generate an actual SVG somehow

errant grail
#

It's ok to begin ?

#

(i will perfect it later)

split granite
#

Try it...

errant grail
#

so... even if i just move the example .svg

#

image: /local/floorplan/perso/simple.svg?v=1.1.14

#

The map becomes empty

split granite
#

You need to make sure that's where the file is (config/www/floorplan/perso/)

errant grail
#

i restarted HA

#

And it works now... wtf

#

πŸ˜†

vapid field
#

@barren bolt picture elements

blissful kettle
#

Has anyone got any truly good looking home assistant setups I can copy? πŸ˜› mines default and I need some inspiration.. cos I am not keen on how it looks.

split granite
#

See the forum πŸ˜‰

wheat current
#

Ignore it, build automations instead

blissful kettle
#

Hi Ludeeus, yeah I'm working on that too .. just got my HA dimming my lights when I play a movie on the Nvidia Shield!

#

pretty pleased with that, and goes back up again afterwards/when paused.

sturdy nova
#

Hi. How do i change the cards in lovelace so i can get 3 cards in a row and not 2.?

split granite
#

Collapse the sidebar

sturdy nova
#

Oki, No other way to edit the "homepage" with more columns?

split granite
#

You can use horizontal and vertical stack cards to force the issue

#

But, then you get exactly what you asked for

sturdy nova
#

Collapse the sidebar didn´´t help,sorry

#

Ok, will chack that.

#

*check

fossil rampart
#

How do I get out of edit mode for my dashboard

#

Can't for the life of me figure it out

split granite
#

Use the X icon

fossil rampart
#

Damnit

#

THank you

wild berry
#

Or will I have to edit the . jpg to remove that

green raft
#

Is it possible to use an entity_picture as an image: source in Lovelace frontend without needing to go via a generic camera component?

#

Kinda want to evaluate a template in Lovelace for a picture URL, like "{{ state_attr('media_player.playstation_4','entity_picture') }}"

split granite
#

The card docs would say if that's possible

green raft
#

It just says "the image to use". The Jinja template evaluates to an image URL, but just shows a broken image.

split granite
#

If it doesn't say it supports a template you can't use a template

green raft
#

Hmmk, thanks. Will have to stick to the generic camera workaround then.

unborn cedar
#

I've read about a way to hide a lovelace card based on a condition.

#

Was that a appdeamon?

split granite
#

πŸ€”

#

Have you tried looking at the list of stock cards?

unborn cedar
#

Stock?

kind shellBOT
split granite
#

☝️ The ones built in

unborn cedar
#

Ah yes

#

I've found it

#

Nice

split granite
#

πŸŽ‰

unborn cedar
#

Your my hero ❀️

split granite
#

I just RTFM for those too lazy to do so πŸ˜›

unborn cedar
#

We should train a bot

#

mimicking you

split granite
#

If a bot could be trained to snark, it'd be dangerous, but fun πŸ˜„

unborn cedar
#

oh god

wheat current
#

there was some functions for it, folks got offended, we had to disable that

split granite
#

Oh, I remember that now... that was funny as hell

wheat current
#

it really was :/

sage basin
#

Easiest way to create a quarantine timer for the UI?

kind shellBOT
split granite
#

There's possibly some custom cards for timers, but I don't really use them

sage basin
#

I was looking at that but couldn't figure out how to set the timer start on a specific date

split granite
#

That'd be an automation

sage basin
#

I'm thinking a template sensor with some value_template-fu, but that's above my paygrade

kind shellBOT
split granite
#

One of those?

sage basin
#

looks promising

#

I think I got it

#

the last example

sage basin
#

sensor.quarantine 65 days 23 hours friendly_name: In quarantine

#

yey

unborn cedar
#

Somehow i added shadows to my cards

#

but no lcue how

#

the white stuff

#

Anyone knows how?

#

nvm

#

found it

jovial rain
#

hey guys, anyone have any recommendations on a tablet? I had a Fire 7 Amazon tablet but due to issues with WebView not able to update on the device, FullyKiosk or any other browser won't display my custom components properly 😦 Have you guys had any success with more recent Fire tablets and compatibility with Lovelace? Is there another tablet you can recommend that's inexpensive but works well?

unborn cedar
#

I have a memopad 7

#

but fully kiosk should work fine afaik

wanton rover
#

hey guys, i'm trying to add a theme for the first time.

I added:

frontend:
  themes: !include_dir_merge_named themes
#

And installed a theme from HACS, but the theme isn't showing up on the frontend

#

Any ideas on what I can do?

#

Figured out... was missing the last step lol

surreal comet
lyric sage
#

hey, how can I delete badges on Lovelace ? just the top-right 3 dots and "configuration editor" and I delete the lines ?

kind shellBOT
white fiber
#

I'm driving myself a little crazy, but does anyone know how I can set color of a state-icon in lovelace picture element? I have the below, however the icon stays gray on 'off' and blue on 'on'. The icons are also the default icons, not the mdi icons as specified. The full entity section is in the link from hassbot above

  - entity: light.pete_s_room_zha_group_0x0002
    state:
      - '--paper-item-icon-color': yellow
        icon: mdi-lightbulb-on-outline
        value: 'On'
      - icon: mdi-lightbulb-outline
        value: 'Off'
        '--paper-item-icon-color': black
kind shellBOT
#

Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.

Please take the time now to review all of the rules and references in #rules.

split granite
#

Probably it's because it's not On but on

#

(same for Off vs off)

tacit cave
#

@white fiber that looks like the custom button card but with incorrect format. What card are you using?

#
- entity: light.pete_s_room_zha_group_0x0002
  state:
  - value: 'on'
    styles:
      icon:
        color: yellow
  - value: 'off'
    styles:
      icon:
        color: black
white fiber
#

one second, I restarted my hassio but it never actually started.

atomic glacier
#

@white fiber icons for mdi are not icon: mdi-lightbulb-on-outline instead use icon: mdi:lightbulb-on-outline

white fiber
#

@tacit cave I am using the picture-elements card.

#

I went ahead and corrected some of what you guys suggested, but no dice. It's bulbs arent changing color or icons

#

The materialdesignicon website has the name as mdi-lightbulb-on-outline, so I tried mdi:mdi-lightbulb-on-outline and mdi:lightbulb-on-outline but neither worked.

#

Also, for some reason after reboot my icons are darkblue on 'off' and yellow on 'on'.

split granite
#

See the pinned messages for the MDI names that HA uses

#

The MDI site lists the latest version, which isn't what's in HA πŸ˜‰

white fiber
#

Ah I see

tacit cave
#

@white fiber not sure where you're getting that formatting from. That is wildy different than what is documented.

white fiber
#

@split granite the link from the pin says the icon is "mdi-lightbulb-on-outline". Looks like I accidentally got the right name

tacit cave
#

state-icons don't have a state_filter: field so you can't adjust the color based on state.

karmic tiger
#

The link from the pin says the icon is called mdi-lightbulb-on-outline, so HA expects you to change the prefix to mdi:lightbulb-on-outline, as previously mentioned.

white fiber
#

@tacit cave ahh, thats unfortunate. Is the same thing true for changing icon based on state?

#

@karmic tiger yeah, currently its set to 'mdi:lightbulb-on-outline' but its not switching.

tacit cave
#

yes, because you don't have a state-filter: attribute

karmic tiger
#

Note that it defaults to true anyway, which is why you're seeing it go between yellow and blue - you can't override that choice of colours.

tacit cave
#

get HACS & the custom:button-card and you can do whatever you want with picture-elements.

#

requires more yaml though. Way more yaml.

white fiber
#

@karmic tiger I see. I did notice the icon colors changing based on what color I set the lightbulbs to. I was hoping I could choose colors for just a simple 'on' and 'off' state.

#

I will try out the button-card that @tacit cave suggested

tacit cave
#

it's overwhelming but you can make it do anything. I've yet to hit a problem that I can't solve

white fiber
#

oh man, that is a lot of options lol

split granite
tacit cave
split granite
#

I'm now going to have to investigate it, 'cos that's incredible

tacit cave
#

yah, it's super nice. Those are all button cards on top of picture-entities (for the sensor graph)

#

all that crap in the upper left corner is SVGs created on the fly. It's extremely flexible.

karmic tiger
#

I don't suppose you could share your config for those buttons? Looking at the docs for button-card, there's a lot to digest.

karmic tiger
#

Ah, sweet. So the SVG is generated directly in the JS of the card?

tacit cave
#

There may be some css oddities in there, but trust me, they are needed. iOS does things differently than chrome

karmic tiger
#

CSS itself is an oddity. πŸ˜„

tacit cave
#

Yes, the SVGs are created in a custom field

karmic tiger
#

I've only skimmed it but that's really impressive. Going to come back to that once I'm ready to customise my UI beyond the built-in cards. Thanks! πŸ™‚

tacit cave
#

np.

inland grail
#

can i swap the order of lovelace dashboards?

vale edge
#

Hi all, hope this is the right place to ask. I am trying to call a service from the button card in lovelace, but I am stumbling over service_data syntax. I am trying to insert the value from an input_number integration into the service call. This works:

  action: call-service
  service: esphome.pluggie_1_start_interval
  service_data:
    duration_minutes: 4

but I was the duration_minutes parameter to contain the value of the state of input_number.ontime_home_assistant

I tried {{states(input_number.ontime_home_assistant)}} and a few variations, but i think its just being interpreted as a string? What would be the right syntax here?

karmic tiger
#

can i swap the order of lovelace dashboards?
@inland grail I believe you can have them in any order you want, with two exceptions. Firstly, the default dashboard always comes first. Secondly, you'll have to name the rest of them alphabetically πŸ˜‰

vale edge
#

@inland grail I believe you can have them in any order you want, with two exceptions. Firstly, the default dashboard always comes first. Secondly, you'll have to name the rest of them alphabetically πŸ˜‰
@karmic tiger When i select 'Configure UI' on love lace, I do get <- and -> arrows on the tab header to reorder the views.. (I am running 0.109.3)

karmic tiger
#

Oh, nice. I missed that πŸ˜„ Wasn't sure if the automatic alphabetical ordering was the only option... now I feel bad for being sarcastic.

#

Or are they different things? One's a view, the other's a dashboard? I guess it depends what Knuf wants to do.

inland grail
#

@karmic tiger When i select 'Configure UI' on love lace, I do get <- and -> arrows on the tab header to reorder the views.. (I am running 0.109.3)
@vale edge yes, tabs can be moved, i was asking for dashboards

#

@inland grail I believe you can have them in any order you want, with two exceptions. Firstly, the default dashboard always comes first. Secondly, you'll have to name the rest of them alphabetically πŸ˜‰
@karmic tiger lol... my wife doesn't like 1. 2. 3. prefixes πŸ™‚

karmic tiger
#

Have you considered renaming your wife?

inland grail
#

Have you considered renaming your wife?
@karmic tiger πŸ˜†

tacit cave
#

@vale edge templates aren't available in native lovelace cards

keen agate
#

can someone help me with https://github.com/RodBr/miflora-card I've installed it using HACS, but when I try to add a custom card of type 'custom:miflora-card', i get no card type configured

split granite
#

Did you use the option to add it to the Resources?

keen agate
#

yes

vale edge
#

@tacit cave thanks! I've set it up now with a script that contains the template and call that script from love lace, that seems to work nice

split granite
#

And you see it in configuration -> Lovelace -> Resources?

keen agate
#

yes

split granite
#

Then it's likely a problem with your card config

keen agate
#

i copied and pasted from their example

#

changed names where appropriate

split granite
#

That's your problem then πŸ˜‰

#

The example is for the underlying YAML, not the UI editor

#

Remove - from the first line, and the first two spaces of every other line

keen agate
#

got it, thx

#

do you happen to know if you have to set the plant parameters or is there a way for it to pull those from the plant database somehow?

split granite
#

I have no idea

keen agate
#

k, thx

#

one last question

#

if i wanted to break the plant configs into external configs with !include_dir_merge_list, would the first line in the external file be flower1: for example?

split granite
keen agate
#

when in configuration.yaml its plant: flower1: sensors:...

#

i'm trying to replace that with plant: !include_dir_merge_list ./flowers/

split granite
#

Well, that's not a list, so no

#

That'd be named

keen agate
#

include_dir_merge_named ?

keen agate
#

yea...been on that page, but the documentation assumes a lot of existing knowledge by the user....

split granite
#

Yeah, knowing what's a list, and what isn't, is tricky

#
blah:
``` that's a "named" type setup
  • blah: this
halcyon basin
#

Evening Guys and Gals, How do i go about a tracker's sub information onto an entity card? I'd like the battery voltage of my motrcycle shown on entity picture. thank you.

split granite
halcyon basin
#

I've never used a template, So i'll do some reading up. I've managed to setup a flow in nodered that send me a notification on my phone and tells the voltage is if it drops 12v, and if it drops below 11.7 it will make an annoucement on my echos at home.

halcyon basin
#

I'm not sure this is correct:

  - platform: template
    sensors:
      thundercat_battery:
        friendly_name: "Thundercat Voltage Sensor"
        value_template: >-
          {{ states.device_tracker.thundercat.power }}
royal spear
#

Here I use template to get an attribute of another entity:
- platform: template sensors: weather_temperature: friendly_name: "Outdoors Temperature" device_class: temperature value_template: "{{ state_attr('weather.home', 'temperature') }}" unit_of_measurement: 'Β°C'

celest fossil
#

After lots of searching, I can't find how to delete a device. I've already removed all it's entities..

chilly drift
#

Is this the right channel to ask about customize_global.yaml and icons?

split granite
#

Probably

#

See the pinned message for the currently valid list of MDI icons

chilly drift
#

When changing icons in customize_global... Will it be sufficient to do a "Reload Locations & Customization" to update the changes?

split granite
#

Yup

#

Obviously the entity has to change state before that'll then take effect

chilly drift
#

ItΒ΄s not based on templates or states, though; "sensor.*_energy": icon: mdi:flash device_class: sensor

#

and it does not seem to change using the GUI function.

split granite
#

Doesn't matter

#

The display only updates when the state of the entity changes

chilly drift
#

OK. I was looking for a way to standarize icons like above

split granite
#

Sure, you can

#

But any existing icons will still show until the state of the entity changes

chilly drift
#

So my method is the one preferred, but it will no change until a state change, and maybe a restart of ha core?

smoky depot
split granite
#

Then you just have to wait for that state change

#

(still)

chilly drift
#

ha, ha. I was hoping I could set the new icons by trigging something...

#

--- other than a change of state

split granite
#

If you're bored you could manually update every entity's state

chilly drift
#

he, ha!

#

well corona home office do make me get more spare time...

long basalt
#

Morning all, is there something like a lovelace showcase? I need some inspiration since I've decided to start from scratch and want to go down a different path than a dark themed card fest.

split granite
#

The forum...

night shell
#

Hi guys, I'm looking for a way to display a card which holds all the devices for which there is an update available (zigbee2mqtt integration/devices) with a button that publishes an update message to mqtt per device. Any ideas?

gusty nacelle
#

Where can I find the option to force an update on my frontend?

#

The usual button on the frontend is gone/removed

polar kelp
#

Are you sure it's a yaml mode dashboard?

tawny lynx
wheat current
#

No all websites allow you to show it in a iframe

gusty nacelle
#

Hi, yea. It is in YAML mode

worldly tree
#

Good morning. I am trying to fix an issue I have. By default HA is trying to make too many columns and it is cutting things off, so I would like to limit the amount of columns to a max of say 3. My understanding is that I would use the custom layout-card, which I have installed. What I am not understanding is where to put it exactly in the existing YAML. I have it as below, but seems to be ignored. 100% sure I'm doing it wrong.

kind shellBOT
split granite
#

~codewall @worldly tree

kind shellBOT
#

@worldly tree Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.

Please take the time now to review all of the rules and references in #rules.

worldly tree
#

Got it, thanks. My fault.

#
  - badges: null
    type: custom:layout-card
    layout: vertical
    max_columns: 3
    cards:
      - type: vertical-stack
        cards:
          - type: weather-forecast
            entity: weather.home
          - type: 'custom:simple-thermostat'
            entity: climate.living_room
      - entities:
          - entity: switch.master_fan
          - entity: switch.master_lamp ... ```
split granite
#

You also don't need to repoost things that the bot moved, we can see them you now πŸ˜‰

#

Are you using the UI editor?

worldly tree
#

Yes

split granite
#

Are you using the raw editor, or pasting that into a card config?

worldly tree
#

raw

split granite
#

It's the first card, and panel mode is set

worldly tree
#

Did that and when I did, I get the first card at full width of the screen

split granite
#

The first card would be the layout card

#

Then you put the other cards "in" it

worldly tree
#

Oh, i get it.

errant birch
#

I'm trying to have a sensor be presented in my lovelace when its value is not 0..
I have the following code

              - type: entities
                show_header_toggle: false
                entities:
                  - type: conditional
                    conditions:
                      - entity: sensor.saj_current_power
                        state_not: "0"
                    row:
                      type: entity
                      entity: sensor.saj_current_power```
#

but for some reason I get this error

type: entity
entity: sensor.saj_current_power```
#

anyone who can see what I'm missing here ?

dark tartan
#

i don't know where to ask so here it is trying to link the alexa actionable notifications skill to HA and i get

Logger: homeassistant.components.http.ban
Source: components/http/ban.py:73
Integration: HTTP (documentation, issues)
First occurred: 4:03:58 PM (1 occurrences)
Last logged: 4:03:58 PM

Login attempt or request with invalid authentication from 127.0.0.1

It looks like it's been banned how do i fix this?

royal spear
#

@errant birch Try this:
`type: conditional
conditions:

  • entity: sensor.saj_current_power
    state_not: "0"
    card:
    type: entities
    entities:
    • sensor.saj_current_power
      show_header_toggle: false`
errant birch
#

@royal spear it needs the row since its a line in the entities parent card

royal spear
#

OK.. try this then:
`type: entities
show_header_toggle: false
entities:

  • type: conditional
    conditions:
    • entity: sensor.saj_current_power
      state_not: "0"
      row:
      entity: sensor.saj_current_power`
errant birch
#

@royal spear that did it .. thanks πŸ˜‰

royal spear
#

πŸ‘

tight scarab
#

My searches has turned up https://github.com/custom-cards/button-entity-row but it seems like it's exclusive to these button elements. Is there something similar to state_icons as used there that I can use for standard Lovelace elements? Effectively, rather than just showing different colors of a single icon, show something like mdi:door-open and mdi:door-closed for a door sensor based on its on/off state?

royal spear
wheat current
#

Make it a binary sensor, and set the device_class to door

tight scarab
#

@wheat current where would I do that? Somehow set that in the entity itself, or in the Lovelace card display for it?

#

(I've been reading docs nonstop but am about 5 days in to HASS, so still working on the end to end grok of what to configure through the GUI vs what to put into .yaml files manually)

#

But if that takes care of it it would be a lot nicer than what I was just attempting, which was templating if-else icons based on states in a lovelace card

#

The device already has a binary_sensor entity, just not sure where to define its device_class

split granite
#

Generally speaking, the docs tell you

#

You can do that in the UI or the YAML

tight scarab
#

ah, I see the issue, customize.yaml not included

#

and if I wanted to use something other than the default device_class: door icons, I would still use the customizations but define a custom icon_template for the binary sensor entity?

split granite
#

I think you'd need a template binary sensor

tight scarab
split granite
#

You can't customize that - you have to define it in the entity

edgy canopy
#

Hello, little question about custom button card, I want to toggle the state of an input_boolean (my heater) but display the numeric value of another entity (my temperature sensor)

- type: 'custom:button-card'

  entity: input_boolean.heaterpower

  show_name: false
  show_state: true
  show_icon: true

  state_display: {{ states.sensor.bedroomtemperature.state }}

  state:
    - styles:
        icon:
          - color: 'rgb(0,254,0)'
      value: 'on'
#

Obviously, the line "state_display: [...]" isn't correct, any idea ?

errant grail
#

Hi πŸ˜‰

elder pendant
#

oh wait, you can. It says it in that section 🀦

errant grail
#

As i explained few days ago, i would be interested by display my appartment in 3D, but i'm still hesitate between the floorplan-card and the picture-elements

split granite
#

Waits for actual question

elder pendant
#

Try [[[ states.sensor.bedroomtemperature.state ]]] I guess

edgy canopy
#

oh wait, you can. It says it in that section 🀦
@elder pendant In the doc it's mentioned JavaScript template, but even with [[[ ]]] it doesn't change anything

errant grail
#

And i have the impression, since the picture-elements has been integrated (recently), there isn't a interest to use the addon "floorplan_card" anymore

edgy canopy
#

Try [[[ states.sensor.bedroomtemperature.state ]]] I guess
@elder pendant It's exactly what I tried but doesn't work πŸ˜•

elder pendant
#

[[[ return states.sensor.bedroomtemperature.state ]]]

royal spear
#

@errant grail I use picture-elements to map the buttons on a remote-control image.. it's pretty simple to do, and works just fine. Tedious work, but works perfect.

split granite
#

Well, picture-elements pre-dates the custom floorplan card ...

#

So, your theory is "a bit" wrong πŸ˜‰

#

The answer is - use the one you want to use

#

There's no right or wrong here

royal spear
#

It's only pleasure and pain... 🎢

errant grail
#

Yes, but, if one is a little bit complete... πŸ™‚ for example, i would like to display an "halo" to represent my lightstrips, and display it with the color of the lightstrip

split granite
#

The floorplan card can do anything you want with CSS and SVGs

#

The picture-elements card probably can too

#

I do halos for lights in Floorplan

errant grail
#

Yes i'm drawing my appartment with SweetHome 3D

split granite
#

Doors turn red/yellow striped when open

#

Others have their doors actually open

errant grail
#

Yes it's exactly that i whant to do

elder pendant
#

@edgy canopy did the updated template work?

errant grail
#

But, maybe one solution is easier ?

split granite
#

Probably

#

But that's about you

#

So, pick one, try it. If you're not happy, try the other

errant grail
#

For example, can i move some elements with JS (e.g. modify the opacity of a propeller) or not at all ?

split granite
#

In which?

errant grail
#

In any case I will finish the plan of my house beforeIn any case I will finish the plan of my house before

#

With picture-elements πŸ˜‰

split granite
#

No idea there, somebody else will have to answer that

errant grail
#

yes πŸ˜‹

#

But i'm going to complete my drawing before πŸ‘

karmic tiger
#

From what I've seen of picture-elements, you have a lot of freedom because it allows you to add your own JS. I don't see why you couldn't animate/move things if you want... but that's well into the realms of customisation, and you're probably going to have to figure it out yourself rather than copy someone else's examples.

elder pendant
#

Your own JS to picture elements?

#

It's CSS, not javascript

karmic tiger
#

Ah, am I thinking of the wrong card type? Might've been that custom button one 😦

errant grail
#

Yes, that's what I said to myself

#

Maybe a solution allows JS or other freedom

#

But if not, i think i will begin with an picture-elements

elder pendant
#

Well the example you gave of modifying opacity is CSS, not JS

#

Here is an example of changing the opacity on state

- entity: binary_sensor.washer_running
  image: /local/layout_assets/clothes_dryer.png
  state_filter:
    'on': brightness(100%)
    'off': brightness(100%) opacity(10%)
  style:
    left: 28%
    top: 57.5%
    width: 6.5%
  type: image
#

And I'm sure I had a reason to have brightness(100%) in both...

pastel rain
#

talking about brightness... anyone out there using light-popup-card??

jade sable
#

hello

edgy canopy
#

[[[ return states.sensor.bedroomtemperature.state ]]]
@elder pendant sadly doesn't work better

jade sable
#

quick question: I cannot use spaces when entering YAML in the developer:services tab

#

Am I crazy?

edgy canopy
#

The card show "return [...]" as it was plain text

#

Even with {{ ... }} into the [[[ ones

pastel rain
#

quick question: I cannot use spaces when entering YAML in the developer:services tab
@jade sable mine works just fine

#

ctr f5?

jade sable
#

i'm on 108.9 no one has heard of this problem?

#

it's so weird

pastel rain
#

im on 109.4

jade sable
#

i'm losing it

#

i haven't read all the breaking changes in 109 so i'm scared to upgrade

pastel rain
#

snapshot that B

jade sable
#

yeah

pastel rain
#

if u paste text with spaces, does it strip them>

elder pendant
#

@edgy canopy try "[[[ return states['sensor.bedroomtemperature'].state ]]]"

#

It's using the hass object states object, not the jinja states object

jade sable
#

i can use the 'fill example data' to put in spaces, but my spacebar does nothing

elder pendant
#

Do you see anything interesting in the browser console log when you try to add a space?

jade sable
#

wat?

#

i'm not familiar with the browser console log

pastel rain
#

f12 - console

#

on chrome ^

#

and did u try a different browser

jade sable
#

nothing going on with f12-console

#

firefox works

#

weird

edgy canopy
#

@edgy canopy try "[[[ return states['sensor.bedroomtemperature'].state ]]]"
@elder pendant It works perfectly, thanks a lot!

errant grail
#

I hope it will be ok to use it in a picture-elements

dim jolt
#

hey folks, rather than replicate an entire dashboard view for different users, is there the ability to show a conditional card base on the user logged in?

#

and maybe even the device

#

i'm using browser_mod (but that only shows a value of connections)

dim jolt
real swan
#

does anyone know if it's possible to create a horizontally scrollable panel in lovelace? I'm looking to have 1 vertical stack per room and scroll the page to the right but I can't seem to get it working.

ancient harness
#

@smoky depot did you find which version of bar-card is functional? POS is broken and i dont' have time to fix it right now

smoky depot
#

? I just been updating it

ancient harness
#

i get an error when it tries to load

#

2020-05-19 19:33:55 ERROR (MainThread) [frontend.js.latest.202004272] http:/blah/hacsfiles/bar-card/bar-card.js:5332:1 Uncaught SyntaxError: Unexpected token 'export'

dim jolt
#

@real swan there is a swipe'able' card but not aware of a scroll. with swipe card you can create stacks and swipe across them

real swan
#

Thanks @dim jolt. I've been trying to find something to scroll at the panel level rather than the card-level

dim jolt
#

i'm not as good as most on the coding side, but i'm willing to bet if you set the width of the screen wider than it is the browser will show a scroll when you fill the space with cards. I imagine there is a fair amount of dynamic resizing going on to prevent that.

real swan
#

yeah.. I see what you're saying. I can probably play around with some css... So like expand the width of the body beyond the resolution of the browser and set it to use a horizontal scrollbar. Also skeptical that the dynamic magic will cooperate on mobile/desktop but worth a shot

green raft
#

Long-shot, but anyone know the best way to handle display of images of different aspect ratios in the frontend using the picture-elements card?

#

Use-case is showing currently playing title in Plex, PS4, and Spotify where applicable, in a single "entertainment" interface.

#

Aspect of PS4 and Spotify are both 1x1 Square, but Plex is DVD-scale aspect.

harsh plaza
green raft
#

Ahh interesting, didn't think to check that. It works if I use the mini-media-player custom plugin, because you can specify "full-cover" as the background type, but then the background has black bars.

#

Will see if specifying the aspect allows the background behind to show through.

gilded veldt
#

hey guys how would one combined multiple media entities into one card

#

i have ruko alexa media player and my firestick

green raft
#

Or if you want them all displayed, just a horizontal/vertical stack card.

gilded veldt
#

any example of a vertical stack card?

green raft
gilded veldt
#

my cards are already customized

#

so how to i join them together

#

the stack seem to just offer presets

green raft
#

You can put cards within cards using some Lovelace cards (like the stack and elements cards).

#

So you just grab the code ("SHOW CODE EDITOR" button) for your finished media player entities then add them to the stacks.

gilded veldt
#

thank you

#

i was able to put them as one

#

but the size shrink everything

#

is there a work around?

#

@green raft

green raft
#

Panel mode will render the first card at full size, then not render any other cards after it.

#

Can be toggled in the UI too by clicking the edit button in the view (right up the top/tabs).

gilded veldt
#

thanks

soft stump
#

Hello :)! Do any of you have any good lovelace card for cover that I can use? Or wanna share what card you have for MQTT cover?
My MQTT cover has Open, Closing and Stop

granite prawn
#

how does one activate the new calendar panel? the docs located here https://www.home-assistant.io/integrations/calendar/ are completely blank

last aspen
#

Hey guys, did custom header broke for you as well after updating to 0.110?

wheat current
last aspen
#

Thanks!

viral sorrel
#

would a "disable" integration/plugin option would be useful for hacs? like in this case.. where you want to know when it's updated but you need to get rid of it so that you can use the system.

#

wow.. it really is a lot snappier

#

did I imagine that when you added a new integration with a bunch of entities it would somehow let you add them all to lovelace almost automatically? I'm sure there was something like that.. can't see it now

#

now I just see enable/disable/remove

gusty nacelle
#

HA isn't my must cooperative thing this week. I updated from .109.6 to 0.110 beta 4 and my toolbar (with tabs etc) disappeared. Now I've updated to .110.0 - but it is still not showing?

wheat current
#

uninstall remove custom header

radiant bear
#

is there a way to items from the sidebar?

#

for ex. the logbook

wheat current
#

disable the integration for it

elder pendant
#

I think you a word

gusty nacelle
#

@wheat current omg.. that was it.. Thanks!

latent moss
#

@viral sorrel the β€œAdd to Lovelace” button is under Configuration > Devices page after you click on a device. I don’t think that was ever shown when you first add an integration, although that would be a cool idea.

radiant bear
#

is it possible to change thr url of a lovelace dashboard afterwards?

ruby shuttle
#

Hello guys! Who now make lovelace for i pad

#

like buttons for turn on light or control temperature

elder pendant
#

Are you asking if people use an ipad to display Lovelace?

split granite
#

Pretty sure many do

wheat current
#

I did

elder pendant
#

I currently do

ruby shuttle
#

Which app you using?

split granite
#

I'm guessing a web browser

elder pendant
#

The Home Assistant app

ruby shuttle
#

Can i send link from youtube?

split granite
#

You can link to anything you want - whether people look at it ... that's different

ruby shuttle
split granite
#

Sure, you can do stuff like that in Lovelace

#

You just have to build it

ruby shuttle
#

Can you show how?

split granite
#

No

#

What you're after requires some theming, potentially some custom cards, and basically a bunch of reading and experimenting

#

Or, possibly, using HA Dashboard in AppDaemon

kind shellBOT
#

AppDaemon is a loosely coupled, multithreaded, sandboxed python execution environment for writing automation apps. It uses the Home Assistant API (or MQTT) to communicate with HA. You can get help at their Discord server.

ruby shuttle
#

Ok, thank you ;D

vapid field
#

Having a hard time finding this. When doing a theme, how can I change the color of the main bar at the top without changing the color of the main text? They seem to be linked by default.

fickle bay
plush mountain
#

Hi all, a quick question - anyone upgraded to 110 already? What is the measurement of the UPnP sensor KiB/s??? It used to be KB/s - which could be easily translated to MB/s , but what about this unit? KiB/s????

split granite
#

KiB is the modern unit

#

Google can explain more

plush mountain
#

I searched - and it seems that 1KiB/s = 0.008192 MB/s -> 1 divided by 122.0703

#

so, my router now - downloading at 4MB/s - reported by router - is actually transferring 0.0053MB/s ???

#

it does not add up in my head πŸ™‚

#

sensor.tp_link_router_kib_s_received 0.5 unit_of_measurement: KiB/s friendly_name: TP-LINK router KiB/s received icon: mdi:server-network

#

this is what HA UPnP is reporting right now

vapid field
#

All of my icons in HA docker disappeared when I upgraded this morning 😦

tacit cave
#

Are you using custom cards and have you cleared your cache and reloaded the page?

vapid field
#

No custom cards as far as I'm aware. Cleared browser cache, did a docker compose down -v && docker-compose up -d

#

the icons in the lovelace tabs across the top are missing, the ... icon to open menus, the pen icon to configure the ui

tacit cave
#

a new implementation method occurred for icons. Might be worth writing up an issue explaining what you did.

#

against the frontend

vapid field
#

all I did was a docker pull && docker up

#

if this isn't a known issue, I don't have the time at the moment to write up a bug report. I'll hope someone else runs into it, and if not by the time I have a chance to look deeper, I'll open a ticket.

#

I know this was a big update, not surprised there are a few bumps along the way πŸ™‚

tacit cave
#

You're the first i've seen with this issue

#

Then again, I'm not versed well in docker so I don't know if those are the correct commands.

real swan
#

I just ran into the same issue

#

Possibly related to the Custom Header plugin... yup.. looks like it was that plugin for me

unreal urchin
#

yes, it's definitely cch

#

disable temporarily with ?disable_ch

proper mesa
#

@vapid field app-header-background-color should be what u're looking for

vapid field
#

ok. I'lll give that a go.

sage shoal
#

Anyone's gauges broke after updating HASS? I'm getting "Entity is non-numeric" where before hand, it was working fine.

proper mesa
#

Same issue with CCH. Updated and initially some icons weren't loading. now they do. CCH won't work. I had to disable

sage shoal
#

Ah, some gauges are working again... not all though

proper mesa
#

@sage shoal that happen everytime you restart HA. Let it load the values and then it will come back

sage shoal
#

OK, I'll leave it for a while πŸ™‚

soft stump
#

Hello :)! Do any of you have any good lovelace card for cover that I can use? Or wanna share what card you have for MQTT cover?
My MQTT cover has Open, Closing and Stop
@soft stump Bumping here again πŸ™‚

elder pendant
#

What's wrong with using an entities card?

vapid field
#

Can someone explain the difference between -iron-icon-xyz and -paper-item-icon-xyz. Perhaps you could point me to the right documentation page. Thanks

vapid field
#

@proper mesa That worked, thanks. But now I'm trying to figure out how to change the active tab indicator.

dawn cobalt
#

ugh! Why did I upgrade to .110? My views got all messed up

elder pendant
#

Define "all messed up"

dark tartan
#

wheres my views gone?

split granite
#

Using Custom Header?

dark tartan
#

yeah

split granite
#

There's at least part of your problem

#

It doesn't yet support 0.110

dawn cobalt
#

I used to have cards side by side, not they are a long vertical strip

dark tartan
#

ok but how do i disable it or do i just uninstall it for now?

dawn cobalt
#

if I go to "configure UI" and exit, everyt renders back to normal till I refresh

#

I had to edit the custom-header.js.gz file to get custom header to work again

split granite
dawn cobalt
#

replace "paper-icon-button" with "ha-icon-button"

#

I have pictures to show of what my views looked like before and what happens now

kind shellBOT
#

@dawn cobalt Your message has been deleted as it contains a link or a domain name 'pasteboard_dot_co' that is on the blocked list because of: 'Virus detected!'.
Please re-post by removing/changing the domain name/link. Your original message has been DM'ed to you.

#

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

dawn cobalt
split granite
#

Any other custom cards?

#

They too may be having issues 🀷

soft stump
#

@elder pendant nothing wrong with it. Was wondering if there are any cool ways to make the card look more awesome

split granite
#

Go faster stripes

proper mesa
#

@vapid field
Using the custom header, this is how you do it ;)

custom_header:
  active_tab_color: var(--state-icon-active-color)
  tab_indicator_color: var(--state-icon-active-color)
errant bone
#

how does one activate the new calendar panel? the docs located here https://www.home-assistant.io/integrations/calendar/ are completely blank
@granite prawn Did you figure it out? I can't find anything on this either.

wheat current
#

You add a calendar integration, like caldav or goolge calendar

granite prawn
#

@granite prawn Did you figure it out? I can't find anything on this either.
@errant bone yes I did. It appears on its own once you add a calendar to HA

wheat current
errant bone
#

ah ok. Thank you.

vapid field
#

Custom Header card is broken. Is that due to HA update or their end? thank you

wheat current
winter wasp
fossil compass
#

If I have an entity card, and I link a sensor to be called something specific in that card, how do I do that? Earlier I'm think I could just add "name: "blabla" under -sensor.nameofthesensor

vapid field
#

@proper mesa Thank you! That was driving me batty.

#

Is there a posting anywhere that points out what each color is in what element?

spare meadow
radiant bear
#

Since updating to Core 0.110 I have this annoying "HACS" Store Symbol in the background of my UI is there any way to remove it?

wheat current
#

Upgrade HACS and clear browse cache

radiant bear
#

thanks

#

how do I update HACS? πŸ˜…

wheat current
#

in HACS

spare meadow
#

/hacs/installed

radiant bear
#

thanks πŸ™‚

#

next question: When I add Cards via HACS and I click "add to lovelace Resources" I still can't find them in Lovelace

wheat current
#

Lazy devs

spare meadow
#

just for clarification, that'll add the .js file to your resources, not a card to your lovelace front end

#

(as ludeeus pointed out... if the dev did it correctly)

wheat current
radiant bear
#

so, how do I use those cards anyways?

#

πŸ˜…

oblique rain
#

Is there a way to set a theme for a user without having to go into the profile page

spare meadow
#

you'll have to check the specific documentation associated with each addon you're trying to use. that's a pretty general question with specific answers for each implimentation.

mild veldt
#

@radiant bear select manual card and add configuration

wheat current
#

"Manual / Custom Card" in the card-picker

radiant bear
#

@radiant bear select manual card and add configuration
@mild veldt So I write type: custom "filepath to card" ?

mild veldt
#

Look at the card's docs

#

It would just be the card name

#

type: custom:roku-card e.g.

arctic scarab
#

did version HA version 0.11.0 broke (not compatible) with custom header add-on? Upgraded my production system to 0.11 (should have known better), and custom header is not showing the header at all (works if I disable it).

wheat current
#

there is a beta (pre-release) of CH, try that

arctic scarab
frank ocean
#

Hey gents. I seem to have broken my lovelace navigation bar at the top

#

Anyone have any ideas?

split granite
#

Disable Custom Header