#frontend-archived

1 messages Β· Page 163 of 1

distant phoenix
#

Correct, it was just after the update that's what it looked like. After combining the cards into a stack it looks like this

karmic tiger
#

Villhellm already told you the answer. If you want to take over from Lovelace's algorithms, you have to do all of the layout stuff yourself.

distant phoenix
#

I tried using the Layout card mod, but cannot understand the column arrangement

karmic tiger
#

You don't need 'mods'. Start by putting that view into panel mode. Add a single horizontal stack card. Within that, add 3 vertical stack cards. Within each of those, add the cards you want in each column.

#

Custom cards are awesome when there's no native solution... your problem has a native solution.

#

The only caveat is that it'll still be a 3-column view on mobile.

distant phoenix
#

You can't have badges in Panel mode though

#

And also it won't look right on mobile as you said

karmic tiger
#

This is true... but you can come up with other ways to display 'badge' info in a smaller space once you start doing proper layouts.

#

And the 'button card' is even better for styling, I just haven't gotten that far yet.

distant phoenix
#

This seems like a lot of hoops to jump through due to Lovelace having these weird limitations. I'm trying to figure out how to work with it, but it seems like it just constantly changes it's layout rules. Why is it that HA uses Lovelace anyway??

#

Are there no better frontends?

wheat current
#

That question does not make any sense

karmic tiger
#

I can't say I've noticed any differences between any of the latest versions. However, I can refresh my page and have the cards be in different positions... it's just the algorithm.

#

And the frontend is Lovelace because the devs say so πŸ€·β€β™‚οΈ

wheat current
#

It could be named cheese cake, it's just a name πŸ€·β€β™‚οΈ

distant phoenix
#

Fair enough it's a name. It just seems so inefficient and I don't understand why it doesn't let you arrange the cards how you want them to be. Drag and drop them even where you want. Why is it this weird Up Down system?

karmic tiger
distant phoenix
#

Is there a benefit to it over something else that's more user friendly and customizable

karmic tiger
#

Benefits? How about its native integration with HA? 😐

distant phoenix
#

Right, perhaps I'm not explaining myself properly. Why is the default arrangement option is this Up Down stacking instead of drag and drop to wherever. Is it a technical limitation? Is it just how it's been designed? I just want to understand why like this and not another way

karmic tiger
desert delta
#

that is already open in another tab πŸ˜„

mild veldt
#

@distant phoenix propose a better way. A responsive layout is quite challenging to implement while still being easy to configure (the 2nd part being the more important part)

karmic tiger
#

@distant phoenix how do you propose you drag things in 2D space yet still have a responsive layout for mobile? That's not an easy problem to solve.

#

Snap

mild veldt
#

@distant phoenix as an FYI, drag/drop is being worked on, but it just a matter of ordering things. Screen size still changes everything

#

In the end though, this is a community project. i.e. things are done in one's free time (except the Nabu guys). So if something is lacking, someone needs to take the charge to fix it

white drift
#

anyone know if its possible to provide an array of values to graph for a mini graph card?

tight scarab
#

I have seen the cards get into a weird state occasionally where moving one "up" or "down" throws a bunch of the other cards into a different order.

#

Not sure what precipitates that state, but usually moving something that is misbehaving allllll the way down and then back up to where it needs to be seemed to work. Or just edit the YAML

desert delta
#

I just wonder, is there some kind of concept for the user interface or a place where a lot of brainstorming happens? Or is it more just piece by piece. I wonder what ideas are around, because while the UI makes permanent progress it still feels like there is a very long road still ahead.

odd light
#

so did anyone else have all of their custom cards break with the newest upgrade?

#

says they don't exist.

#

nm, they eventually came up lol weird

tight scarab
#

I had to update a few things with HACS first and then restart

desert delta
#

I have a sensor with a huge array (vacuum map). Can I hide it somehow in the state tab list? it's waaay too huge. Customizations -> Hide from UI does not work.

elder pendant
#

You cannot

hasty magnet
#

Huh... for some reason whenever I try to edit something like an entities card in my lovelace, there's no save button, just a spinning indeterminate progress indicator

kind shellBOT
regal hare
#

half code half a question

#

I saw that "Most css stuff" works with picture-element cards, but I can't get mix-blend-mode to work. Am I missing something?

regal hare
#

no luck

green raft
#

Anyone know if there's a way to show an auto-refreshing image that doesn't cache? Trying to get the latest DOODs match image to display, and it's just a camname_latest.jpg output that's constantly overwritten.

vapid field
#

Wait you can use both state_colour and state_color?

tranquil kite
#

I have a sensor with a date format I'd like to change. The date is formated as MM/DD/YY. I want DD/MM/YY.
I've tried creating a template sensor like this but it's the same result. What am i doing wrong?

date_adjusted:
  friendly_name: "date adjusted"
  value_template: "{{states.sensor.date.attributes.date | timestamp_custom('%d%m%y') }}"
lucid merlin
#

morning everyone, hey on the lovelace dashboard, i am using a button card for my front door lock (not sure if there is a better choice) and i am trying to set the color to red when it is unlocked. How do i do it?

chilly drift
#

Hi, folks! IΒ΄m really stuck, looking for a way to display an entire group of entities in Lovelace. I believe this is possible, but i cannot find out how...

split granite
#

@lucid merlin You'd use card-mod with CSS

#

Back ticks @chilly drift πŸ˜‰ Next to 1️⃣ on many keyboards

chilly drift
#

i am trying to set the color to red when it is unlocked. How do i do it?
@lucid merlin Normally you do this by defining av icon_color template.

      templates:
        # icon: 'if (state === ''on'') return ''mdi:stop''; return ''mdi:check'';'
        # icon_color: 'if (state === ''on'') return ''rgb(251, 210, 41)''; return ''rgb(54, 95, 140)'';'
        icon: >-
          if (state === "on") return "mdi:stop" ;
          return "mdi:check";
        icon_color: >-
          if (state === "on") return "rgb(251, 210, 41)"";
          return "rgb(54, 95, 140)"";
