#frontend-archived

1 messages Β· Page 106 of 1

latent moss
#

not sure if this is a theme issue or bug, but: https://i.imgur.com/L8mYUZi.png seems 3 diff font colors for the entity not available errors (sensor card top, glance card left, entity type right)

wheat current
#

Probably not theme or bug, but custom_cards changing the styles

latent moss
#

those were default cards tho

wheat current
#

Oh, Try the default theme then

latent moss
#

good call, much better but still not perfect (for sensor card: https://i.imgur.com/KK7fGAy.jpg ). So I dunno if I'd call this a bug exactly, but it seems to be using theme colors for the text which maybe it shouldn't. the sensor card that isn't too legible is using a dark theme so the text is white/gray and it's using that

              - type: sensor
                entity: sensor.speedtest_ping
                name: Ping
                graph: line
                theme: darkred
wheat current
#

Maybe πŸ€·β€β™€οΈ the important thing is that you have some entities that do not exist and needs correction 😁

latent moss
#

heh yep, lots of broken things to fix

#

so nevermind, seems that was a chrome cache issue. a hard refresh fixed the entity warning colors...but broke all my custom cards, have literally like two working buttons now lol https://i.imgur.com/SydErgc.jpg 😭

wheat current
#

the custom button-card is broken if you have upgraded to 0.88

latent moss
#

yea and like 95% of my UI was based around that one card... πŸ˜₯

sullen ibex
#

@wheat current i’ve 0.87

woven wren
#

I'm getting quite a few "not found" icons on my lovelace UI.... not sure where these are configured (can't add or delete them via UI editor)

polar kelp
#

In editor mode, click the little pencil beside the view name.

civic sedge
#

Just asking me if it is possible to accive this

entity: sensor.franck_nijhof
image: 'state_attr(''sensor.franck_nijhof'', ''entity_picture'')'```
#

so the question is:
Could I use the picture of an entity in a lovelace card?

whole heron
#

Is it possible to hide entities when they are not available?

civic sedge
whole heron
#

Thanks will take a look

whole heron
#

hm this will hide the whole card but not a single entity

civic sedge
whole heron
#

thanks but I think my whole lovelace config is wrong... I should have started from the scratch

whole heron
#

any idea how to pass an title to a conditional card?

#

ah nvm the card that is defined has a title

sharp talon
#

@latent moss I feel your pain... hence why I haven’t upgraded yet. I know there’s a PR in for it so hopefully will be fixed soon.

dense glacier
sullen ibex
#

@polar kelp I see! Thanks

woven wren
#

@polar kelp Can't believe I missed that - thanks!

slim pelican
#

how can I control the width of a lovelace card? I'm using the picture-elements card to show a floorplan but would like to see the card larger.

sacred geyser
#

question question!

#

i'm using a panel view, with horizontal-stacked cards inside

#

how do I make them turn into vertical-stacked ones when on mobile?

#

shrinking 3 colums in a portrait-oriented phone doesn't make much sense

mild veldt
sacred geyser
#

yeah, use panel and join my sorrow

#

heading home, bbl in case someone can help me

mild veldt
#

@sacred geyser we should hopefully have ability to do conditionals on user soon

#

then you could swap

sacred geyser
#

i have a conditional card

#

but duplicating everything seems a bit... overkill?

#

plus a mess to mantain

#

(conditional based on user or browser agent)

mild veldt
elder pendant
#

Oh wow I didn't realize you could add gifs to picture elements. Time to animate some entities πŸ˜„

sturdy bough
#

Anyone knows where to post ideas for lovelace to be seen by developers?

elder pendant
#

If it's a feature request it should go on the forum as such

robust thicket
#

Is anyone having issues with missing icons after updating to .88

#

They don't render in my IOS app, but there also aren't any errors

mild veldt
#

@elder pendant @sturdy bough I prefer feature requests go to the ui-schema repo

#

Easier to track. Just noise in the forums

elder pendant
#

That would be nice if there were feature requests for git. Labeling them as issues can be a bit confusing

mild veldt
#

there are labels, and ui-schema is pretty much all feature requests. home-assistant-polymer is the actual repo and where issues are logged

undone egret
#

@mild veldt can the average user do this?

#

and understand

mild veldt
#

do what?

elder pendant
#

I thought labels could only be applied by contributers, maybe I'm just missing it

mild veldt
#

you don't need to add labels. ui-schema is for feature requests

undone egret
#

i am brand new user and i would like to create a feature request......

#

i think i would prolly be lost

scenic elk
#

Stop moving channels

#

please

undone egret
#

nobody has

scenic elk
#

:p

elder pendant
#

Maybe add mention of feature requests in the README for ui-schema

scenic elk
#

hassio is back lol

elder pendant
#

It just says 'organize and track issues'

scenic elk
#

Who is moving text channels?

elder pendant
#

You probably collapsed the group

scenic elk
#

I have not

undone egret
#

@scenic elk nobody !!!

scenic elk
#

Oh boy, do I feel like an idiot.

undone egret
#

i didnt do it

#

maybe @wheat current πŸ€”

wheat current
#

Not this time

mild veldt
elder pendant
#

Yes πŸ˜ƒ

mild veldt
#

geez...

#

🀣

elder pendant
#

We're just trying to look out for the newbies

mild veldt
#

okay, now back to yelling at my c++ linker...

pulsar verge
#

I am attempting to setup notifications that would show up in the new lovelace Notifications area. What platform would I use for this when setting up the notification in the config?

mild veldt
#

you want to generate a persistent notification?

pulsar verge
#

I dont think so just when you click the bell icon and get the notifications tab?

mild veldt
#

those are persistent notifications

pulsar verge
#

Rgr that

#

thank you

sacred geyser
#

@mild veldt yeah, that's the card I'm using (lovelace state switch)

#

but I'd have to create everything twice and show one or the other based on user agent

#

that's... not a solution

#

i think a bootstrap-like grid would be a better answer

mild veldt
#

that is a solution, that is not your ideal solution

#

there are other layout solutions out there, btw

latent moss
#

@sharp talon yeah, i would've waited a bit longer to update but Logitech Harmony broke and the fix was in 0.88 so I bit the bullet. Then it quickly dawned on me that pretty much my entire Harmony setup was all running through custom-button-card anyway, so that's still broken unless i rework my entire UI or launch my harmony activities using voice commands. Damned if you do, damned if you don't. At least the new persistent notification number badge thing is really nice, pretty much the only thing I can see in my entire UI haha πŸ˜‚

mild veldt
#

πŸŽ‰ if @latent moss likes my notification badge change, I know I'm doing something right

latent moss
#

@mild veldt the entity not available warnings is really nice too, good stuff πŸ˜ƒ

#

i tried that button-card.js file before i went to sleep but it didn't do anything for me. i think i might have a different issue from everyone else, i can't even get the buttons to display at all on my end, just red "custom element doesn't exist" square boxes all over the place.

sharp talon
#

@mild veldt @latent moss that’s great... any idea when long press support is coming?

latent moss
#

@sharp talon i think that the custom-button card has more or less been abandoned / not actively maintained. So maybe never unfortunately.. i believe the current plan is for @mild veldt to improve the default entity-button over time to where we can switch over.

slim pelican
#

Thanks @mild veldt But when I add panel: true to my picture-elements card I don't get the card in full width. It's the only card on the tab. Is that what I should expect?

mild veldt
#

@slim pelican yes. Wrap everything in a stack if you want more than one card

sharp talon
#

@latent moss there’s a fork that has it plus a PR open for long press...

mild veldt
#

but note that it won't scale well in a stack for your other cards

slim pelican
#

I only want one card ... a floorplan, but I would like it full width and thats not happening

mild veldt
#

you could checkout some of the laytout options I posted a bit earlier

#

it should be at full width if you set the panel to true for that view

slim pelican
#

hmm, yeah its not. 😦

mild veldt
#

i'm thinking you didn't place it correctly then

slim pelican
#

image: /local/assets/floorplan_first.png
panel: true
title: Floorplan
type: picture-elements

mild veldt
#

it is an option for the view, not the card

slim pelican
#

ahh, k, I need to edit that in the raw config editor?

mild veldt
#

it is an option for the view, isn't it?

#

when in edit mode, click the pencil icon for the current tab

slim pelican
#

yep, thx πŸ˜ƒ I learn something new everyday

long mesa
#

I have a bunch of "Entity not available" yellow blocks in my UI now, would these cause potential issues/errors?

When I search my configuration the only place I find the entities are in emulated_hue_ids.json
where does that get updated?

mild veldt
#

@long mesa just remove them from the UI

mossy otter
#

can you put sensor values in markdown?

mild veldt
#

useful-markdown

mossy otter
#

ta

mossy otter
#

brilliant

forest star
#

how do you add custom cards ?

wheat current
#

carefully

forest star
#

but no idea how exactly its done

#

any tip ?

#

If I don't have ui-lovelace.yaml where should I ad resources ?

#

in configuration.yaml ?

elder pendant
#

Raw config editor

forest star
elder pendant
#

To implement any custom card

terse raven
#

I'm kinda curious about the same thing

#

adding resources to ui-lovelace.yaml doesn't seem to do anything anymore since everything got moved to .storage/lovelace

#

(I also need to figure out if I need to move things out of known_devices.yaml as well since that's been moved to the entity registry, but that's another channel.)

elder pendant
#

To enable yaml mode you need to add it to your configuration.yaml

terse raven
elder pendant
#

Yes

terse raven
#

Giving it a go.

elder pendant
#

You might have to delete/rename .storage/lovelace

terse raven
#

It still works with it there

#

So you lose the UI editor.

#

Is there no way to do custom cards right now without dropping Lovelace into YAML mode?

mild veldt
#

someone please edit our docs to be explicit about adding resources in storage mode

#

@terse raven use the raw config editor

terse raven
#

@mild veldt can you point me towards any sort of documentation?

#

@mild veldt Because the only "raw" config editor I've seen has been when you're editing cards, unless I'm missing something (which is most likely)

mild veldt
#

when in edit mode, select the top right menu again

civic sedge
#

Just asking me if it is possible to accive this

entity: sensor.franck_nijhof
image: 'state_attr(''sensor.franck_nijhof'', ''entity_picture'')'```
so the question is: 
Could I use the picture of an entity in a lovelace card?
atm it looks like I cant use such a template in lovelace.
wheat current
#

