frontend-archived

[mild veldt]

https://github.com/home-assistant/home-assistant-polymer/issues/2625

[timber forge]

How do you do an action on the release of a button? So maybe something starts when you press and hold then stops when you release? entity button has tap and hold actions but no release action. is there some way of me being able to achieve this?

[mild veldt]

No such thing, however there is an open PR for it in the custom button-card

https://github.com/custom-cards/button-card/pull/250

No idea if it works or not

[timber forge]

No such thing, however there is an open PR for it in the custom button-card
@mild veldt nice one, i'll check it out thanks

[polar kelp]

I don't trust the latency of hass enough for something like that...

[tacit cave]

@polar kelp I just found your lovelace-auto gen card. Beautiful. It's great. Is it possible to pass a variable {{ xxx|default('foo') }} into a button card template? e.g [[[ var junk = "{{ xxx|default('foo') }}"; ]]]

[polar kelp]

"lovelace-auto gen card" makes me guess between two different things where the answers are very different. Which one do you actually mean?

[tacit cave]

https://github.com/thomasloven/hass-lovelace_gen

[polar kelp]

lovelace_gen - which isn't a card, or auto-entities?

Ok. Then yes.

[tacit cave]

Wow, that's awesome

I'll give it a whirl

[polar kelp]

But you won't be able to give it a dynamic value - e.g. you can't do [[[ var junk = "{{ states('input_number.my_thing') }}" ]]]

[tacit cave]

I don't intend to, thanks. I'm trying to create a card that has the ability to count things. But I want to specify the domain and state ass variables

[rugged plinth]

I'm struggling to have a condition check that an entite's state is "unavailable"

[tacit cave]

Basically creating groups within groups with identifiers and it'll create my interface for me wihtout much effort

check for 'unavailable

[rugged plinth]

I have the condition configured with the yaml being : https://paste.centos.org/view/raw/4cf78c7e

I've also tried "unavailable"

I want it to continue if it is unavailable

it's a notifier that a device is offline

[sage carbon]

Hi everyone, what happen to all the sensor graph cards? no graph is showing.

[tacit cave]

you may want to post this in #automations-archived, also it would be best to post your full automation.

Basically creating groups within groups with identifiers and it'll create my interface for me wihtout much effort

you may want to post this in #automations-archived, also it would be best to post your full automation.

I'll give it a whirl

[polar kelp]

But you won't be able to give it a dynamic value - e.g. you can't do [[[ var junk = "{{ states('input_number.my_thing') }}" ]]]

[rugged plinth]

@tacit cave asking there, ty

[icy patrol]

anyone willing to share their camera layouts? Looking for new ideas

[devout hatch]

so I did it right, and I can read sensor value (countdown), but ofc, lovelace has some compliants aka hue-entities-card
https://i.imgur.com/vkeng2Y.png

https://github.com/mf-social/ps-date-countdown this is github repo

[split granite]

It's a shame you shared an image rather than text, but it looks like you've a spelling mistake

enitities rather than entities

[devout hatch]

no problem, here is also a text

title: Countdown for special occassions
show_header_toggle: false
entities:
  - entity: sensor.event_ivan_comming```

[split granite]

Yup, spelling 😉

[devout hatch]

haha lol

[split granite]

Same for the custom card, that you spelt correctly in the channel, but not your config

[devout hatch]

typo I guess

thanks again 🙂

[split granite]

No worries

[compact mesa]

Hi everyone, in the yaml file of themes, how do I change the "off" status icon color?

[lone halo]

hi all, I have issue with map card. The default position is set to Amsterdam while home zone and other zones are in a different location

[junior iron]

Hi Guys, I have an entities card and i wanted to change the icon of an entity base on the status ( which are string : "N/A" and "AC"). Is it possible to achieve this ? If yes, how can i do that ? I've Tried "custom:config-template-card"but i receive an error about "No card type defined"

[weak flume]

Anyone have any link for examples of what the header and footer YAML look like? Actually in use. Wiki page doesnt make sense to me, cant figure out where to put the YAML for a header.

[polar kelp]

Next version of card-mod is starting to look good!

[tepid inlet]

Hey guys, i've got an issue with constant error logs on my database if anyone can help? Constant executing query and database connectivity. I'm on latest version, i've tried switching to mariaDB but the error still references sqlite3?

Oh and deleted the v2 file and restarted a number of times. DB file is now 4kb and i don;t think anything has been wrote to it as it no longer increases

[split granite]

Doesn't sound like a #frontend-archived issue - worth asking over in #integrations-archived with some actual details of the errors ;)
Remember to use a code share site, not post code walls 😉

[tepid inlet]

sorry, not really a discord user but though i'd try it as i'd tried googling the error. thanks

[junior iron]

feedback on my issues... I was missing the 'entities' entry in the "custom:config-template-card" which generated the error message "No card type defined" which make no sense though.

[tepid inlet]

While i'm here, could an option be added to lovelace cards to "copy" as well as the move and delete options? I use cards across mulitple views and also sometimes want to tinker with the layout while keeping the original. Apart from copying the code which is nigh on impossible from mobile, a copy option would be really useful

[tulip pagoda]

Hi im having som trouble with Lovelace... When pressing Raw config its empty i have no lavelace.yaml in root... However in .storage i have a json file named lovelace Have i fucked somthing up ?

[fallen falcon]

@tulip pagoda are you saying you have a current UI, with views and cards, yet you see nothing in Raw Config?

[tulip pagoda]

Yes

[fallen falcon]

did you migrate the UI from a pre-Lovelace version?

[tulip pagoda]

No new install

[fallen falcon]

that is odd, sorry I can't help. If you had migrated I would have had a suggestion. Good luck.

[tulip pagoda]

Give me that suggestion any way ill try anything 😄

[fallen falcon]

well, just to make sure you're doing this right: first click on the three dots in the UI (upper right) and you'll see two options. Select the one marked Configure UI. Then you'll see three dots again with two (different) options. Select Raw Config editor. Are you doing that?

go back to what I asked.

i thought you said you had a working UI

show me a picture please

and you shouldn't need that entry in your config.yaml file.

its one or the other....either you are editing in the UI (either card by card, or by using Raw Config Editor) or you are using ui-lovelace.yaml. Not both.

my strong suggestion for a novice is to edit purely in the UI. You should rarely have to mess with yaml for Lovelace until you want to do more advanced things.

lets do this. get rid of that entry in configuration.yaml, restart, then lets try to edit as I suggested earlier.

@tulip pagoda looks like you deleted some of your messages....not sure what's up. I'll hang around for a few minutes to help but it looks like you may have moved on.

[tulip pagoda]

I created a new yaml file and entered basic info...lost all existing lovelace cards but now i can edit again...

Some glitch somewhere

[fallen falcon]

not sure why you are creating a yaml file (or what yaml file you are referring to). Its not necessary.

you can do all of your view and card creation directly in the UI

did you take that entry out of configuration.yaml as I suggested?

[split granite]

The YAML isn't used unless you enable YAML mode

There's very few reasons to do that either

[fallen falcon]

(that's what I've been trying to get across...)

@split granite on a different topic....I've been struggling with best way to get a Grafana dashboard into a lovelace card. There seem to be two basic options: either use an iframe card (lots of limitations as to sizing of the card unfortunately) or use a Grafana rendering utility that creates .png files that can be displayed in a picture card (currently not working do to some issues Grafana has with rendering utility according to @fading sorrel ). Any suggestions for how to do this effectively?

[split granite]

That's pretty much your choice unfortunately

[fading sorrel]

You layed down all the options and limitations there 🙂

[fallen falcon]

shoot

oh well

would be great if iframe card had some more size parameters. Been trying to use card-modder to mess with it, but so far no luck

[fading sorrel]

The Grafana rending utility is kinda messy, they are basically spawning a headless browser for a screenshot

which is not compatible across the platforms we support

[fallen falcon]

yeah, i read their docs. Chromium usage. yuck.

[fading sorrel]

so instead of actually building a renderer

they keep avoiding doing that

🤷‍♂️

[fallen falcon]

oh well....I'll move on to some other areas to focus on....leave this one to simmer until all you smart guys figure out something cool to make it work better!

[split granite]

rewrite Grafana 🤔

[fallen falcon]

I never got past Fortran and Cobol so not likely me who will be doing the rewriting!

[fading sorrel]

Well.... in Fortran, GOD is REAL

(unless you've declared it as a INTEGER of course)

[short willow]

In lovelace is there a middle ground between a pair of entity-buttons and a glance card? 1 seems too small and the other seems too big. I wanna Goldilocks entity...

[mild veldt]

@short willow you put buttons in horizontal stacks to reduce their size

[short willow]

I tried that, still looks chunky

https://i.imgur.com/secAfo1.png

[muted inlet]

change the icon height maybe?

i usually do 32px

[fathom vault]

I have a picture added to HA, is there a way I can get it to refresh every 10 seconds, even though the url does not change?

[split granite]

How did you add it?

[muted inlet]

guess we'll never know...

[mild veldt]

@fathom vault https://www.home-assistant.io/integrations/local_file/

[fathom vault]

@mild veldt thanks, looking into that now

[short willow]

@muted inlet I tried that, didn't do a thing

[fathom vault]

Hm this local file doc page is not very clear

[mild veldt]

fix it

[fathom vault]

I would if I knew what I was doing 🙂

Where do I call local_file_update_file_path service from?

Its not appearing in the list even for developer tools -> manually call service

[mild veldt]

I thought you said it didn't change?

the path, that is

[fathom vault]

it doesn't, but I assumed Id need to tell HA to grab the image periodically

because the url for the image is on my lan. The image itself changes every second, but the same url each time

[split granite]

If the image is updated on the file system the image displayed in Home Assistant will also be updated

If that's a local file, it'll auto update

[fathom vault]

but what tells HA to keep pulling the image from the url, and writing it locally?

[split granite]

That integration uses a file path not a URL

[polar kelp]

You probably want this instead, actually: https://www.home-assistant.io/integrations/generic_ip_camera/

[fathom vault]

this looks promising, thankyou

[vapid field]

Hi I want to add floorplans to hassio. I uploaded the floorplan in svg and png. As I want to setup the pics with lovelance the pics does not show up in the cards. maybe it is a right problem ?

[kind shell]

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

Command '~share' was invoked by: Tinkerer

[split granite]

Show us what you've done, and we have a fighting chance of helping you 😉

[vapid field]

Uploaded files into /config/www/home.png
Editing Mode Love lance -> picture element

image: /local/home.png```
I tried to emplement the pics over lovelance. Maybe I should over configuration.yaml

[split granite]

You're doing it in the right place

[vapid field]

You're doing it in the right place
@split granite I don*t get it

[split granite]

You can't use configuration.yaml to make changes to your UI

[vapid field]

Ack, and what can you say about the "code" 😆

[split granite]

It looks ok, based on the docs

But, check the log for any errors/warnings

[vapid field]

Invalid configuration: element required 😅 . I implemtent a random element. What can a element be ?

[mild veldt]

https://www.home-assistant.io/lovelace/picture-elements/#elements