``` πŸ™‚
lucid merlin
#

i actually found a vertical card that used a custom card to do it. i just found it before i saw this message

#

thank you

#

i needed a better visual than dark grey and blue that the door was locked or unlocked

#

theme i am using did that. lol

bright horizon
#

Hi. Who can tell me? All Panels in Lovelanse Are lined up vertically. It looks strange on the computer. On a large screen, there is one column in the middle. How can I place the panels horizontally?

#

UI in noText mode (Lovelance.yaml)

elder pendant
bright horizon
#

in card i am use horizontal stack. Is it possible independent of the card is positioned horizontally?

elder pendant
#

You need to put any cards that you want to align horizontally in a horizontal stack

bright horizon
#

I don't see horizontal stack in config

#

both for maps and for the page as a whole in a text editor.

#

how can i send here foto of my Lovelance&

elder pendant
#

The demo accepts the default card sorting method. If you wanted to match it you would have to use exactly the same cards in exactly the same configuration with exactly the same order

kind shellBOT
#

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

mild veldt
#

@bright horizon you have a single column in the middle on a large screen? you don't have all cards in a vertical-stack, do you?

bright horizon
#

Yes

bright horizon
#

Can someone help me?

mild veldt
#

you do have them all in a vertical-stack?

#

if so, that's your issue

bright horizon
#

this is one card

kind shellBOT
#

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

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

bright horizon
#

Second card

kind shellBOT
#

@bright horizon 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.

split granite
#

@bright horizon STOP doing that

bright horizon
#

ok.

split granite
#

Now go and re-read the rules

elder pendant
#

You have everything in a vertical stack. Don't. And your horizontal stacks are doing nothing. One has a single card and the other has no cards

bright horizon
#

Thank you. I found error in config.

#

in text editor of lovelance i found excess Vertical stack/

#

I apologize for the code posted earlier. This is my first time using Discord. I think it would be extremely impractical

split granite
#

Just use a code share site in future - as explained in #rules and the message the bot DMd you when you joined the server πŸ˜‰

inland marlin
#

anyway i can set zoom level on a web page or iframe card?

lucid merlin
#

is there a way to have it when i go to a different lovelace dashboard that after so many seconds that it will go back to the main dashboard?

elder pendant
#

with browser_mod maybe

karmic tiger
lucid merlin
#

hmmm, not sure browser mod has what i am looking for.

#

i know i can do it with hadashboard and been doing it that way but i am trying to use lovelace dashboard now

dusk holly
#

Hey, I just installed Hass on a new Pi of mine, I already had a system on a Pi 3, but now that I got a Pi 4 with 8gb ram I wanted to put hass on there.
So the issue I got right now is the History tab, as soon as I open it up, my browser tab freezes, the fans on my pc go haywire and the page dies on me. When I open up any other tab on the webpage it works just fine

#

Is there a setting that is wrong or have I discovered a bug

elder pendant
#

Sometimes history can take a long time to load depending on how much data you're trying to pull

#

Check the log for any errors

dusk holly
#

how much data
There isn't much, it's a clean system

mild veldt
#

@dusk holly could try the beta. History performance is improved a lot

dusk holly
#

@mild veldt How does one do that? πŸ˜…

mild veldt
#

Supervisor > System > Join Beta

dusk holly
#

Oh thank you!

regal hare
open adder
#

hello?

waxen dirge
#

is there a problem with "mini-graph-card" custom card? i can't visualise anymore line graph

split granite
#

No issues here

rustic aurora
#

Not sure if this belongs here, but is there any way to find exactly what is connecting via the websocket API? I added the websocket_api sensor, and it currently shows that there are 103 connected clients. However, this seems high as I normally have a maximum 2 browsers (Chrome on desktop and Chromium on Raspberry Pi acting as a kiosk) and 3 mobile devices (2 Android and 1 iOS) connected. But the sensor will only show how many are connected.

shell torrent
#

I often create a template sensor just because I want a specific number format, typically to show 1 decimal place in the GUI instead to the sensor's actual 10 decimals.
I just realized I now have 115 template sensors, about 600 rows, with no other purpose than to do just this. is it possible to accomplish the same this in another way?
My first guess would be using customize, but that doesn't seem to support that. Other suggestions?
Maybe there is a card that support changing number formats that I haven't found yet?

polar kelp
#

Normally, I strongly suggest using template sensors for things like small calculations or extracting an attribute into a sensor value, because then you can also use that for automations and stuff, but when it's pure presentation it makes sense to do it in the frontend.

shell torrent
#

Well, that looks.. lovely!
Exactly what i was looking for! And I agree totally, for automations I still use the original sensor (or create a template when needed). I just want this for presentation like when a sensor reports 1233.380000000000045474735089 kWh

copper geyser
#

I'm sorry to ask such a basic question, I've searched around the forums a lot... How can I use attributes to configure Lovelace elements? In the template editor, {{ state_attr('media_player.kitchen', 'entity_picture') }} gives me a useful string but trying to set picture card "image" property to that doesn't work at all. I've tried a lot of combinations of quotes πŸ™‚

split granite
#

Template sensor πŸ˜‰

#

There's very few cards that support templates in any way, and if they do it'll be clearly documented

#

If you look at those docs:

image
(string)(Required)
You'll note that it takes a string there, not a template

copper geyser
#

That makes sense. There must be a way to get a useful string, right?

split granite
#

Custom cards are likely the only option

copper geyser
#

I'm definitely misunderstanding something - thanks for your patience - in the attributes I can see the exact string I want to use as an image URL. Can I really not cram it into a picture card?

split granite
#

No

#

Look at what it supports there - it supports a string

#

Not a template

copper geyser
#

Is there a better way to access a state attribute? Or is all hope lost? πŸ™‚

polar kelp
#

The thing is, the image property is static. It can't change.

#

Unless it's a camera image, e.g. a Generic IP Camera with a templated still_image_url.

rustic aurora
#

Try my Lovelace Card Templater custom card - that can be used as a wrapper around any card to allow you to use Jinja templates. After wrapping the card in that card, you change any option name to add a suffix of _template to allow you to use a template (e.g. image_template).

copper geyser
#

I think I understand. Thanks for all your help!

severe fox
#

I would like to start a counter from now. Till I manualy reset it. I made a sensor but there I have to define start and end. For end I stated : end: '{{ now() }}'. But what do I have to set for start?

#

Or am I in the wrong channel again?

karmic tiger
#

What are you going to do with the timer? Tell us the problem you're trying to solve, not your solution.

severe fox
#

I would like to count the amount of logins from blue iris. So every time the state is sent to the MQTT server " on" it adds 1. The counter is working. Every time I login in Blue Iris the counter is counting. But it resets at the end of the day to zero. I would like to continu counting till I reset it manually

#

It has to start counting today and ends never

karmic tiger
severe fox
#

I would like to add the config part but I don't know how. Its juist 7 lines or so

#

Oke. Thanks.

dusk holly
#

Okay, so I tried to put the new Pi 4 8gb with Hassio on beta, hoping that my issues with the history tab would stop. But so far it keeps bugging out

#

I think there is a big loop going on when I open up the history tab

#

Oh fml youre kidding me, it was my Brave Shield (Brave browser)

alpine dagger
#

I saw there is a password manager on HA

#

how good is it?

split granite
#

What?

alpine dagger
#

let me think before i type!

split granite
#

HA doesn't have a built in password manager

alpine dagger
#

ignore me completely... im sure i saw "password manager"

#

but i think i did not .... now

wheat current
alpine dagger
#

Oh

#

Hmm that looks cool

#

I wanted somewhere to store passwords locally

#

so i could access them through mobile or any computer i'm on

#

(for free)

split granite
alpine dagger
#

mfw when i thought i was in lounge πŸ™‚

heady mulch
#

ahoy folks, im new here, please be gentle. Is there any way to display a list of recordings/images/files on the frontend? I have got my cameras all set up, and am currently setting up motion triggers to record, just couldnt find a way to view them after

split granite
#

There's not really a (native anyway) file browser

heady mulch
#

i had thought i could snapshot when the motion happens, then use the local_file as camera to just display that last event

split granite
#

If it saves to the same file, yes

heady mulch
#

There is also a change file path option I spotted too πŸ€”

#

Maybe if I could get a list of the files, and add buttons to switch to the next file in the list

summer sluice
#

Would anyone be able to tell me why all of a sudden nothing works for State history, like nothing is being recorded, even though the domain is not excluded in the recorder?

  • these all sensors, that is not showing any history all of a sudden
split granite
#

Check your log file

tough quiver
#

Hey lads, wondering about icons I want to use a mdi:lightning-bolt as an icon for something but this is not available in the version of mdi hass uses, but i've definitely seen lightning bolts in UI before, any idea what i should be putting for that? found something better anyway

summer sluice
#

I think I figured it out. I modified the recorder slightly and added Domain under included and put in Scene and did not realize if that if I didn't put "Sensor" as a included domain it would not show up, even though I added the sensors by each Entity. I just tookout the domains part and it seems to be working again.
include:
domains:
- scene

elder pendant
#

It even spells that out in the docs πŸ˜‰

summer sluice
#

I didn't look at it when I made the change, once I realized that is what I did I started to think that was probably it.

somber forge
#

Hi i have a problem with the following configuration. So i have a sonoff mini in the wall that switches the head rgb lamp.
If i change the type light to button, it works except i have no brightness slider anymore. Is there a way to solve this?

type: light
entity: light.mi_arbeit
name: Arbeit
hold_action:
  action: more-info
tap_action:
  action: call-service
  service: switch.toggle
  service_data:
    entity_id: switch.so_arbeit_so_arbeit
elder pendant
#

I don't think you actually stated a problem

#

What do you want to do vs what is happening?

mild veldt
#

@somber forge you can not redefine the tap_action for a light card, only hold/double tap

somber forge
#

@mild veldt to sad. Is there a option to have the brightness slider with a button type. or some other type?

mild veldt
#

no

somber forge
#

uff. would it be possible via node-red? Im pretty new to the whole home assistant world.

mild veldt
#

not that I can think of

somber forge
#

what and button cant do double_tap, why?

mild veldt
#

what?

somber forge
#

Expected a value of type undefined for double_tap_action but received {"action":"more-info"}.

#
type: button
tap_action:
  action: toggle
double_tap_action:
  action: more-info
hold_action:
  action: more-info
show_icon: true
show_name: true
entity: switch.so_arbeit_so_arbeit
#

aaah maybe if you want to press it fast. mmmh

elder pendant
#

double tap works fine, I don't know why the UI card editor shows that warning

somber forge
#

does it show that warning for you too?

elder pendant
#

Yes, but the card functions as expected

somber forge
#

ok testet it. i agree

#

mmh this should be a bug? Will you report it, otherwise i would, i think?

elder pendant
#

I'll let you do the honors

somber forge
#

πŸ™‚

mild veldt
#

issue already known. it is just a warning to indicate that the UI editor does not support double tap actions

somber forge
#

uups.

#

@mild veldt

#

should i close it?

mild veldt
#

yes

somber forge
#

can i add a screenshoot of this chat with your username?

mild veldt
#

why?

#

it's a duplicate

somber forge
#

just as reference.

#

oooh ok

nova bloom
#

anyone have advice for someone new. Looking yo use my ipad as control panel. I dont think the deualt app on iPad will do us justice. Not sure which addons to look at and also which can be easily installed on a raspberry pi installation

split granite
#

Beyond that, running HA and a UI on the same Pi is "optimistic"

elder pendant
#

Also not sure what's wrong with using the ios app

nova bloom
#

ok I could move to docker on an always on PC later.

mild veldt
#

I'm confused. What does the install method have to do with a UI?

split granite
#

Because running the UI on another device is ... hard?

mild veldt
#

That's not how I interpreted their question, I guess. The question is a bit unclear

#

There are other UIs beyond Lovelace such as HomePanel and HADashboard

nova bloom
#

per the response i thought it may not be possible. but agree it being hard my be an issue πŸ™‚

mild veldt
#

There are also iOS apps beyond the official app

split granite
#

Tileboard

#

IMO - you're running HA on a server. Put a touch screen UI on some other device

#

That other device could be another Pi, but keep the duties separate

nova bloom
#

yes that is the intetion

split granite
#

That other system doesn't run HA, so no add-ons πŸ˜‰

nova bloom
#

to have my ipad or another device be a "remote"

split granite
#

Absolutely possible

#

That is how 99.99999999999999999999999999999% of folks run it πŸ˜‰

nova bloom
#

any good dashboard suggestions for iPad?

split granite
#

Have you tried Lovelace?

#

If not, see the list above...

nova bloom
#

isnt lovelace what is in the ios home assistant app?

mild veldt
#

HomeKit is an option as well

nova bloom
#

thank you

elder pendant
#

If you haven't even tried configuring Lovelace yet I would recommend trying it before going straight to looking for alternatives. It's a very versatile UI

nova bloom
#

ok

#

i found the tiles too big but i assume i can adjust that somehwere

split granite
#

You can even use things like the Floorplan card to create a very custom UI

elder pendant
#

Or good old fashioned picture-elements

karmic tiger
#

In that example, the action is to call a service, and the service specified is timer.pause (other uses might be light.toggle, for example).

#

If you want to send additional data (like with your remote control), you'll have to add a bit more information to your card's config.

nova bloom
#

thank you!

polar kelp
#

Lots of tweaks in that one. Grid is useful, and break should work again.

stoic solstice
#

Awesome @polar kelp will try it right now! πŸ™‚

#

break not working 😦 or it's cached somewhere...

#

2 devices + incognito still does the same, @polar kelp

#

updated using hacs

civic stream
#

Can do in a history graph card, that is..

polar kelp
#

@stoic solstice What does your browser console say about layout-card?

stoic solstice
#

This is all that is specific to layout-card:

LAYOUT-CARD 1.3.0 IS INSTALLED 
#

But i also see this as an error:

NotFoundError: The operation failed because the requested database object could not be found. For example, an object store did not exist but was being opened. mwc-ripple-base.ts:203
polar kelp
#

But you get a red card?

stoic solstice
#

yes

polar kelp
#

Could you show me your configuration?

stoic solstice
#

sure, hang on

#

Want the whole dashboard or just the view?

polar kelp
#

The view

stoic solstice
polar kelp
#

Dude!

stoic solstice
#

yo?

polar kelp
#

Those breaks are not even in the layout-card.

stoic solstice
#

What?

polar kelp
#

They're in the vertical-stack inside the layout-card.

stoic solstice
#

doh, i see that now. Sorry man

#

Why is there even a vertical stack there? So confused now

#

Someone hacked me and put it there

#

I really am sorry about that... I have no idea where that stack even came from. Can't recall putting it there at all

#

Well, glad to say it works now

polar kelp
#

Great!

dark dirge
#

"horiztonal" layout used to essentially turn into "vertical" on a mobile screen and now it tries to cram a bunch of columns in side-by-side (probably what was expected in the first place)

#

"auto" fixes it, so good to go

#

with my layout of 3 vertical stacks, at least

polar kelp
#

If that's the only configuration, then it should behave well on mobile.

#

I.e. yaml type: custom:layout-card layout: horizontal cards: ...

#

If you also have column_num or something like that, it will make that many columns.

dark dirge
#

It's a pretty simple layout, just like that with 3 vertical-stack cards, and using "horizontal" now puts my first and second vertical stack side-by-side and the third directly beneath the first

#

no column_num: or min/max

#

the change in behavior is directly correlated to the updated layout card

#

no change in behavior on the desktop - still shows 3 columns either way

gusty wing
#

@polar kelp Just wanted to say thanks for all your hard work
ive been working on my lovelace ui and your cards have been awesome

#

here is some screens, i looks odd on my desktop but its really meant to be viewed on my tablet

odd light
#

fancy

white drift
#

so i have two cards showing side by side, but they are simply in the middle of the dashboard. How can i set it up so that the first column takes up 1/3 and the other column is 2/3 of the page?

#

you know, kind of like bootstrap grids

#

trying to make better use of space

silver oasis
#

did anything change on the lovelace 'view' row? since very recently the bar with all the different views just shows up for 1 second before it kinda scrolls up into nirvana and cannot be revealed again. so I cannot go to another view anymore. any ideas?

gusty wing
#

@white drift use custom:layout-card

#

grid

finite pond
#

Are emojis supported as names or icons?

vapid field
#

#hadashboard

vapid field
#

Does lovelace support gamification integration as well? For example, a smiley if you consume less energy than previous day something. Is it possible to configure front end customly with this logic?

karmic tiger
#

No. Yes.

#

You can display almost anything you want in the UI.

#

But I'm not aware of anything you can just plug in that takes care of gamification for you.

vapid field
#

But I'm not aware of anything you can just plug in that takes care of gamification for you.
@karmic tiger can I develop an UI myself? Is it open for users?

kind shellBOT
#

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

karmic tiger
#

The Lovelace UI is already very flexible. You use 'cards' to display information. If a built-in card doesn't do what you want, you can install custom cards.

#

Once you start and you have specific questions, the channel is the right place to get help.

vapid field
#

ok cheers

vapid field
#

Is it possible to change the size of an icon in the picture-elements card?

fierce jetty
#

if i want to display a weather radar map, and put my own marker on it that shows where my house is on the map, the best bet i assume would be to use picture element?

#

yeah it worked perfect nice

lyric harbor
#

I'm trying to set up a vertical stack card where I have a drop down input, a text input and then a button. What I'm having an issue with is getting those input values into my button service call

#

not sure what the best way to share my setup is, an image? Or if there is a proper way to share code.

mild veldt
#

@vapid field try mdc-icon-size

kind shellBOT
mild veldt
#

@lyric harbor

lyric harbor
#

I hope that worked

#

My issue is the entity_id inside of the service_data tag and needing to link it to the input selection from the first card

#

I have tried wrapping the entity_id value in {{}} as well but it replaces it with '[object Object']: null

#

Not sure if what I'm doing is possible with inputs, all the examples I see are in uses with Automations.

karmic tiger
#

I have tried wrapping the entity_id value in {{}} as well but it replaces it with '[object Object']: null
@lyric harbor Only {{}}?

fierce jetty
#

also is it possible to have it show the image larger when i click/tap it? i dont see that in the docs either

fathom vault
#

I updated HA core and HA OS, then updated HACS. But Im still seeing issues with a giant HACS SVG appearing on some pages.

muted inlet
#

clear browser cache

dark dirge
#

Clear the cache

fathom vault
#

On the Community tab, there are various plugins waiting to be updated. Is there any way to update these automatically, or at least update them all en-masse rather than individually>

muted inlet
#

make some cache cash

fathom vault
#

yeah cleared the cache, I think this is a diff problem

dark dirge
#

It’s not

fathom vault
#

maybe outdated lovelace components which is throwin a spanner in the works

#

i've cleared my Chrome cache several times though

#

using from 'All Time' each time

dark dirge
#

Use shift-reload or control-reload, or similar on your machine

#

And you need to update manually, one at a time

fathom vault
#

ok thanks, fixed it. I was previously using Clear Browsing Data -> Advanced -> Cached images and files

#

this did fix the Configuration tab

#

at the time

#

but now I just used Clear Browsing Data -> Basic Tab -> Cached Images and Files

dark dirge
#

Get in the habit of doing shift-reload

fathom vault
#

and its fixed it

#

yeah I do anyway, that didn't help much

#

Chrome is kinda funky about cached resources sometimes, especially if a redirect was involved

#

ok.. will update individually thanks

#

after updating everything, it still says "You have 2 Lovelace elements that are not loaded properly in Lovelace."

#

is there a way to find out what its referring to?

dark dirge
#

Go to the Frontend section

#

And read the FAQs for HACS

fathom vault
#

thanks for the help. I see them in red in frontend section

split granite
lyric harbor
#

@karmic tiger it was: entity_id: '{{ states(''input_select.player'') }}'

karmic tiger
#

And what was your attempt without the braces?

lyric harbor
#

in the link above from hastebin and I get the following log error

#

this is the code again

split granite
#

Cards rarely support templates

#

If they do, it'll be clearly documented

karmic tiger
#

It doesn't appear to be complaining about the entity_id either. It even says media_content_id in the error.

#

But once you fix that, chances are it'll complain about the entity_id too.

lyric harbor
#

it shows for both

karmic tiger
#

Ah, at the top. So it does πŸ˜„

split granite
#

(string)(Optional)

karmic tiger
#

I always read those traces from the other end, since it's more important.

lyric harbor
#

yeah I'm not sure why the media_content_id isn't a string

split granite
#

☝️

sand flame
#

can someone help me understand what I'm doing wrong installing custom card templates from HACS?

#

I've seleced and installed custom cards, reboot, then when calling on any of the new templates I always get errors telling me that custom card does not exist.

#

I know this is little to work from, but does any of my stated process sound wrong?

dark dirge
#

Either the resource for your card wasn’t added (HACS should do this automatically) or your card definition is wrong

karmic tiger
#

So the next step is to share your config...

kind shellBOT
sand flame
#

this is also occurring with integrations via HACS. Download, reboot, then they do not show up in the "add integrations" window.

#

What's the best approved method to share my config here?

dark dirge
#

Look up

karmic tiger
#

πŸ€¦β€β™‚οΈ

#

Reading is hard.

sand flame
#

10-4

#

aside from configuration.yaml is there anything else you'd need to see as well?

dark dirge
#

Your card config

sand flame
#

gotcha, thx

dark dirge
#

Are you using the UI to configure the dashboard? As opposed to editing the YAML directly?

sand flame
#

YAML directly

dark dirge
#

Ok, then you need to add the resources manually

sand flame
#

in ui-lovelace.yaml correct?

dark dirge
#

No

sand flame
#

oh..

dark dirge
#

You missed a recent change

karmic tiger
#

It's that reading thing again πŸ˜„

sand flame
#

Sorry, didn't mean to annoy you guys. I'll just dip out. Thanks

dark dirge
#

I'm happy to help, just need to see your config

sand flame
dark dirge
#

right, so you didn't move your resources from ui-lovelace.yaml to configuration.yaml, as in the docs

#

that's why it's not working

sand flame
#

Ok, I've read through the doc and I'm not fully understanding the syntax I should use to move between ui-lovelace to configuration. Is it just:

Lovelace:
resources:
- url: /local/ex_1.js
type: module

dark dirge
#

it's the same as what you had in ui-lovelace.yaml

sand flame
#

just about to type, got it!

dark dirge
#

keeping in mind that you need to use the paths that HACS provides with /hacsfiles/ as the endpoint for plugins that you add via HACS

#

some of mine:

#
lovelace:
  mode: yaml
  resources:
  - url: /hacsfiles/lovelace-hass-aarlo/hass-aarlo.js
    type: module
  - url: /hacsfiles/weather-card/weather-card.js
    type: module
  - url: /hacsfiles/lovelace-card-tools/card-tools.js
    type: module
#

this is all done for you if you manage Lovelace through the UI, so the manual instructions are scattered and not entirely clear

sand flame
#

I have no /hacsfiles/ directory, hacs auto installs these straight to "local". Youre saying I should change this?

dark dirge
#

you won't

#

no, let HACS do its thing

lyric harbor
dark dirge
#

/hacsfiles is just config/www with no caching

wheat current
#

You do not have a local directory

sand flame
#

oh, awesome

sand flame
#

that makes perfect sense, thank you guys. I'll change this now

dark dirge
lyric harbor
#

lol, okay! thanks

mild veldt
#

@fathom vault there is no mass update as you should be reading release notes on each thing before you update

fathom vault
#

@mild veldt ok, fair point

mystic jetty
#

Hey, anyone aware of an "Up Next" type card. Something that lets you queue up a bunch of items and have them pop off the top when done. In my case it is for a smart sprinkler that lets you run a sequence (program) of sprinkler zones one after another but it would be similar to queuing up a box set for some plex binging. I have the program functionality in my integration but just looking for a nice way of presenting the queue through the UI.

honest coyote
earnest elm
#

Hello, how to display entity attributes in lovelace UI, example xiaomi motion has temperature attribute how to make it visible in lovelace? I am using mini-graph card but from docs I didn't notice any support for the entity attributes https://github.com/kalkih/mini-graph-card#entities-object

split granite
#

Looks like there's no direct option there

earnest elm
#

@split granite I was thinking same approach, wanted to ask if there are any alternatives before doing that

split granite
#

From the docs of that card, I'd say not

tacit cave
#

Voice to text

#

Beat ya

split granite
daring bay
#

.>

nova bloom
#

is there an easy way to add tiles that i already made to a horizontal or vertical container?

daring bay
#

That's really cool, and looks like a rabbit hole and a half.

tacit cave
#

@nova bloom Get a text editor like visual studio code. It has the ability to insert text in a column and auto formatting rules as well

#

Ctrl+alt click on the column, drag down. Add 2 spaces

#

Yaml mode only. Nothing for the UI editor

nova bloom
#

@tacit cave what file am i trying to edit?

#

just chose raw configuration

#

then copy and pasete?

tacit cave
#

Your Lovelace file. You’ll have to edit the page in raw

#

FYI, if you’re getting into complicated card combinations, it would be worthwhile to switch to yaml mode for that dashboard.

#

The frontend UI is super nice for beginners but it’s really debilitating for experienced yamlers

nova bloom
#

so see where i have the cards.

tacit cave
#

In yaml mode you just reload the page to view your changes. It’s extremely quick

nova bloom
#

is there any other way to access the yaml file? i dont see it in config. I only see it in the UI when i go configure ui > raw config editor (Im installed on raspberry pi)

split granite
#

That's not really YAML, so no πŸ˜‰

nova bloom
#

what if i make a mistake in there and save it. will i have problems getting back to it to adjust and remove the errors?

split granite
#

It won't let you save invalid configs

nova bloom
#

oh

split granite
#

That's not to say you can't save something and regret it πŸ˜‰

#

I'd suggest you copy the raw config editor view and paste that into a text editor

#

Then if you're unhappy you can use that to revert

nova bloom
#

i am trying to add the plex recently added card. and i need to add the line:

#

resources:

  • url: /local/custom-lovelace/upcoming-media-card/upcoming-media-card.js?v=0.1.2
    type: js
#

tried to add in raw config editor and got msg "Resources should no longer be added to the Lovelace configuration but can be added in the Lovelace config panel."

#

where is that?

split granite
#

Look in configuration

#

You'll find something called Lovelace there πŸ˜‰

#

In there you'll find Resources - assuming you've enabled Advanced mode in your user profile

nova bloom
#

yes i saw config then lovelace dhasboards

#

did not have advnaced mode on

#

ok got it. thank you!

wanton jolt
#

So instead of the F?

split granite
#

No

wanton jolt
#

ok, bummer

tidal yew
#

how can use my own personal weather icon on Weather Forecast Card

shell torrent
#

I am tryingout https://github.com/thomasloven/lovelace-template-entity-row, but I'm stuck at this part:
"In evaluated templates the function _(<key>) (underscore) will localize the <key> to the current language. E.g. _(state.binary_sensor.motion.off) will be replaced with Clear if your language is set to English."

My state is state: '{{ states(''binary_sensor.motion01'') }}' which works fine, but as the documentation states, wont translate.

The problem is, I can't figure out how to do to make it work as described above.
I have tried every combination I can think of, like state: '{{ _(states(''binary_sensor.motion01'')) }}'and so on.

Suggestions?

potent nova
#

how do you quickly disable big cards in lovelace.yaml mode?

nova bloom
#

Is there any way to stop the iOS app pages from moving when you press them.

tepid carbon
#

Hello, I'm having an issue with the sensor card, I have it monitoring an open hardware manager sensor to get my cpu temp. It displays the current temp but instead of the graph it displays "No state history found"

dark dirge
#

Are you running the latest HA version?

tepid carbon
#

Yes

dark dirge
tepid carbon
#

So it's an issue with the latest version?

dark dirge
#

No, it was fixed

tepid carbon
#

Then any other ideas?

idle turret
#

Anyone got any ideas on this. Sorry to repeat, but I am a complete newb on all of this. If I asking in thw wrong place, please let me know where I should be going with this kind of request.Hi all. Wondering if anyone can help with a custom button card using icon spin and blinking dependent upon various states. Trying to get the Tesla integrtions to show an icon colour (sorry to the US) dependent upon the level of charge (which I have working), then blink if the charge is below a certain level, an spin if the charger is charging. What I have so far is:

kind shellBOT
arctic stump
mild veldt
#

@arctic stump nice

wispy portal
#

I am confused on something, I have a function in yaml ui template that returns value of the state.

If i call it like return states['sensor.some_sensor'].state it properly shows and updates
If I call it like return states[sensor_name].state it properly shows ( at time of refresh ) state, but never updates

dark dirge
#

Is this in a button card?

#

There’s a section on triggers exactly describing this

#

Like, exactly

wispy portal
#

custom button

dark dirge
#

Then find the section on triggers

wispy portal
#

aka custom:button-card

#

ah

#

I see thanks

dark dirge
#

Np

wispy portal
#

i wonder if I can somehow put variables as list to triggers_update would be kinda boomer to have this on all ( assuming this triggers on every entity update ever ? )

#
    triggers_update: 
      - '[[[ return variables.motion ]]]'
#

something like that

dark dirge
#

Dunno

#

Easy enough to try

wispy portal
#

that didnt work doe

#

πŸ˜„

dark dirge
#

It lists everything that can take a template

#

Probably wouldn’t look like that

#

Need some formatting at least, but you’re probably screwed

#

β€˜All’ is your friend

wispy portal
#

or take a shot and just list it two times

#

one under variables one under triggers

#

aha!

#

so you can actually access _config

#

this._entities.push(variables.motion);

#

this solves the issue

#

well config/entities

opal light
#

Anyone know if it's possible to have a sensor show the last known value instead of NaN when a device goes to deep sleep?

wispy portal
#

make a new template of the same sensor and only update its value if its state != unavailable

#

Not sure if there is better way

#

not sure if that's even gonna work πŸ˜„

opal light
#

That actually might. I'll play around with that. Thanks

vapid field
#

Can I change the size of an state-icon icon in the picture elements card?

mild veldt
#

@vapid field yes. mdc-icon-size

vapid field
#

So what would that look like?

#
- entity: binary_sensor.updater
    icon: 'mdi:lightbulb'
    style:
      left: 42.2%
      top: 27.8%
    type: state-icon
    mdc-icon-size: 150%```