Correct

mortal cape
#

@civic sedge you can use state_image: with picture entities instead

#
  - entity: person.boy
    image: /local/fallback.png
    show_name: false
    state_image:
      High School: /local/theboy_highschool.png
      Middle School: /local/theboy_away.png```
civic sedge
#

@wheat current thanks so much btw! Prittey dream prittey!

#

ll try tomorrow 🀞

#

Ah - you don't even know what - the YouTube sensor xD

mortal cape
#

there is one?

civic sedge
short jetty
#

is there some way to make a card arrange its entities in alpha order?

mortal cape
#

dammit @wheat current

#

could have notified me

wheat current
#

Was some hasty work i did yesterday om my lunch break 😜

mortal cape
#

the url is the one for the current live stream in progress? That's cool.

#

I could have it cast automatically I think

#

@wheat current new sensor for each channel? Or do you list multiple channels?

gritty swift
wheat current
#

New for each @mortal cape

#

Url, image and title is the latest upload, a stream counts as that

vagrant ivy
#

Wow... a Lovelace Theme bug? I could use some help troubleshooting. Who want's to go bug hunting with me? Situation: converting all of my automations to directory/single files for modularity. I created a directory ./config/automation and add the line automation: !include_dir_list automation/ in configuration.yaml

#

There are no automation files in the subdirectory.

#

I verify my config and all is good.

#

Then I add the very first automation file (a script that worked previously... at sundown turn on a light)... run verify and BOOM!

coarse knoll
#

happy friday! I am trying to add a background image to my lovelace, but i cant for the life of me get it to work. anyone care to shed some light on my flaws?

mortal cape
#

@coarse knoll ```background: center / cover no-repeat url("/local/yourpicture.png") fixed
resources:

  • type: js
    url: /local/monster-card.js?track=true
  • type: js
    url: /customcards/slider-entity-row.js```
forest star
coarse knoll
#

@mortal cape Thats how I have it, i know the path is right too, unless it cant go into subdirectories

mortal cape
#

you picture is in www ?

coarse knoll
#

background: center / cover no-repeat url("/local/images/bg_blur.jpg") fixed
cards:

  • entities:
    • device_tracker......
#

yep

#

config\www\images\bg_blur.jpg

mortal cape
#

you have done some hard refreshes?

coarse knoll
#

rebooted the host and hass

mortal cape
#

no browser refreshes

#

what browser?

coarse knoll
#

chrome

mortal cape
#

in chrome, spam ctrl + r a few times

#

also ctrl + shift + r

#

flip back and forth

coarse knoll
#

i tried a different computer and incognito

mortal cape
#

try throwing the background: line to the very top of your lovelace file

#

you can actually add it per each view, but just as a test

coarse knoll
#

i did that too lol

mortal cape
#

you can open the jpg?

#

with something else?

coarse knoll
#

yeah, i think you are on to something

#

let me reboot this guy and ill let you know

mortal cape
#

I am all out of ideas. I've been swapping out backgrounds all day with that exact line. They've all been pngs. Tried a jpg just now and I didn't even need to refresh

gritty swift
#

@coarse knoll where do you live?

#

some places have a proxy server that caches stuff

coarse knoll
#

I dont think thats the issue @gritty swift I have some cards that pull images from the www directory and they work fine

gritty swift
#

@coarse knoll do you have enough knowledge to look at the web dev tools in chrome?

coarse knoll
#

yeah, but i think its just something to do with the coding

#

still no dice. am i just being stupid? i have it literally in every card, and every view.

forest star
coarse knoll
#

maybe this is it, @mortal cape do i HAVE to have a ui-lovelace.yaml file in the config dir?

mortal cape
#

nope. I do all mine in raw config editor

#

are you using yaml mode?

coarse knoll
#

nope. ive just been using the ui editor

mild veldt
#

@forest star what's the problem?

forest star
#

trying to add that via the GUI

mild veldt
#

use the raw config editor

#

gives you a view of the full config

forest star
#

but is it possible to go into card config and do it there

#

what would be the way

glad condor
#

is there a simple and quick way to clear lovelace custom cards cache?

coarse knoll
#

@mortal cape ok, so i know i can see the images, i made a test picture card to the bg image i want to use and it shows up fine. is there anything specific i have to change using hassio?

forest star
#

how can i combine two cards in one ?

mortal cape
#

@coarse knoll there's nothing special about lovelace for hassio

glad condor
#

@forest star just put your two cards into one card

glad condor
#
cards:
  - type: 'custom:button-card'
  - type: 'custom:button-card'
type: horizontal-stack
forest star
#

its that possible with the GUI ?

glad condor
#

thanks @wheat current, I know about that. but didnt seem to work custom cards.

#

yea of course, why wouldnt it?

wheat current
#

it does

glad condor
#

ok sure

#

i even manually deleted the cached file from dev tools, and still didnt load new version

#

i just ended up adding a parameter to the end of the card.js url in my config

#

so it pulled a fresh one

wheat current
glad condor
#

its weird

#

anyways, thanks for the help

wheat current
#

That card is not correct

#

oh.. there where two images

#

unless you have some sort of super cahce in your bowser something is wrong.

glad condor
#

yea, peep the URL

mortal cape
#

@forest star in regard to cards, everything is possible with the gui.

#

or gui and raw config editor

wheat current
#

with the exeption of !incude and !secret

glad condor
#

and comments

mild veldt
#

@forest star yes, but you'll be presented the YAML editor. There is not a UI editor per se, yet

terse raven
#

@mild veldt thanks for pointing out the editor. (sorry for the late response). Is that just an ACE editor? (It'd be sweet to have that for the automations and scripts).

mild veldt
#

codemirror

terse raven
#

So if I add the following at the top of my yaml in the raw editor, I'm still getting an error when trying to create the card:

resources:
  - url: https://raw.githubusercontent.com/ciotlosm/custom-lovelace/master/monster-card/monster-card.js
    type: module
wheat current
#

github does not allow that

mild veldt
#

Can't use raw github

terse raven
#

bah, lame

#

so it either needs to be hosted somewhere or copied locally

#

damn. I wanted to try and make it easy, lol.

wheat current
#

Or a CDN proxy

#

locally is best, low latency, not dependant on internet

gritty swift
#

Host it on HA itself

terse raven
#

is there a preferred place to put the js files?

#

I see /local mentioned in the docs.

elder pendant
#

In the www folder

gritty swift
#

make a www folder in config dir

elder pendant
#

www is local

gritty swift
elder pendant
#

I'm usually better with my docs searches, but that one was giving me trouble. Thank you

wheat current
#

I had a tab open for it from earlier today πŸ˜›

terse raven
#

hmm. dropped the file in /www/lovelace/custom/ and the UI is still saying it doesn't exist.

glad condor
#

and what is your config?

wheat current
#

did you read the note?

If you’ve had to create the www/ folder for the first time, you’ll need to restart Home Assistant.
terse raven
#

hah, let me do that. I'm an idiot.

#

Yeah that did it

#

It's a shame this sort of domain card isn't included

  title: All Switches
  type: entities
filter:
  include:
    - domain: switch
type: 'custom:monster-card'
#

I kinda like having one page just full of every piece of crap in the system.

#

Thanks for your help, though, everyone.

#

The new UI is really fantastic.

#

Is there a service call for outputting the YAML configuration that's saved in .storage?

#

(Create an automation to export it to the ui-lovelace file for publishing to my github)

wheat current
#

no

terse raven
#

Hmm, I suppose the conversion from JSON to YAML is straightforward enough. What does Lovelace call when it pulls up the raw editor?

solid wyvern
mild veldt
#

Switches/locks are to the right

#

You cannot specify their position

#

If you want that kind of customization, use picture-elements

latent moss
#

oh man i am so thrilled that custom button-card is fixed and (for the most part) intact. thanks @mild veldt and anyone else that helped fix πŸ˜ƒ πŸ’―

clear dome
#

Can we get a "#showoff" channel so we can show off our lovelace interfaces?? πŸ˜›

sudden lion
keen thunder
#

What can be the cause of my web ui light switches not to report the current state? I have to turn on/off a light for it to synchronize with the current state of a Sonoff light

foggy tendon
#

After upgrading to 0.88.1 i always get this error:

2019-02-23 11:07:38 ERROR (MainThread) [frontend.js.latest.201902200] https://myduckdns.duckdns.org/customcards/lovelace/resources/tracker-card.js:201:54 Uncaught TypeError: Cannot read property 'addEventListener' of null

And the tracker card is not shown... how to fix? Runnning 1.2.3 release

thorn monolith
#

Since the last update getting an issue where a scroll bar appears in the middle of the page, anyone have this issue. https://imgur.com/qqJrlbJ

vapid field
#

I have updated custom_updater, added mode: storage, added to lovelace: resources:

  • url: /customcards/github/custom-cards/tracker-card.js?track=true
    type: module, restarted HA, added: type: custom:tracker-card, but get error custom card dont exist? also added tracker-card.js to www folder
split granite
#

That URL is wrong, it would be /local/tracker-cards.js if you just added atracker-cards.js to www/

vapid field
#

thanks! still local? not custom after 0.88?

sudden lion
#

Please read the notes again on how it works

#

From version 4.0.0 it now comes with a new endpoint /customcards that are similar to /local but without caching, local version control is also moved to .storage/custom_updater.cards.
Its just a new endpoint, the local folder is still the same www

split granite
#

Oh fun, custom components changing how HA works...

vapid field
#

thanks, changes all to local in lovelace, all working

sudden lion
foggy tendon
#

@sudden lion Ok but how to fix the error i get with tracker-card?

sudden lion
#

Not sure, bug @wheat current πŸ˜‰

kind shellBOT
#

Ludeeus is away for 10h 8m 46s with a message :point_right: πŸ’€ -> 🏒

wheat current
split granite
#

Tomaato tomato πŸ˜›

visual bluff
#

Hi, Can i have a light card for a group of lights? I got 2 lights that i want the same light card for and they are in the same group

wheat current
visual bluff
#

thanks!

glad condor
foggy tendon
#

@wheat current 1.2.4 solved all....

sudden lion
glad condor
#

downgrade hass from 0.88 and button-cards.js

sudden lion
#

Are there any better cards to use as "title" cards?

mild veldt
#

that also looks just like the entity-button, the way you are using it, unless you are doing special colors, so you could use that

#

or are you just talking about the text wrap?

sudden lion
#

general styling and the text wrap

mild veldt
#

add white-space: nowrap; to that section of css

#

and font-weight: 400;

sudden lion
#

Same, just smaller text

visual bluff
#

I've added a light group now but I cant find it under my states :S
´´´
light:

  • platform: group
    name: kitchen_lights
    entities:
    • light.dimmable_light_2
    • light.dimmable_light_3
      ´´´
      Am i doing something wrong?
wheat current
glad condor
#

button-cards is fixed for 0.88 but not yet the way it used to be. please wait for an update or try modifying the CSS, remember to clear cache

wheat current
#

also entity-button != custom button-card πŸ˜ƒ

sudden lion
#

I know. But @mild veldt suggested it as an alternative

fossil kindle
#

Whats wrong here ??

- type: custom:card-modder
  style:
    border-radius: 5px
    color: rgb(0, 0, 100)
  card:
    type: entities
    entities:
      - entity: camera.framsida
    title: test
mild veldt
#

Anyone is free to try to get button-card back to what they think it should look like and submit a PR. It is a community card now and not solely supported by one dev anymore

#

@fossil kindle are you having errors or just not getting expected results?

silver crescent
#

I still have "-id:" on views and cards.... Can I delete them or is there a use for them later?

mortal cape
#

@silver crescent delete them

silver crescent
#

@mortal cape short and precise! I like it...

tired hare
#

@mild veldt Ah, was wondering why my cards screwed up πŸ˜„

mild veldt
#

wat?

civic sedge
#

Still trying to get a entity_picture of an sensor into the lovelace frontend - someone an Idea?

mild veldt
#

Your sensor has a picture or something?

civic sedge
#

Jup

#

dang - too late ?=P

wheat current
#

I think we need to wait for a custom soulution @civic sedge 🀷

civic sedge
#

Sad - would have bet that its working with the current ui

wheat current
#

The current UI is Lovelace, so no πŸ˜‰

sturdy bough
#

@mild veldt thanks, i'll check the repo

split granite
simple steeple
#

@split granite Thanks πŸ˜ƒ I will give it a shot!

mild veldt
simple steeple
#

Okey, so now I tried this:

type: entity-button
name: KjΓΈr hjem!
tap_action:
action: call-service
service: vacuum.return_to_base
service_data:
entity_id: vacuum_KjΓΈr_hjem_!
entity: vacuum_KjΓΈr_hjem_!

mild veldt
#

~format

kind shellBOT
#

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

simple steeple
#

might be a really stupid question as I am really new to this

wheat current
#

entity_id: vacuum_KjΓΈr_hjem! This is not a valid entity

mild veldt
#

you're not a valid entity...

wheat current
#

so?

mild veldt
#

#gotem

wheat current
#

get back to coding @mild veldt .... me and @civic sedge need your templater πŸ˜›

simple steeple
#

How do I write an valid entity? Isnt that the reference to the cleaner?

mild veldt
#

shh, don't ruin the surprise

#

@simple steeple check states

wheat current
#

You should not have created the repo then πŸ˜›

mild veldt
#

I need to figure out what I'm doing wrong with microbundle first

wheat current
#

I can't help you there, unlessy you want it to be completely broken 🀷

simple steeple
#

haha πŸ˜› I dont understand what you are trying to tell me

#

sorry πŸ˜›

wheat current
#

You need to use the entity_id the way it's shown to you in /dev-states ( states ) It's in the left in your UI

simple steeple
#

ah! Makes sense. Thanks! Is this to be put in configuration.yaml or scripts.yaml?

wheat current
#

lovelace configuration

simple steeple
#

okey, thanks man! Will this appear in homekit then?

wheat current
#

no

#

lovelace is the UI for home assistant.

simple steeple
#

because I added a "switch" in the configuration.yaml, and this appeared in homekit. But as this switch only has the ability to start/stop the vacuum, I would love to make a one-tap button to send it home!

wheat current
simple steeple
#

@split granite You have an idea?

mild veldt
simple steeple
#

@mild veldt Will do (y)

visual bluff
#

Hello I have some entities that are not always available. Is there something I can tag them with to not have the error messages in my view?

calm rock
#

seams to be a problem with custom gauge card

mild veldt
#

@calm rock that card is no longer maintained, it was bound to break

calm rock
#

ok, thanks , will look for a replacement

quick rampart
#

Help! I am having issues with the layout-card. Regardless of specifying horizontal, it keeps putting everything vertical.

#

I have the latest version of home assistant

hollow obsidian
#

Welll there has to be a vertical code somewere in it. Use a search in the files. u can use note++ as an example

quick rampart
#

I have vertical specified under the layout-card, groups of vertical so that certain sets are vertical

#

there are 3 sets of vertical, I am expecting the 3 sets to be horizontal through the layout card, but the contents of each set to be vertical

mossy otter
#

hmmm i've installed the calendar card but it's not displaying oin my tyablet

#

any ideas why?

kind shellBOT
lavish spoke
#

Hi everyone... I'm still having trouble viewing thehttps://demo.home-assistant.io pages... I'm getting "Error while loading this panel." I'm using Safari on my MacBook Pro...

fossil kindle
quick rampart
#

Because they aren't big

#

hence, they are small

#

duh

fossil kindle
#

In version 0.87.1 it was bigger ..

quick rampart
#

File a big report

#

*bug

#

there's a bunch of reports of things breaking

#

in v0.88

fossil kindle
#

ok..

#

that was the only think i think. accept the tivo controll

quick rampart
#

I don't think anyone cares about tivo anymore

#

would be great if tivo just died

#

but are you saying that tvo worked before and now it doesn't?

torpid cypress
#

giving lovelace a go properly for the first time tonight!

mild veldt
#

@fossil kindle @quick rampart paper-button was replaced with mwc-button. It has slightly different look/feel

calm rock
#

Glance and gauge card : with the custom gauge card , it was possible to match sizes of gauges, with glances , the actual gauge card doesnt match the height of a glance card , it seams rigid , is there a way to make them work together ?, in my case a horizontal stack, with 2 entities ( 50 % of glance) , and one gauge ( the other 50% of the glance card)

mild veldt
#

@calm rock checkout card-modder

calm rock
#

ok, will do , tks

torpid cypress
#

when i add in a custom card

#

and reference it on the raw editor

#

do i have to restart each time?

quick rampart
#

I am now unable to get the "layout-card" to work

#

I have tried a simple setup, 2 entities, and even then it refuses to do horizontal

#

it treats everything as if there is a single column and it divides that if I specify column_num

split granite
#

@torpid cypress No restarts required - only the first time you create the www/ folder

visual bluff
#

I have a google mini media_player in my view and I got TTS enabled. Any Idea why it isnt showing on the card? https://gyazo.com/8c3f46099242275073f79ea982deb4e1

      - type: custom:mini-media-player
        entity: media_player.bedroom
        icon: mdi:google-home
        artwork: cover
        show_tts: google

I can access it if I click it but i want it on the card :/

torpid cypress
#

ive created the www/ folder, placed my file into that and made reference in the raw editor to the file path but it states Custom element doesn't exist: mini-graph-card.

#

do i need to use the lovelace.yaml file?

quick rampart
#

@torpid cypress There are several steps you have not done.

#

Enable javascript

#

create the resources line

split granite
#

@torpid cypress And... when you created www/ for the first time, did you restart HA?

torpid cypress
#

yea, i restarted after making the www/ file

quick rampart
#

put the js file in the www/ folder, restart home assistant

#

you can use the inspect in Google Chrome to debug

#

Chrome might not be loading the js file, so you may need to have it hard refresh the page

torpid cypress
#

the hard refresh was a good tip

fossil kindle
#

@mild veldt Can you chose to have the old one back ??

quick rampart
#

@torpid cypress You are welcome

#

When I add "panel: true" to my View , title block, it breaks the theme for a bunch of buttons

wheat current
#

Downgrade HA would be the easy option @fossil kindle

#

.format

kind shellBOT
#

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

quick rampart
#
  - title: Controls
    background: '#3b4049'
    theme: dark
    panel: true
#

If I get rid of the panel: true, then the theme works on the buttons in that view

fossil kindle
#

@wheat current Ok thx then I know, i thought i have an error in lovelace. πŸ˜ƒ

quick rampart
#

any thoughts?

#

I found out that I need the "panel:true" to make the custom layout card use up the entire screen

#

but panel:true breaks application of the theme

calm rock
hardy cairn
#

how would i rename a Area entity?

sleek warren
#

loving the simple lock for lovelave but can it be used along side another type with error for duplication? basically 1 entity with 2 types a lock and secondary info custom aswell

wheat current
#

@civic sedge You still here?

torpid cypress
#

does anyone use the popup card here

#

want to pick someones brains

#

if i put the card as an entity and then specify my climate control unit it doesnt appear

#

i have to put thermostat

#

im not a fan of the standard lovelace thermostat card though

wheat current
torpid cypress
#

couldnt solve the climate issue. But this lovelace custom content is very easy!

#

should have done it sooner!

wheat current
severe stirrup
#

Hello I want to add a picture card inside the picture elements card

        title: test
        image: '/local/fan1.png'
        elements:
          - type: picture
            image: '/local/power.png'```