[vapid field]

this is the update. Still not working

https://hastebin.com/obiyuxijiz.bash

wow, I cannt get it to work. I try until we have it

[fathom vault]

why use binary_sensor.updater?

[polar sun]

Make sure to read through the entire image type section. The style section is required

I’m not personally familiar with the picture-elements card but always read the docs in their entirety

[vapid field]

I have 3 entities so far. the style selection is required, but if you dont define it, there are default values.

https://hastebin.com/wihunelalo.makefile

[calm temple]

I'm trying to change the color of an icon via the following: https://paste.ubuntu.com/p/B9Zfxk3f6y/

[vapid field]

image: /local/home.png``` this part is not working.

[harsh sphinx]

Anybody that can guide me on how to install the plugin https://github.com/ikaruswill/lovelace-fan-xiaomi
I am not really familiar with the lovelace ?

[muted inlet]

have you taken control of lovelace?

if so, go to the raw config editor (three dots in upper right > configure ui > three dots again > raw config editor)

[split granite]

1. Install HACS
2. Use HACS to install it

[kind shell]

Home Assistant Community Store is the successor to the old Custom Updater, and can do so much more - you should check it out.

Command '~hacs' was invoked by: Tinkerer

[muted inlet]

yeah that would be the better option lol

[split granite]

You'll need to take control anyway, but much easier than downloading and unzipping, and missing things

[harsh sphinx]

@split granite I have allrady tried to. but i cant see the fan after installation

[split granite]

You need to have already have the fan working

[harsh sphinx]

It is working within the Mi Home App

[split granite]

Is it working in Home Assistant though?

Doesn't matter what some other app does 😉

[harsh sphinx]

No. I do not really understand where to get it working in the HA.

No, just for confirmation that the items ideed works

[split granite]

The fan?

[harsh sphinx]

Yes

[split granite]

The Github you linked to links to a custom component you apparently need

Have you installed and configured that?

[harsh sphinx]

Yes in HACS. Its a plugin within there

[split granite]

And the fan entity shows in -> States?

[harsh sphinx]

(and its green) - Indicating its on i giess

[split granite]

It?

What it?

[harsh sphinx]

I will look in the overview ?

[split granite]

Nope

Developer tools then States

[harsh sphinx]

ok

[split granite]

That's currently your only source of truth

[harsh sphinx]

I will look

I am not sure what to search for within there. I have a lot of entities, but it does not seem to show up

[split granite]

fan.

If you don't have it, then your integration isn't working

[harsh sphinx]

I guessed so 😦

[split granite]

#integrations-archived can help you get that going, hopefully

[harsh sphinx]

Okay i will try

Thanks @split granite

[vapid field]

what about safing the images into /config ? and change the URL from IMAGE to /config/xxx.png ?

[split granite]

That won't work, you can only access things under www/ as /local/

[vapid field]

That won't work, you can only access things under www/ as /local/
@split granite TRUE thats what I red.

Is that a red card ?

[muted inlet]

nah you said "red" instead of "read" so i was just being an ass 😛

[vapid field]

image: /local/home2.png
tap_action:
  action: none
hold_action:
  action: none```

I actually only try to make the png showing but it does not appear.
png is stored into /config/www/home2.png

[shell torrent]

is it possible to..