#

That doesn't work

#

And the indentation is correct in my config

neat bronze
#

Hi all, is it possible to build frontend in python package and install it in hassos?

split granite
#

The frontend is already there...

neat bronze
#

@split granite I'm asking about installing custom frontend build

split granite
#

The dev docs however would be a good place to start

#

Worth too searching the history here and in #devs_frontend-archived as somebody was asking about this the other month

neat bronze
#

@split granite thnx I'll look into them.

kind shellBOT
#

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

vapid field
#

@mild veldt Did you see my message?

wispy portal
#

is there a custom plugin to template entire cards chunks ( like vertical stack with contents etc )?

#

sort of like !include of yaml mode

mild veldt
#

@vapid field variables start with --

vapid field
#

ooh okay

sacred lily
#

i have this hacs-image as a background on my frontend since an update... how can i get rid of it?

split granite
#

Clear your browser cache

sacred lily
#

it is on all devices...

#

i dont know how to send an image on discord to show it...

muted inlet
#

clear your browsers' cache

#

update hacs

#

???

#

profit

sacred lily
#

i will try that πŸ™‚

#

Hacs updated, still there :/

muted inlet
sacred lily
#

i also cleared the browser cache, after a restart from hassio it is gone now

#

thank you very much πŸ™‚

elder pendant
#