but it's not working. Any one help me please?
dim jolt
#

hey folks, is it possible to have the button change color with state, NOT the icon on an entity-button

#

oh panic over, just seen Kuuji has updated the styling to fix the issues in 0.88 πŸ˜ƒ

mild veldt
#

@severe stirrup custom:hui-picture-card

wheat bone
#

Hey, I just returned from a few weeks vacation, and upgraded from 0.86.6 to 0.88, and get a "Custom entity doesn't exist: fold-entity-row". I could see any breaking change that should affect this. Any idea what I've missed during my time away?

tepid locust
#

is the custom card up to date?

wheat bone
#

Good question. I just realized that my custom updater card is gone. Let me look into that

tepid locust
wheat bone
#

Thanks!

tepid locust
#

no problem, hope it gets updated quickly

sour crag
#

Hey, i am trying to make my first floorplan, but is there a away to scale it for mobile, tablet and desktop at the same time?

#

For instance, I tried making one, it works good in the brwser, but in Arelia, which i use for mobile, it doesn't even show up

#

(maby the resolution is to high?)

visual bluff
vapid field
#

hi, before i built all my lovelace views in lovelace_ui.yaml but i have since then moved to use !include and slit my views into separate yaml files. however now i need to restart home assistant to see changes in lovelace.. is this normal?