1. automatically refresh the gui when there is a newer version (instead of getting the notification "A new version of the frontend is available. RELOAD"
   and/or
2. setup a sensor that indicates when a reload is necessary - then I could trigger on that and reload the screen over mqtt (using https://github.com/thanksmister/wallpanel-android)
   the use case is for my dashboards where I use semi-broken cellphones as wallpanels. it's hard to press reload without a working touchscreen

[vapid anchor]

hi guys

i have a situation, my groups can´t scroll down anymore someone know what is happen?

[harsh sphinx]

Having problems clicking on the configure UI after pasting in the lovelace YAML mode following the https://www.home-assistant.io/lovelace/yaml-mode/

When i click "Take control" the interface does not respond to it

[vapid anchor]

https://ibb.co/B36Vbdf

[harsh sphinx]

@split granite Can you help?

[split granite]

🤔

You either use YAML mode or you take control - pick one

Oh, and ... don't tag like that, it's rude to demand people help you

[harsh sphinx]

Sorry. But apparently you are the only one that responds "real time". ok i see.

[split granite]

Right, so, you ask in the channel and e patient

Or... folks just block you and you get no help 😉

[vapid anchor]

@split granite hello

[harsh sphinx]

Okay thanks for the advice

[polar kelp]

Discovery of the day. By using ::after, card-mod can be used to set the secondary info of any entity row.

and template it

[muted inlet]

@harsh sphinx tl;dr: remove what you added to put Lovelace in YAML mode and restart if you want to use the raw config editor

[vapid anchor]

@polar kelp i didnt anderstand but can you show a image?

[polar kelp]

Then you can combine that with the soon-to-be-released theme support...

[muted inlet]

None/255

[polar kelp]

Meh. The templates can be improved.

[muted inlet]

None | float / 255 ✅

Solved

[polar kelp]

But in that screenshot every row that's a light and not a slider-entity-row shows the brightness value as secondary info.

[vapid anchor]

https://ibb.co/B36Vbdf can someone say to me what is happen?

after a update the card group didndt adapt anymore to window view :S

[polar kelp]

Here's a gif too

[vapid anchor]

@polar kelp do you have a chanell on youtube?

[polar kelp]

Well.. yes, but...

Prepare to be underwhelmed: https://www.youtube.com/channel/UCTDnNgW38sMuzx9GOp7HfxQ

[split granite]

That is two more than I've ever done...

[polar kelp]

The browser commander one is from before I learned how to turn macos screen recordings into gifs

And yes, I did toggle the Hello world in.

I also toggled an sd card reader and the spi protocol in. Once. Then I got a rom chip.

[vapid anchor]

@split granite its for me that message?

That is two more than I've ever done...
@split granite

[split granite]

@vapid anchor
Nope
@vapid anchor

[vapid anchor]

you see my problem'

?

[split granite]

Yes

[muted inlet]

@muted inlet
Tediore
@muted inlet

[vapid anchor]

can you help me solve it? if know off course

[split granite]

If I thought I could help, I would already have said something

Asking me just makes me less likely to want to help you

[vapid anchor]

ok i'm sorry

[mighty root]

Hi all! I've just updated my 100.3 to 105.5, and now I get strange errors when using the frontend. One in three times or so the frontend just hangs, spinning (both on Firefox on Linux, and Home assistant app on android). The log file spits out:

2020-02-19 20:04:23 ERROR (MainThread) [frontend.js.latest.202001303] https://ha.<REDACTED>.se/frontend_latest/chunk.7118e154c1cbe4d05625.js:4096:8681 SyntaxError: expected expression, got end of script
2020-02-19 20:04:23 ERROR (MainThread) [frontend.js.latest.202001303] https://ha.<REDACTED>.se/frontend_latest/chunk.09d0b9f9f90076d4ef7f.js:1:318901 SyntaxError: '' literal not terminated before end of script
2020-02-19 20:05:06 ERROR (MainThread) [frontend.js.latest.202001303] https://ha.<REDACTED>.se/frontend_latest/chunk.7118e154c1cbe4d05625.js:2733:70327 SyntaxError: unterminated regular expression literal

If I download one of the mentioned files, the file is cut in the middle of an expression.
{kind:"method",key:"getCardSize",value:function(){return 3}},{kind:"method",key:"setConfig",value:function(e){if(!e||!e.entities||!<EOF> .

Any ideas of what I should check?

[urban violet]

Anyone familiar with the #columns .column css in Lovelace? I'm getting an overflow issue where a scroll bar is showing up on Desktop only? I can remove the scroll bar by setting #columns .column to overflow: hidden. But I don't know if that's a large issue or if I could just change it on my HA instance. Had issues with photo upload, here is a screenshot on my Google Drive: https://drive.google.com/file/d/1z1wARH_wQrSYM150DvRKJsjhliq-FwHJ/view?usp=sharing

[vapid cobalt]

does anyone know if home assistant services such as zwave.set_config_parameter are persistent after a zwave/home assistant restart?

[mighty root]

@vapid cobalt , they should be since the parameter is stored in the z-wave device.

[vapid cobalt]

Thanks

[fathom vault]

how can I just add a button to lovelace, which calls a service when its clicked. Not state, no toggle etc

[polar sun]

I just created scripts and then make a entity-button with that script

You could also use a picture card and have the tap_action be call-service

[fathom vault]

I think the issue I have is that all these controls want an entity and Im not sure what to enter for that

since this button isnt backed by any device or anything

[polar sun]

One option is to create a script, and then that script is the entity. You can also use a picture card which does not require an entity

[fathom vault]

oh i see

ill try that, thanks

[mild veldt]

@fathom vault 0.106 entity-button will be just button and not require an entity

[tidal acorn]

What should I do to add a theme NOT using HACS (I don't want to install it, for now, yet)

Mostly I'm trying to understand why I see other's dashboard with multi-column elements, while mine on my desktop is only organizing on a center column with loads of space on the sides

[timber sonnet]

Ooh that is nice @mild veldt

@tidal acorn it kinda depends on what you define by theme. Just colors? Or do you mean a full styled view?

[tidal acorn]

Mostly disposition. Most dashboards have 3 columns (i.e. https://community.home-assistant.io/t/clear-theme-dark/100960)

Mine just hav this single column with elements.

[timber sonnet]

Well, I am guessing he has panel: true

Or he just has multiple stacks

[tidal acorn]

Ok, so I'm guessing I need to configure something... Maybe lovelace itself ?

Ok, I'll go study 🙂

[timber sonnet]

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

Try putting three of those beneath each other and fill them with cards

It should make the three colums you’re looking for (depending on screen width). Else set the view to panel: true (warning with panel mode ONLY and only the first card gets loaded, make sure that card is a stack of some sort)

[tidal acorn]

Can I have more than one vertical stack ?

[timber sonnet]

Yes

You can even nest stacks

Or mix horizontal and vertical stacks

[tidal acorn]

Ok. So it's a matter of dashboard configuration, it's not "automatic", I need to define them precisely. Gotcha.

Thanks

[timber sonnet]

Yeah

[tidal acorn]

@timber sonnet how can I include badges with stacks? Apparently they disappear

[timber sonnet]

What kind of badges?

The ones at the top?

[tidal acorn]

Yep.

[timber sonnet]

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

Somewhere in the first few lines you’ll find the answer

[severe idol]

I'm using the custom-header component - Can you hide the microphone button for mobile? It takes up too much space on mobile.

Also is there a way to use horizontal finger motion on your phone to swipe between lovelace tabs?

That would be really neat.

Basically what you already do to swipe between photos on your smartphone, but then use it to switch between lovelace tabs.

[pearl drift]

I'm having trouble trying to keep state icons from changing size and position depending on what device/aspect ratio I am using to view the picture-element panel

[latent moss]

@severe idol you can get swipe navigation using this custom card, from the same author (maykar) as custom-header https://github.com/maykar/lovelace-swipe-navigation

And to hide the microphone button can use voice_hide: true in the custom-header config

[severe idol]

@latent moss thank you!

[latent moss]

np

[runic dagger]

I'm seeing 5hui-stack-card.ts:97 Uncaught TypeError: Cannot read property 'replaceChild' of null when using conditional cards inside of a horizontal stack, has anyone else seen this? Opened https://github.com/home-assistant/home-assistant-polymer/issues/4896 (has full relevant config section)

[atomic glacier]

@tidal acorn If you want total control of how your views are laid out, I'd jump into this for the best solution that allows pretty much any type of card configuration:
https://github.com/thomasloven/lovelace-layout-card

@urban violet if your pretty decent at CSS I'd take a look at the plugin ☝🏻 above as well.
The scroll bars on the side, (from my experience), are usually when the screen resolution height is set larger than the screen it's being displayed on. Hence the reason I typically design a different view for each display type. e.g. tablet, desktop, mobile...

[dire peak]

noobie here. Can I define icon state changes in the customize.yaml?

[atomic glacier]

There are different ways to achieve what you are trying to do, but that depends on how/where/what type of card you are trying to display this in. Here is an example I Googled of how to accomplish this with templates. https://community.home-assistant.io/t/anyway-to-change-icon-color-in-lovelace-based-on-state/117739 Hope this helps...@dire peak

[dire peak]

thanks I'll take a look. Just the basic entities card

[atomic glacier]

There's been some recent changes and I think that can be done within the card itself now. Check out the docs from the latest HA release notes...

https://www.home-assistant.io/blog/2020/02/05/release-105/#icons-no-longer-change-color-based-on-state

[vapid field]

Hello

I am trying to figure out how to interact with hass from the simple example found here.. https://developers.home-assistant.io/docs/lovelace_custom_card/.
I would love to just get it very barebones... I am trying to just get a simple button i can click that changes the state of a input-select and fires a service...
i think the documentation is a bit "thin" in this area...

[polar kelp]

@vapid field Here's a quick example I wrote just now. It's untested, but should give you a starting point: https://gist.github.com/thomasloven/1de8c62d691e754f95b023105fe4b74b

[vapid field]

Thank you Thomas 🙂 i will look into this .

Uncaught ReferenceError: hass is not defined
its in buttonClicked() {
const stateObj = hass.states[this._config.entity];
const service = stateObj.state === "on" ? "turn_off" : "turn_on";

// Turn on or off the light
// https://developers.home-assistant.io/docs/frontend_data#hasscallservicedomain-service-data
hass.callService("light", service, {entity_id: this._config.entity});

}

[polar kelp]

You should be able to solve that one.

[vapid field]

🙂

i should and i think i did... but now i have another challenge.. "could not call the service input-boolean/turn_on. Service not found."

[polar kelp]

input_boolean

[vapid field]

aaah

just found it myself.. sorry 🙂

And thank you very much... this has made my day 😄

[vapid anchor]

Hi guys
after a update the card group didndt adapt anymore to window view :S

https://ibb.co/B36Vbdf

Can Someone say to me what is happen ?

[north igloo]

hello together
I am still struggling to find a way to keep my touchscreen displays arround the house connected to HA. Everytime they wake up I have to wait like 10 seconds while there is a message on the buttom left corner like "connection lost, reconnecting.."

this issue came up like a year ago... before everything was fine... perhaps related to a webview-update or something?

Can I somehow authorize the touchscreen devices in another way?

(I am using Fully kiosk browser on android, but same issue with chrome/firefox on android)

(tried usage of browser_mod without any improvements...)

[vapid field]

@split granite hey friend, thx for your time yesterday. The "code" was right. What was missing was to reboot the system. So now it would be helpful to know when I apply changes to HA which action is needed to make the changes come true 🙃

[tidal acorn]

@tidal acorn If you want total control of how your views are laid out, I'd jump into this for the best solution that allows pretty much any type of card configuration:
https://github.com/thomasloven/lovelace-layout-card
@atomic glacier it seems exactly what I was looking for. I wonder if it's smart enough to reorganize cards on mobile!

[royal blade]

Hello,
Can someone help me with a syntax issue please on a lovelace card i created? I get a no card type configured.
https://pastebin.com/jgypsaG6

[polar kelp]

You don't have a type for the card in the second stack.

Just entities, but the entities are cards.

Remove line 38, fix indentation.

[royal blade]

good shout but now i get Entities need to be an array

[vapid field]

Hi All.. So i am trying to get this to work.. I have boiled down the example to https://pastebin.com/GZmnSzZK. And i cant figure out how to get the value (i) forwarded to the buttonClicked function

[polar kelp]

Then you didn't remove "- entities:"

@vapid field the "click" eventListener isn't actually buttonClicked, but the anonymous function () which dismisses the event parameter and executes this.buttonClicked().

If you just make it execute this.buttonClicked(i) instead, and make buttonClicked take that parameter, it should work.

[vapid field]

@polar kelp But then we dont know haas... 🙂 Cannot read property 'states' of undefined

[polar kelp]

That's why () => is there.

[royal blade]

@polar kelp This is how the code looks now but with the entities need to be an array, probably because the type is history-graph? https://pastebin.com/pEsDrXrA

[vapid field]

Yes... that was also what i thought...

[polar kelp]

() =>{} is shorthand for (function() {}).bind(this), so () => {whatever} will give whatever access to this.

[vapid field]

and then parameters are not possible?

[polar kelp]

@royal blade Read the error message and the docs for history-graph again, and I'm sure you'll find some discrepancy to your configuration: https://www.home-assistant.io/lovelace/history-graph/#entities

@vapid field I don't understand. What you want is ...addEventListener("click", () => this.buttonClicked(i)) and change buttonClicked to suit.

[royal blade]

@royal blade Read the error message and the docs for history-graph again, and I'm sure you'll find some discrepancy to your configuration: https://www.home-assistant.io/lovelace/history-graph/#entities
@polar kelp Perfect, thanks, resolved my issue.

[vapid field]

@polar kelp then i will always be the latest i value... thats my problem... 🙂 i am trying to create a lot of htmlelements and then i want to react diffrently depending on with number from the array i press.

so basically i cant get a call to the function (buttonClicked) in the object MyCustomCard2 with the correct value. and i need that to call haas

[polar kelp]

Oh! I see. You're running into a weird scope thing of javascript.

And the reason you should never use var. Change var i to let i.

It's weird and stupid and probably a remnant from the fact that javascript was designed by one guy over one week.

[vapid field]

Yes i am.. I actually used to work with js, and i must say that i have completely forgotton how much problem this causes 🙂

But now it works 🙂 Thank you again

[north igloo]

hello together
I am still struggling to find a way to keep my touchscreen displays arround the house connected to HA. Everytime they wake up I have to wait like 10 seconds while there is a message on the buttom left corner like "connection lost, reconnecting.."
@north igloo Anyone?

[split granite]

@vapid field You don't need to reboot... at most, restart, but not even that for changes just to the UI. The HA docs have this all covered 😉

[atomic glacier]

@north igloo I solved my tablet issue by keeping them always on and not let the screen sleep. I use browser-mod's blackout in combination with a clock screensaver,(which is a popup), while the tablet is idle. The only issue I have now are random browser crashes and have to click RELOAD button on screen.

[north igloo]

Thx DinoTech

I'll give it a try... didn't just want to blackout as it may disturb during the night... I'll see 🙂

[random root]

Guys

[muted inlet]

Girls

[random root]

I think I have some bugs in the fe

      - entity: group.grp_watchwinder_power
        hold_action:
          action: more-info
        icon_height: 119px
        show_icon: true
        show_name: false
        type: entity-button```

This entity button

Shows wrong state

It's off even if the state of the entity is on

Is this a bug?

entities:
  - entity: group.grp_watchwinder_power```

Same entity works well on a different type like the one above

[calm temple]

Driving me mad, any idea how to put the following into a conditional card https://paste.ubuntu.com/p/N6qf4WZxpC/?

[muted inlet]

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

so you'd put the card you want displayed under card: in the conditional card config

[calm temple]

@muted inlet can i nest a custom:vertical-style-card within the conditional card?

[muted inlet]

I don't see why not

[calm temple]

k thanks

but it seems like the conditional card if not visible still pushes other elements around the layout

[split granite]

It still takes up space

[calm temple]

right ok

[dire peak]

i have a zigbee switch created by a deconz integration. I would like to add an icon_template to it. Is that possible?

when I try, I just seem to create an alternate switch

[dawn crow]

Can anyone maybe assist me on this. I tried to update Home assistant from its user interface both OS and Hassio.. OS went fine but Hassio never completed. Now i cant access it at all, i just get a "connection refused" when trying. I can access it via Samba though, so I've taken my configs out just in case. I also get a login prompt when trying to access it from Putty, but i don't know the credentials 😦

I've tried cycling power to the raspberry pi, but after day it still haven't come online.

[muted inlet]

check home-assistant.log to see if something is preventing home assistant from starting

oh, also #330944238910963714

[dawn crow]

Theres a lot of exceptions in that log it seems

Should i go to that place instead ?

[muted inlet]

yep

[dawn crow]

Thanks !

[calm temple]

any reason why after i save my lovelace it reverts to different ordering?

for example, i just spent half-an-hour moving the "-type:" to the top all over the file, now i save and restart and back to the way it was putting "entity:" on top, etc...

[muted inlet]

It orders stuff alphabetically

[calm temple]

oh ok, sort of liked to visualize the code with type being the first in a block

[muted inlet]

Yeah for sure. It's always slightly confusing when someone shares an automation created in the UI editor

[mild veldt]

it is serialized to JSON for storage and then converted back to yaml for viewing, causing it to be sorted

I believe there is an open ticket to support ordering in the library we use

[muted inlet]

that makes sense, i always wondered why it happened but never looked into it

or asked lol

[vapid anchor]

Hi guys

i hope that is everything fine with you 😄

i have a situation that cant see a solution

if someone can help me i will apreciated

[muted inlet]

so...explain the situation 😛

[vapid anchor]

after a update the card group didnt adapt anymore to window view :S
https://ibb.co/B36Vbdf

in image you can see what i'm talking about

if you want to see the programming i can put there a link too, but before update was working

[muted inlet]

after an update to what version?

[vapid anchor]

to last

[muted inlet]

[vapid anchor]

0.105.3 to 0.105.4

i will install last update to see if fixes

[velvet python]

Time for me to start learning more front end stuff. I think it's consideredn front end so correct me if i'm wrong. For starters, I have a scripts to change my TV input in an entity card. If i click it, it opens up and i have to click execute. I'd rather have some kind of button switch. Were do I learn about whats available and how to connect them? Any links to helpful docs appreciated.

[muted inlet]

Should be an EXECUTE button on the right if it's an entities card, otherwise you could call a script from an entity button

[mild veldt]

@velvet python https://www.home-assistant.io/lovelace

[velvet python]

oops.. it was an glance card.. but the real problem is I'm blind and missed the entity button i was looking for. that works 🙂

[vapid anchor]

Didnt fixe :S i dont know what to do, some idea?

https://pastebin.com/sABT2meb

[worn parrot]

Is it possible to use templates in service data on tap_action? Trying to use a binary_sensor with tap_action set to call-service to toggle it manually for testing.
https://pastebin.com/yp1hnaFP
Appreciate any advice, or if there's another way to achieve this. I know NodeRED is one option (have it working there using Javascript to re-format the msg.payload).

[mild veldt]

@worn parrot one solution: https://github.com/iantrich/config-template-card

[random root]

guys

is it ok to use raw config editor to create custom card?

is there an alternative way to specify a resource

resources:
  - url: /local/my-custom-card.js
    type: js
  - url: /local/my-webfont.css
    type: css

will I loose the "WYSIWYG" editor if I edit the config raw?

[modern breach]

not if you use the raw config editor in the gui

[muted inlet]

Why do you start every question with "guys"? Lol

[modern breach]

cos it would be presumptuous to use "aliens" 😉

[vapid anchor]

@muted inlet can i interrupt you?

[muted inlet]

share the card config maybe. if it worked before and stopped working after an update then maybe it's a frontend issue

[kind shell]

@vapid anchor posted a code wall, it is moved here --> https://paste.ubuntu.com/p/msTysCDDP8/

[muted inlet]

please watch the line limit...

oh so if you click the icon at developer tools > states this (https://discordapp.com/channels/330944238910963714/460846676358332417/680131848847884303) is what it shows?

[vapid anchor]

the same

[muted inlet]

ok i thought you were talking about a lovelace card, now i understand what you're saying. still frontend related but this looks like a bug

[vapid anchor]

there is a config

https://ibb.co/Xyy8Q0y

[muted inlet]

yeah that's different from what you're talking about here

[vapid anchor]

how i comunicate a bug?

[muted inlet]

might be worth opening an issue in the home assistant frontend repo (https://github.com/home-assistant/home-assistant-polymer)

[vapid anchor]

@muted inlet but is related with what?

sorry for the question but i didnt know :S

Report a bug with the UI, Frontend or Lovelace?

[muted inlet]

Lovelace == frontend

[vapid anchor]

Report an issue related to the Home Assistant frontend. If this doesn’t look right, choose a different type.

i try to post that

[kind shell]

@vapid anchor posted a code wall, it is moved here --> https://paste.ubuntu.com/p/gFGqnt8j5Y/

[icy patrol]

Hello; is it possible to change the ‘Execute’ label for script entities?

[muted inlet]

@icy patrol https://www.home-assistant.io/lovelace/entities/#action_name

Assuming you're talking about an entities card

[icy patrol]

@muted inlet wow.. How, missed that!

Thank you

[vapid anchor]

https://github.com/home-assistant/home-assistant-polymer/issues/4949

@muted inlet please see if its fine to understand because my language isnt english 😛

[jagged cargo]

i have a quick question about this weather card. https://github.com/DavidFW1960/bom-weather-card I
I installed the BOM FTP Forecast custom component through HACS.
In the configuration part in the instructions, point 2 shows I have to add card reference and shows "for a HACS installation: i would add url: /community_plugin/bom-weather-card/bom-weather-card.js
That bom_weather-card.js isn't in any folders and didn't get installed from HACS .. So do I have to manually download the file and create a community folder in my www folder etc?

[icy patrol]

Is there an option to have 2 different ON States for this:
type: picture-entity
entity: light.bed_light state_image:
"on": /local/bed_light_on.png
"off": /local/bed_light_off.png

I have a sensor that shows started with remote and started with key

And I want to catch both of them instead of a template sensor as ON

[dire peak]

how do I override the color of an icon?

[timid burrow]

card-mod

[jagged cargo]

@timid burrow Hi, thanks for the great work on this add-on. So do i install card mod as well?

[timid burrow]

it's not my addon.

[jagged cargo]

i mean the bom-weather-card

🙂

[timid burrow]

if you want to change color of an icon card-mod will do it and of yourse you need to install it

ohhhhhhhhhhh

sure

[jagged cargo]

my question was i installed it through hacs

but it doesn't create anything in www folder

[timid burrow]

you don't need card-mod for the bom weather card

[jagged cargo]

do i manually have to create a community folder to put the bom-weather-card.js in there

[timid burrow]

HACS should do that for you

do you have other cards installed with hacs?

[jagged cargo]

last year i was using your weather card, but that was manually setup. I decided to start fresh and basically have only installed the BOM Forecast one through hacs

nothing else

but it didn't create anything in www folder

[timid burrow]

ok so the forecast one is a custom_component - not a card

it will be in /config/custom_components folder

not www

[jagged cargo]

ok, I can confirm that is there..

[carmine flare]

Hi, I am building a webpage which access to HA, under /config/www. But the HA instruction say that if the url is known to somebody else, it is accessible from everywhere. If I check it, yes, it doesn't ask for HA credentials. So scary about this, and how can I limit to, say, only from local IP? Also realized that with a direct url to a python script under /config/www, it shows what is written in the script itself!

[jagged cargo]

didn't see any other bom ones in the hacs integrations page

[timid burrow]

the card is a plugin not an integration

and you need to restart HA after installing the forecast

[jagged cargo]

clearly i haven't been using hacs much ... ignore me 😛

[timid burrow]

hahaha....

hacs is squirelly at the moment...

[jagged cargo]

Got everything working, thank for the help

[timid burrow]

excellent

[feral rivet]

If I want to use a lovelace ui from another user. Do I first create the new user> copy the desired lovelace ui into my lovelace folder and then restart? I may have oversimplified the process , but I want o make sure that I understand the concept .

[polar kelp]

The lovelace UI is not user dependent. It's the same for all users of the same Home Assistant system.

Copying an interface from a different system only makes sense to an extent, since the interface should match your entity and device configuration.

That said, some interfaces are made to be copied. Some more specificity would help here.

[split granite]

@carmine flare Stick a proxy server in front of it and deny access 🤷

[polar kelp]

And don't put scripts in /config/www. Why would you even do that?

(Side note - I just realized that saying "tripple double-u" saves you four syllables. Did everybody know this and never told me?)

[worn parrot]

@polar kelp "dub-dub-dub" saves you two more, for a total savings of 6 out of 9 (66.666%)!

[polar kelp]

The Germans have it easy, where W is pronounced "veh".

[worn parrot]

Ahh, yes, German... The language of anger.
DAS IST VERBOTEN!

I always feel like people were screaming when saying simple, non-angry things in German. 🙂

Simple module I threw together for auto-refreshing ❤️ Can pretty easily incorporate a config option for time but good enough as is for what I'm using it for (interface edits without having to tab over to refresh)

  setConfig(config) { this.style.display = 'none'; setTimeout(function() { window.location.reload(); }, 10000); }
}
customElements.define('lovelace-refresh', LovelaceRefresh);```

[shell torrent]

@worn parrot is your module the answer to my previous question 1?

is it possible to..

1. automatically refresh the gui when there is a newer version (instead of getting the notification "A new version of the frontend is available. RELOAD"
   and/or
2. setup a sensor that indicates when a reload is necessary - then I could trigger on that and reload the screen over mqtt (using https://github.com/thanksmister/wallpanel-android)
   the use case is for my dashboards where I use semi-broken cellphones as wallpanels. it's hard to press reload without a working touchscreen

[carmine flare]

@carmine flare Stick a proxy server in front of it and deny access 🤷
@split granite ah I see. thanks for the solution

(Side note - I just realized that saying "tripple double-u" saves you four syllables. Did everybody know this and never told me?)
@polar kelp the html in /config/www is generated by a script. yes you right, it doesn't need to be in there.

[slate skiff]

I have posted on the forum an issue with the lovelace interface. From time to time, the lovelace UI stops working (If I access the lovelace url I have the HA spinning wheel forever). The hidden part (scripts, automation,...) continue working. First, I would like to be able to detect when lovelace stops working (without me being 24/7 in front of my browser!). Any idea how to do that? Next step will be to understand why....

[icy patrol]

I have a weird issue that i have an Input Select entity with temperature numbers as available selections. it is at the bottom of my lovelace under a vertical stack and when i click on the input select drop down, the selection box is very small as its being cutoff as its at the bottom of the page. I cannot scroll down in chrome to even see more selections
https://imgur.com/a/bBacPbT

[unborn cedar]

interesting

[flint canopy]

What type of input should I use for an entity that has more than 2 states (still discrete states). Like a switch but with 3+ states instead of 2. Like I have an HDMI switcher that turns 1 port into 3. I control it remotely. But how should I put it in the GUI?

[latent moss]

@flint canopy try an input_select https://www.home-assistant.io/integrations/input_select/

You can see what it looks like on the demo site here (Entertainment card on the right), has an HDMI switcher dropdown https://demo.home-assistant.io/#/lovelace/0

[flint canopy]

@latent moss Thanks. I will take a look.

[atomic glacier]

@icy patrol maybe move it up in the stack? 🤔 for a quick fix

[icy patrol]

yea as a quick fix, that would do it but for the flow of things - i am trying to figure out why the input box does not open higher like pop-up screens open in Windows

[atomic glacier]

probably getting cut off for another display reason, but without seing config and screen layout, it would be hard to pinpoint

I solved all of those issues by using popups for all my display functions, cleaner IMO

[icy patrol]

https://imgur.com/WF0sl0V

this screenshot shows a bigger view

[atomic glacier]

is that the first stack in the view? or the only stack?

[icy patrol]

https://imgur.com/jqs9Njz

its the only stack

[whole relic]

Not sure when it started, assuming when I upgraded to 105, but when I have a more info popup that has a long list of entities, scrolling is not working to get to the bottom of the list. The entities overflow the card with no scrollbar: https://imgur.com/5if30Jl Tried searching, but couldn't find an issue I felt was the same. Any thoughts?

[icy patrol]

@atomic glacier what did you use for the popup?

or i can maybe use a input line where i can only key in a number between lets say 70 and 75

[atomic glacier]

@icy patrol https://github.com/DBuit/thermostat-popup-card

[icy patrol]

thanks ill give it a shot.

[atomic glacier]

i made my own at first, but that one is really laid out nice https://imgur.com/a/43FiEXw

[icy patrol]

@atomic glacier do you know of a pop-up that can be used for entitt cards other than a climate card?

looking to get it so that when i tap on the input select option, for it to pop-up and that way i will have room to drop down

[atomic glacier]

Sure, my repo has about every type popup you can imagine, LOL😎

[icy patrol]

LOL; great; i will check them out now

wow what a setup!

[vapid field]

https://github.com/kalkih/mini-media-player#card-with-media-shortcuts

Can you use this for a song as well?

[atomic glacier]

The Kiosk Settings popup already has input_selects for an example https://github.com/Dino-Tech/Home-Assistant-Main/blob/master/scripts.yaml#L6527-L6570 @icy patrol

[icy patrol]

is that a different pop-up than the one you sent?

[atomic glacier]

@vapid field probably if you use the Spotcast service component

[vapid field]

Can't you just use a track?

[icy patrol]

i am trying to get this into a pop-up

          - id: d68e1a774dd2446aa27464fe9a8bdd1f  # Automatically created id
            type: 'custom:love-lock-card'
            popup: confirm
            cards:
              - type: entities
                show_header_toggle: false
                title: Temperature Selection
                entities:
                  - input_select.ecobee_temp

[atomic glacier]

this is a typical popup that is a good starter example(assuming you have hass-browser_mod installed) https://github.com/thomasloven/hass-browser_mod#popup @icy patrol

don't see why not, but haven;t tried either @vapid field

[vapid field]

okay

[icy patrol]

thank you

[lime glacier]

is there any way you can have a 'conditional' map card based on geolocation?

[atomic glacier]

@vapid field had to set up a view and the card, but yes single tracks work. e.g. uri: spotify:track:4tkmm0pdXEZvHscuHWnkqy

@lime glacier you could have a popup open via an automation when a zone is entered by a certain device_tracker

[lime glacier]

ok, I think I found a solution

https://hastebin.com/judaletoru.bash

I can not test it right now since there are no Lightning Strikes in my area. I have the nsw_rural_fire_service_feed integration on as well, but it is broken atm

[solar laurel]

Guys why can't i enter spaces when renaming devices? Same issue in "What should this automation do?" Prompt. I can paste spaces and they are accepted, just can't enter by keyboard...

[mild veldt]

@solar laurel I have no such issue. What version of HA and what browser/device?

[solar laurel]

0.105.5 is the app or HA version? Cant find it in webui only on iOS app

But the issue is with latest Chrome on Windows 10

[feral rivet]

I have a question about using Dinotech's lovelace mobile ui on my system. If I create a new user, can i copy the Dinotech's lovelace UI to my new user lovelace file?

[solar laurel]

Can i change the "Home" zone via UI?

I mean radius sorry

100 is way too small

[mild veldt]

@solar laurel I'm currently on Chrome Windows 10, 0.105.3 and having no issues and haven't heard any other such reports. Have you tried clearing your browser cache or other browsers to replicate the issue?

@solar laurel also, in 0.106 you'll be able to edit the home zone

[solar laurel]

Well i just installed HA 2 hours ago

So cache shouldnt be an issue but i can try

@mild veldt Issue is still there after shift+ctrl+r

@mild veldt Google Chrome is up to date
Version 80.0.3987.116 (Official Build) (64-bit)

[atomic glacier]

@feral rivet You don't hafta create another user, just another view and pretty much yes and no. It will only work if the entities are the same. Meaning you would have to put your entities in or get a bunch of ugly screen...and you would need all of the custom cards installed as well. Really not that complicated if you just do one user and one section at a time to make sure it is displaying.
All of my ui-lovelace.yaml is in yaml not uPnP for editor...

[feral rivet]

So would I go about separating my mobile device interface from that of my wall mounted tablets or desktop, if I keep then all as the same user?

• so How would

[atomic glacier]

okay, so if you are doing that...then yes... create a user for each device like in my repo.

was the easiest way for me...or you could also use device_id to differentiate the devices

[feral rivet]

then do I just copy the raw config editor and paste into my new user?

[icy patrol]

browser_mod seems complicated with all the device id's it makes for every device. What if you go into a guest system and that I'd has not been added. Will the mod not work? Is there anything else that can help with a pop up card when clicked on?

[feral rivet]

and then go through and clean it up.

@atomic glacier Do you use fully kiosk browser with your setup?

[atomic glacier]

don't use that method... ' raw config editor' I should at least learn it...

yes

[feral rivet]

ok I will not use that method

[atomic glacier]

browser_mod will cover all devices with the popup command or specific devices can be selected when using device id

[icy patrol]

@atomic glacier so if I don't give a device I'd, it will work on any device? Can I just do disable all under device in config? That way it won't make new enitites

[atomic glacier]

https://github.com/thomasloven/hass-browser_mod#aliases
https://github.com/thomasloven/hass-browser_mod#disabling-entities

the popup will display on all devices that have lovelace open at that time, if no browser is designated

[icy patrol]

Oh it's sync..

[feral rivet]

So i just created the new user and once I logged in the interface was the same. So then do I do take one view at a time and remove what is there and input the new?

[icy patrol]

I will try this out this evening, I just want it so that when I click on the input select entity, for that entity to pop-up so that I can make a selection. And then for it to go back down

[atomic glacier]

state-switch or custom-header is what will direct to which section/view/tab the user sees@feral rivet I would just get it displaying on whichever user...and then work on the correct user per view. IMO...if it's not working for one user...it ain't gonna work for any

I'd take the simple example from the link I posted to get the feel of how they work...and from there, the sky is the limit🤯@icy patrol

[feral rivet]

I am having trouble finding documentation on custom header that I can understand.

[atomic glacier]

https://maykar.github.io/custom-header/#configuration/exceptions this is the part for the users, but as I just posted, I'd advise just working with one user untill it work as expected

[feral rivet]

so I installed browser mod and followed the instruction for getting it setup in config.yaml. Are the devices automatically added to the device component <browser mod or do I add the device name and wait for it to auto assign the device ID?

[solar laurel]

Is there any other way to expose an attribute in lovelace other than using a plugin?

[deep island]

@solar laurel I’m doing

{{states.calendar.birthdays.attributes.message
}} in a template, maybe that helps?

[solar laurel]

In a template? What does that mean sorry

[deep island]

(I’m very new, so maybe I’m saying something stupid) I use that in a picture elements card

https://community.home-assistant.io/t/world-clock-in-a-different-format/171317/7

Like that

[solar laurel]

Ill try that thanks

I get unknown for that unfortunately

Tried this

content: {{ states('vacuum.eryk.attributes.status') }}
type: 'custom:hui-markdown-card'

[atomic glacier]

@feral rivet when you open up a device viewing your lovelace it gets added automatically. Each connection, type as well. I have 5 diff browser id's for my mobile. e.g. FKB, Android app, NabuCasa cloud connection, VPN, LAN connection on Chrome

[feral rivet]

ok. Man , this is awesome , but the learning curve is pretty steep

What are anchors?

[atomic glacier]

yeah, but worth it😎 baby steps...
only can be used in yaml AFAIK
http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/
https://github.com/thomasloven/hass-config/wiki/Misc-tricks#node-anchors-in-home-assistant read up @feral rivet 🤓

[feral rivet]

So can I use any of your UI outside of YAML in the editor?

[atomic glacier]

not without

lovelace:
  mode: yaml

[feral rivet]

yea , but that would wipe everything that I currently have via the UI editor correct?

😭

my wife would kill me right now. Can I achieve a similar layout via ui editor?

[atomic glacier]

yep, but not much help from me there...yet but others in here are pretty sharp on the conversion process.

not too different

[feral rivet]

could I copy my raw config editor. make the switch and then paste it back?

I need to have an interface as I build the new one.

[lime warren]

Is there a best-practices for changing the icon on a switch entity IN the lovelace card config for being one way when it's on and one way when it's off?

icon: mdi:dingle keeps it one way

is there a way to define one icon for one state and one for the other in the card config itself?

I know I can do it in the switch template...

[icy patrol]

@atomic glacier i am just testing the mod-browser and i have this in my lovelace

            service: browser_mod.popup
            service_data:
              title: Popup example
              card:
                type: entities
                entities:
                  - input_select.ecobee_temp
                deviceID: 414c827f-37e673c2

yet i dont see anything in that tab

my config has this browser_mod:

if i manually enter this into the service front end - the pop up works!

just not sure how this works sitting in lovelace

[atomic glacier]

you have to activate the popup via button click. Have to stpe out for a bit, but you are on the right track...

                          - type: custom:dummy-entity-row
                            entity: input_boolean.spotify
                            icon: mdi:spotify
                            name: "Spotify"

this is the button for my Spotify popup

[icy patrol]

thank you, appriciate your help

[feral rivet]

Can anyone instruct me how to add different background to my views?

[icy patrol]

@atomic glacier i did this - not sure if its the best

            type: entities
            Title: Temperature Selection
            show_header_toggle: false
            entities:
              - type: call-service
                name: Temperature Selection
                action_name: Select Temp
                service: browser_mod.popup
                service_data:
                  title: Temperature Selection
                  card:
                    type: entities
                    entities:
                      - input_select.ecobee_temp

[vapid anchor]

hello how i can put image on cards? image not mdi

[icy patrol]

type: picture
image: /local/backgrounds/aaa.png

also picture-entity if you want a card with an image and sensor

[icy patrol]

for browser_mod - how do i execute the browser_mod.close_popup when i just press the X to close the pop-up

[north mauve]

I am not sure exactly which channel this for, as it is help with both the front end and modifying one of the addons... I am using the xiaomi vacuum addon card, and want to show different values in the card. currently the number isn't being divided, and is in minutes. I want to show hours. Anyone know what I can change in this line?

<div>${this.getValue('total_cleaning_time', ' mins')}</div>

I just need the output of that to display divided by 60

[muted kite]

So, new to HA. I just got done setting up a reverse proxy with nginx and duckDNS. So, since mine and my wifes iphones were both logged to the internal IP initially, I logged us both out of our devices and then back in to the ios app. Our profiles only show in the circles once each, but our "other circles" are all duplicated, with the old ones being outdated info. how do i remove the old entities? https://imgur.com/a/KxWZn6c

[atomic glacier]

@icy patrol I use that service as a script so it can be an automated action. e.g. popup of my camera opens upon motion in that area, then after 3 mins. the script is called to close that popup. I also use that extensively for my sleep screen on my tablet as the wake up action.

# script
browser_close_popup:
  sequence:
    - service: browser_mod.close_popup

I also use it this way in the beginning of every popup so one doesn't open while another is already opened. (<--mainly cuz my whole setup relies on popups)

alarm_clock:
  sequence:
    - service: browser_mod.close_popup
    - service: browser_mod.popup
      data:
        deviceID:
          - Pixel
          ...

[icy patrol]

ahh good call.

[feral rivet]

can any walk me through how to have a different background for each view?

[icy patrol]

@atomic glacier thank you by the way! such great help here.

[crisp matrix]

I upgraded HA and got the message “The view option is deprecated” in the logs. My config says

        default_view:
          view: yes
          icon: mdi:home
          entities:
            - sun.sun
            - sensor.yr_symbol
            - sensor.yr_temperature

No problem, I can remove it. But then, all entities is put into one page in the browser, i.e. I don’t see the room tabs anymore. How do I solve this?

[split granite]

Move to Lovelace

You should have done that a long time ago 😉

[crisp matrix]

@split granite Has been a lot of changes in my YAML but it works now. Thanks!

[split granite]

If you haven't found the wonder of the UI editor for Lovelace, I can highly recommend it

[orchid folio]

hi, all of a sudden I can't access the raw config editor any more. anyone else had that problem?

oh, after I removed one of the last custom cards I added, it works again. Curious...

Yes, it's the Dual Gauge Card.

[pliant obsidian]

Already replied in a couple of issues that were under my radar, but dropping it here to: there will be a data update of the maps in the following weeks, and the plan is the provider updates it more often (couple of times a year at least).

[narrow torrent]

so, i have a couple problems im hoping someone can help with.

• i hope this one is easy. i want to remove an integration that i no longer need. i cant find where to do that in the UI?

• im having a problem with the ZHA integration reaching some smart bulbs after a power outage last night. not entirely sure how i can get hassio to see the devices again

[split granite]

Sounds like

1. #integrations-archived
2. #zigbee-archived
   😉

[narrow torrent]

kk

[split granite]

1. -> Integrations -> select integration -> Trash can in top right

[narrow torrent]

thanks. ill hope over to zigbee for the fun part lol

[vapid field]

How would I display, Battery + WiFi entities on the user pop-up menu? thanks

https://imgur.com/a/E5EKL3a

I'm using the HA app, the entities appear in the Settings menu, but doesn't show on the pop-up

[kindred dirge]

Is it somehow possible to move the card below also to the right? https://i.imgur.com/Z6Gj9Hn.png

When I use the arrows in edit mode it'll simply move the other card below the image entity then

[limpid remnant]

Are panel_iframe: and panel_custom: gone in 0.105? I just updated from 0.104 and both fail now. Moving the url to an iframe-card works, but I'd rather have these on the panel.

[fathom vault]

@kindred dirge I dont think it has a concept of left and right (only up and down), because they are just laid out vertically and the browser just wraps them.

shrink your browser width and youll see what i mean

[kindred dirge]

Yeah I know, so it's not possible in this way?

[fathom vault]

not as far as I know, but Im far form an expert

it kinda bugs me how cards just jump around too, I have to keep browser always the same size to get the layout I want

[dusk holly]

Could it be that I used a port that isnt the usual 80?

[fathom vault]

@kindred dirge just found a Vertical Stack card. Maybe you could put both cards in a vertical stack

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

[odd light]

I think the other UI is going away completely here very soon.

[fathom vault]

which is the other ui?

[split granite]

States is the old UI that's going away

[dusk holly]

Did I ask my question in the right channel? 😅

[split granite]

If you asked about an add-on, then no 😉

[dusk holly]

Whoops, yeah I'm still used to the hassio channel

[odd light]

now its correee

I think

[split granite]

#add-ons-archived for add-ons

#330944238910963714 for Hass.io Home Assistant itself

[kindred dirge]

Okay so by using a vertical stack I can now stack those 2 cards together, however when I move them one below they won't appear to the right but below each other... https://i.imgur.com/s5FnsEc.png

How can I make it so that the vertical stack is to the right?

Without using a horizontal stack, that'd mean I'd loose the ability to live-edit the picture element

[fathom vault]

what happens when you move the vertical stack down?

[kindred dirge]

The picture element will be above the 2 card vertical stack

https://i.imgur.com/zKnoMfh.png

Lovelace is... weird

[split granite]

https://github.com/thomasloven/lovelace-layout-card

Have a look at that

[fathom vault]

oh very cool

Do you just import that git repo as you would any other addon?

nevermind, found it

[icy patrol]

Hacs is the way to go

[fathom vault]

yup, just setting that up now, looks cool

[icy patrol]

Yea, easy to install add-ons and keeps track of updates required

[vapid field]

How would I display, Battery + WiFi entities on the user pop-up menu? thanks

Any ideas on this?

[icy patrol]

Maybe try group?

[vapid field]

In what way?

[kindred dirge]

I'm trying to combine the picture element card and a vertical stack into the lovelace layout card plugin now but I think I'm just too dumb to do it properly... Everything I try is wrong and HASS complains about a wrong format.

I can't even provide examples cause I'd probably just make myself look stupid haha

https://pastebin.com/tPpskDUW

I want to put this somehow in a lovelace layout card in panel mode so I can put all elements horizontal to each other with the picture element to the left and the vertical stack to the right

[fathom vault]

whats the error when you try to save it? What line?

[kindred dirge]

The error is rather that I'm too dumb to understand YAML apparently 😄

[fathom vault]

heh

yeah think a lot of those hyphens are spurious

I found it easier to copy each card into a text editor

[kindred dirge]

I did too heh

[fathom vault]

then indent them, and add cards: at top

I also moved type: to the top of each card, just cos the examples had it that way

[kindred dirge]

Thing is when I do that the editor complains about the second type declaration at the bottom for vertical stack

[fathom vault]

probably not needed tho

you know indenting is important in yaml?

[kindred dirge]

Yeah I know

[fathom vault]

line 14 has extra spaces etc

[kindred dirge]

My understanding of things is that this would be the right way, simply adding "cards:" at the top and indenting the other stuff by 2 spaces. But as you see there is no output now... https://i.imgur.com/VFe3QxS.png

That's what's throwing me off now

I "theoretically" understand what YAML wants from me but I don't get what's wrong with that configuration

[fathom vault]

let me see how mine looks

https://pastebin.com/G9B81f7z

so the top two sections are how the cards originally looked (copied from lovelace)

and the third section is a working vertical stack, containing them both

[kindred dirge]

But you're not showing them side by side right?

[fathom vault]

oh wait sorry, i didnt notice this was for the new layout card thing :/

[kindred dirge]

Yeah haha

[fathom vault]

trying to do too many things at once hehe

[kindred dirge]

Not sure if I'm allowed to ping Tinkerer since he probably knows way better and instantly what I'm trying here lol

[fathom vault]

yeah think its considered rude

Hi all, Im trying to install HACS, and have extracted the zip into custom_components in my HA config dir. But when I try to add it from the HA gui Integrations page, its not appearing inthe list. Ive cleared my browser cache like it says, and even tried in a fresh browser

[kindred dirge]

Did you restart HA?

[fathom vault]

yes

[split granite]

I do very little with the UI, certainly nothing fancy

For me, the UI is 99% admin/troubleshooting

[icy patrol]

@fathom vault is it in a folder named hacs?

[kindred dirge]

Do you happen to know someone who's using the layout card plugin so I could ask them?

[fathom vault]

@icy patrol no, full path is /root/config/custom_components

[kindred dirge]

It's just weird that the editor doesn't complain about a bad layout or anything yet doesn't show anything at all as the output.

[split granite]

The UI editor knows nothing about custom cards

If the YAML is valid, it'll likely be happy

[kindred dirge]

Maybe I shouldn't stack 2 cards:?

[split granite]

You can stack cards, I do for the few uses of vertical/horizontal stacks I have

[kindred dirge]

I mean I wouldn't even need the layout card if I somehow would be able to tell Lovelace to "display all cards horizontally" 😄

[fathom vault]

@kindred dirge tried a yaml linter? http://www.yamllint.com/ might help flag up any issues

[kindred dirge]

The indentations are correct and everything so I don't think it'd help

[fathom vault]

maybe, only takes 2 seconds to try though :p

[kindred dirge]

"Valid", just as I thought lol

[fathom vault]

hehe fair enough

[icy patrol]

should be custom_components\hacs\ ...contents

[fathom vault]

thanks, i had that wrong, but still no dice

ah wait, havent restarted after fixing that

ah finally. thanks so much @icy patrol

I swear my ability to read basic instructions is getting worse as I get older :/

[icy patrol]

nice..

[worn parrot]

I'm working on adding a mobile interface to my Lovelace UI and can't find a decent way to orient the UI differently. I've tried lovelace-layout-card, lovelace-card-mod, and lovelace-state-switch and while I can definitely use lovelace-state-switch to figure out how wide a device's screen is (narrow for mobile layout, wider for desktop layout) , I would like to avoid duplication if possible. Anyone got something like this working, or is it just a limitation we're facing right now?

Something as basic as a horizontal-stack on wide screens and vertical-stack for mobile (each of which would consist of child-nested vertical stacks, just oriented more appropriately for their respective devics) would be good enough, but I can't seem to figure out how to even accomplish that. 🙂

[split granite]

Sounds like you may want https://github.com/maykar/custom-header#custom-header

[worn parrot]

I've got that actually as one of the routes I tried. I can definitely hide views per device but my goal was to possibly re-use my layout, just oriented differently. Or did I miss that ability in custom-header?

[split granite]

Nope, the whole point of Lovelace is that it handles stuff like that

You want to be able to hard code a layout, and that's not what it's designed for

[worn parrot]

Gotcha. Figures as much 🙂 Appreciate the confirmation.

[jaunty atlas]

So, the lovelace default showing of a cover (fyrtur) really isnt optimal, one arrow is always grayed out, and its shows current position to 100% always.. 😦

[split granite]

Check the state of the underlying entity

[jaunty atlas]

ahh it also says 100% all the time

[split granite]

There's your actual problem then 😉

[kindred dirge]

I also have a Ikea cover and for me it works just fine

Via the Ikea hub

Tho getting there was a total b....

[jaunty atlas]

I them connected through conbee2

I am considering to get the IKEA gateway just for that cause

[split granite]

#zigbee-archived can help, if you provide the information in the channel topic over there

[fathom vault]

anyone know of a card or component which could display a counter, with up/down arrows to adjust its value (rather than having to click counter and then increment from the popup)?

[severe idol]

I have my live camera feed showing in lovelace, works wonderfully, but I'd also like to add a little icon of a motion sensor in the footer. Is that possible with picture-entity? this is my current code:

- type: picture-entity
              entity: camera.first_cam
              camera_view: live
              show_state: false

And there is a nice looking footer already with the name of the camera (the friendly_name of the entity) but I'm wondering if I can add another entity in the footer, which shows basically a binary sensor (motion on or off)

is that possible?

I tried picture-elements but that doesn't do a livestream like picture-entity does.

[worn parrot]

@split granite I think I'm on to something great.

• Screenshots: https://i.imgur.com/Vs5KlVn.png / https://i.imgur.com/Fl6Gp4Y.png
• Sample config: https://i.imgur.com/Bq7h0Lw.png
  @polar kelp I need to see what you think because some of the work is built using your code (to get child entities rendering). I can publish source if interested.

I need to choose a better name though, and maybe for the option. 🙂

Basically the idea is that you use that card to decide how the child cards will be displayed - like a horizontal-stack if width is greater than or equal to the threshold, or a vertical-stack if less than the threshold

and by using vertical-stack cards inside my card, it renders them in columns on desktop and from top to bottom on mobile

[mild veldt]

@worn parrot you're free to hack away with other people's code. Nothing wrong with that. Just give credit where credit is due 😉

Looks like a great idea; look forward to seeing the finished product

[polar kelp]

All my projects are released under MIT. If not stated, then implied.

Layout-card can do the same thing, but it's tricky to get it right. I think people would really appreciate this.

[worn parrot]

Sure. I figured perhaps he might be interested in taking it and making it his own, but I'm happy to call it my own (citing source etc) 🙂

it's pretty straightforward to use, and from my own need I've found many others that want something like this.

And ah, I tried using layout-card card-mod but couldn't get it working with stacks as they don't obey style: for some reason (I think hui-xxx-stack-card are ignored)

- type: custom:threshold-stack
  threshold: 1000
  cards: []

Boom. 🙂

[fathom vault]

any way to have a lovelace select list, read its entries dynamically (say by scanning a directory for individual yaml files)?

[feral rivet]

trying to place a gap card, but having issues placing it in the right spot. is it possible to drag a card to a specific spot?

[dire peak]

i am replacing my fan icons on my picture elements card with animated gifs. But... they don't seem to play nice with the transparent hover circle that appears when you click on stuff. I'm assuming this is because the animated gif is like a weird 256 color palette. Is there an image format that plays nicer with HA? Or, can I disable that hover circle thing somehow?

[muted inlet]

@feral rivet it can go wherever you want in the www folder, but the path you put in your Lovelace config needs to match (keeping in mind www is local)

[buoyant portal]

Anyone know of a generic remote card? Similar to the roku remote card but with the ability to provide any service for each button?

I really like the roku remote card but would like to port it to appletv or use it with broadlink ir commands or...

[feral rivet]

So I created the ecobee card folder
/config/www/community/ecobee-card

but it does not allow me to past the resource url to a file in the folder. The guide unfortunately does not provide much instruction

[sharp holly]

hmm tried an animated png and got the same problem. I guess I need to disable that little icon hotspot transparent feedback circle thing in the UI of my picture element card. Anyone know how to do that?

[sharp holly]

or even know what that little circle is called?

[spiral pasture]

@sharp holly are you experiencing this bug perhaps?

https://github.com/home-assistant/home-assistant-polymer/issues/4788

[sharp holly]

@spiral pasture yeah possibly related. That shadow/highlight actually completely obscures any animated images beneath it, making it far worse that it does not time out.

before you responded I started trying to move my animation to an animated vector art file to try to get around the problem

[vestal echo]

For HA Core is there a dark mode or only for Hassio?

[sharp holly]

whoa! Vector art is even crazier. Instead of being invisible, the art shows up tiled across the shadow multiple times. (as if it hasn't been resized yet)

[sharp holly]

anyone know what the native ppi is for vector graphics in HA?

[sharp holly]

zeroed in. 40px x 40px is the magic number to dodge that bug

out of curiousity, anyone know how to get HA to refresh its assets? Even a hard restart doesn't do it. I had to increment the filenames repeatedly in order to test changes.

[worn parrot]

@polar kelp It is done 🙂 https://i.imgur.com/4gf5CQO.mp4

https://github.com/NobleKangaroo/lovelace-threshold-stack/
Surprisingly small code base, standing on your heels. Thank you for your work and code base!

[prisma trail]

I've a problem there I'm trying to get 'map' to work in a popup card.. But Im getting this error: Unknown type encountered: map. https://pastebin.com/UaS8M84n

[tawny lynx]

I have the following script - which I want to change the frontend's theme - but it's only applying the theme to the cards, rather than the whole frontend/UI. How can I modify so it changed the whole theme, and not just the cards?

oop

    alias: Theme Set2
    sequence:
    - data_template:
        name: '{{ ["Amoled - MOD", "Amoled - Teal", "Amoled - Blue", "Amoled - Green",
          "Light - Orange", "Light - Green", "Gray & Green", "default"] | random  }}'
      service: frontend.set_theme```

[fierce vale]

Hi. Anyone knows what is the main difference between ha-floorplan and lovelace-floorplan? What should I take, what would you prefer?

[tawny lynx]

nm, I had to manually set the theme to backend-selected, and it works perfectly

[worn parrot]

@prisma trail it looks like you're trying to put a second card (- type: map) inside the card: definition for browser mod popup. The popup only takes a single card, not multiple.

You might be able to use a vertical-stack or horizontal-stack to wrap them both, though.

[prisma trail]

Thanks, I'll test that 🙂

[prisma trail]

@worn parrot typ: custom:hui-map-card" did the trick. Thanks to @polar kelp :)

https://github.com/thomasloven/hass-config/wiki/Misc-tricks#cardelemententity-row-triality

[feral rivet]

guys , I am having trouble find clear instruction on how to resize a card. can anyone share either some documentation or examples of resized cards.

[muted inlet]

@feral rivet don't think you can, at least with a stock setup

[feral rivet]

Do you mean only custom cards can me modified?

[split granite]

Lovelace really only supports two sizes - automatic and full width

[feral rivet]

wow really, so what does all this stuff style: #<<: *style_anchor top: 15% left: 20% <<: &style_anchor width: 2em height: 2em padding: 15px background-color: grey #var(--paper-item-icon-color) border-radius: 50% especially with width and height part?

[odd light]

Does anyone know if this weather card works with the dark sky sensor? They seem to reference the platform.

https://github.com/bramkragten/weather-card

And or is this the best weather card.

[split granite]

best is personal, there is no best

Try it, see what you think

[flint heron]

Any idea why this error is coming up? Im trying to import multiple files for my lovelace ui file

https://imgur.com/a/pb8tLcF

[split granite]

You can't use !include in the UI editor

[flint heron]

oh well dang

i dont know how to edit the file without using this editor!

[split granite]

If you want to import your YAML into the UI editor you'll have to convert it into a single YAML first

[flint heron]

How do I edit the lovelace_ui.config from outside of the ui editor?

[split granite]

Are you already using YAML mode?

Because, that's what it looks like, based on that image

[odd light]

There's always a favorite though :P

what entity does it want for weather entity? I've got tons of dark sky stuff showing in states

[split granite]

🤔

entity: weather.yourweatherentity

You're not gonna have more than one weather

[odd light]

thought I searched that but lemee check

I don't think I have one because I used https://www.home-assistant.io/integrations/darksky/

which seems like it gives more detail than https://www.home-assistant.io/integrations/weather.darksky/

is the bottom one better, worse, same?

I guess there's no pretty card to go with the top one.

[split granite]

One is a sensor, one is a weather entity

You're comparing apples and steaks

[odd light]

hmm

can I do them both without exausting my API calls?

I left it set to the defaults for how often it checks

[split granite]

If you turn the update interval down, sure

[odd light]

I think the default it 2 minutes or something

[split granite]

The docs tell you what each uses

[odd light]

nope, that will be 1200 calls, damnitt

pretty card or more information lol

[split granite]

Or, you know, change the interval 😉

[odd light]

yeah there is that

3 minutes on that is 480 each

woosh

[split granite]

Keep in mind, they may not update their own data that fast

https://darksky.net/dev/docs/faq#data-update

[odd light]

well hell the default may as well be changed to 5 lol

can't change it for the weather entity

that card looks pretty sweet, I have nothing else animated in the front end currently haha

what other animated things can you do?

[split granite]

Floorplan can do animation, as can the Mini Graph Card

Probably more

[odd light]

nice. would be cool to have it display the dark sky alert info on a glance card that appears only when there are alerts.

[flint heron]

im trying to create multiple files for each view in my lovelace. The one file that is currently being imported via file isn't being populated with the any information. The title is just 'Unnamed view' but it should be 'Other2'. What am i doing wrong? The link shows the other2.yaml, lovelace_ui.yaml and the actual webpage that is loaded https://imgur.com/a/bAxlVt4

[tepid briar]

On an iphone 7, with the app or via the webui, when you click on a color lightbulb, the bottom third/quarter of the color wheel doesn't fit on the page and thus is inaccessible, as there is no way to scroll down. Does anyone know how to fix this issue?

Current workaround is to use it on a computer, setup a scene, and just use that one

on my poco f1 with a taller display, some of the information below the wheel also doesn't fit, but enough of it fits that it's not an issue

[icy patrol]

Is it possible to add a floating home icon on each tab that follows the page as you scroll down and will take you back to your home tab (of choice)?

[mild veldt]

@icy patrol possible, sure. Exist? Not yet

I actually started on such a thing but never finished it 😅

[icy patrol]

Really eh? Sweet. Would love to see such an object if you ever push it out.

[mild veldt]

Follow this https://github.com/iantrich/fab-button

No idea when I'll swing back around to it

[icy patrol]

Thanks!

[tight dawn]

Anyone have any idea why this message keeps popping up when I first open a browser on my HA frontend:
The Lovelace config was updated, would you like to refresh?
I've never seen this before, but today I modified ui-lovelace.yaml and it now happens every time I open the browser, on multiple devices.

I click the REFRESH button in the message, as well as Refresh in the three-dot menu, I hit F5, I've even cleared the browser cache. Nothing seems to stop it.

[feral rivet]

Can anyone tell me or show me how I can display a custom card in full width?

[tight dawn]

Wow, I think I just figured it out! I changed the file a different way than I usually do. (I was working from a different computer.) I just did ls -l on my .homeassistant folder. It showed the date like this:
-rw-rw---- 1 phil homeassistant 18291 Feb 23 2020 ui-lovelace.yaml
Then I did touch ui-lovelace.yaml, and now it looks like this:
-rw-rw---- 1 phil homeassistant 18291 Feb 23 19:09 ui-lovelace.yaml
So whatever I had done to modify the file seems to have messed up the timestamp on the file. Now it doesn't happen any more. Weird!

[odd light]

Is it possible for me to have a card that only appears when dark sky has an alert, which I think is when state is 1, or is the 1 for 1 alert, and then use markdown to pull in all of the text with attributes?

Maybe someone has already done similar

[tight dawn]

Have you looked at: https://www.home-assistant.io/lovelace/conditional/

[odd light]

How do I pop the templates into it though

I'm able to make a markdown card but it's just going to sit there after the alert goes away I assume, but look funny.

[tight dawn]

Not sure what you're asking. If you have an entity whose state is a certain value when there is an alert, you use that for entity and state under conditions, then you put the markdown card you already have under the conditional card's card field.

Just like in the example at the end of that doc page.

[odd light]

Ohhhh

[scarlet heart]

Is there a way to have a Sensor show numeric value ? For e.g. if my car’s remaining range’s 100 miles, can I have 100 show up as the icon in a glance card? Same with temperature ?

[odd light]

I'm not sure if the dark sky alert has any state other than 0 or 1, how would I put state as >0?

[tight dawn]

state_not: 0

[odd light]

Ah

Thank you sir

[flint heron]

How I can get a transparent ribbon bar on the bottom of a picture - element

[icy patrol]

https://www.home-assistant.io/lovelace/picture-glance/

[fathom slate]

I recently updated HA, before the update, I had devices that made their icon yellow when on and grey when off. One of these was a light, one was a fan, and one was a switch with lightbulb set as it's icon. All of these had proper icon states. Now after I updated, only the light does. Is this a bug?

[dark dirge]

No, it was on purpose

[muted inlet]

https://www.home-assistant.io/blog/2020/02/05/release-105/#icons-no-longer-change-color-based-on-state

[fathom slate]

Ah, thank you! And my bad, should've looked at release notes instead of mindlessly Googling.

[crisp falcon]

Hi. Is there a way in the ui to show an input if a lock requires a code? It shows for an alarm controller but not for my lock. Am I missing something in my component for it to show up?

[tall estuary]

@crisp falcon sounds like you may need to make that custom. what lock requires a code?

[crisp falcon]

@tall estuary I’m adding door lock for a sector alarm system. To be able to toggle you need to go via the hub and use a disarm code.

But a lock component supports a code. I guess it is just the front end that is missing it then. Can you point me in the correct direction for fixing?

[tall estuary]

Which hub are u using?

[crisp falcon]

It’s a custom sector alarm hub. Connecting via web service.

[tall estuary]

Sounds like you may need to setup something through nodered or mqtt. Do you need the pin to be entered Everytime on the GUI or can you just make a button that sends the pin?

[crisp falcon]

I guess I would like it to be configurable. In alarm you can set a default code and get an input or not.

I mean the component can now take a data part “code” which works fine. So I can lock and unlock using the entity with data. But what I’m after is the ui part to show a code input if needed just as the alarm ui does.

[tall estuary]

I think you can use the alarm panel for it as well. May need to write a script that can validate the code entered was correct and if so fire an event.

[ebon hare]

i want to change my box-shadow color value based on my rgb light color

[noble galleon]

If I can't get the gui to load anymore, is there a way to access the command line?

[muted fossil]

Can someone tell me how i can get "History Stats" for sensor.power_cunsumption? The state is the actual power usage so i can't use on/off
I want Lovelace to show me the 24hour power usage total

[sage carbon]

history graph cards?

[devout hatch]

why I am keep getting spinning whell when I click on Developer tools? everything else is working..

[muted inlet]

refresh the page and/or clear cache

[devout hatch]

thanks @muted inlet

[frank crest]

Without using panel: true is there a way to get 1 card to completely fill the layout?

Trying to find a way to use https://github.com/thomasloven/lovelace-layout-card with badges

[mild veldt]

@frank crest glance card is pretty much badges, so why not just put that at the top?

[frank crest]

I played with that, but it doesn't look right on my tablet

[half cairn]

hi 🙂

I have a garbage sensor card that keeps automaticly adding repeating code to to it..

 ha-card {
    background: none;
    box-shadow: none;
  }

it keeps adding that over and over.. when i manually remove those lines, save the card and then reopen the card editor, theyre back..

[kind shell]

@half cairn posted a code wall, it is moved here --> https://paste.ubuntu.com/p/mPXkmHnFDf/

[half cairn]

full card --^

[polar kelp]

Update card-mod

[half cairn]

obviously something with the style...oohh

i have v13

[split granite]

HACS is your friend here 😉

[kind shell]

@half cairn posted a code wall, it is moved here --> https://paste.ubuntu.com/p/d5Mc2fzzpX/

[split granite]

~rule6 @half cairn

[kind shell]

@half cairn Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, codewalls (longer than 15 lines) and unapproved bots.

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

Command '~rule6' was invoked by: Tinkerer

[split granite]

Please, stop with the code walls 😉

[half cairn]

Sorry...:)

i actually thought the automatic converting of code was ok to do.. sorry will do it manually next time 🙂

[split granite]

It's there as a clean-up, for when folks don't - some folks post many dozens of lines, and that's "not fun" when you're on mobile

[muted inlet]

Or when the bot's down

[half cairn]

ok clear 🙂 what do you mean with hacs is my friend? I have latest version of card-mod, via hacs

[polar kelp]

card-mod 13 was released during a period when hacs had some issues with updating stuff. Try removing and reinstalling it.

[half cairn]

ok will try that, thanks 🙂

Nope, still adds extra code after uninstall, restart HA, reinstall, restart HA..

the card works fine, just filling the code with a lot of nothing.

[odd light]

when does the bot ever go down?

is this just theoretical lol.

[wheat current]

actually.. quite often 😦

[odd light]

lame

[split granite]

Went down over the weekend

[odd light]

damn

[wheat current]

It probably had a little too much fun on friday 🍻

[empty coyote]

Does anyone know how to increase the size of the front end, like a DPI-setting where everything gets scaled up? I have tried putting cards in panel mode but it only stretches the card, not the contents of the card. I have an old 10" tablet that i want to place on the wall but its too small to read the weather etc from a distance.

[mild veldt]

can't you do that from the display settings of the tablet itself?

[empty coyote]

Yeah i tried that, it has a settings called "font size" that i set to extra large, it did increase the size a bit but i want maybe 10x that 🙂

Unfortunately there is no setting with "super ultra mega large font size" 🙂

[fathom vault]

@empty coyote you could add a css with 'body { zoom: 150% !important; } and change home assistant to import that css. Might be a bit of hacking but Im sure its possible

I just changed it dynamically in Chrome Developer tools, and it seems to work nicely

[empty coyote]

ah, i have absolutely no idea how to do that, but ill try my google skills and hope that someone allready did this 🙂

[fathom vault]

Maybe this will help, but youre gonna need some webdev expertise anyway I think :p

https://community.home-assistant.io/t/lovelace-instantish-css-changes/71525

[empty coyote]

I tried to find my lovelace.yaml file a while go but failed, i guess its hidden since i do everything with the GUI or something. And now the "raw editor" is bugged so its completely empty when i use it... X_x

https://github.com/thomasloven/lovelace-card-mod <-- maybe this will do?

[fathom vault]

hrm, not sure. You want to be applying css to the lovelace frontend, rather than an individual card

if you have the ssh add-on installed, you can get to your lovelace config by sshing in and it should be in config/.storage/lovelace (at least it is on my docker based install)

[empty coyote]

I only need it for my vertical stack card really, i only have like three cards (weather, bus station times and a glance card with fuel level and aux heat.

Yeah i have WinSCP

[fathom vault]

oh ok, give lovelace-card-mod a try then. maybe itll be ok

[empty coyote]

Problem with applying to the whole frontend is that it will effect all devices probably, so if i open it on my phone people will think i am half blind 😄

[fathom vault]

ah yeah, it would :p

but you could apply css media rules so its only enabled when screen size is 'tablet sized'

[empty coyote]

Yeah, i but i guess that would really stretch my google-fu skills 😄

My coding is mostly done by copying, pasting and swearing

😉 😄

[fathom vault]

Is there a way to set the default template which is shown at Developer Tools -> Template?

[glossy birch]

No

[manic maple]

Hello, what is the best way to configure lovelace to show temperature and humidity values for each room on a new row?

I'm using a glance card but I'm unable to force a new row

[atomic glacier]

maybe? columns: 2 or columns: 3

IDK...I use that in combo with entity-button, but mainly for width, but it does increase the rows as well

[manic maple]

that's exactly it! 🙂

can't believe I missed it

thanks

[icy patrol]

Hello, hoping someone has a suggestion.. I want to display a "return home" link that will take me to a specific tab on each of my tabs at the bottom. Now I only want to see this link when I'm viewing from a mobile device. Is this possible? Does this option exist today?

[iron locust]

Can I cause a card/icon/whatever to blink or otherwise animate in Lovelace?

[worn parrot]

@icy patrol

- type: markdown
  content: '<a href="/lovelace/some_other_page">Go to <b>some other page</b></a>'

And using custom:state_switch (https://github.com/thomasloven/lovelace-state-switch), hide or show that

you'll need to query the screen size using media queries (https://github.com/thomasloven/lovelace-state-switch#mediaquery) or use custom:browser_mod (https://github.com/thomasloven/hass-browser_mod) to get the deviceID and filter your custom:state_switch on that, but it's doable.

@iron locust You can style cards with card-mod (https://github.com/thomasloven/lovelace-card-mod) to add CSS e.g.

- type: entity-button
  entity: light.bed_light
  style: |
    @keyframes blink { 50% { background: red; } }
    ha-card { animation: blink 2s linear infinite; }

[iron locust]

thanks

is there any default method to make things more noticable other than just changing the color? Like so I know my dryer's done and the door hasn't been opened yet

[icy patrol]

@worn parrot amazing, thank you!

[daring swan]

I'm having a weird problem with overflow and my RGB lights.

Underneath the effects option is a list of the settings of the light, that flows off the ... card?

[fathom vault]

@iron locust mobile push notifications?

[steep jewel]

A bit of a random one, but is anyone else here interacting with home assistant core web ui on a surface rt? Page just straight up doesn't render at all

[pastel valley]

Hello all. Hopefully i write right place. I have one automation where i but time when start heating my car. I want to get that time showing my lovelace page and if possible can change that time on that picture-element page (time is 7:00 on my automation example righ now) (picture elements -page)

https://pastebin.com/73qdiBmD

[zenith crescent]

How can I get to the YAML for Lovelace if I am not using YAML mode and Config Raw isn't working?

I bad acting card has caused the view to go blank. To make things worse, the raw editor doesn't show the YAML either.

[odd light]

did you set it up correctly in your configuration.yaml

ssh time baby

lol

[zenith crescent]

@odd light Are you responding to my question? No need for SSH, I have access to all the files at all times (its a VM) and the rest of HA is working (I can just use the VS Code Addon to make the fix). It's only 1 tab on the Home page.

I just need to know where HA stores the UI layout when YAML mode is not being used.

[odd light]

that's a good question actually

[zenith crescent]

Worst case scenario, I can try editing the card's (flex-horsehoe-card) source code to prevent the exception to hopefully get the UI back so I can delete it.

[atomic glacier]

@zenith crescent pretty sure it's in .storage but I use yaml, so I can't check

[odd light]

yeah I think so

[zenith crescent]

@atomic glacier Bingo, much appreciated! https://www.screencast.com/t/fKudvqC4fJnT

Figured out why it broke the view. Somehow, when saving the custom card, an array was used instead of a json property. Time to switch to YAML mode,. @atomic glacier do you have any tips on how to convert my current json to YAML so I dont have to reinvent the wheel?

[polar kelp]

Open raw editor. Ctrl+A, Ctrl +C.

Or just copy the json. Json is valid yaml.

[zenith crescent]

@polar kelp The raw editor is broken because of some bad json

[atomic glacier]

<Thomas> will 0.106.0 completely break card-modder?

[polar kelp]

No. With an updated card-tools it should be ok.

[ivory raft]

Good morning all. I'm having a new issue with my RGB light card in lovelace. It won't let me scroll at all anymore. I can't see beyond the color wheel on a mobile device and some text at the bottom / the effect selector gets clipped even on a desktop browser. Thoughts?

[lost escarp]

is it possible to force the height of a card?
e.g. I have a gauge, and a picture card. I want that the picture card has the same height as the gauge. They are part of a horizontal-stack

[pastel valley]

Can someone help why not get custom cards working on my picture elements view. I download that js file and moved that my www folder. Then i added this my lovelace-ui.yaml

https://pastebin.com/55PANUCX

I use this custom card: https://community.home-assistant.io/t/lovelace-gauge-card/58880

[lavish solar]

I'm using secondaryinfo-entity-row to add additional info and use it's template support. Is there a way to do some basic math in lovelace?

I'd like to modify the values coming back from an attribute

[ivory raft]

This is what I'm seeing. Highlights to show text off the card. Zooming out in browser allows it all to be seen, but cannot scroll.

and zoomed out:

[icy patrol]

is it possible to use (hass-browser_mod) and set it up to NOT show something on a device?

seems like the way its setup, you can choose what to show but I just want to hide an object on all device BUT my mobile phone

[mild veldt]

@ivory raft known issue https://github.com/home-assistant/home-assistant-polymer/issues/4884

[ivory raft]

@mild veldt thanks!

[frosty pelican]

I just noticed that light card bug impacts more than just hte light card