You have to restart for any HACS update to take effect

lyric iris
#

I'm sure this is a common question. Whats the best way to make cards larger in lovelace? For example I have a history graph card that I'd like to occupy the whole space.

karmic tiger
#

If by 'the whole space' you mean the view, put it into panel mode.

#

It's such a common question that it's explained on the Lovelace documentation.

lyric iris
#

Thanks @karmic tiger . I figured it was an obvious answer but when I searched online for "Large history graph home assistant" I got nothing 😦

karmic tiger
#

Well that search was a bit... vague πŸ˜„

#

If in doubt, check the docs. If still in doubt, check here πŸ™‚

lyric iris
#

Cheers, is there a way to make the graph zoomable, or a larger height?

#

I've adjusted it to panel mode which provides more horizontal space but it doesn't occupy the vertical space

karmic tiger
#

There are custom cards that allow greater control over aspect ratios.

#

Not sure about anything that'd let you zoom.

lyric iris
#

Np, I'll look into it

karmic tiger
#

Ah, it has native graph options. We have a winner.

nova bloom
#

Is there a gallery of HA Icons that can be used in cards?

split granite
#

See the πŸ“Œ

nova bloom
#

bravo!

#

do i need to add something to used these because I added the line" icon: mdi-power" inside a glance card and it shows blank now