glad condor
#

is it possible to control two entities with one entity card? I mean its not called "entities card".

slow wave
#

@glad condor what entities? A group?

glad condor
#

two switches

civic sedge
#

@wheat current
neat - already included it in my bath tablet view
https://pasteboard.co/I2DeCaT.png
I cant get a tap action on a hui-entities-card so this bigass Icon lol

#

btw.. Did you hostet your own hastebin? wtf?

wheat current
#

Yeah... The Main one have som much issues i dont trust it

civic sedge
#

true xD -too many pepole pasting stuff

wheat current
#

Yup. πŸ‘

slow wave
#

@glad condor create a group, the trigger the group ?

glad condor
#

good idea @slow wave

glad condor
#

@civic sedge how did you config the playlist dropdown?

civic sedge
#

@glad condor Thats the Google Music player

tough quiver
#

Can I make a view that has all of the media_player I have?

#

have this:

title: TVs
icon: mdi:television
id: tvTab
cards:
  - type: media-control
    entity: media_player.loungetv
  - type: media-control
    entity: media_player.conservatorytv
  - type: media-control
    entity: media_player.google_home



#

but quite like the idea of it being all my media_player automatically.

wheat current
polar kelp
#

sensor.thomas_loven ??

#

Auto entities can’t make separate cards for entities(yet). That wouldn’t be fair to the layout engine.

wheat current
#

it's for your YT channel @polar kelp

mint geode
#

Hey guys, I'm currently running in storage mode. I've played around with the UI configurator. One thing I can't find out is how I can rearrange existing cards with newly created cards (via the UI editor)

#

It either puts the new card on top of the old ones or creates a second column and puts it there

glad condor
#

@mint geode there are arrows in the bottom right of each card that lets you move them up and down in line

mint geode
#

Yes if I click the arrows it either moves the new card on top or into a new column on the right

#

I can't seem to be able to mix "old cards form my yaml" with new cards from the UI configurator

glad condor
#

the order starts from top to the bottom then left to right

#

hmm, not sure what you mean

mint geode
#

I've got a horizontal stack where all my old cards are in, thats my view.

#

And now I created a "test" card with the UI configurator

#

I can't get the new card on the bottom of the horizontal stack, it always puts it on the right side

glad condor
#

so move that test card into the horizontal stack.

#

or use a vertical stack

mint geode
#

Yes I guess thats a workaround

#

Yes, that's working. So I guess I can't put anything under a horizontal stack unless I put it into the horizontal stack istelf

glad condor
#

probably depends on your browsers viewport size

#

also, i have noticed that cards move for me after closing the UI editor and refreshing the page

#

openeing the editor moves the cards back to where they were

#

i can consistently repeat it

#

havent looked into why

mint geode
#

Haven't had that prolem yet

#

Another question: I read somewhere in the release notes that there is now support for wider columns in the UI editor

#

But I didn't find any information on how that works?

glad condor
#

ive read 0.88 release like 3 times, dont recall anything about wider columns

mint geode
#

was in .87

#

πŸ“£ UI Editor: Now supports columns on wide screens

glad condor
#

oh

#

πŸ“£ UI Editor: Now supports columns on wide screens

#

wide screens, not wide columns

mint geode
#

Yeah sorry I meant that

#

So how can I do that? In the past I used vertical stacks and didn't get hass to use more columns

#

it always used the same colum, no matter what I've tried to do

#

Looks like it changes automatically to a new column once you run out of space in the "first" column and your screen is wide enough to display a second column

#

So no manual positioning into a new column?

fickle sphinx
#

Does anyone know if it's possible to force a new line in an entity name. For example on a glance card the names get cut off due to length. I'd like the name to show on two separate lines.

glad condor
#

my guess is no

fickle sphinx
#

Yeah it doesn't look like it. Not the end of the world. I'll live.

#

@glad condor Thanks for looking into it though

tired hare
#

Have a bit of a weird issue : some of the buttons when you click on them "change" size (become smaller) ... anybody else ran into that ?
--- Found that setting it to px instead of % fixed it ...

vapid field
#

anyone know of a custom card that give control of the width of cards? i find it very limited to only have "default" and "panel"

fickle sphinx
#

@vapid field I can find discussion of the request but they all end up with it getting shot down

#

Is it possible to add a custom card without using yaml mode? I'm just getting around to trying to make my dashboard look pretty and figure if things seem to be headed in the gui direction instead of the yaml direction I should try and make do with the configuration UI

wheat current
#

Raw editor

vapid field
#

let you know

fickle sphinx
#

Thanks, I didn't realize the 3 dot menu changed when you enter the configuration ui

mild veldt
#

@glad condor @mint geode UI Editor: Now supports columns on wide screens explicitly says it is for the the editor, not for the view. It is when you are editing the card, the preview will be in a column instead of below

vapid field
dense glacier
#

if i have a group of light entities, can i use the entity button card and make the icon a lightbulb that turns "on" and "off"?

mild veldt
#

No

#

Use a light group

dense glacier
#

light group...hmm

#

let me google that

#

looks perfect thanks @mild veldt

vapid field
#

evend edited the js file to force from 300 to 600 still doesnt take it.. ill try another aproach

ancient crest
#