mild veldt
#

mdi:power

nova bloom
#

oh ok so replace dashes with :?

#

actually just replace the dash between mdi and the rest of the text so mdi-arrow-up-bold would equate to mdi:arrow-up-bold

gritty frost
#

Hello. I have a pretty big issue. Last night I installed the GIT pull addons and started it. This AM, I can no longer login to HA. My usual username and password is declined. I can however login using SSH.

#

Is there a way to recover from this ?

kind shellBOT
#

Not sure which install you're using?

  • If you're using HassOS, flashed an image, or booted a VM with an image you're using #330990055533576204

  • If you installed Linux and then ran a script to install HA and have add-ons then you have #330944238910963714

  • If you're running docker commands or use a Docker manager and have no add-ons then you have #449717345808547842

  • Finally, if you use pip to install or upgrade you have #551864459891703809

Having difficulty chosing an install method? See this blog post for guidance.

split granite
#

See the relevant channel for your install method ☝️

gritty frost
#

thanks

untold lark
#

how can you make a card for RPC Shutdown

#

?

elder pendant
#

Define a tap_action for your card of choice

#

Or make a script and put the script in an entities card

untold lark
#

how

#

i had it first with develepor tools services can i copy that or something

elder pendant
untold lark
#

type: button
tap_action:
action: toggle
entity: hassio.addon_stdin
data:
addon: core_rpc_shutdown
input: main

#

not working with this

split granite
#

You need to call-service

#

And then call the actual service

#

What you posted there doesn't look like the link posted πŸ˜‰

untold lark
#

how

elder pendant
#

read

untold lark
#

type: button
tap_action:
action: toggle
call-service
hassio.addon_stdin
entity: hassio.addon_stdin
data:
addon: core_rpc_shutdown
input: main

#

i am noob at this

elder pendant
#

That's why you need to read the docs πŸ˜‰

untold lark
#

i am dutch 14 and my english is bad

karmic tiger
#

And to be less 'noob'...

kind shellBOT
#

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

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

split granite
#

You need to put the data for the service call in there

#
type: button
tap_action:
  action: call-service
  service: whatever.core_rpc_shutdown
  service_data:
    input: main
#

That won't work, since whatever.core_rpc_shutdown isn't a valid service

#

You need to use the actual service

untold lark
#

Kan service whatever/core_rpc_shutdown niet aanroepen Service not found.

karmic tiger
#

Uh. It's not actually 'whatever'. Find out what the service is, use the real name.

untold lark
#

lol

split granite
#

If only I'd actually said that

untold lark
#

i am to fast

#

more reading

elder pendant
#
type: button
tap_action:
  action: call-service
  service: hassio.addon_stdin
  service_data:
    addon: core_rpc_shutdown
    input: main
#

maybe

muted inlet
#

Ender pearl, nice

untold lark
#

yes it works thank for help everyone

#

no is my computer turning off see you soon

#

back

nova bloom
#

Is there any way to stop the iOS app pages from moving when you press them? Some way to freeze them so the cards don’t move when you swipe?

karmic tiger
#

Sure, don't use Lovelace.

nova bloom
#

Ha. Ok. What else would you suggest?

glass panther
#

hey peeps, not sure this Q is best in here or integrations ?? ...
but question is on iframes... trying to use a local webserver within HA using iframe...
so using 127.0.0.1 to keep within SSL rules (127.0.0.1 is trusted as local as its loopback.. https://letsencrypt.org/docs/certificates-for-localhost/ )
which works 100% locally (this is using my SSL domain).. But when using it from the app (android) is does not..

Which i have worked out is because the iframe works going out from the device its being viewed on, so here 127.0.0.1 is your phone, and not based on HA local address !! ...
is there a way to use HA to display a website that IT renders from ITS point of view, and not have my device render it, from that POV.... ??

karmic tiger
#

It's nothing to do with rendering. Even if you used server-side rendering, content security policies still apply based on the source of the content.

#

What are you seeing on the Android?

glass panther
#

within the app i get webpage no available header, with "webpage at address could not be loaded because : net ::ERR_CONNECTION_REFUSED"

karmic tiger
#

Then your SSL isn't working.

glass panther
#

i presume its because the iframe is just a embededed browser, and thus its like entering 127.0.0.1:81 for eg in your phones browser would give same results....

karmic tiger
#

Correct. So it's not frontend, it's SSL.

#

This channel is for help with the UI itself.

glass panther
#

i understand that, what im asking is there a way for the HA to render and display a page that IT can see, and not from the POV of my device i am connecting to HA ... as in it render the page, and displays it to me ...

karmic tiger
#

No, because that's not how browsers work.

#

Even if HA 'made' the page, how do you think it gets to your browser? Oh, yes... across HTTP.

#

HTTP + SSL = HTTPS.

#

You're trying to use HTTPS without properly configuring your SSL, so it blocks you.

glass panther
#

i know, let me rephrase the question then, is there an alternative to iframe, that instead of acting like a local browser on the device being used to connect to HA.. but a rendering html panel ? (edited to make the correct pov!!)

karmic tiger
#

It would still be a browser and it would still use HTTP(S).

#

What you are asking is impossible. Solve the actual problem instead of trying to imagine magical ways around it.

elder pendant
#

I'm not even sure what is being asked

karmic tiger
#

For content to be 'rendered' by HA and magically transmitted to the other device whilst circumventing all established rules about browsers and security πŸ€·β€β™‚οΈ

glass panther
#

dont get me wrong i understand WHY its not working ! .. let me try rephrase the question better ...

#

if i used teamveiwer and connected to my PC, i would be connected securly withthat type of socket and transmission... then i use a brower thats on my PC to display the a local website that is not secure...

karmic tiger
#

So use TeamViewer πŸ€·β€β™‚οΈ

#

You're not going to find a way to embed that into Lovelace.

#

A VNC is not a browser. Pick one.

#

And, uh... good luck VNCing into HA πŸ˜„

glass panther
#

i am using that as a example to convey that using a rendered local type browser, and have HA render that site which doesnt exit that network all remains secure and doesnt ruin SSL :)
but of course isnt iframe !!