I am struggling with the super_custom cards with the custom_updater component. I am not sure where to ask for help though. Is there any discord channel for it or someone I can ask on discord privately? I am pretty sure it is just me being stupid and I dont want to flood any forum with it.

mortal cape
#

@ancient crest what's the problem

mild veldt
#

@vapid field did you clear cache?

ancient crest
#

Basically added this to my resources in the lovelace editor:

  • url: /customcards/github/maykar/compact-custom-header.js?track=true
    type: module

Was expecting it to load the compact custom header "card", but I only get the error message that it doesnt exist in the HassIO log.

kind shellBOT
#

@vapid field 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.

trail pike
#

are there any known bugs which cause lovelace to stop updating the UI states? Lately, I have to do a browser refresh every time anything is updated in order to see the new states...

vapid field
civic sedge
#

Could I rotate a image inside a picture-elements card?

mild veldt
#

Yes. Use an image editor

civic sedge
#

Thourght I could use the CSS transform

wheat current
#

rotate(90deg)

mild veldt
#

I misread as picture entity

wheat current
#

I did to (10 8 mins ago) πŸ˜›

civic sedge
#

Mhmm.. Like ? filter: rotate(90deg)

tired hare
#

is there a list of vars to use (for the colors) so I can get the right color of the theme ?

tired hare
#

Lol yea .. seen that πŸ˜ƒ is there also a human readable version πŸ˜›

wheat current
#

Depends on the human πŸ€–

tired hare
#

lol

#

trying to find the correct var with the button card

#

for the normal button background color

shut harness
#

is there a documented order for the lovelace card position? trying to reorder some cards, but clicking the 'down' arrow until it's disabled just places it in the middle column, doesn't make any sense to me

glad condor
#

Havent seen it documented, but it lays cards out according to space

#

there is a custom component that allows you to modify this behavior

shut harness
#

that would make more sense

glad condor
#

custom card*

shut harness
#

the layout-card right?

glad condor
#

yea, thats it

cyan ocean
#

lovelace question - I just added the www/alarm_control_panel-card.js to my setup. However, I've been using the built-in lovelace editor (no ui-lovelace.yaml). It seems I need that file to use the alarm panel. Do I have to manually create / edit it or can I (somehow) copy the existing design into that file?
Because - if I use the built-in alarm panel, it doesn't show the number buttons - just arm / disarm buttons.

latent moss
#

@mild veldt I don't know if this is worth fixing, but persistent notification badge isn't centered when it gets to double digits. https://i.imgur.com/XmnA2rE.png found this while testing feedreader component

mild veldt
#

You’ve done broke it

latent moss
#

hah

amber ginkgo
#

Anyone else got issues opening camera stream pop-ups in LL?

#

Also, when the 'pop-up' does work, is there a way to define the pop-up size. At the moment they are too small when they were working. I'm on 0.88.1 on Odroid C2.

latent moss
#

@cyan ocean you do that using the raw config editor (top right).

cyan ocean
#

@latent moss so I can just take that code and paste into the ui-lovelace.yaml? Will I then have to modify everything manually, or can I still use the editor?

#

(Thanks, BTW)

amber ginkgo
#

P.S The pop-ups work for a snapshot image but not for a live stream. The images are coming in from a Synology SS connection.

latent moss
#

@cyan ocean the raw config editor thing basically is your ui-lovelace.yaml file... you don't have to create an extra file. just copy and paste the code to the very top of that.

cyan ocean
#

Another question - this may be asking too much... I have a wall-mounted tablet by one of my doors. It typically shows status info, weather, etc. However, IF the alarm is armed, AND someone enteres through that door, I'd like the display to change to the alarm keypad. Is that possible?

#

@latent moss - okay. I tried that. I must be doing something else wrong then.

latent moss
#

@cyan ocean you download the alarm_control_panel-card.js and place that file in your /www/ folder . and then in the raw config editor you'd put something like this:

resources:
  - url: /local/alarm_control_panel-card.js
    type: js
cyan ocean
#

Ah - It looks like i'm still using the built-in alarm pad. I need to add the custom code to the .yaml.

still learning...

#

I put that at the very top. I'll go swap out the alarm code now.

amber ginkgo
cyan ocean
#

@latent moss the example from the git shows this:

- type: custom:alarm_control_panel-card
  entity: alarm_control_panel.alarm
  hide_keypad: true
  title: My Alarm
  style: '--alarm-color-disarmed: var(--label-badge-blue);'
  states:
    - arm_home
    - arm_away
  labels:
    ui.card.alarm_control_panel.code: Inserire un codice a 4 cifre
    state.alarm_control_panel.arm_away: Away!!
latent moss
#

yes that part goes inside the views that you want it to display in.. but you need to first download the .js file and add the resources for it to even work

cyan ocean
#

However, all the cards begin with -entity (not -type). But they have a type designator. Adding the code as above shows an error.

#

I've got the .js in my www/ folder

latent moss
#

what is the error?

cyan ocean
#
Unable to parse YAML: YAMLException: bad indentation of a sequence entry at line 115, column 9:
            - type: custom:alarm_control_pan ... 
            ^
#

The old alarm panel segment began with -entity

latent moss
#

that has to do with your spacing i believe. it's kinda hard to explain, but you have to kind of match the spacing that's there already, so the dashes line up, if that makes sense.

cyan ocean
#

old (built-in panel) code:

      - entity: alarm_control_panel.house
        hide_keypad: false
        states:
          - arm_home
          - arm_away
        type: alarm-panel
#

Okay - bad indents. grrr

turbid prism
#

Anyone know why if I set primary-color variable in my theme it doesn't actually set the toolbar color?

cyan ocean
#

@latent moss - so, I added that code, but the panel isn't showing up at all.

latent moss
#

@cyan ocean no errors or anything?

cyan ocean
#

No.

latent moss
#

Hm. I'm guessing it has to do with your entity id then, did you update that?

#

the example you posted shows

entity: alarm_control_panel.alarm

while the old built-in code you posted shows

entity: alarm_control_panel.house
turbid prism
#

Anyone see anything wrong here?

  text-color: '#DADADB'
  text-medium-light-color: '#A0A2A8'
  text-medium-color: '#80828A'
  text-dark-color: '#6A6B74'
  accent-color: '#008bef'
  accent-medium-color: '#2686c1'
  background-card-color: '#434952'
  border-color: '#383C46'
  primary-color: '#363941'
  background-color: '#3b4049'
  background-color-2: '#484E59'
cyan ocean
#

Ah - I think i figured it out. Stand by. LOL

#

Okay. dumb me. I didn't update the entity to point to my alarm. (copy / paste assumption). It looks crappy, but it's there. And it doesn't show the numbers when disarming, which was the entire point.

#

I'll keep digging. Gotta run pick up my son. THANK YOU @latent moss for all your help. Blessings!

latent moss
#

no problem

cyan ocean
#

This is displayed on a touch panel right by a door. so a simple "Disarm" button is kinda against the whole concept of security. I'm trying to get it to show the keypad (at least when disarming).

#

later!@

latent moss
#

i don't have any alarm stuff so i'm not the best person to ask for that keypad stuff, hopefully someone here can help you when you get back home.

eager wharf
#

Anyone really happy with their interface and wan to share? I've seen some pretty good ones on reddit, but I keep changing mine around

mild veldt
#

@eager wharf there was a good thread going on the Home Assistant twitter with people sharing the other day

eager wharf
#

Ill see if i can find it, TY

real mauve
#

question about notification. Since lovelace uses websocket, shouldn't that mean its possible to play sound?

latent moss
mild veldt
#

@latent moss no. Not yet at least

latent moss
#

thanks at least i know not to waste anymore time trying to figure it out. wanted to have a button that'd show a secret "maintenance / admin" view. but can sorta replicate that with conditional cards pretty much anyway...

forest mica
#

cant restart anymore i get this error...

INFO:homeassistant.util.package:Attempting install of colorlog==4.0.2
Testing configuration at /config
Failed config
custom_updater:
- Invalid config for [custom_updater]: [mode] is an invalid option for [custom_updater]
seems to be about that.. but it didnt work without mode: storage before

#

i guess mode: isnt needed anymore?

idle gate
#

what's the best way to control switches from Lovelace? Is there a switch card?

idle gate
#

Never mind. Did it as follows. light: - platform: switch name: XXX entity_id: switch.xxx

#

That allowed me to convert my switches into lights. There doesn't appear to be a default switch card in Lovelace at the moment.

tawny briar
#

hi, how i can backup my lovelace theme?

#

i edit entities but there is no changes under vcs

mild veldt
prisma swallow
#

@idle gate you would just use an entity card for a switch (if you just want something basic), otherise you have many options such as button-card

mild veldt
#

@tawny briar if in storage mode, your config is stored in .storage/lovelace

short sedge
#

hi, is it possible to call the map card with tap_action on a device_tracker?

cloud oriole
#

Is there any reason as to why I can't seem to have two 'generic thermostat' cards side by side?

keen belfry
#

Hello,

#

Is there anyway to change the icon of a binary_sensor (depending on its state) without having to create a sensor template?

sharp talon
wheat current
#

Clear cache, if that does not work open an issue in that repo