karmic tiger
#

If only there were a simple way to solve this problem. Like getting your SSL configured correctly πŸ€·β€β™‚οΈ

#

Anyway, this is going nowhere. Good luck and goodbye.

glass panther
#

i was asking ultamatly if there was a different command than iframe that does this ...

elder pendant
#

no

glass panther
#

yes... but that involves getting and implimenting SSL to a thing that does'nt support SSL and even once achieved, granting that access to the internet !!

#

@elder pendant thankyou... pretty much waht i was really looking for !!! .. sadly, that is kinda what i thought 😦

karmic tiger
#

You had that answer ages ago.

glass panther
#

which i dont think they realise is actually opening access without any login/limits ...

#

but does actually work !

elder pendant
#

If it's still tied to a local_ip then it doesn't matter

glass panther
#

@elder pendant hows you mean ?? ..

elder pendant
#

iframe src='https://your_local_ip'

#

if someone tries to open that through the internet nothing will happen

glass panther
#

yeah it wont will it, hmmm they saying they got it going... so he can access his local thermstat externally ... hmm

glass panther
#

just beeen looking around for anything similair again .. the Hass.io Ingress ?? can this be implemented manually ?

dark dirge
#

no

glass panther
#

ok worth an ask ! πŸ™‚

coarse zodiac
#

is there any easy way to remove the toggle from the more info box I don't want to accidentally turn something off?

dark dirge
#

I think you can customize the more-info popup with browser_mod

#

but there's no simple option for that

coarse zodiac
#

ok thanks!

vapid field
#

Hello everyone, I'm looking for the best way to make a dashboard for my wall mounted tablet. I'm kind of lost on what the best way is because there's so much options like appdeamon. What would you guys recommend? (I'm using an ipad if that matters)

split granite
#

Best is personal

vapid field
#

Hmm okay

split granite
#

Start by working out what you want. That kind of thing will help people suggest things

#

Or, just go and try out various options 🀷

vapid field
#

Not really looking for buttons or something

#

Mostly an actual dashboard that displays data

split granite
#

Then that's probably Lovelace

vapid field
#

So just Lovelace and make it look pretty with custom cards?

split granite
#

If that's what you want

#

Custom cards, maybe some Grafana/Chronograf frames

vapid field
#

Grafana frames?

split granite
vapid field
#

I know what Grafana is

broken marsh
#

Are there any floorplan integrations being worked on that allows for drag and drop switches and lights onto the floorplan etc? I'm converting from Domoticz and that is one of the few things missing in HA I think.

limpid apex
#

You can press f12 and change the values on the go, then you just need to copy the desired value and paste it in your code

nova bloom
#

anyone use "artem-sedykh/mini-climate-card" and know how to get the tray items under the ellipse (...) to always stay open and visible?

dusk holly
#

How does one use a frontend button to activate a script? I'm looking for a 'press' button, rather than an on/off switch

split granite
#

tap_action

hardy zealot
#

I'm looking at the custom icons support. All examples I've seen return a single SVG path. Is it possible to return a set of paths?

karmic tiger
#

I'm looking at the custom icons support. All examples I've seen return a single SVG path. Is it possible to return a set of paths?
@hardy zealot That page suggests so, yes. The example at the bottom isn't very user friendly in the sense that it only implies that you can do more with it... but you wouldn't just return a static object, you'd have a slightly more complex function that returns a different object based on the input parameter name.

#

If you're looking to write one yourself, just set it up to use a switch statement or a dictionary of some kind.

hardy zealot
#

All the examples I've seen appear to use a single path. In fact, they accept the data and wrap that data with a path. Could be that the data does not need to be wrapped on a path if the data contains a path (or more than one path)

karmic tiger
#

Oh, have I misunderstood? You don't mean selecting between multiple icons? You mean multiple paths within a single icon?

hardy zealot
#

Multiple paths within a single icon.

#

I want to be able to colour one of the paths, for example when a light turns on.

karmic tiger
#

Yeah, appears you're right. You can do pen up/down but not multiple paths.

#

Time for a feature request? πŸ˜„

#

Or even better, a PR if you're the techie type.

hardy zealot
#

I would PR it if I knew the frontend code better. I do better on the backend stuff.

karmic tiger
#

You know... it doesn't look that tricky. I don't know what the contribution guidelines are for HA though.

#

Adding many paths would be a pain. Adding a secondary path looks trivial.

elder pendant
#

There are docs for that πŸ˜‰

karmic tiger
#

Yeah, taking a look now.

#

I feel like I could actually do a PR for this, and it'd be cool to see two-tone icons.

#

And if I can work this one out, I want to improve my Teams status checker, which probably means writing an integration... may as well share that too if I get that far.

#

@hardy zealot Could you PM me an example SVG with two paths that'll work as an icon? I'll try to do this tonight.

karmic tiger
#

Man, setting up a dev environment for the frontend is a ballache. And it looks like you have to run it on the same host as a HA installation. As a Windows user, this is looking like a big 'nope'.

hardy zealot
#

Window 10 latest? Can create a Linux environment.

#

Or if on Windows 10 Pro can use HyperV to create Linux VMs -- as many as you want.

karmic tiger
#

Unless I'm missing something, using WSL to get at Linux commands isn't the same as running a true Linux environment.

hardy zealot
#

WSL is Linux

karmic tiger
#

Oh. So I can run anything there?

hardy zealot
#

Same same, and pretty fast. Assuming you have the 2004 Windows update.

#

Yes, can run anything.

#

HyperV is different. Its a general VM environment. Can have multiple of them. I acutally run my Home Assistant in a HyperV Linux VM.

dark dirge
#

only MSFT can make things better by going back to 2004 πŸ™‚

#

yes, I know it's April 2020 πŸ™‚

karmic tiger
#

Wrong, it's July already.

ruby onyx
#

is there any way to have multiple yellow ranges in a gauge?

ruby onyx
#

the conditional seems to only do things based on equal or not equal. Is there a way to do it based on a range? Maybe somehow creating another entity that looks at that entity and changes values based on range

dark dirge
#

a template sensor could do that

sacred onyx
#

I have started over with a clean install of HA. And now I've forgot the name of my frontend weather card. It was a beautiful card with animated icons. Does anyone know it's name?

dark dirge
#

I use...weather card

#

From HACS

sacred onyx
#

That's the one! How could I not have found that... Must have looked over it. Thanks a lot RobC!

dark dirge
#

Np

#

It has both static and animated icons. For what it’s worth, I prefer the static ones because the animated icons crank up my CPU usage

ruby onyx
#

@dark dirge thanks! Template sensor is perfect. I can use one to hide and show gauges that have inverted colors

dark dirge
#

I can always tell that I have the dashboard up because my laptop fan turns on

ruby onyx
#

to fake having green in a range

dark dirge
#

Yep

sacred onyx
#

Ooh, that's one of the reasons I have started over with a clean install. My walltablet sometimes froze HA for 2 seconds when I awakened the screen.
Maybe it was just the time it needed to load the animations?

dark dirge
#

Mine just ends up in a steady state of excessive CPU usage

#

Could be related, I guess. Seems unlikely

#

You have to grab the static icon set from the repo and manually copy over, so not super convenient

sacred onyx
#

I saw it, I'm currently reading the github page. I'll give it a go and see if this fixes my problem. Thank you very much for your assitance!

dark dirge
#

Np

median sage
#

Not really a support question, but people who are doing panel mode on, what did you substitute your badges for? Looking for inspiration (particularly to show people home/away)

#

Trying glance card, but not loving it

dark dirge
#

I used a set of custom button cards.

#

They’re awesome

#

A horizontal stack of them

median sage
#

Interesting

dark dirge
#

You can do practically anything in a button card

median sage
#

You got a screenshot of yours? πŸ˜‚

#

Clearly need to spend more time in the docs

dark dirge
#

I don't know how to get the badge "look", but I decided that I didn't care and actually like this better

#

badge styling is so restrictive that you basically have to take what you get

#

I was apprehensive at changing at first, but now I'm all in

median sage
#

I like it

karmic tiger
#

You can use the CSS radius properties to make 'badges' if you're using something like button-card

#

50% radius is a circle.

dark dirge
#

I am. I found that in the forum and considered it, then moved on to other things

#

Maybe I'll revisit

karmic tiger
#

I like yours. Badges don't have to look like the default Lovelace ones.

dark dirge
#

I think it didn't work for me right away, but I gave up quickly and worried about other stuff

median sage
#

I wanted panel, so badges had to go πŸ˜‚

#

But I quite liked badges, so am looking at alternatives. Imagine people have different ideas, so wanted to try it

#

Well at least see it

dark dirge
#

there's a forum thread with that CSS radius idea that mono mentioned, and you can give it an outline like a badge. You can probably also overlay the status/units like badges do with the button card

#

it's crazy customizable

median sage
#

Thanks - is there any way to create 'blank' spaces? To help with the distribution. I guess maybeI could use a blank horizontal/vertical card

dark dirge
#

button card that displays nothing? go crazy with layout_card

median sage
#

Ooh ok

dark dirge
#

if you also use a mobile device or smaller screen, you need to keep that in mind, too

#

the button cards looked like garbage on my phone when optimized for desktop, so I need to use state-switch to have a desktop and mobile "badge" section

#

I wish more cards supported user-agent in templates

#

or even user, which is what I switch on now

median sage
#

Don't use HA on my phone thankfully... primarily iPad (for control, view, dev everything πŸ˜‚)

ruby onyx
#

I want to make a button that runs something for n milliseconds

#

should i make a timer and just make an automation that turns the switch on while it's running?

karmic tiger
#

Milliseconds? I don't think timers can go any lower than seconds.

ruby onyx
#

seconds is fine probbaly

ruby onyx
#

is there a way to create or edit timers from the UI?

dark dirge
#

Doesn’t look like it

ruby onyx
#

so the correct way is to add it to configuration.yaml?

dark dirge
#

Yes

ruby onyx
#

thank you

#

If i want to make a button that triggers a script, what is the preferred method? Creating some kind of software device and change its state?

dark dirge
ruby onyx
#

thanks again

#

seems like timers are the wrong way to do this if you have to reload home assistant every time you want to change the duration

#

I guess I should ask the full question: I want to turn a plug on for n seconds, where n can be set through the interface, be it a slider or something

#

and I want to click something to make that happen.

#

I made a timer and an automation based on that timer that works, but now changing the timer duration is a pain

#

so now i'm considering making a button that runs a script that starts and then stops after a delay

dark dirge
#

You don’t

#

You can set the duration when you start the timer

#

Looks like you want an input_number that sets the timer duration

#

I recommend reviewing the docs if you came to that conclusion

ruby onyx
#

the docs for timer?

dark dirge
#

Yes

#

timer.start has a duration

ruby onyx
#

how do you do something when an input_number changes?

dark dirge
#

In the service data for the service call

#

I’m sure there are some excellent examples on the forum

ruby onyx
#

ok i will look, I was going to create an automation on event state_changed

#

but i will look for service data service call stuff

dark dirge
#

I don’t think you need an automaton, just a slider to control the duration and a button to start the timer

ruby onyx
#

yeah I didn't know how services worked so I was going to use an automation to control the duration with the slider

#

I also used an automation to run the switch when the timer is going, which also seems wrong now

dark dirge
#

I think you’re probably making this harder than needed

#

You’re not the first person to ask for it πŸ™‚

ruby onyx
#

Almost certainly

#

I think there's a much more direct way to make a button turn a switch on for input_number long that uses delay instead of a timer

dark dirge
#

You can have a button turn on a switch and then have an automation trigger when the switch turns on, with a for: clause

#

And an action that turns the switch off

ruby onyx
#

I think I don't understand the home assistant way of doing things yet. I would want to make a button in the interface and then write a bunch of code to make it do things

#

ah ok

dark dirge
#

That’s probably the better way to do it. I was focused on the timer

#

A typical HA strategy is to trigger when something turns on for some period of time of time (the for: clause), and then turn it off. Better than a delay

ruby onyx
#

oh for is how long

#

i was hoping for was like the button that launched it

#

because I don't want it to turn off everytime anything turns it on for n seconds, just when a particular button does

dark dirge
#

Yes. When something switches to a state and stays there for a while

ruby onyx
#

i was thinking like <label for= kind of thing

dark dirge
#

You can use a condition in the automation for that

#

Or use a script with a delay. Many ways to do it

#

Tackle the problems one at a time. The slider, the button, the sequence of steps when the button is pressed

ruby onyx
#

is there an easy way to make a button that runs a script?

dark dirge
#

Now you’re back at the beginning again

#

Go look at the docs

#

I already mentioned call-service

ruby onyx
#

ok sorry

dark dirge
#

I pointed you to the button card docs

ruby onyx
#

but I don't even know where you make your own

dark dirge
#

You want a button to do something, so start there

ruby onyx
#

yeah and you said to do call service, so then I was trying to figure out how to write a service

dark dirge
#

I didn’t just tell you to do a call-service, I pointed you to the docs

ruby onyx
#

I did, and then it seems like tap option is the way to go, so i clicked tap action and read that form there it seems like of the possible actions call-service is the right one and to use service and service_data

dark dirge
#

A script is a type of service

#

As is timer.start

ruby onyx
#

ah ok thanks

#

now I understand what you were saying, to call service timer start and pass duration as service data

dark dirge
#

Yes

ruby onyx
#

sorry i thought services were a special thing

dark dirge
#

But that’s not necessarily the best way to solve your problem. Look into the script/delay for that, and call the script via call-service

ruby onyx
#

ok thanks, that seems much better

dark dirge
#

Integrations offer services (like timer), but every script is a service

#

Or turn on an input_boolean via call-service and trigger an automaton on that

#

Many options

green cargo
split granite
#

That path only works if you're using HACS

#

Cards go in /config/www (aka /local)

green cargo
#

so if i download the full file... i unpack i see /dist/, /src/, /webpack... how do i install it without HACS?

#

the card seems to be in /dist folder

split granite
#

I'd guess you copy the contents of the dist folder into /config/www/light-entity-card/ and reference it as /local/light-entity-card/light-entity-card.js

#

But... why not use HACS?

green cargo
#

new to HA. nvr had to install HACS before so have never done it though.

#

let me have a look at HACS

kind shellBOT
#

Home Assistant Community Store is the successor to the old Custom Updater, and can do so much more - you should check it out. They even have a Discord server for issues with HACS itself.

split granite
#

You're likely to find it a lot easier than reverse engineering missing documentation πŸ˜‰

green cargo
#

lol ok. i'm one of those stuck in the middle kind. stuck because most of the stuff on the net refer to manual edit examples thru yaml files. and yet some of these are already in-built in recent versions.

#

thru UI

split granite
#

Yeah, stick to official docs πŸ˜‰

#

HA is a "fast moving target"

green cargo
#

isnt that wonderful πŸ˜„

split granite
#

Actually, it is πŸ˜‰

#

If you want a slow moving platform, there's plenty out there

green cargo
#

half the fun is discovery. so i'm good with HA πŸ˜„ kinder suprise kind

green cargo
#

HACS is not listed under the list of integrations within HA

green cargo
#

yes i am looking at that page

#

In your Home Assistant UI go to "Configuration", then click "Integrations"

green cargo
#

i saw the clear browser cache step i missed. let me try it.

#

that did it.

#

thanks mate and @kind shell

honest herald
#

what ya guys using for clock/date in lovelace?

halcyon laurel
#