sharp talon
#

@wheat current am I right that mode: storage is no longer needed?

wheat current
#

Yes

keen belfry
#

Guys, any idea for my above question regarding icon of binary_sensor?

sudden lion
sharp talon
glad condor
#

Anyone seen this before or now how to debug?

winter knoll
#

Hi, I have a problem that my lovelace UI glitches out when switching between views. First display of both views is OK, but when I switch from Home to System to Home (and any further switch is also affected) it glitches out. I tried to remove all custom cards but that did not resolve this issue. Anybody encountered and fixed this issue?
Normal view: https://i.imgur.com/320G6CP.png
Glitched view: https://i.imgur.com/A8uYV7h.png

glad condor
#

anything i browser console @winter knoll?

winter knoll
#

reproduction rate is 100%

keen belfry
#

@sudden lion Thank you, it worked perfectly.

silk shoal
#

How can I integrate an Entity-Filter card that is also a Glance card inside a Vertical-Stack and Horizontal-Stack card? My Entity-Filter card is a simple device tracker card.

glad condor
silk shoal
#

@glad condor hmm it doesnt work for me

glad condor
#

Please post the config you have so far

silk shoal
#

What I want to do is make my device tracker card an entity-filter card that is also a glance card

glad condor
#

First off you didnt define your card type

tribal linden
#

hi all, quick question, if I am using a custom card, ex:custom:mini-graph-card, when I crease the ui-lovelace.yaml file, do I lose the ability to configure my ui using the lovelace gui? i.e. does the whole config then need to reside in ui-lovelace.yaml?

glad condor
#

just add the custom card from the UI

tribal linden
#

I would use "manual card" right?

silk shoal
#

@glad condor How do I do that?

glad condor
#

upper right corner of the 3 dots

#

then configure UI then raw editor

silk shoal
#

I dont get it, as soon as I activate true panel mode it no longer works for me

glad condor
#

"This renders the first card on full width, other cards in this view will not be rendered. Good for cards like map, stack or picture-elements."

silk shoal
#

Yes I have read it

#

What I dont understand is why my card only works as either a Glance or an Entity-Filter when true panel mode is activated

#

Not both

tribal linden
#

For those using mini-graph-card, am I supposed to have 2 files in my www, the bundle.js and the lib.js? I have followed the install instructions but get the "Custom element doesn't exist: mini-graph-card" error. Looking through docs I see some mention having 2 files...

elder pendant
#

Do you have a link to the github page?

tribal linden
elder pendant
tribal linden
#

I did, have checked spelling and file locations

elder pendant
#

Did you restart HA after creating the www folder?

tribal linden
#

my www folder has the bundle.js, and I created ui-lovelace.yaml and added in that reference, config validates ok. I did do a couple restarts (hassio.io, system, reboot)

elder pendant
#

What happens if you go to https://<your-HA-ip>/local/mini-graph-card-bundle.js ?

tribal linden
#

woah, I get a ton of text

#

πŸ˜„

elder pendant
#

That's what's supposed to happen. It was just to let us know the file is accessible to the frontend

#

Are you sure you're in yaml mode?

wheat current
#

He/she created the ui-lovelace file so probably not

elder pendant
#

That's what I was thinking

tribal linden
#

When I added the yaml mode my overview disappears :S

wheat current
#

Then don't 😜

tribal linden
#

hehe

wheat current
#

Use the raw editor to add resources

tribal linden
#

rebooting with yaml mode on

tribal linden
#

rebooted, overview is gone ☹ , just shows an empty page

elder pendant
#

Step 1: don't be in yaml mode

#

Step 2: add resources with the raw editor

tribal linden
#

Ok so I removed yaml mode, rebooting. May need clarification on step 2 heh. Do you mean use the raw editor to add the card, not the ui?

elder pendant
#

To add the card and the card resource

wheat current
#

Raw editor is in the UI

tribal linden
#

right

#

ok will try that

elder pendant
#

You go into edit mode, then with the same three dots you clicked to enter edit mode it will give you the option to use the raw editor

#

Is there mention of the raw editor anywhere in the docs yet?

tribal linden
#

Got it! I was missing the resource

#

Documentation was a little confusing. I didnt have ui-lovelace.yaml so i ended up going down that rabbit hole instead of adding it using the raw editor

#

Thank you guys!

elder pendant
#

The raw editor is relatively new. The documentation is currently only found on random people's githubs apparently πŸ˜…

wheat current
mortal cape
#

@wheat current I lost the tracker-card and get this now Uncaught TypeError: Cannot read property 'addEventListener' of null

#

I don't think I changed anything? I'm now trying to add it to another view on its own and getting the same thing

wheat current
#

Just blame me, everyone else is doing it 🀷

#

🀣

polar kelp
#

Of course! You made an awesome thing for free. Obviously it's all your fault.

wheat current
#

☝ that error is actually my fault...
I tried to do UI...

mortal cape
#

I'm willing to accept it is my fault πŸ˜›

#

But only for my instance

#

People should also remove the - from their card examples. I always forget to remove it after a copy/paste

polar kelp
#

I'm thinking of breaking card-tools again...

wheat current
#

Go for it! :D
That way I will not be alone in breaking things πŸ˜„

mortal cape
#

I see how it works. You guys just get in a certain mood

wheat current
#

yes, and it's contagious

polar kelp
#

It doesn't make sense to do class MyThing extends cardTools.litElement() { It should be class myThing extends cardTools.litElement {...

wheat current
#

suuuuure.... πŸ˜›

polar kelp
#

But then again... it's just an inconvenience for developers...

mortal cape
#

@wheat current working now. And I see you updated youtube sensor which I was going to ask about the next time I remembered to ask about it

wheat current
#

Ask about what? πŸ˜›

mortal cape
#

youtube sensor was showing the same url/video

wheat current
#

that sounds like a good thing?

mortal cape
#

well...on friday(?) there was a live stream but the card was showing an older video url. The one previous to the live stream

wheat current
#

ah.. yeah, it was 1 behind

prime umbra
#

youtube sensor url?

wheat current
mortal cape
#

which is still one behind?

prime umbra
#

ty

wheat current
#

did you restart @mortal cape ? or are you spoiled by lovelace πŸ˜›

mortal cape
#

Ah, I did not since updating the card

#

I mean the component

#

I am spoiled

wheat current
#

we all are :/

mortal cape
#

can't restart because of an invalid config for custom_updater lol

#

[mode] is an invalid option for [custom_updater]

wheat current
#

remove mode (not needed anymore)

mortal cape
#

got it

wheat current
#

HA allready know that, so I just reuse that πŸ˜›

#

#lazy

mortal cape
#

that was the only option I had for it

wheat current
#

same for me πŸ˜›

vapid field
wheat current
#

possible sure, easy I doubt it

mortal cape
#

@vapid field windy.com has a decent radar/lighting option

vapid field
#

thanks, i use windy for weather

#

ill look into the thunder option

#

but surly there must be a way to automatically refresh an image

wheat current
#

There is, F5

elder pendant
#

You might be able to tie it to the state change of a timer or time sensor, but with the way HA caches images I doubt it would be that easy

mortal cape
#

dont call me shirley

wheat current
#

I would probably drop a php file in www that proxies and reloads the image πŸ˜›

vapid field
#

@wheat current well i prefer the php option over the F5 πŸ˜ƒ

mortal cape
#

didn't realize until now that windy has sound for the lightning

wheat current
#

NICE! πŸ˜„

mortal cape
#

had it open in a tab..."what is that noise? something is popping"

vapid field
#

haha

wheat current
mortal cape
#

ha

mild veldt
#

@elder pendant if docs are lacking, there's some proven ways of resolving that...

elder pendant
#

I'm working on it, I was just making sure I wasn't missing someone's PR

wheat current
#

@mild veldt don't spoil our secrets :O
The first rule of Fight Club documentation is: You do not talk about Fight Club documentation.

mild veldt
#

as I was telling @tribal linden in a DM, devs tend to suck at docs. Especially if you're @wheat current

wheat current
#

Well... it just make sense to "us" why would anyone need more?

mild veldt
#

I suck as well, but I of course blame @wheat current for that

elder pendant
#

Dang, shots fired. I won't claim to be good at making docs, but something is better than nothing I suppose

mild veldt
#

not only that, but when you run into those situations think if there could be something more intuitive done in the UI itself

#

and if so, submit it to ui-schema repo

wheat current
#

"I do not document, if it was hard to write, it should be hard to read."
- Every developer ever

mild veldt
#

because in all honesty, @wheat current , myself, @polar kelp , and probably more; we don't even use the UI all that much ourselves because we just like building things. Our UIs for our homes kind of suck...well at least mine does

wheat current
#

Mine is just there when I need to test something πŸ˜›

polar kelp
#

I use, like, two of my plugins.

mild veldt
#

I remember @wheat current telling me this same thing like 6 months ago and was so confused on why someone would build so many things and then not use them, but then I started doing the same 🀣

polar kelp
#

Was it Frenck who wasn't even using hass?

mild veldt
#

that was and is Ludeeus

wheat current
#

He is on the road to become a power user now πŸ˜›

mild veldt
#

you're right, he is new to ACTUALLY using it, isn't he?

wheat current
#

I currently have no "need" for it, I like my physical switches πŸ˜›

mild veldt
#

devs are a silly lot

wheat current
#

he is

elder pendant
#

Don't get me wrong, I'm not blaming anyone for the docs being lacking. If I make something cool the last thing I want to do is explain the installation process to someone. Just trying not to step on toes with unsolicited PRs

wheat current
#

multiple PR's for the same thing is way better than none

elder pendant
#

I suppose that's true. I also didn't want to put the work in if someone had already done it 😜

wheat current
#

With the new GH feature you can create a draft PR to present your idea (intention) before doing it, if someone has the same idea, they will find yours

high canyon
#

is there any way to make a card span columns in lovelace?

inland hull
#

anyone got swipercard working in combination with the mini graph card? or know if this is even possible?

polar kelp
#

Here we go! Card-tools version 0.4 released!
No need to upgrade yet for the average user.

#

I think I managed to avoid breaking changes by overlaying things like hass and hass().

wild harbor
#

Hiya, dropping my questions here, after updating the automation from dropbox into googledrive I figured I also change the id.

#

now I get this error: Entity not available: automation.daily_dropbox_backup

#

and my new automation isnt visible

#

found my answer, just remove them?!

prime umbra
#

@polar kelp can popup card be called if a action happens, like using a automation?

polar kelp
#

This can

prime umbra
#

cool

tawny briar
#

hi! can i use custom lovelace cards without yaml mode?

latent moss
#

@tawny briar yes, have to use the raw config editor

tawny briar
#

@latent moss to much thanks!

latent moss
#

np

eager pollen
#

Anyone know why on the latest custom_updator update, it errors out on mode?

#

2019-02-25 20:53:42 ERROR (MainThread) [homeassistant.config] Invalid config for [custom_updater]: [mode] is an invalid option for [custom_updater]. Check: custom_updater->custom_updater->mode. (See /config/configuration.yaml, line 115). Please check the docs at https://home-assistant.io/components/custom_updater/,

#

I verified I'm on the latest and greatest version

timid burrow
#

yeah @wheat current did a PR to remove it... it now assumes storage if there is no ui-lovelace.yaml file

kind shellBOT
#

Ludeeus is away for 6h 45m 50s with a message :point_right: πŸ’€

timid burrow
#

if there IS a ui-lovelace.yaml then it uses yaml mode

timid wigeon
#

anyone able to help me with a weather forecast card? Are you using darksky?

timid burrow
#

what is the problem?

timid wigeon
#

Oh hi mentor πŸ‘‹

timid burrow
#

haha

timid wigeon
#

πŸ˜ƒ

#

I have my API key, but add adding ```
type: weather-forecast
entity: weather.dark_sky

latent moss
#

that part gets added to your ui-lovelace.yaml file not the config

timid wigeon
#

oh.

#

shoot

timid burrow
#

yes and you still need to setup the darksky sensor

latent moss
#

yep. the part that goes into your config file is this

weather:
  - platform: darksky
    api_key: YOUR_API_KEY
timid burrow
#

and presumably it needs some conditions as well? I use a custom one, not the core one

#

monitored_conditions..

latent moss
#

i don't think you can set any conditions for that one, besides daily / hourly updates or something. for the dark sky sensors one you can though

timid wigeon
#

So if my ```
weather:

  • platform: darksky
timid burrow
#

but you can use the darksky sensor for that card and it's showing a week of forecasts.... check the link

timid wigeon
#

is darksky... would it still be entity: weather.dark_sky?

#

As I understand they are two different types of cards? One for forecast one for sensor stuff?

timid burrow
#

ah you're right @latent moss doesn't use the sensor

timid wigeon
#

oh damn, it works now

#

hopefully it is the weather of my location

timid burrow
#

yeah I don't use it.... add the weather and platform and api key and then see what the card displays

timid wigeon
#

Thank you both @latent moss and @timid burrow

#

I'm guessing it uses my coordinates to detect where to pull the weather forecast from

latent moss
#

there's two different ones, dark sky sensor and dark sky weather... dark sky sensor lets you customize what you want monitored and will have like 50 individual sensors (if you monitor everything)... the dark sky weather component is like one entity with all the sensors just listed as attributes. it's kinda confusing tbh

timid burrow
#

yeah... but that makes sense

#

yes it will use your lat/long for the weather

#

good thing you added those the other day

eager pollen
#

Thanks @timid burrow , I saw the code to detect it automatically in the Py but I guess I didn't think the old way would get removed

timid wigeon
#

you remembered! haha

timid burrow
#

neither did I. it's a bit of a shit cos I still maintain the old one in case and for ease of editing major stuff so I had to rename it

#

i guess it makes it easier for noobs

timid wigeon
#

@timid burrow what's your favorite automation that you have set up in HA

timid burrow
#

the one that turns my coffee maker on and off...

eager pollen
#

Yea I just open up a new text file in VS code and set it to yaml and copy/paste stuff

timid burrow
#

hahaha

eager pollen
#

Works much better for finding identation issues

timid wigeon
#

That's a fantastic one haha. Much needed

timid burrow
#

no joke and stacks are a nightmare still in the GUI and to be 100% honest, I don't trust the HUI storage one yet

eager pollen
#

I guess I should have renamed mine instead of straight deleting it.. but for moments of lapsed judgement, git is here to help

timid burrow
#

my coffee maker one also turns it on at a different time on the weekend and also if it's a forth sunday cos I'm on a rotating roster of every 4th sunday so it makes sure my coffee maker is on and warm before I get up

#

lol

timid wigeon
#

Also, when you guys click Configure UI, then hit the + to add a card, then select picture-glance for instance, does it just say: Invalid card configuration { "type": "picture-glance" } or is that just on mine?

timid burrow
#

yeah..... it's a good file to have on hand

timid wigeon
#

That's a great automation haha

timid burrow
#

it does that when you add a card like that until you add the other config stuff for it

timid wigeon
#

but you still have to code it manually? It's not like an entity card that gives you drop down options

#

Kind of silly

#

In which case just copying your entire lovelace yaml file and pasting it in raw config editor makes much more sense

timid burrow
#

well the picture is a hard one to automste..

#

well that is what I do 90% of the time... cut/paste raw mode

#

but if you're playing with text sizes and icon sizes the GUI gives more instant feedback

timid wigeon
#

I do like the instant feedback

#

is your coffee maker a flip switch for power or do you have a digital on/off button?

timid burrow
#

it's a flip switch and I have a sonoff it plugs into

eager pollen
#

I would love an automation like that but mine is the Breville Espresso Maker so on/off push button

#

I looked at a custom solution for it but not enough info on the automatic button pressers

timid burrow
#

ah ok... Mine's a bit more sophisticated and manual

timid wigeon
#

I have the Breville type as well

timid burrow
#

but it needs 30 mins to heat up before pulling a shot

timid wigeon
#

so what if you forget to load it the night before? hah

timid burrow
#

nah... it just needs to turn on... Then I gring the beans and pull the shot manually

timid wigeon
#

oh gotcha. Heats it up

#

Do you guys pull any API info using JSON?

eager pollen
#

Well I got custom_updater fixed, now to figure out why Tensorflow isn't working

#

@timid wigeon Not in Lovelace, in Node Red sure

prisma swallow
#

@eager pollen you could (if you feel like digging around inside) try to wire an ESP to the circuit for the pushbutton. Thats what I'm planning to do now that my girlfriend has given away my basic flip switch kettle for a fancy temp controlled thing...

timid wigeon
#

@eager pollen I'll look into it thanks

eager pollen
#

Thanks @prisma swallow but that might just be above my abilities. I haven't messed with ESP at all and my soldering skills are lacking at best πŸ˜ƒ

wheat current
#

That is not correct @timid burrow , it now uses the setting from HA..

timid burrow
#

so it uses the lovelace: setting?

wheat current
#

yes

timid burrow
#

and if there is nothing set it defaults to storage?

wheat current
#

correct, just like HA itself

conf_mode = config.get('lovelace', {}).get('mode', 'storage')
timid burrow
#

ah... thanks. that makes sense. so it will ignore the yaml unless I configure that.... I misread the PR

eager pollen
#

Thanks for the confirmation @wheat current

#

And all the work in general

timid burrow
#

yes! great work with all this

polar kelp
#

On the subject on how everything is @wheat currents fault... I did some testing with custom_updater yesterday and just realized it's overwritten my unreleased stuff with the stuff from github...

#

I'm SO glad I'm using a VCS now...

wheat current
#

That has happened to me a couple of times as well..

#

Adding ?track=false to the URL will omit tracking

polar kelp
#

Not really your fault, btw.

wheat current
#

Ofc it is πŸ˜‰

vapid field
#

im trying to get https://github.com/custom-cards/button-card to work, but...

"custom elemtn dosent exist: button-card"

i uploaded the js-file in config/www (that didnt exist so i had to create the www myself, but that cant be the issue i guess :)

then in raw config editor i added this in the top:
title: Main
resources:

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

im new to this, and have no clue what im doing wrong :/