Since updating to 0.112 the header on my main view is coming and going, seemingly randomly on refreshes, regardless of browser and even after clearing cache. The header is also completely gone on iOS app (I'll head over to #ios_and_mac-archived to discuss that, just didn't know if they're related).

wheat current
#

update custom-header

tranquil grotto
#

I've been using the fully kiosk app on my amazon fire tablet, and after an hour or so of idle time the home assistant UI turns into a small blue bar at the top with a white bar below it filling up the rest of the screen. Is home assistant timing out? Or is the app my issue? After a webpage reload everything goes back to normal for an hour or so but the problem persists. Additionally, Fully Kiosk will randomly crash while loading home assistant and cause my tablet to reboot.

halcyon laurel
#

@wheat current worked perfectly -- odd since I'm not using custom-header in the default view, but I'm not going to look a gift horse in the mouth

hallow spruce
#

is it possible to use a template in a tap action?

#

Where I am headed is a button card that when tapped uses the text of a input field in a service call

mild veldt
#

@hallow spruce not in core. the custom button card can

hallow spruce
#

ok cool - will check that out

vapid field
#

hi. can anyone explain when I try to create a custom card by extending htmlelement, how to bind click events?

#

I just slam everything to innerhtml, but i have problems understandinh how to bind the clicks then

gritty frost
#

Hello. I have a few entries in my side menu I added to me configuration.yaml file. For some reason, they all work except the one for Octoprint. When I use the URL directly, I see my Octoprint pages just fine but when I click the link from HA, I get a Google Chrome gray page that says 192.168.0.129 refused to connect. My code is : panel_iframe: 3dprinter: title: Octoprint icon: mdi:printer-3d-nozzle-outline url: http://192.168.0.129

#

Any idea why ?

compact nexus
#

Any way to turn off this "Automatically disconnect if a tab has been hidden for 5 minutes" feature from .112?

ruby onyx
#

is it safe in a "delay" time field to do like 00:00:553

#

like specify just the seconds

#

and more than 60

mild veldt
#

@compact nexus no

compact nexus
#

@ruby onyx try

delay:
  seconds: 553
ruby onyx
#

if i'm doing a delay from an input number in a script

#

is it `delay:

#

delay: \n seconds: {{ input_number.the_name }}

#

i dunno how you format things haha

#
  seconds: {{ input_number.the_name | int }}```
muted inlet
ruby onyx
#

apparently you can't put a template in a delay for some reason

cedar parrot
#

Why cant you filter stuff in history when you can do that in logbook πŸ™‚

split granite
#

Because .... nobody has submitted that feature

cunning wolf
#

Hi everyone, I'm trying to learn the hass. I am currently running on RPI with docker. But I cannot access any web server files (html or js etc). I couldn't even figure out what kind of web server architecture working in the background and broadcasting from the 8123 port. Is this normal or is it my lack? My academic advisor suggested that I use the platform in my MSc thesis. But I need to make visual additions especially on login page and home page, such as adding university logo, adding my name and surname and student information. But I couldn't even change the theme, especially for the login screen. I would be very happy if you could support me.

split granite
#

There's no web server as such

#

You'd need to build a custom frontend

cunning wolf
#

Do you have a chance to summarize the working principle?

muted inlet
split granite
#

See the developer docs

#

If you're doing an MSc those should have all you need πŸ˜›

cunning wolf
#

Actually, I have reviewed this document but for example, it is not possible to make changes on the login page with the information here.

muted inlet
#

right. as tinkerer said you'd need to make a custom frontend

#

there's no stock tool to customize those things

cunning wolf
#

ok thx

muted inlet
elder pendant
#

Nice, thanks!

#

(may or may not shamelessly steal that and stick it in custom sidebar)

muted inlet
#

Heh

#

inb4 "my eyes"

#

And having my custom server controls link on the bottom feels more stock

#

That OEM feel

#

Note the lack of HACS...I hardly use custom stuff so I ended up removing it

elder pendant
#

What I really have been meaning to do is recreate dev tools the way it used to be, with all the links immediately available

muted inlet
#

Oh yeah, I remember that

#

Wow that was a while ago, wasn't it

elder pendant
#

ha yeah. I remember being pretty GWnekomakiAngeryBOYE about it at the time. Now I hardly remember how it used to be

muted inlet
#

The recent developer tools change has definitely thrown me off, but I understand the reasoning

#

Not totally sure logs belongs in configuration though

#

Sorry @wheat current πŸ˜‚

elder pendant
#

hopefully that gets addressed eventually. I don't see a problem with adding panels in dev tools for integrations that require dev tools, but I can see both sides

#

or come with dev tools is probably more accurate

muted inlet
#

Moving ZHA and Z-wave to integrations also still gets me. I get the consistency aspect but I feel like those could stay as their own special things in configuration

elder pendant
#

I understand wanting to keep some menus "pure" in the sense of the core experience, but making them dynamic was better imo

#

but I rarely submit PRs outside of docs grammar/example edits, so I don't really have an informed opinion

mild veldt
#

zha/zwave are integrations, are they not?

muted inlet
#

Yeah they are

mild veldt
#

so it makes sense, you're just not used to it

elder pendant
#

yes, but they are more complex than other integrations

muted inlet
#

I'm just saying I think it made sense that they had their own spot in configuration since they're sort of special

#

I'm not complaining @mild veldt , I'm just providing feedback

mild veldt
#

wrong

#

😜

muted inlet
#

Any thoughts on my last message? @mild veldt

elder pendant
#

I use zwave2mqtt anyway, so it doesn't really matter to me personally 🀣

mild veldt
#

@muted inlet were we not talking about your last message?

split granite
#

It's one of those where I both like it, and hate it... πŸ˜„

muted inlet
#

I'm just saying I think it made sense that they had their own spot in configuration since they're sort of special

split granite
#

I see why it was done, and I agree with it. However... it's different and confusing until I get used to it... πŸ˜›

muted inlet
#

That's what I mean. What's done is done and that's fine, I just need to get used to it

elder pendant
#

While info should have been moved, I still think logs belonged in dev tools. don't @ me

mild veldt
#

it makes sense that they have their own special functions inside Integrations, but I don't think having their own slot in Configuration is necessary

muted inlet
#

Hmm. I disagree but that's ok πŸ˜„

mild veldt
#

I'll @ you if I want!

#

🀣

muted inlet
#

Fite me irl

mild veldt
#

bike racks, 3pm. be there or be square

elder pendant
#

tbh just like the change from individual dev tool links, we're all going to forget how it used to be in 4 months anyway

mild veldt
#

I personally think Developer Tools is all wrong to begin with. It is not for developers, it is for testing. Saying developer makes it seem scary, which it is not. The logs, they are not for testing, they are related to the health of your system and being in with other system stuff makes sense to me

elder pendant
#

I agree with the "Developer" is scary sentiment, but testing and log errors go hand in hand all too often. It was nice having them together

#

but I can't think of a better way, and I know it's annoying to just hear "I don't like that way"

muted inlet
#

yeah having dev tools > services and logs in the same section was handy. i know there's the toast message if something goes wrong with a service call though

mild veldt
#

i wouldn't be opposed to them being in both locations

mild veldt
#

no comprendo

muted inlet
#

why not both?

elder pendant
#

@muted inlet ah true, the toast is probably good enough now that I think back

#

I pretty rarely use the services tab anymore, just states

muted inlet
#

@mild veldt these changes are bad and you should feel bad

#

runs away

#

(joking, for anyone who might be concerned)

elder pendant
#

ow, my heart

muted inlet
#

I'M SORRY I DIDN'T MEAN IT!

elder pendant
#

@mild veldt has the "Developer Tools" name been discussed at all?

muted inlet
#

yeah that's a good question

elder pendant
#

because that does make sense to change it. Convincing people they don't need to be a dev to use HA, but they need to use dev tools to automate seems like conflicting statements

muted inlet
#

indeed

split granite
#

What would it be called instead πŸ€”

elder pendant
#

"Creation Tools"?

split granite
#

Under the hood

#

Poking the parts

#

Here be dragons

elder pendant
#

"Place where the stuff is"

muted inlet
#

i was just trying to think of an alternative name

split granite
#

Oh, I agree, it makes sense...

muted inlet
#

System Tools?

#

System Utilities?

elder pendant
#

I think keeping "Tools" is a good idea at least. That's a non-threatening word

mild veldt
#

@muted inlet yeah system tools seems like a nice balance. Want to open up a FR in frontend?

muted inlet
#

sure thing. on the forum?

mild veldt
#

no, github

muted inlet
#

ah, will do.

mild veldt
#

I never look at forum FRs, I don't know why they are pushed over there. It's a mess

elder pendant
#

that always seemed silly to me

#

that's like one of the main uses of github issues

mild veldt
#

I suspect it was to limit github issues, but you filter on labels and you're golden and is why I pushed for them in frontend πŸ€·β€β™‚οΈ I guess core could get out of hand asking for new integrations?

elder pendant
#

even making a repo for FRs would be better

mild veldt
#

we used to have that for frontend, hated that as well 🀣

elder pendant
#

trying to track progress via the forum is.... 🀦

mild veldt
#

yeah...no. don't even try

#

give me issue tracking, or give me death

elder pendant
#

Like you said though, labels are there for a reason. Shouldn't be difficult to differentiate between bugs and FRs

#

Maybe someone should open a FR to move FRs πŸ€”

mild veldt
#

sure, only thought I had was that asking for a new integration is not really a "feature request" in my head for core team. Typically new integrations are by people want that particular integration, not necessarily the core team

#

anyways...