polar kelp
#

If you created www just now, you need to restart Home Assistant.

vapid field
#

yeah i tried that... a couple of times :/

polar kelp
vapid field
#

thanks, ill have a look there

vapid field
#

it says in the install of the plugin "Place the file in your config/www folder" but then

resources:

  • url: /local/button-card.js

not the same path, hmm could that be the issue?

wheat current
#

That is the same πŸ˜‰

vapid field
#

ooh hmm ok πŸ˜ƒ

wheat current
#

It's magic πŸ˜ƒ

vapid field
#

πŸ˜› well i kinda understand how that work hehe

prisma swallow
#

www=local...

warm depot
#

hi there πŸ˜ƒ I would like to have a time schedule for my heating system on lovelace.. Does anyone have any pretty example?

prisma swallow
#

look up Schedy on the HA forum, then use whatever display type you want

ashen glacier
#

Hi there, I'm pretty much a noob regarding lovelace. My best friends dad decided to get a smart home setup for his farm. Since there is no need for her dad to being able to control her lights and media center, I wanted to exclude the things not relevant to her dad from his ui. But my friend still wants to control her room.

Is it possible to do something like this? And if it is, can someone link me to a relatively good guide?

#

I mean setting lovelace views per user

polar kelp
#

There's a plugin called compact-custom-header or something like that. I think that can do it.

vernal dawn
#

sollte

ashen glacier
#

Thanks. I'll have a look at it and see if it does what I want

#

Looks like the thing I imagined, thanks

ashen glacier
#

I followd the instructions to install the plugin manually and it refuses to pick the plugin up....
I placed the javascript files where the github instructions sayed and added
resources:

  • url: /local/custom-lovelace/compact-sutom-header/compact-custom-header.js?v=0.0.1
    type: module

to the ui-lovelace.yaml

Am i doing something wrong?

vapid field
#

@polar kelp i just open it in another browser and it work, so i guess it a cookie problem or so πŸ˜ƒ thanks

ashen glacier
#

Lovelace shows the error message:
Custom element doesn't exist: compact-custom-header.

visual meteor
#

hello everyone. im trying to get my menubar at the top transparent, how am i able to get this done?

warm depot
#

@prisma swallow which is the link to Schedy?

tired hare
#

@ashen glacier Maybe a typo ?

ashen glacier
#

could be, I'll check

tired hare
#

sutom in stead of custom as I can see from your copy & paste and please use ~backticks

ashen glacier
#

I rebooted the pi and now the error is gone. God knows why....

tired hare
#

Lol, browser-cache maybe πŸ˜ƒ

ashen glacier
#

the github instructions dont tell me how i could use the editor...

polar kelp
#

@vapid field Are you using chrome?

#

@ashen glacier After first creating the www/ directory, you need to restart Home Assistant. Is that what happened?

ashen glacier
#

I think so πŸ˜…

polar kelp
#

@visual meteor The best you can do is create a theme with a primary-color: that matches the background.

vapid field
#

@polar kelp now, yes. it didnt work on safari so i tried chrome and then it workd (first time i opened it there). so i guess it could be browser cache or just that my safari is old and computer is old so im not alowed to update it to the newest version. I might just emty it today and get som linux instead since apple dosent think i should use them on it anymore.

polar kelp
#

It's definitely browser cache. There should be an option somewhere to clear the cache and reload the page. Perhaps it's hidden in the developer menu, perhaps cmd+F5 works.

#

Otherwise you could add ?anything to the url of the plugin in your resources: section. That will trick your browser into thinking it's an entirely new file and disregard cache.

#

Google tells me that option+cmd+E should clear cache in safari

ashen glacier
#

is it possible to hide the unused items option?
I want to setup some things that could break stuff if somebody tries to fiddle with it, who does not know what he is doing. so i wanted to hide these items completely or at least hide the unused items option for everybody except me

keen belfry
#

Hi guys, can someone tell me what am I doing wrong? I have my ui-lovelace.yaml that includes, in the views section, several files. All work well except one in which only the first card is displayed. Here is the code of this latter view:

title: Second view
icon: mdi:history
panel: true
cards:
  - type: entity-button
    entity: light.1
    tap_action: toggle
  - type: entity-button
    entity: light.2
    tap_action: toggle
polar kelp
#

@ashen glacier Doesn't it work with options: hide in the compact-custom-header?

ashen glacier
#

I still want to have the options, but i want to hide the specific button or the sonsors/actors that could get dangerous

prisma swallow
warm depot
#

@prisma swallow I didn't get if it is available or it is still a work in progress

polar kelp
#

@keen belfry Read the docs on panel mode again

#

@ashen glacier The second code sample here https://www.home-assistant.io/lovelace/yaml-mode/ has a excluded_entities: section that removes entities from the list. From what I heard, it doesn't exactly work right now... but I think that's your best bet.

keen belfry
#

Thanks @polar kelp. My bad.

polar kelp
#

No worries. Remember that a stack is one card.

#

@ashen glacier What do you need in the menu anway? If you allow access to the gui editor you're just back to the same problem, and the refresh is just a light version of reloading the page.

ashen glacier
#

I moved notifications to the options menu.

#

I still want the notifications to be available

#

Yes, I could add them as a seperate card, but i wanted them out of the way if there are no new notifications

prime umbra
#

@polar kelp thanks for the card browser-commander, works like a charm
is there any way top define sizes of the popup windows?

polar kelp
#

There's large and not large, but that's it.

prime umbra
#

ya i seen that was looking into personalize windows, but guess not yet πŸ˜ƒ

#

awesome card!!!!!

polar kelp
#

Thanks!

visual meteor
#

@polar kelp hey, i saw your card modder, but im not really sure how this works. is there a manual available ? i wanna make my cards transparant and round

mild veldt
#

@visual meteor read through the forum thread for ideas

polar kelp
#

The manual is the readme on github. But both those things can be done using a normal theme since HA 0.88.

#

The variables you want are ha-card-background and ha-card-border-radius

kind shellBOT
vapid field
#

hue-sensor-hass.. i have try to google and search here and cant get it right. i can see it in dev-state. and i tried alot of things i found when i google it. but cant get it right.
i dont know how to post image here so:
https://ibb.co/gRKn3Lc

ive tried code like this (of with my sensor name)
https://paste.ubuntu.com/p/Nm5RWFwrgT/
but just got error message 😦

severe stirrup
#

hello. I want to hide the all automations entity in this card. I can remove that entity from the card but when I remove it. the head toggle is not effect to the other entites in the card. How can I hide the all automations entity and still can controll all the toogle header? Thank

robust garden
#

Who can help me with the custom compact header? it won't load 😦

prime umbra
#

did you reload cache

robust garden
#

Think that I find the problem

prime umbra
#

πŸ˜ƒ

polar kelp
wheat current
#

Finally!
It was not me this time πŸ˜„

polar kelp
#

And this is the point where I go to clean the garage until bedtime. Good luck!

#

Btw, I also had to apologize today for breaking the ability to remove card drop shadows via themes... Will put it back for 0.89. If I remember...

wheat current
#

I bet the community will remind you of that πŸ˜‰

prisma swallow
#

@warm depot like the whole of HA, it's a work in progress but it is available

ashen glacier
#

Noob question:
Is it normal that input numbers and input booleans do not show up in lovelace when in yaml mode? (did not test default mode)
Is my assumption correct, that i should use groups to tie multiple numbers together to get a single card/panel?

#

Sry that I have to ask so simple questions, but i cant find a statisfying answer or at least a well written guide

#

(should be well written guide or statisfying answer :-D)

wheat current
#

nothing just show up if you have taken controll of the UI, with UI editors or yaml mode, you need to add the entities

split granite
#

I use YAML mode, they show up just fine for me

ashen glacier
#

okay, but everything else showed up under unused items.

split granite
#

However, you do not use groups in Lovelace

#

After you added those, you ran a config check (on the command line) and then restarted Home Assistant after it passed?

ashen glacier
#

i did not change the lovelace config yet, but the configuration.yaml is okay

split granite
#

You know that because you pushed the check button in the UI, or you know this because you ran the config check command?

#

~check

kind shellBOT
ashen glacier
#

I ran the command

split granite
#

And then you restarted Home Assistant?

ashen glacier
#

i restarted the server from the ui

split granite
#

Look in states - do you see the input_number. entity?

ashen glacier
#

nope

#

I'll try rebooting the pi..... maybe it helps

split granite
#

Don't reboot

#

There's zero need to reboot

ashen glacier
#

except when creating a www folder πŸ˜›

split granite
#

Doesn't need a reboot then either

#

Restarting the whole OS for a software change... that's the Windows mind set

ashen glacier
#

I know... My main os is linux and i hate rebooting, but sometimes it makes problems go away specially if you don't have a usable shell

#

It rebooted now and nothing changed. they did not show up

split granite
#

Then... probably your config is wrong

#

~share your config

kind shellBOT
ashen glacier
#

It desolved..... I tested with the test instance on my pc and it worked. uploading the config again over ftp made it work somehow.....

vapid field
#

I'm sure this has been asked a million times, but is there a way I can use a custom card with .84?