#frontend-archived

1 messages Β· Page 125 of 1

old lance
#

@split granite

kind shellBOT
#

Tinkerer is away for 3m 18s with a message :point_right: - .... .. ... / .. ... / .--- ..- ... - / ... --- -- . / .--. --- .. -. - .-.. . ... ... / -- --- .-. ... . / -.-. --- -.. . / -- . ... ... .- --. .

old lance
#

sensor:

  • platform: template
    sensors:
    iphone_loading:
    friendly_name: "iPhone Laddning"
    value_template: "{% if is_state('sensor.iphone_battery_state','Unplugged') %}Urkopplad{% else %}Laddar{%endif %}"
#

Would that work possibly?

#

And i would call it by iphone_loading

#

Worked like a charm!"

slow wave
strong finch
#

Different theme for Different user. Is it possible?

slow wave
#

@strong finch each user can select their theme in the profile

strong finch
#

I understand, but the question is possible with the help of code that it will be Always

slow wave
#

To force a theme to a specific user? Or to all users?

strong finch
#

specific user

#

user: 1 | user: 2 | user: 3 Everyone has a different theme

strong finch
#

No one knows? 😞

split granite
#

You can't - currently anyway

slow wave
#

You can override theme for all users on boot atleast

#

I do that

split granite
#

Well, assuming they've chosen Backend selected

slow wave
#

I never chose that atleast, I think it is default ?

split granite
#

It's the default

slow wave
#

I just do that

split granite
#

Yeah, I have something similar, but it doesn't do anything for an account that has chosen a theme

robust garden
#

How can I upgrade a bar card so that the correct version number is displayed in the chrome console log? I have reinstalled bar-card several times and emptied the browser's cache, but version 1.5.2 stays with me while I installed with HACS version 1.6.0

#

funny when I install 1.6.0 in HACS then it install version 1.5.2 😦

ruby fiber
#

Hi everyone. I tried to configure a monster card but groups light is show and I want only entities. When I hide the group in card it's hid may entities. any idea ?

tough quiver
#

Can i set a gauge or graph to use an attribute of an entity, or will i need to make a template sensor based on the initial sensor for attributes?

split granite
#

If it's one of the stock cards, you need to create a template sensor

tough quiver
#

okay.

#

also, what happened to the graph card? did it just get turned into history-card and then lose the smooth lines?

split granite
#

There's two "graph" type cards

#

The one your talking about sounds a bit like the sensor card

tough quiver
#

err, yeah that'll be what it is

#

was it originally called graph?

split granite
#

I don't think so - certainly there's no sign of it in what release notes there are

#

0.80.0 introduces it as sensor

tough quiver
#

welp, maybe not then.

#

Is there a way to invert the severity on a gauge?

#

or is it literally just set the severity of red to 0, yellow to 50, green to 85?

#

^ is true πŸ™‚

brittle eagle
#

hello all

#

any idea how to add a spacer to a button-entity-row ?

#

i have 2 buttons but there all the way to the left and the other to the right

#

need them to center

#

(Have no css knowledge, as stated in the card)

vapid field
#

I'm using hacs and the .js file is accessible from the url in the ui-lovelace.yaml

#

Is there a way for me to see the errors?

atomic glacier
vapid field
#

Nothing 😦

#

oh is it ui.lovelace.yaml not ui-lovelace.yaml ? (dash?)

vapid field
#

This is interesting...

#

It throws these types of errors but not if I provide custom:simple-thermostat DOMException: Failed to execute 'whenDefined' on 'CustomElementRegistry': "simplethermostat" is not a valid custom element name create-card-element.ts:109 Uncaught (in promise) DOMException: Failed to execute 'whenDefined' on 'CustomElementRegistry': "simple\-thermostat" is not a valid custom element name

#

Gosh this is so annoying.

#

oh I see it's just an uncaught check on the same, then it throws on it not not existing.

#

weird I had to manually edit ./storage/lovelace

calm pendant
#

Hello everyone. Would anyone be able to help me with the wyze cam rtsp firmware and the stream card. I have the rtsp ip but i cant seem to get a picture entity card to display the camera.

vapid field
#

Maybe you'll see a 404 or something for it trying to fetche your wyze cam

latent moss
#

@calm pendant do you have a camera entity? ie camera.kitchen

calm pendant
#

@latent moss i do not. I so far went into my config yaml and on the 2nd line i put stream: saved and reatarted

#

Do i have to setup the entity forst?

latent moss
#

yes

#

In your configuration.yaml add something like this

camera:
  - platform: generic
    name: Kitchen
    still_image_url: https://i.imgur.com/vmU4AWZ.jpg
    stream_source: rtsp://Username:Passwordm@192.168.1.150/live
calm pendant
#

Im sorry im pretty new

latent moss
#

you would change the last line obviously to your rtsp url

calm pendant
#

Will that alow a live stream on my overview page?

latent moss
#

yes

calm pendant
#

Just editing config yaml. Reatarting now. I can do a picture entity card and add it there?

latent moss
#

Yes. Once you have the camera entity, you will be able to do something like this

type: picture-entity
entity: camera.backyard
camera_view: live
calm pendant
#

You have to do an still image. I left it out and the logs gave me an error

latent moss
#

i think so. wyze doesn't provide a still image, so i just put a generic image for that, the wyze logo. when you display it on your lovelace it's going to be a live stream so the still image won't be used anyway, can be whatever.

calm pendant
#

Gotcha. Where do i need to stick the image at?

latent moss
#

this is what i use,

camera:
  - platform: generic
    name: Kitchen
    still_image_url: https://i.imgur.com/vmU4AWZ.jpg
    stream_source: rtsp://Username:Passwordm@192.168.1.150/live
#

(that goes in your configuration.yaml)

calm pendant
#

Ok let me try. Thought the image had to be local.

#

Does the stream: have to be at the very very top. I have it below defaut config:

latent moss
#

that should be fine

calm pendant
#

Saving and restarting.

#

Do ypu have any lag issues with ypur wyze streaming.

latent moss
#

yeah it's a couple seconds delayed i think

calm pendant
#

I have an sd card in the cam. Does it record anything to the sd card in the rpi3? Or does it stay on the camera sd

#

Im worried im going to kill my sd in the pi with read amd writes

latent moss
#

valid concern, i don't know how bad it is on the sd cards. i think it's only doing writes when you either click on the camera entity or when it's doing a live stream on the overview page. i have my cameras on a separate tab/view so it's not running constantly unless i visit that tab.

calm pendant
#

Gotcha. My idea is im going to have another rpi3 in my shop hooked to a big tv only purpose is to display my overview page. To shop my cam feeds as well as temps. Doors open or closed. I wont interact with it. Just view. So the tab will be open all the time.

#

I wonder if i should turn this over to a virtual machine to do this

#

By the way its working! You nailed it. I just didnt understand getting the cam in as an entity. Thank you thank you

latent moss
#

no problem

#

if you are using hassio install method, i would recommend doing automated snapshots. then if your sd card dies you can simply swap in another one and restore your setup fairly quickly. i would see how that goes before springing for a NUC or more expensive machine.

calm pendant
#

Alright ill have to do some research on the automatic snapshots. I take snapshots but i guess they stay on sd card so if it dies it doesnt do you any good

#

By chance do you know how to get rid of the idle text on the right of the card? I want to keep the name of the cam on the left

latent moss
#

yeah there's community add-ons for Hassio that can backup to Dropbox or Google Drive. here is a tutorial https://www.youtube.com/watch?v=WcErD5PvIYw That way even if your sd card dies you don't really lose anything, and you're only out a couple bucks for a new sd card.

#

add show_state: false i think

#

so i think basically like this.

type: picture-entity
entity: camera.backyard
camera_view: live
show_state: false
calm pendant
#

Sweet ill try that. Going to fallow your link. Thank you a ton for all your help! Appreciate it

latent moss
#

no problem

sleek swift
#

Used to be that /customcards/ used to be a symlink or something for pointing to lovelace cards without caching I think. This doesn't seem to work anymore, has it changed?

split granite
#

It required a particular custom component I think

sleek swift
#

ah, ok, I reverted back to /local/custom to point to a custom folder in www, that works fine.

coarse fractal
#

i have a problem with lovelace on mobile. is it supposed to work?

elder pendant
#

What problem are you having?

#

It just doesn't load at all?

river remnant
#

Hi. I have a question which should have an easy answer but whatever I thought so far drives me in circles.
I have a tablet hanging next to the entrance door and used as Home Assistant console.
What I'd like to do is to set up an automation capable to switch from the default_view to another panel when an event occours.
Reason for doing that: When somebody rings at the door a switch is triggered in HA and I'd like to switch automatically the tablet display to whatever current panel to the one where I have the peephole camera.
Any idea on how to do that?
Navigate from "hassio.local:8123/lovelace/default_view" to "hassio.local:8123/lovelace/peephole" would do the game... but no idea on how to it automatically...

lone halo
#

hi all, I have a (i hope) quick question. It is possible to hide sensor name using badges on picture elements?

river remnant
#

@lone halo I hope I'm saying something useful. Would it work for you using name: ' ' ? I have several pushbutton defined that way and represented by an icon

lone halo
#

tried it with friendly name.

#

are your state badges?

river remnant
#
  • entity: switch.living_room_shutter
    icon: 'mdi:arrow-up-bold'
    name: ' '
    tap_action:
    action: call-service
    service: switch.turn_on
    service_data:
    entity_id: switch.living_room_shutter
lone halo
#

type is missing

rustic geyser
#

guys I have been playing around with 3D Floorplans for a while, trying to get different rooms to light or actually to get the image representing the different rooms to turn on depending on the switch selection, my question is I have created an SVG image with 3 layers in it each labled with the entity ID, using a lovelace picture elements card I am tring to set it up so that I can turn on or of the layers, any assistance would be appreciated

split granite
#

~format @river remnant

lone halo
#

on docs it says this for state badge :

title
(string)(Optional)

State badge tooltip. Set to null to hide.

"null" is ' ' ?

split granite
#

Would be '' I'd expect

#

or ""

lone halo
#

this is my config:

  - entity: sensor.temperatura_soggiorno
    style:
      '--ha-label-badge-font-size': 1em
      color: white
      left: 90%
      top: 15%
    title: '  '
    type: state-badge

but in lovelace i still see sensor name "temperatura_soggiorno"

rustic geyser
#

guys I have been playing around with 3D Floorplans for a while, trying to get different rooms to light or actually to get the image representing the different rooms to turn on depending on the switch selection, my question is I have created an SVG image with 3 layers in it each labled with the entity ID, using a lovelace picture elements card I am tring to set it up so that I can turn on or of the layers, any assistance would be appreciated

gloomy knoll
#

Is there any way to customize badges on the map card? I've tried to just make it an icon without the circle, but with no luck. My dream goal β€” a PNG image that I upload with no badge circle

plush shadow
#

There was a power outage when I was out and when I come back, both chromecast and google home cards turned into


{
  "entity": "media_player.chr",
  "type": "media-control"
}```
timid wigeon
#

How do I create script buttons that don't say "EXECUTE"

split granite
#

That's what you get if you use the entity card, you could use a Glance card, an Entity Button card, or many more, and configure the tap_action to run the script

timid wigeon
#

thanks @split granite

carmine shoal
#

hmm

rustic geyser
#

Tinkerer: I was just reading through the floorplan post on the community, you were playing around trying to get the existing floorplan card to work with the new lovelace Pcture elements card did you get this working

split granite
#

Not with Picture elements, no

#

That... was an exercise in frustration

#

Instead I took the easy route

rustic geyser
#

yep I am feeling the pain right now

split granite
#

(easy, because I already had the floorplan built)

#

Using Floorplan is a bit fiddly, but I'm so much happier with the result

rustic geyser
#

did you use the inkscape to configure your SVG with the layers in it labelled as the element names

split granite
#

Yes

#

I started by tracing the floorplan from the house purchase details, and worked up from there

rustic geyser
#

ok have completed all that, just want the one svg, with the layers to show each light comming on

split granite
#

That's what Floorplan gives you

rustic geyser
#

looks brilliant

split granite
#

It took a lot of work, in part because I'm picky about details, but it's been worth it

rustic geyser
#

I have spent considerable time so far like you very picky, I have all my base floorplans done, it is now easy to create the different lyers, just hung up on the code and which way to go

split granite
#

IMO the custom Floorplan card gives the most visually pleasing result

#

The forum threads - both for the original and the card - are worth spending a few hours reading through to get some idea of what's possible

rustic geyser
#

yep been doing that hence how I came across your input, I followed Aaron Godfrey's post got all that working but limiting if you want one SVG image to show everything

split granite
#

With the card it's possible now to have multiple Floorplans quite easily I'd have thought

rustic geyser
#

yes thats how I have set it up, now, but each floorplan only shows two stages, ie light on or off, as soon as I had a 3rd or 4th to the equation , layers get hidden on top of each other , hence why I am trying to use the layers option turning them off and on

#

but as you have dicovered it does not weem easy using a picture elements card

#

seem

split granite
#

Yeah, Lovelace-Floorplan all the way πŸ˜„

midnight frigate
#

Anyone else get a dev branch pushed into homeassistant/home-assistant:latest

split granite
#

@midnight frigate I suspect you asked in the wrong channel

midnight frigate
#

yup, fingers were faster than eyes....

mild veldt
#

@river remnant browser_mod allows you to change views on events

#

@gloomy knoll you cannot customize the map card

#

@plush shadow if you look on the states page, you would see that those entities are not available. Home Assistant probably restarted before your Google devices did so they were not discovered

turbid pier
#

dropdown lists being obscured by the "topic" header a know issue? ie z-wave node list being obscured by the blue "Z-Wave" header

#

(firefox)

plush shadow
#

Ok. I thought it continuously monitor the Google device. So I guess a simple restart should do it.

river remnant
#

@mild veldt ....really thanks a lot. I had a quick look at browser_mod and it seems exactly what I need...
You can't imagine how much I searched... thanks again

wheat current
plush tangle
#

Hello gents, hoping you would kindly provide some insight. I'm trying to left-justify and right-justify two mdi icons for elements on a picture-entity card. I'm probably missing something simple, but I'm not finding anything useful through my searches. TIA

gloomy knoll
#

@mild veldt What about customizing badges outsize of the map card. Can I get to the point where I could use a custom PNG without the circle?

mild veldt
#

@plush tangle there are no icons on the picture-entity card...?

plush tangle
#

@mild veldt there are...if I populate entities, they start from the right and fill to the left

mild veldt
#

@gloomy knoll you can use your own entity picture, not sure what you mean by without the circle? That's kind of what makes them badges, after all

plush tangle
#

@mild veldt just trying to get one on justified left and one justified right

mild veldt
#

@plush tangle you must be referring to picture-glance

plush tangle
#

you're right, sorry. I'm only 60 hours in

mild veldt
#

You can somewhat adjust the order, but location is based upon type

#

middle being for non-actionable items and the right for actionable items

#

if you want customization like that, you'd have the most luck by trying picture-elements

plush tangle
#

Is there a way to input hidden entities which would act as spaces?

#

everything I've tried has failed

mild veldt
#

no

#

@plush tangle I guess if you found an icon that could be your spacer that could work 🀷

plush tangle
mild veldt
#

they are separated by type

#

sensors in the middle vs togglable items on the right

atomic glacier
#

Dummy-entity or Gap-card ??? If not applicable, sorry didn't have time to read up

#

At work

mild veldt
#

@atomic glacier not within a picture-glance

gloomy knoll
#

@mild veldt Yeah, I don't want them to feel like a badge. I'm hoping for a transparent PNG

mild veldt
#

@gloomy knoll I mean you can do that, but not within the badges area

plush tangle
#

would a custom card be a better direction for what I'm trying to do?

mild veldt
#

@plush tangle picture-elements or just buttons inside horizontal stacks

atomic glacier
#

πŸ‘πŸ»

gloomy knoll
#

Sadly, the maps only place badges

mild veldt
#

like I said before, you can't customize the map at all

#

only the entity picture for the device

plush tangle
#

@mild veldt thank you for the assistance sir! I'll investigate custom options if any. Trying to get a live stream of a 2-bay garage with left and right buttons to trigger the doors respectively. I still have a lot to learn

mild veldt
#

That sounds easy enough with picture-elements

#

Or a vertical stack with just the stream and below a horizontal stack with two buttons in it

#

That would be even easier

plush tangle
#

I have everything working but the spacing. That's a great idea, I'll try that

#

Thanks again

atomic glacier
#

@mild veldt @plush tangle I was pretty sure I'd done that way back. Fake entity with icon: mdi:fake to create a space between buttons. Not sure if that's what you were looking for though...
https://snipboard.io/i2g5dS.jpg

mild veldt
#

quite possible @atomic glacier , would need to be a real entity though

#

actually...maybe not

#

I don't think I did add that logic to that card

atomic glacier
#

Yes, corrected, but it doesn't have to work πŸ˜‰

#

at least mine didn't LOL

#

sensor.zdummy_sensor_35 and switch.zdummy_switch_5 or input_boolean.fake

mild veldt
#

yep, that does work. @plush tangle wasn't aware of this work-around. So if you haven't already got something else, this is a valid solution

polar kelp
polar kelp
#

Requires 0.98, though... But it's backend supported, so it's stable as a rock.

raven nacelle
#

I need to start using card-mod

rustic geyser
#

Hi all, has anyone here successfully created a 3d floorplan using the new lovelace floorplan card and managed to get the layers in the floorplan .svg to turn on and off

true jungle
#

Can this be done or is it still ill-advised? I seem to remember this causing crashes..? Could have just been when using ha cast though.. ```type: iframe
url: /a0d7b954_motioneye
aspect_ratio: 100%

glacial ledge
#

Is there a way to have a hidden attribute like name or alias?
The idea is I want to use monster-card and I want to be able to build card based on tags but not necessarily do I want to have all the tags as part of the visible name.

split granite
#

You can't hide attributes

lime warren
#

I have a question on the gauge card, and the "severity" color scheme. Can the order of colors be reversed? For example, sometimes a LOW number ought to be red and a high number green. Like for a fuel or energy or battery level. How does one do that?

split granite
#

Does it work if you pick a high number for green and a low number for red?

lime warren
#

It wasn't working in the GUI editor - I reordered in the text editor as such and it worked.
type: gauge severity: red: 0.1 yellow: 0.2 green: 0.3 theme: Backend-selected name: PV Power entity: sensor.renesola_power max: 0.5 min: 0

#

and not that it matters, but red yellow and green are the only colors I guess? Certainly not white , black, orange, 0x00ff00 etc

wet coral
#

hello! is there any way to change icon-colour to 'yellow' for two custom-states of sensor.template entity?

lime warren
#

And also I suppose I can't do any value scaling in a Lovelace card? Like dividing a sensor measurement by 1000 without doing it in a template but just in a card?

strong falcon
#

is there any way to add a vertical line between cards in a vertical-stack (or vertical-stack-in) card?

polar kelp
#

Time to lean back and watch the world of everyone using hacs without reading release notes burn.

#

Or wait... maybe pre-releases don't even show up in hacs...

sleek swift
#

@polar kelp some very different levels of instructions on these custom_components... a long scale from missing to extremely good

polar kelp
#

On mine?

elder pendant
#

I just copy/pasted my instructions from someone that knew what they were doing and changed the words to match my plugin

#

"Use jinja templates instead of my silly ones" 🀣

errant plover
#

Phew. Just checked and while I have card-mod installed I no longer appear to be using it.

#

Oh crap. Yes I am. In lots and lots and lots of places. I should have searched for "style: |" not "card-mod".

wheat current
#

@polar kelp prereleases can be shown, but the user needs to enable that in the context menu pr repository

sleek swift
#

@polar kelp no not so much. Just saying there is a fairly wide gulf of "quality documentation"

polar kelp
#

That's true.

boreal hedge
#

ey folks! new here! i made a new setup on my hassio and now i got alot of info i dont want to see .. i tried to make a group i can add all those things to and tried to hide it in costomize.yaml but doesnt work

any idea?

split granite
#

Top right corner of the Overview there's a menu

#

Configure UI is what you want

boreal hedge
#

ohhh lol

#

nice thanks!

#

may i ask what is panel mode?

split granite
carmine shoal
#

hey tinkerer, question for you. I have two cards defined on my weather view. I can comment either out, and the other shows, but not both together

split granite
#

Then you've messed something up πŸ˜‰

carmine shoal
#

yes, but what?

split granite
#

Lines 4 and 5 are weird - maybe valid, but weird

carmine shoal
#

and the hanging - is an error of pastery

split granite
#

Maybe try using the UI editor to set it up?

#

Every time I've had this problem it's been an issue with the card, or the entities I've given it

carmine shoal
#

thanks. was an extra character in a sensor.

split granite
#

Custom cards often don't handle that type of error cleanly

#

Don't know why

carmine shoal
#

ok.. sucessfully made changes with no unforeseen side effects

strong falcon
#

what is the best way to add a divider between cards in a vertical-stack?

slow mist
split granite
#

Menu in the top right, Configure UI

carmine shoal
#

badges. remove the badges

split granite
#

See the docs, linked from the channel topic πŸ˜‰

carmine shoal
#

tinkerer: what kind of card do I want to display a weather map? picture?

split granite
#

If it's a picture

#

I mean, you could just look at the stock card types and see what best fits what you want to do πŸ˜‰

carmine shoal
#

its a camera

mild veldt
#

@strong falcon do want just a line or a label?

slow mist
mild veldt
#

Both are options in the entities card

#

@slow mist hit the pencil next to "HOME"

strong falcon
#

just a line, I use "divider" in entity cards but I need a line between cards

split granite
#

@carmine shoal Then one of the picture cards

mild veldt
#

Use the entities card with just a divider and use card-mod to remove the box shadow

#

Actually don't do that

#

Try

type: custom:hui-divider-row
slow mist
#

so in general, do you

  1. add rooms first then,
  2. input only switches not sensors to these rooms ?

meaning switch A is at study room but switch A has a lot of sensors or what not.
so ignore sensors and what nots?

strong falcon
#

@mild veldt is that in HACs?

mild veldt
#

@strong falcon no it's the core divider row

strong falcon
#

solid, thanks

split granite
#

@slow mist my experience is that you'll go through a bunch of changes until you find what works for you. Right now I have four main views:

  1. Entity filter cards showing lights that are on, etc https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-home
  2. Floorplan of the whole house https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-floorplan
  3. Ground floor rooms - glance card per room https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-ground
  4. First floor rooms - glance card per room https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-upstairs
#

That's the fifth? eighth? attempt to get what I'm looking for, and I'm getting closer now πŸ˜‰

slow mist
#

ok in this case let me install most of the stuff before I meddle with UI thanks

carmine shoal
#
Invalid card configuration
{
  "type": "picture-glance",
  "image": "camera.ohx"
}
split granite
#

You should try RTFMing πŸ˜‰

carmine shoal
#

can't see forest for all this tree bark my nose is pressed into

split granite
#

You'll note that's marked as Required

#

Also

#

image (string)(Optional) Background image URL.

carmine shoal
#

ok, no longer error, but displsaying broken image link

#

ok,, something wrong with that camera

latent moss
#

For your jukebox stuff with decluttering card, any thoughts on whether it might be possible to "filter" the list based on a variable? For example I would add a variable for "genre" like so:

variables:
  - album_art: cover.jpg
  - album_artist: "Person"
  - genre: "Rock"

And then I want some kind of button that I could press to only display albums in the Rock genre etc. Similar to a Lovelace conditional card I guess, but there'd be no entities to base conditions off of, so it would have to be hidden in CSS or something I think? Just curious if this would be technically possible, since I am still in the tedious "adding metadata" phase and wondering if it's worthwhile to add genres to everything.

devout hatch
#

If anybody knows how to call a script with custom button card?

#

here is my lovelace ui: ```title: Home
icon: mdi:home
panel: true
cards:

  • type: horizontal-stack
    cards:
    • type: "custom:button-card"
      color_type: blank-card
    • type: "custom:button-card"
      color_type: blank-card
    • type: "custom:button-card"
      color_type: card
      color: rgb(223, 255, 97)
      icon: mdi:volume-plus
      tap_action:
      action: call-service
      service: scripts.livingroom.turn_on_tv_livingroom```
split granite
#

The service isn't called scripts.livingroom.turn_on_tv_livingroom

#

Check your Services menu

devout hatch
#

and second question, can I in folder scripts have multiple folders like living room, bathroom, bedroom, and there all scripts regarding that room?

split granite
#

No

devout hatch
#

Ok, so all scripts in one level mfolder

split granite
#

Scripts, and automations, don't belong to a room

#

You can put them in folders for your own convenience, but that's all it is

devout hatch
#

but obviosly I cant put it in each folder

#

because it wont work like that

split granite
#

Really?

#

πŸ€” Wonder how my install is working then

devout hatch
#

I mean I will give it a try..

split granite
#

You still need to simply fix the service call though πŸ˜‰

devout hatch
#

@split granite maybe the difference is what I am calling a service

#

but actually is a script?

split granite
#

Not in HA terms it's not πŸ˜‰

#

scripts.livingroom.turn_on_tv_livingroom is not a valid entity ID

#

Go check your services menu, try to find it

devout hatch
#

I cannot see that script in my services

#

hmm

split granite
#

Odd that

#

Almost as if the thing you posted is totally invalid πŸ˜‰

#

It is a script not scripts

#

The name of the folder doesn't come in to the naming of the service/script

devout hatch
#

oh..I didint notice

#

yes, I still cant see script.Folder.MyScript

split granite
#

🀦

#

Because...

#

that is not a valid entity id

#

And...

#

The name of the folder doesn't come in to the naming of the service/script

devout hatch
#

script.turn_on_tv_livingroom

#

hre it is πŸ™‚

split granite
#

Entity IDs have two parts:

  1. Domain: script
  2. Unique identifier within the domain: turn_on_tv_livingroom
devout hatch
#

here*

split granite
#

There is never more than one .in an entity ID

devout hatch
#

so, without subfolders..makes sense

split granite
#

Even with subfolders

devout hatch
#

great..thanks @split granite

#

without you I would be lost πŸ˜„

#

How can I add picture-glance card but with some entities whiuch they only call service

#

like: - type: picture-glance title: Turn on/off TV image: /local/images/media-center.png entities: - entity: #media_player.receiver icon: mdi:television tap_action: action: call-service service: script.turn_on_tv_livingroom - entity: #media_player.receiver icon: mdi:google-chrome tap_action: action: call-service service: script.turn_off_tv_livingroom

#

I commented entity: media_player.receiver..I do not need that really

split granite
#

You have to add an entity, but the entity itself doesn't matter

#

Why not add the script as the entity?

devout hatch
#

I want just to set an icon, and on tap to call service

#

oh..I didnt know that can be done also

#
        title: Turn on/off TV
        image: /local/images/media-center.png
        entities:
        - entity: script.turn_off_tv_livingroom
          icon: mdi:television
          tap_action:
            action: call-service
            service: script.turn_on_tv_livingroom
        - entity: script.turn_off_tv_livingroom
          icon: mdi:google-chrome
          tap_action:
            action: call-service
            service: script.turn_off_tv_livingroom```
#

like that?

split granite
#

Yup

carmine shoal
#

thanks again for helping me with my trees problem

#

Tinkerer

devout hatch
#

haha..I barely can see the icons πŸ™‚

glacial ledge
#

Is there a way to have a hidden attribute like name or alias?
The idea is I want to use monster-card and I want to be able to build card based on tags but not necessarily do I want to have all the tags as part of the visible name.

split granite
#

Still no

#

That hasn't changed since you asked the last time πŸ˜‰

glacial ledge
#

I know I wanted to ask. I don't rember asking here. πŸ™‚ I asked in #330944238910963714 but then decided its the wrong place so I waited and asked again..

split granite
#

You asked here last night, and I answered then πŸ˜‰

glacial ledge
#

I guess since it was no I didn't file it in my brain. Or maybe it just went into my ramdrive and got erased overnight..

#

I was tired then so I guess I just ignored it... now I'll remember this whole discussion. thanks again. πŸ™‚

sacred onyx
#

What are some great custom lovelace cards for tablet usage? This weekend I'll be mounting my tablet to the wall and I'm looking for a nice card to in & decrease brightness.

#

The custom sliders are a pain on tablets.

polar kelp
#

Anything related to touch is a pain on tablets.

#

At least they shouldn't be any worse than the built-in sliders 🀷

#

As for your question, I think browser_mod and lovelace-fullykiosk

#

Note that lovelace-fullykiosk is planned to be incorporated in browser_mod eventually.

#

I also think layout-card is a hit for wall mounted displays.

#

Admittedly, I am a bit biased, though.

sacred onyx
#

Wow... How did I not know about layout-card?! This looks amazing, thank you Thomas!

#

I actually bookmarked your browser_mod github page yesterday for later use.

devout hatch
#

how to edit color for icons in ribbon on glance-picture card?

#

I ahve gray ribbon with gray icons..

carmine shoal
#

mod-card

polar kelp
#

*card-mod

carmine shoal
#

nods. that critter

plush tangle
#

Hello all! Could someone please point me in the right direction? I'm struggling to get an Entities Card to change the icon of a switch when I toggle it on.

#

It's an mqtt switch in config if that matters. I've been fighting this for hours in the Customize.yaml with no results

polar kelp
#

Something that supports icon_template

plush tangle
#

Thank you for the info, I'm looking into it now. I've gone through this already but I'll look again. Does that mean I remove the fireplace MQTT switch from configuration and turn it into a template?

#
  • platform: mqtt
    name: "Fireplace"
    state_topic: "stat/fireplace/POWER"
    command_topic: "cmnd/fireplace/POWER"
    availability_topic: "tele/fireplace/LWT"
    payload_available: "Online"
    payload_not_available: "Offline"
    payload_on: "ON"
    payload_off: "OFF"
    retain: false
polar kelp
#

Either that or (easier) you make a template switch as a wrapper.

sturdy bough
#

hi guys,
is there any way to alight-left the text of items placed on a picture elements? They are all align-center and that's annoying when you ave icons and text one near another....

polar kelp
#

Anything you put in style: will be applied as css.

sturdy bough
#

@polar kelp nope, text-align: left does nothing

carmine shoal
#

ok, here's an idea I want to implement: horizontal stack, 1 big wxmap|9 smaller wxmaps

#

when i click on one of the smaller, it becomes the big wxmap

carmine shoal
#
 ________
|        | [ ][ ][ ]
|        | [ ][ ][ ]
|________| [ ][ ][ ]
#

like that. click on small image, it swaps places with the big image

mild veldt
#

so tap action should set an input select with you selection and main uses that to get entity with the config-template-card @carmine shoal

carmine shoal
#

exactly.

#

i need 10 variables to hold the camera names

#

and just swap two variables, to swap the cameras

mild veldt
#

I don't think that is necessary

#

at least not how I was envisioning it

carmine shoal
#

if there are a total of 10 cameras, 1 big, 9 little...

mild veldt
#

sounds like you were thinking about doing it all on the backend

carmine shoal
#

how would you do it on the front end?

mild veldt
#

and an input_select to hold the current selection

#

either way should work

carmine shoal
#

oho... loooks sweet

severe idol
#

anybody know how I can get Lovelace to be the default view when I click on Overview tab in the sidebar?

#

because it goes to ip/states

#

instead of ip/lovelace/0

latent moss
#

@severe idol on Developer Tools -> Info (aka log page) there should be a button there to select the default, states or lovelace

severe idol
#

cheers @latent moss

polar kelp
#

@carmine shoal @mild veldt with state-switch it can be done without needing an input_select, and multiple users can use it individually at the same time.

#

Also doesn’t require rerendering the card every time you switch, but that’s just a minor performance thing.

timid burrow
#

has anyone used card-mod to change the colour of the icon for an input_boolean switch? I just can't crack it to get it to work

polar kelp
#

It's much easier with release 4

timid burrow
#

when is that out?

polar kelp
#

six minutes ago

timid burrow
#

hahahaha

polar kelp
#
- entity: input_boolean.notify
  style: |
    :host {
      --paper-item-icon-color: {% if is_state(config.entity, 'on') %} green {% else %} red {% endif %};
    }```
#

It requires 0.98, so I held it off a bit.

timid burrow
#

can I use a variable from my theme instead?

#

rather than green or red I mean

polar kelp
#

Sure. Just replace green with var(--my-variable) or whatever.

timid burrow
#

ok! I'll give it another crack now

polar kelp
#

It’s a very breaking update, though.

#

All templates have been replaced with jinja instead, just like in the backend.

timid burrow
#

ok.. I don't think that is a problem for mine

#

still not working

#
              - entity: input_boolean.alarmgaragedoor
                secondary_info: last-changed
                style: |
                  :host {
                    --paper-item-icon-color: {% if is_state('input_boolean.alarmgaragedoor', 'on') %} var(--paper-item-active-color) {% else %} var(--paper-item-color) {% endif %};
                   }
#

does the state need to be in ' ' inside the ()

polar kelp
#

The entity id needs to be in quotes

#

config is a special variable, that's why there were no quotes in my example.

timid burrow
#

i thought so.. trying that

#

ah

#

still doesn't work

polar kelp
#

Does nothing happen at all?

#

Can you find <style class="card-mod-style"> in the shadowroot of the hui-toggle-entity-row in the element inspector?

timid burrow
#

looking

#

no it's not there

polar kelp
#

And you're sure you installed card-mod release 4 and cleared cache?

timid burrow
#

I installed it with HACS.. says V4 and I did clear cache/hard reload

#

I don’t see any errors in the console

#

Are you indicating you added an input_boolean to your config and it works with that code?

polar kelp
#

Wait...

#

It this an entry in a fold-entity-row?

timid burrow
#

No just an entities card

#

Stock standard lovelace

polar kelp
#

It does work for me. I just added it with hacs to my production setup running 0.98.0.

#

Could you try just yaml entity: input_boolean.alarmgaragedoor style: | :host { color: red; }
and see if the text of your row changes color?

sacred quarry
#

Hi there, I am not sure this is related, but somehow from today update (and that's the annoying part, not sure if it was the card-mod update or HA itself), my customizations for the icon aren't working anymore.

#

Even more odd, is that the color from the standard "blue" now it is showing "white" for some reason, like if my code is trying to do something and failing πŸ˜„

sturdy bough
#

hi guys, i'm reposting this question from yesterday:
is there any way to alight-left the text of items placed on a picture elements? They are all align-center and that's annoying when you ave icons and text one near another....

sacred quarry
#

Oh I might have found the breaking change

mild veldt
#

@polar kelp state-switch! Of course! πŸ€¦β€β™€οΈ

sturdy bough
#

where i can ask for a new implementation on lovelace?

turbid pier
#

make a pull request with your changes is the fastest way usually, otherwise i guess devs_frontend (but don't tell them i sent you)

sturdy bough
#

no i'm not going to do the changes myself, i'm not a real programmer. I would like that the css text alignment is implemented in picture elements. Currently it isn't

sacred quarry
#

I have managed to move all the style to per-entity and now everything is working again, I would like to ask tho, if there is a way to have a style which apply to all icons in a specific cards, but with the "value check" per-entity

sacred quarry
#

I am facing quite a few strange things which I believe they depend on thomas's card, one is the icon color keep changing from the default (theme driven) one to the custom one. This also cause an error in the logs (2019-08-29 15:01:14 ERROR (MainThread) [homeassistant.components.websocket_api.http.connection.140552480992000] Client exceeded max pending messages [2]: 512
) (Issue: https://github.com/home-assistant/home-assistant/issues/23938) which seems to be a consequences of all those "refresh". Not sure anyone is facing the same or is aware of any bug. The used code, per entity (about 30 entity in a view, all batteries) is this: https://paste.ubuntu.com/p/tpgvMpQtvX/

polar kelp
#

I got the "max pending messages" problem after restarting hass if there was a browser open with an old version of the interface loaded.

#

@sturdy bough Could you show me a minimal working example of your problem?

kind shellBOT
sturdy bough
#

@polar kelp

                  - type: state-icon
                    entity: sensor.movimento_cell_mates
                    style: {color: white, left: 7%, top: 91%}
                  - type: state-label
                    entity: person.marco
                    style: {color: white, left: 30%, top: 91%}
                  - type: state-label

This, in a picture-element, shows an icon, and on it's right, a text of the zone where i'm.
With the text center aligned, depending on the lenght of the name of the zone, the text can be too far from the icon, or overlap it. With the css "text-align: left" i could specify the state-label at "left: 10%", for example, and let the text run wild to the right, without overlapping the icon. The problem is that the css text-align is ignored in the style:

#

sorry i copied one line too much from another state-label at the bottom, ignore it.

sturdy bough
#

@polar kelp was that clear?

wind tusk
wind tusk
#

Oh finally figured it out by looking at other peoples code they posted at pastein links πŸ˜› Sweet!

          cpu: >
            [[[
              var wifi_icon = states['binary_sensor.kontor_rorelsesensor'].state === 'on' ? 'mdi:run-fast' : 'mdi:run';
              var wifi_icon_color = states['binary_sensor.kontor_rorelsesensor'].state === 'on' ? 'green' : 'red';
              return '<ha-icon icon="' + wifi_icon +'" style="width: 19px; color:' + wifi_icon_color +';"></ha-icon>'
            ]]]
polar kelp
#

@sacred quarry Fixed the problem in version 5!

#

The element is centered on its coordinates though, and that can be changed with transform: none

#

I recommend everyone using card-mod version 4 to upgrade right now, btw. It will crash your Home Assistant instance...

raven nacelle
#

Updated to version 5 βœ…

thorn mulch
#

i am going cleaning up a bit in lovelace and i am now looking into my old compact custom header config.. and i have some config for exceptions: / conditions: i.e. user_agent: but i fail to find anything about this in the documentation.. and i do not remember why i put it there in the first place..

sturdy bough
#

@polar kelp how do you put an image here?

kind shellBOT
#

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

split granite
#

Not everybody can post images by default, because too many people abuse that, or post code as iamges

sturdy bough
#

@polar kelp https://imgur.com/GWtdl6G

          - type: state-label            
            entity: sensor.fritz_banda_down
            icon: mdi:download-network   
            style: {color: white, left: 43%, top: 82%}
          - type: state-label            
            entity: sensor.fritz_banda_up
            icon: mdi:upload-network      
            style: {color: white, left: 43%, top: 90%}

as you can see, both are left: 43% but the two speeds are in different places, because 43% is the middle of the label, and the text is centered.

#

@split granite understood, thanks

carmine shoal
#

backgrounds for cards?

#

is that a thing?

sturdy bough
polar kelp
#

And did you try the transform: none I explained about above?

#

@carmine shoal Set the ha-card-background variable in your theme for the css background property of a card. That can include images.

sturdy bough
#

@polar kelp oh... the "transform: none" seems to have worked

#

let me try to move all the items in the right place

carmine shoal
#

@polar kelp on a card by card basis? wow!

plush tangle
#
  • url: /plugins/card-mod.js?v=1
    type: module
    • url: /plugins/card-tools.js?v=1
      type: js

I need both to enable CCS, correct?

polar kelp
#

Card-mod doesn't require card-tools.

plush tangle
#

@polar kelp TY

forest star
#

how can i do a Picture up and some entities down ?

#

well a camera feed upstairs and some entities down

#

when I do that the camera goes into a little circle

timid burrow
#

fill: var(--iron-icon-fill-color, currentcolor)
@polar kelp it seems to use the currentcolor part of this - still in v5 it's the same - can't make it work.

#

also tried this:

#
          - type: entities
            title: Security & Home
            show_header_toggle: false
            entities:
              - entity: input_boolean.alarmgaragedoor
                secondary_info: last-changed
                style: |
                  :host {
                    fill: {% if is_state('input_boolean.alarmgaragedoor', 'on') %} var(--iron-icon-fill-color, --paper-item-active-color) {% else %} var(--iron-icon-fill-color, currentcolor) {% endif %};
                   }
#

nothing works for me with this

#

This one doesn't make the text red either

entity: input_boolean.alarmgaragedoor
style: |
  :host {
    color: red;
  }
latent moss
#

@forest star The vertical stack card is what you want. It will let you have the full camera feed and the entities underneath it. The first demo code snippet has your exact use case too so you can just copy and paste that into your setup: https://www.home-assistant.io/lovelace/vertical-stack/

polar kelp
#

@timid burrow What does your resources: look like?

vagrant flower
#

Is anyone having issues with the UI freezing up now? I can't tell if it's because I've added a lot of new entities in the back end, but if I edit the ui I then need to almost always kill the tab

timid burrow
#
  - url: /community_plugin/lovelace-card-mod/card-mod.js
    type: module
#

@polar kelp Not js correct?

polar kelp
#

No, that's correct.

timid burrow
#

ok

polar kelp
#

Could you enter customElements.get('card-mod') in your browser console and let me know if it says anything other than "undefined"?

timid burrow
#

correct.. undefined

polar kelp
#

Then card-mod is not loaded, for some reason.

timid burrow
#

ah ok

polar kelp
#

What about customElements.get('hui-entities-card').prototype.renderEntity?

#

Big blob of text, or several lines?

timid burrow
#

Ζ’ (e){const t=Sr(e);return this._hass&&(t.hass=this._hass),e.entity&&!n.d.includes(Object(o.a)(e.entity))&&(t.classList.add("state-card-dialog"),t.addEventListener("click",()=>this._handleClick(e))),i.…

polar kelp
#

And finally customElements.get('ha-card').prototype.firstUpdated

timid burrow
#

Ζ’ (){const e=this.shadowRoot.querySelector(".card-header");e&&this.insertBefore(e,this.children[0]),document.querySelector("home-assistant").provideHass(this),window.addEventListener("location-changed"…

polar kelp
#

You are running card-mod version 3

#

Clear your cache

timid burrow
#

version 5 I think

#

ohhhh

#

I have done multiple cache clearing but from the menu empty cache & hard reload...

#

doing the clear browsing data thingy

#

customElements.get('card-mod') still returns undefined

#
customElements.get('hui-entities-card').prototype.renderEntity
Ζ’ (e){const t=Sr(e);return this._hass&&(t.hass=this._hass),e.entity&&!n.d.includes(Object(o.a)(e.entity))&&(t.classList.add("state-card-dialog"),t.addEventListener("click",()=>this._handleClick(e))),i.…
customElements.get('ha-card').prototype.firstUpdated
Ζ’ (){const e=this.shadowRoot.querySelector(".card-header");e&&this.insertBefore(e,this.children[0]),document.querySelector("home-assistant").provideHass(this),window.addEventListener("location-changed"…
customElements.get('card-mod')
undefined
#

i'm going to try firefox

polar kelp
#

It's definitely version 3 being loaded, for some reason.

timid burrow
#

I can manually d/lor d/l again

#

it's the same in firefox

#

ok manual d/l and I'm getting text for customElements.get('card-mod')

#

for some reason it's pulling internal-root-color when on or off

#
                style: |
                  :host {
                    --paper-item-icon-color: {% if is_state('input_boolean.alarmgaragedoor', 'on') %} var(--paper-item-active-color) {% else %} var(--paper-item-color) {% endif %};
                   }
#

it is mapping the color correctly to --paper-item-icon-color but it's not using that to style the icon

tulip mulch
#

is there a way to hide a lovelace view from the top "taskbar" but still be able to use navigation_path?

devout hatch
#

Hello, how to retrieve song information from chromecast connected to monoprice 6 zone amp? that I connected to HA via RS232 port? thanks

sacred quarry
#

Thanks @polar kelp , I have updated the card-mod version and it seems to be fixed in a page where I only use 3 style to change 3 icons color, but, on the "battery-state" it keep flickering and I still have the error (2019-08-30 11:19:17 ERROR (MainThread) [homeassistant.components.websocket_api.http.connection.140232772251720] Client exceeded max pending messages [2]: 512)

#

Actually I can see the flickering also on the page with 3 icon color change, but because it is just 3, it doesn't seems to make the UI crash, while the battery one have around 20, it make LL crash in seconds πŸ™‚

mild veldt
#

@tulip mulch yes, check out compact-custom-header

tulip mulch
#

Thank you I'll check it out

rustic geyser
#

hi, does anyone know if there is a way of using input_select to display a choice of one of two floorplan picture element cards depending on the chosen input

open perch
#

sorry for the beginner-question... I did customize lovelace a bit using the ui... now I'd like to install a custom card and it states that i have to modify the ui-lovelace.yaml file...

#

i don't have that file yet

#

when i enter lovelace: mode: yaml into my config file, will i loose everything i made so far?

#

the card i'd like to install is mini-graph-card btw

latent moss
#

@open perch you don't have to switch to yaml mode. in the top right where it has the 3 dots, press "Configure UI" and then click that same 3 dots menu again and press "Raw config Editor" . That is the equivalent of the ui-lovelace.yaml file

open perch
#

ahhh... thanks

latent moss
#

np just copy and paste the "resources" part from the mini-graph-card documentation to the top of that raw config editor thing and you're good

open perch
#

do i have to restart hass to get the card working?

latent moss
#

no should be able to just refresh the browser

#

except if it's your first time creating the config/www folder, then you will need to restart.

open perch
#

yep... was the case for me... thanks again πŸ™‚

latent moss
#

np

forest star
#

Thanks @latent moss !!!

forest star
#

@latent moss is there a way to add a title to the stack

latent moss
#

@forest star I do not think there is a way to give a stack a title currently without messing with custom cards etc. But you could probably do something like this (put a markdown card with text as the first card in the stack).

type: vertical-stack
cards:
  - type: markdown
    content: >
      ## My Stack Title
  - type: picture-entity
    entity: camera.demo_camera
    show_info: false
  - type: entities
    entities:
      - binary_sensor.movement_backyard
forest star
#

great let me try that

#

and what about a card that only show the entity when its away

latent moss
forest star
#

that vertical stack gave me an error

latent moss
#

i am not really sure, might be something with the vertical-stack-in-card. i assumed you were using just stock lovelace cards. If that custom card already supports titles in stacks, you wouldn't need the markdown card there anyway.

forest star
#

regarding the conditional , what about glance ?

latent moss
#

any type of card can go under the conditional one. entities, glance, picture, etc.

forest star
#

doing this and nothing shows up in gui

#

want that card to appear only while not_home

latent moss
#

it is working as expect then i think?

#

i assume you are home right now, so you wouldn't see it.

#

also, when you list two conditions like that, they both must be true.

forest star
#

Thanks that makes sense

muted inlet
#

is there the yaml for the default home assistant theme anywhere? i'm mostly happy with it but just want to make a couple tweaks

muted inlet
#

thank you muchly

timid burrow
#

@polar kelp it seems to be this variable here:

:host
  fill: var(--iron-icon-fill-color, currentcolor)

Where it's the currentcolor part that sets the icon color. I can overide that value in the console and the icon changes color but I can not see how to use the style to change it and I have tried pretty much everything I can see to try.

wooden latch
#

Hi, I've got a dual-guage card which I want to display large on a tablet. How do I get the guage card to stretch horizontally and also make it vertically larger. Would like to see the info on the guage from across the room. Thx

hallow granite
#

hey people.. i try to make a list of my z-wave devices to show their state (awake sleepiing etc) and was wondering how to mak a list (widget) for this .. best would be with attributes etc

mild veldt
#

@wooden latch set the view to panel mode

#

@hallow granite check out auto-entities

hallow granite
#

q

#

@mild veldt is that an addon?

mild veldt
hallow granite
#

is it possible to show also attributes?

fiery gyro
#

Is there a way to automatically have a tab for each "area" defined in your area registry (Configuration -> Area Registry).

And then have all devices in each area in corresponding tab.

i.e If I have 2 Areas (Lets say Bedroom and Kitchen), I get 2 Tabs in lovelace and the tabs have all devices in the corresponding area.

mild veldt
#

@fiery gyro no, that is not a feature, at least at this time

patent jay
#

can i give individual entities color to its mdi icon ?

raven nacelle
#

@patent jay I have used lovelace-template-card along with card-modder to achieve that

remote mango
#

Do we have a card, that will show the latest snapshot-file_out from tensorflow? Have tried with picture card, but do not refresh the image

fiery gyro
#

@mild veldt suppose I wanted to do that manually then, what would be the steps? Can I do it all by editing some ymal file?

patent jay
#

@raven nacelle Thanks! can you give an example cant get it right

patent jay
#

@raven nacelle my brain hurts πŸ˜„

#

each entitie needs to be in its own color: ``` entities:

  • entity: sensor.ophaalkalender_gft
  • entity: sensor.ophaalkalender_glas
  • entity: sensor.ophaalkalender_grof_huisvuil
  • entity: sensor.ophaalkalender_kga
  • entity: sensor.ophaalkalender_papier
  • entity: sensor.ophaalkalender_pmd
  • entity: sensor.ophaalkalender_restafval
  • entity: sensor.ophaalkalender_textiel
    show_header_toggle: false
    title: ophaalkalender
    type: entities
#

i dont get it at all

raven nacelle
#

no...put them in a list

#

there are simpler examples there

kind shellBOT
flat timber
#

Not sure if this is the right spot to ask this, but when I try to cast to Google home hub using the new cast feature it first shows the screen but then makes all my cards look misconfigured says custom element card modder doesn't exist. Any ideas from anyone why this might happen?

split granite
#

Sounds like the card modder may not work with cast

plush tangle
#

what's the simplest way to change the color of an icon per state? I thought it would be card-mod, but unless I'm not understanding it, the new version can't do this per entity in an entities card (?)

raven nacelle
#

You can use this: yaml - type: entities title: Card Mod Test show_header_toggle: false debug_cardMod: true entities: - entity: sensor.dow_futures style: | :host { --paper-item-icon-color: {% if states('sensor.dow_futures_change_pct')|float < 0 %} rgb(194, 39, 45) {% else %} rgb(37, 145, 60) {% endif %} ;

#

I really wish this were part of Lovelace default. icon_color_template maybe?

#

We can repeat the style part for every entity

vapid field
#

Hi all. I'm a newbie here so be kind to me please πŸ™‚

#

I'm trying to figure out how to display only three cards horizontally without using vertical and horzintal stacks. On my PC (3440x1440 ultrawide) I see 3

#

cards in a row, but on a small tablet four. It is really small

#

Any way how to lower the maximum amount of cards in a row in any view?

#

I tried google and many topics, no success

mild veldt
#

@fiery gyro if you take control of your interface, you can customize it how ever you wish

vapid field
#

@mild veldt# Thanks a lot πŸ™‚

quick rampart
#

How do I make the entity card for input select reflect the current state? Example, if item A has been selected through say Alexa, then A should be shown as selected in the card.

split granite
#

If you're not seeing that it's likely a caching issue with the browser

quick rampart
#

Solved the issue

#

I was directly running the script to change the input

#

instead of goin through the input select

#

so, the state change was never captured

pliant bramble
#

Is there a way to define the line colors in a history graph? I'm on a dark theme and the dark blue line is barely visible.

raven nacelle
#

Don't think we can define the colors in history graph

#

may be you can customize it in the theme

pliant bramble
#

I'll try that sometime.

#

putting the ABC in single quotes also doesn't help

kind shellBOT
stiff quail
#

Hi All,
I have this code: https://paste.ubuntu.com/p/Q8CR8qTdMt/

it all works fine but for some reason Hass.io shows my TV as off for a split second and my LED's for the TV turn off.
Hass.io then shows the TV as on a few seconds later and my LED's turn back on with another code.

How can I change the code in the link to keep the LEDs on for 1 minute then check if the TV is still off. and if the TV is OFF it turns the light on but if it shows that the TV is back on the code does nothing and leaves the LED's on?

stiff sinew
#

@stiff quail and also please use #330944238910963714 channel if you have further questions since this channel is for UI.

boreal hedge
#

hey folks! i'm wondering if there is possible to control from UI two lights so the brightness is syncing?

#

i have to lights over my food table and each on got a ikea light bulb

#

but want them to sync

kind shellBOT
mild veldt
#

@boreal hedge put them in a light group

polar kelp
#

Card-mod, 14 loc (6 of which are specific to make this work, the rest is just normal picture-elements stuff).

mild veldt
#

πŸ˜‚

#

That's awesome

wraith cape
#

hello all

azure scarab
split granite
#

Can you see the image if you enter the URL into the browser?

azure scarab
#

Yeah

#

they both seem to load via url no problem

tame dove
#

permissions the same on both?

vapid field
#

Hi, just trying to edit config through the GUI, I have already working automations for turning on the lights, but what I don't get is in the GUI under config/automations I see no way to edit entity_id: as I have done in my automation.yaml file. Where do I put the entity_id's in the GUI?

timid burrow
#

for the service data do you mean? If so it's expecting something like:

{
  "entity_id": "switch.sonoff12914"
}

@vapid field

vapid field
#

Thanks, why doesn't it pick up my current config from automation.yaml?

polar kelp
#

It'll only show automations that have an id.

whole heron
#

the history graph card can only show a duration up to 80 hours, what would be the best option to show a longer duration? create an average sensor (custom or statistics) and this sensor to the graph?

forest star
#

is there a way to comment out something # on lovelace ?

sacred quarry
polar kelp
#

Do you use lots of templates or is it jus basic style changes?

sacred quarry
#

It's just an icon color change with condition (depending on the battery level), the problem is that it happen something like 30 times in a view

#

That's for the phone status, which have also the "charging" option (still, that doesn't impact the color), here the one for simple batteries (which are majority in the page) https://paste.ubuntu.com/p/GvvMvnZFqf/

#

Also, I counted them, it's 16 entries πŸ™‚

polar kelp
#

Hm... 16 entities shouldn't be a problem...

sacred quarry
#

Would help you to log into my instance?

polar kelp
#

I don't think so, to be honest... but you could help me by running customElements.get('card-mod') in your browser console and tell me what you get

sacred quarry
#

sure

polar kelp
#

Just if it's undefined or anything else will do

mild veldt
#

@forest star if editing through the GUI, comments are not supported

sacred quarry
#

It's quite a long line, do you want me to post it here or PM?

polar kelp
#

Nah. I just needed to know that it actually output something.

sacred quarry
#

fair enough πŸ™‚

polar kelp
#

Then you're definitely running card-mod version 5.

#

There's been problems with updating before.

sacred quarry
#

Yep I did check that also re-downloading and running a diff, cleaning cache and using incongito mode πŸ™‚

#

Yep I saw that in the chat, that's why I did a few checks before tagging you πŸ™‚

polar kelp
#

Have you restarted hass recently (as in after updating card-mod)?

sacred quarry
#

Yes

#

I actually updated to 0.98.2 this morning

#

and even if I don't think it does make a difference, it's not hass but home assistant in python env

polar kelp
#

Old school. Nice.

sacred quarry
#

hehe

#

Can this be somehow related? ha:1 Uncaught (in promise) {type: "result", success: false, error: {…}}

#

it's seems to appear in the browser console when the problem appear in the log

#

not sure if it's the cause of a consequence tho πŸ™‚

polar kelp
#

Probably related. What does it say if you expand the error?

sacred quarry
#

The pastebin is excactly that πŸ˜‰

polar kelp
#

Let't look outside this.. This is an entities row, right? Is it placed in a normal entities card? Is that card wrapped in something? monster-card, layout-card, vertical-stack-in-card, something like that?

sacred quarry
#

The stack is like this:

#

vertical-stack
- type: custom:layout-card
- type: vertical-stack
- type: custom:config-template-card
type: custom:hui-entities-card
- entity: sensor.andrea_oneplus5_battery

#

For one I just realized that probably the first vertical-stack before the layout-card it's pointless πŸ˜„

polar kelp
#

@mild veldt , does config-template-card rebuild the card on every hass update?

#

@sacred quarry If you take it out of the config-template-card. Does the problem disappear?

sacred quarry
#

I am trying it now

#

it was there because I think I was using that before to change the color, give me 2 mins to cleanup the mess πŸ˜„

polar kelp
#

Might be needed for your secondary_info row

#

But that has it's own templates, so you could try that instead

sacred quarry
#

confirm, it doesn't reload like crazy

mild veldt
#

@polar kelp if you don't define entities to watch, yes

sacred quarry
#

and confirmed, the secondary_info is no longer working πŸ™‚

#

What do you mean by "But that has it's own templates, so you could try that instead"?

forest star
#

Thanks @mild veldt

sacred quarry
#

mmmh I think I did try that without success

#

I will take a second look into that

#

Ok, I've managed to have it working without the config-template-card, thanks a lot

sacred onyx
#

Is there a custom card or other way to add up and down arrows next to a light-toggle-button to in/decrease the lightness instead of a slider?

mild veldt
#

@sacred onyx not that I know of but that is something I want to add as an option actually to the entity row and light card itself

limpid rampart
#

hey yall, im newb here, but here goes... I've been trying to install a package written for Sclange deadbolt locks and I thought I'd made it to the point where I could set up a lovelace card. The author has written some lovelace code but not a plugin so I used the raw editor to put in the lovelace code.

polar kelp
#

Guess: Remove the - at the first line. Edit: This was wrong

limpid rampart
#

basically, when I get to lovelace, none of the entities are available

polar kelp
#

If entities are unavailable, the first step is to go into dev tools (little hammer at bottom left) and then states. If your entity is not in that list, then it's not a lovelace problem.

limpid rampart
#

so i guess im looking for troubleshooting guidance

split granite
#

Do the entities exist?

limpid rampart
#

that is the question isnt it. I feel like I successfully integrated the package, and the entities should have been created within the door_locks.yaml file that was the package which was integrated

#

but of course now it seems like the package wasnt integrated because the entities do not seem to exist

#

my guess

#

these are all input selections so i must still need to do more with the door_locks.yaml file

#

when i look in the entity registry, the entities do not exist

#

Do yaml files create entities?

#

these are input and script entities...

latent moss
#

did you restart @limpid rampart ?

#

after you put the packages/door_locks.yaml into your config folder, you would need to restart home assistant for the entities to appear (check config first under Configuration > Server Control).

limpid rampart
#

im going to move this over to the general chat since its not really a lovelace issue

desert gyro
#

@polar kelp I've a question about migrating to the lovelace_gen custom component; I'm wondering how the pathname to the !include directive is interpreted. In particular, if its used inside another file in a subdirectory? Or are the paths relative to the Home Assistant configuration directory in all cases?

polar kelp
#

!include paths are relative to the path of the current file.

sacred quarry
#

Hi guys, I am struggling with a little thing, hopefully someone will be able to help me. I want to show the Unit in the battery level and Voltage (so, basicallyu show a % after the battery value and a mV after the Voltage value), but I cannot manage to do it

#

This is using the secondary_info card

#

secondary_info: 'Battery Level: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_battery.state, "Not Available") ]] - Voltage: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_voltage.state, "Not Available") ]]'

#

The problem is, no matter how I add the % after senor.patio_mccgq01lm_battery.state it will return "undefined", any clue?

late ocean
#

Hey guys, anyone knows how I can override the colors displayed on a lovelace Alarm Panel. I am using one pointing at an Aarlo alarm_control_panel entity

sacred quarry
late ocean
#

@sacred quarry thanks, I'll take a look

#

it looks like this will let me make some general color and style changes. I'm interested in making different armed state have different colors

sturdy bough
#

is it possible to use a cam image as background picture of a picture-element as it is in a picture-glance?

late ocean
#

@sturdy bough I believe so. You need the image to be accessible to your client, AFAIK

sturdy bough
#

@late ocean i dont' want to link an image i saved somewhere from the camera, i want to link the camera as in the picture-glance . Else, the image will not be update.

late ocean
#

@sturdy bough you mean live streaming?

sturdy bough
#

@late ocean not really live streaming, i have 10 cames, and i can't afford the bandwitdth to see all of them in one page. Right now i have 10 picutre-glance that update the background image after few seconds, but the picture-glance has ha fixed band where you can only puy icons, not values or text.

So i need a picture-glance where i can put other items, or a picture-element where i can link a "camera_image:" (not "camera_view:").

#

for example, i would like to display temp/humd over the cam of my dining room, but if i try with a picture-glance, i get the temp icon, not the value.

late ocean
#

@sturdy bough , I see. I think you might have to roll that out yourself by saving your images somewhere (every 10 secs or whatever) and pointing to them. cahcing could be an issue

#

@sacred quarry thanks for your recommendation, I managed to make the colors work \o/

sacred quarry
#

Cool πŸ™‚

#

by any chance you are able to help me with that line of code?

sacred quarry
#

I have found a way to acchieve this, but it does look horrible... I think there must be another way but I cannot find it

#

secondary_info: 'Battery Level: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_battery.state , "Not Available") ]][[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", "%" , "") ]] - Voltage: [[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", sensor.patio_mccgq01lm_voltage.state, "Not Available") ]][[ if(sensor.patio_mccgq01lm_link_quality.state != "unknown", "mV", "") ]]'

tepid sleet
#

I need some help with custom cards in hassio

#

namely the google calendar atomic one

#

can anyone help ?

#

I am trying to add a custom card

#

and i need to know were to put the lines of code

#
  • url: /community_plugin/atomic_calendar/atomic_calendar.js
    type: module
split granite
#

Home Assistant πŸ˜‰

#

Hass.io is how you installed Home Assistant

tepid sleet
#

sorry meants hacs

split granite
#

As for the card, see the pinned messages

tepid sleet
#

have added this to the top of my ui-lovelace.yaml file and it has accepted it

#

resources:

  • url: /local/atomic_calendar.js
    type: module
#

so now the final step how do i add a calendar card ?

split granite
#

Edit your ui-lovelace.yaml and add the card according to the documentation for it?

tepid sleet
#
  • type: "custom:atomic-calendar"
    title: "Calendar"
    entities:
    - entity: calendar.kalendarz_dom
    color: red
    - calendar.atomic7777
kind shellBOT
#

@tepid sleet 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

tepid sleet
#

obviously i will enter my details in the required bits but it just shows up as a no go instead of a green tick ?

split granite
#

No go? Green tick?

tepid sleet
#

in the web yaml editor it shows a red cross when i add the code

split granite
#

Probably then you got the formatting wrong 🀷

#

I'd expect (not that I use it) that you'd enter it like

- type: "custom:atomic-calendar"
  title: "Calendar"
  entities:
  ...
tepid sleet
#

creates a card but now i get custom:atomic-calendar does not exist

#

anyone on here use a calendar card for google ?

#

custom element does not exist

#

the atomic calendar file is located in my www\community\atomic_calendar

#

anyone?

#

have added this to ui

#

and now i get a card that says no custom component

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

tepid sleet
#

so i think i had the location to the js file incorrect

#

now i just need to figure out how to get the code in ui to show the card

quasi tinsel
#

hi! new items doesnt show up on the mainscreen anymore? did i disable that when starting to configure it manually? i just added a person and connected the mobile mac to it (using nmap) but it doesnt show

split granite
#

If you've chosen to configure it manually, you now have to configure it πŸ˜‰

proud carbon
#

Hello! I have a question regarding integration. If I have used the Philips hue gateway, does that mean that anything I do can be logged by Philips too. It's just once more for privacy purpose, does everything remains local or does using the gateway imply providing the same data as using their app?

split granite
#

Well, that depends on Hue (in this case)

#

Not that it's a question for here though πŸ˜‰

quasi tinsel
#

i dont know how to configure it manually. just clicked around to get a grip of it all

split granite
#

Top corner, three dot menu, Configure UI

quasi tinsel
#

you didnt understand my question?

split granite
#

Or you didn't understand my answer πŸ˜‰

#

If you chose the option to configure it manually, you must configure it manually

quasi tinsel
#

thanks! and then, how can i revert back to autoconfiguration?

split granite
#

You'd have to stop HA, and then delete .storage/lovelace

quasi tinsel
#

thank you @split granite

strange sundial
#

When restarting HA, sensors lose values and the history graph component shows revered spikes, is there anyway around that?

warm seal
#

hey guys, tinkering with different themes in Lovelace. One of them uses bg image, and tells me to store it in the /local/www/ dir or to create one in the root of my homeassistant install. I have tried /var/www, I've tried all kinds of locations but can't seem to get it right. any pointers?

carmine shoal
#

jelmer: create a folder named www in your HA .config directory.

#

restart HA

#

then you can access it as http://HA server address:8123/local/

#

drop files into that dir and they show up in /local/ on the web interface.

warm seal
#

In config, didn't expect that. Thanks

plain wasp
#

Recently I split my configuration file into multiple files / folders. Now I see 2 badges with "Entity not found" (https://imge.to/i/vUJTKA).

I have added a new tab in Lovelace, which is not yet configured, it's there only because I want to start arranging the components in a better form. The original view remained the same and I think it's automatically configured. It looks like this: https://imge.to/i/vUJHaH.

I don't know where to look to figure out what's the problem. Any ideas ?

polar kelp
#

It's not automatically configured. If you have chosent to "take control", you're on your own as far as the auto generator is concerned.

#

Go to edit mode, click the little pencil next to HOME and go to the Badges tab to remove them

plain wasp
#

thank you

modern plume
#

hello, is there a way to have a conditional to change a sensor icon depending on its status?

polar kelp
modern plume
#

thank you @polar kelp !

final forge
#

Is it possible to move a lovelace configuration from one installation to another? Specifically, from a hass.io install to a straight home assistant install?

#

Partially answering my own question - if I can get access to the original installation I can go to the Raw Config Editor and copy / paste the config. But can I do anything through file access to the old /config folder only?

polar kelp
#

<config dir>/.storage/lovelace

sacred quarry
polar kelp
#

I think that's the best way, really... there's a reason I'm abandoning those templates...

sacred quarry
#

I guess that was the reason I was using the template card to achieve that πŸ˜„

#

But, I have to say, now that I removed the config-template-card basically everywhere, the UI it's more "snappy"

polar kelp
#

It'd probably work pretty well if you take care to set the entities list.

sacred quarry
#

Yes absolutely, but the problem is, to do that I either add the same card for each entity, so that it update that specific bit, or if I add that as top-card and each entity below, even if listed, it would stil be 16 of them which I think it is what was causing it (unless I missunderstood)

#

cause my understanding from yesterday is it was updating continuosly on every change on any identity "under" that card, unless I missunderstood (might aswell be πŸ˜„ )

polar kelp
#

No, every change on anything by default. But if you specify entities: it will only update when those entities change.

sacred quarry
#

that's the bit that confuse me, by anything means all the entities across HA or across the specific view where it is in?

polar kelp
#

All entities in Home Assistant.

sacred quarry
#

awww.. ok... that explains a lot πŸ˜„

polar kelp
#

Which could be several times per second, but is usually less because updates are not sent to the frontend immediately.

sacred quarry
#

I think I have somewhere (maybe tasmota/mqtt) devices that send an update every 5 secs

#

that exalain a lot, my understanding was all entity in the view...

#

all entity in HA is A LOT πŸ˜„

#

591 entities (give or take) in my HA.. it was going crazy.. and really I did notice the UI to be way quicker and more stable once I removed it (well, them, I had it almost in every view!)... I always noticed Chrome going up to eat something like 1.2GB of RAM and I always wondered if there was a basic problem with my Chrome or with HA/Lovelace... but ofc, the problem was between the keyboard and the chair XD

#

Thomas I did tag you on the issue (more as a thanks gesture to give the credit to you), hope you don't mind πŸ™‚

quasi tinsel
#

im reading a howto where they reffere to "home assistant raw config editor UI". where is that?

split granite
#

See the pinned messages in this channel

sacred onyx
#

I am having a very noobish question. How can I trigger a script by using an entity-button? This is what I have but it wont trigger the script. https://pastebin.com/pi5Uimhj
This gives me the error: "Failed to call service script/turn_on. extra keys not allowed @ data['entitiy_id']"

split granite
#

entitiy_id πŸ€”

#

entity

#

Not entitiy

#

You can also just call service: script.spot_living_up

sacred onyx
#

How simple could it be... Thank you Tinkerer! πŸ‘

languid wigeon
#

Hi, new to lovelace, just before I start a github issues. Could anyone confirm to me that im encountering a bug. I am not able to remove cards I add to the home page: https://imgur.com/a/veNJKWU

#

should there not be a settings button for this card?

polar kelp
#

That view is in panel mode, right? If so, you need to turn that off first. (pencil next to the view name when in edit mode)

languid wigeon
#

ahhaa!

#

thanks πŸ™‚ have spent days to figure this simple thing out

quaint tundra
#

is it possible to have a lovelace view that is "hidden" in the sense that i can navigate to it, but its not on the main ui

ornate mason
#

@quaint tundra Yes.With Compact Custom Header

quaint tundra
#

ah yeah cool ill give it a go

mild mountain
frosty pelican
#

@mild mountain i got it up and running

mild mountain
#

I missed a step

#

Now to work on my climate automations

languid wigeon
#

Is it possible to add components in lovelace. Example: add a new sensor not awailable in the integrations paget?

#

or do I need to edit the config.yml manually

split granite
#

Short answer - no
Long answer - Lovelace is the display, the front end of Home Assistant. It isn't for configuring the back end (integrations etc).

languid wigeon
#

I see

split granite
#

Any time you're working with integrations or configuration.yaml that's not Lovelace, that's #330944238910963714

languid wigeon
#

So no way to edit the configuration.yaml from the gui

split granite
#

Not with the built in features, no

languid wigeon
#

kk

split granite
#

There are things like the Configurator you can install for that

languid wigeon
#

ah

split granite
languid wigeon
#

kk im using docker :\

#

but will consider to reinstall

split granite
#

Why

#

Hass.io just gives you point and click... to install Docker containers (add-ons)

languid wigeon
#

*consider reinstall by using hassio instead of my current setup: ubuntu with docker

split granite
warm seal
#

woah. just noticed that my entire lovelace config is gone. i'm back to a "default" setup with all sensors in badges and views created for each group. worse, the hamburger menu to to edit the UI is gone. any clues where I should start?
yesterday I downloaded HACS, but never configured it so I believe that is not the culprit

#

i still have the proper content in /config/.storage/lovelace, but it's displaying something completely different

polar kelp
#

Backup .storage/lovelace. Go to your interface and open the editor. Choose to "Take control". Restore your backup. Restart hass.

warm seal
#

nu such option. like I said, no config options/menu

polar kelp
#

Oh. Then you're not in lovelace.

#

Look at your URL. It probably ends with /states/, right?

warm seal
#

ah yes

#

now to find lovelace back

polar kelp
#

Click the little hammer in the bottom left, and check what the blue button says

warm seal
#

djeez. that's quite obvious. sorry. do you happen to know what might have caused this in the first place?

#

it says "set states as default page on this device" btw

polar kelp
#

Then that is as it should be...

warm seal
#

we I'm Ok. probably me clicking it in the first place that got me here 😦 sorry to bother you

polar kelp
#

So if you still get redirected to states/ when you go to lovelace/ it might be that lovelace is crashing for some reason.

warm seal
#

not anymore thanks.

#

had to manually change the URL, overview link still pointed to states

ocean linden
#

hi, is there currently a way to change the color of the view's icon/title depending on a condition?

polar kelp
#

no

#

I don't even think compact-custom-header can do that

mild veldt
ocean linden
#

cool! thanks @mild veldt

daring pier
#

How do I get my cameras into the Lovelace UI?

azure scarab
#

How do I fix my state images? Home shows an image but away just shows like a broken link. I can access my away pic via HA url just fine

#

any ideas?

#

like away status is just broken with picture entity

mild veldt
#

@daring pier use one of the picture cards

#

@azure scarab share your config

azure scarab
#
type: picture-entity
aspect_ratio: 4x3
entity: device_tracker.kelseys_iphone
name: Kelsey
state_image:
  away: /local/kelsey_away.jpg
  home: /local/kelsey_home.jpg

@mild veldt

azure scarab
#

Any ideas?

#

I just want the picture to change when home vs not home

green raft
#

Are the exact names of the states away and home (remembering that it's case sensitive)?

azure scarab
#

thanks! That is exactly what fixed it

#

so strange because home was working just fine

#

putting it in quotes definitely fixed it.

#

actually weird, after saving lovelace removed the ""

#

but its still working....

vapid merlin
#

so, in the automations page, the toggle to the left of the automation entry toggles the automation on and off I guess?

#

i'm new to this

#

ie, I can have automations setup, but not enabled ... is that a correct assumption?

elder pendant
#

Yes. That is also not a lovelace question

vapid merlin
#

sorry, I thought lovelace was the web UI thing

split granite
#

Yes, but automations aren't the UI πŸ˜‰

vapid merlin
#

but i'm using the UI to setup the automation...

split granite
#

This channel is for configuring how the UI looks and behaves

vapid merlin
#

it was a question about the UI behariour

split granite
#

@vapid merlin Actually, the UI is merely showing you whether the automation is on (enabled) or off (disabled) - the behaviour is in HA's back end πŸ˜‰

vapid merlin
#

fair enough

haughty kestrel
#

is it possible to put a title on a horizontal stack card?

mild veldt
#

@haughty kestrel no

haughty kestrel
#

dang

quasi tinsel
#

i have a fresh install of hassio in docker on debian. i have no icons in the upper right corner of the overview page? im aiming to "Configure UI"

mild veldt
#

@haughty kestrel you could put a custom button card at the top though and use that as your label

split granite
#

@quasi tinsel There's no Hass.io in docker

#

Unless you've added some custom cards to change it though, there should be a three dot menu there

quasi tinsel
#

ok sorry @split granite then im running Hass.io on my Debian machine. Anyways, what i was asking was how to enable "Configure UI". The 3 dots on the upper rigth doesnt show. Turned out i had to add /lovelace to my url. I cant recall ive had to do that before?

split granite
#

Did you have an old pre-lovelace install you upgraded?

#

Did you ever disable the new Lovelace UI from the Info page?

quasi tinsel
#

I completely removed the Debian vm machine im running it on and reinstalled a new one since i couldnt manage to get a real clean install any other way

#

hmm, might have clicked that one yes. 😐

split granite
#

Well, that'll do it - click on it again, with the new message, to put Lovelace back as the default

quasi tinsel
#

oh, thanks man!

sterile river
#

Hey guys, how do I go about adding "Rooms" to Lovelace? I want to add room groupings for all the devices by room as opposed to the default, by type.

#

Is this only accomplished through configuration.yaml?

raven nacelle
#

@sterile river You can also add room using the UI. Configuration > Area Registry

sterile river
#

Oh, I didn't notice that... Perfect! TY!

#

Ok I see what's happening here... Because i have ingested most of my devices from Smartthings, they are not associated with the rooms I have alreayd created... sorry... noob here...

light saddle
#

wondering if someone was able to help me out with mini-graph-card. I am using a few for home theatre information plex plays etc but was wondering if i could add a card to show a graph of people coming and coming using device tracker. is this possible??

this is what i have for code now but it doesnt like it. is there a way to say entity: device_tracker.kris_phone = home etc??

color: '#3498db' entity: device_tracker.kris_phone font_size: 75 height: 100 line_width: 4 type: 'custom:mini-graph-card'

turbid pier
#

@light saddle it may just be because it's friday and my brain is fried, but i interpret "kris_phone = home" to be a boolean, ie either it's true or not... and i'm not sure how that makes sense in the context of the rest of your question

light saddle
#

ya i guess the same thing happens when you look at the line graph of things that are playing on plex. its either up or down.

#

but i guess there could be multiple things playing at the same time which would raise the graph. maybe a bad example haha

turbid pier
#

if you want to know how many are home, i guess you could have two automations that increments/decrements an input_number, so trigger on kris_phone -> home then increment... -> away then decrement, you could add multiple triggers for each device to track... then you could graph that input_number

#

i'm too much of a n00b to know of a more elegant solution

light saddle
#

i am a super noob. I am just trying to come up with creative things to add in lovelace to help me learn haha

mild veldt
#

@light saddle you could create a template sensor that is the sum of device_tracker entities that are 'home'

light saddle
#

great idea. so would that than show up as an entity id?? sorry for the idiotic questions

mild veldt
#

yes

light saddle
#

that seems like a great direction

mild veldt
#

or better yet, search the forums, someone has likely already asked the questions

turbid pier
#

i really should remember the template sensor

#

ah nice

#

you can put all the names in a list, loop over it and sum that way

#

so in the template sensor, if i specify the entity_id, can i use that in my value_template?

#

or say get the friendly name

split granite
turbid pier
#

so... many... channels πŸ™ƒ

daring pier
#

Hi. So real quick question. I've seen quite a lot of things like this where there is a overlay of someone's house on the Lovelace menu and I researched how to do that. Is there a app to do that for free versus paying 3 dollars to get the layout of my house?

elder pendant
wind tusk
#

Could someone give me some advice on editing a template check used in a custom_fields entity in the lovelace custom-button card?
I'm presenting the "last_changed" value as a custom field on buttons, but I couldn't figure out how to write the template to actually get the last_change value from the entity, so I've created new template sensors based on this vale.
A much nicer way is of course to get this template working correctly and get the value

This is how my custom_field template looks right now

custom_fields:
    last_changed: >
        [[[
            return `<ha-icon
                style="width: 12px; height: 12px; ">
                </ha-icon><span><span style="color: grey ;">${states['sensor.office_motionsensor_last_changed].state}</span></span>`
        ]]]
#

And if anyone could advice on a good way on how to learn templating better? like any guides on understanding the language that is used and how the variables in HA works

#

this is what the value_template sensor looks like,

      office_motionsensor_last_changed:
        device_class: timestamp
        value_template: "{{ as_timestamp(states.sensor.hall_motion.last_changed)|timestamp_custom('%H:%M') }}"
split granite
kind shellBOT
wind tusk
#

Thanks Tinkerer! It might give me some more knowledge on how to copy-paste-mix things together πŸ™‚ I've always been a lousy developer and having a hard time understanding the logics.

meager burrow
#

The 2 cards still sit below eachother

daring pier
#

Thank you @elder pendant

uncut oasis
#

Anyone know if it is possible/easy to remove the brightness slider from the light card? I'm running 2x zigbee switches that struggle with brightness (when you try to set brightness they freeze and need to be re-configured)

#

I can't find anything on Google or forums - been looking around.

mild veldt
#

@meager burrow you stack should be in the cards section of the view

#

You have it at the view level which does nothing

meager burrow
#

Ahh, makes sense. Thank you very much!

mild veldt
#

@uncut oasis you cannot

uncut oasis
#

@mild veldt thanks, saved me a bunch of time trying... πŸ™‚ Love this community.

#

what kind of card do you reckon I should use for a simple on-off then? What kind of card is this likely to be?

#

*can't paste image.....

mild veldt
#

@uncut oasis entity-button for now

uncut oasis
#

Thanks - that's perfect/simple solution until I figure out why the brightness controls don't work.... Also when you turn the switch on physically at the wall it doesn't update back to home assistant either 😦

#

pretty disappointed, its rough here in AUS with electrical requirements (I can't use 95% of the market options, if the house burns down then the insurance blames the non-certified device)......

#

😩

mild veldt
#

That's rough

uncut oasis
#

Updated the card - thanks for your help! Have a beer. Thanks mate have a good weekend.

#

@mild veldt - I'm having a dumb moment, how do I fix this sizing issue? (only happens once I add the third light card to the horizontal stack)
https://imgur.com/a/Y6UyhyJ

#

I'll just change the third card to an entity-button, maybe I can set the long-click action to bring up the full light panel. Goodnight all around the world πŸ™‚

mild veldt
#

Yeah light and entity buttons are not the same height which is annoying in situations like that. You can use card-mod to set the min-height of ha-card on each so they align

uncut oasis
#

What cards do you guys use for person-presence? Picture Entity?

honest herald
#

hey guys, Im trying to add the tap_action to my tautulli sensor button so I can view whos streaming but it doesnt want to pop up the window. Am I missing something here? - type: horizontal-stack cards: - type: "custom:button-card" icon: mdi:plex name: Plex tap_action: more-info color_off: rgb(245, 245, 245) entity: sensor.tautulli state: - value: 0 operator: '>' color: rgb(229, 160, 13) - value: 0 operator: '=' color: rgb(245, 245, 245)

ashen scaffold
#

I've installed homeassistant via pip and my configuration folder is /home/homeassistant/.homeassistant. I created a "www" folder in there and I put the js script in it.

wheat current
#

then restart HA to start using it

ashen scaffold
#

I edited the lovelace configuration with "url: /local/mini-graph-card-bundle.js?v=0.6.0" (I'm not sure about that...) and when I try adding the card, it says it didn't find it.

#

@wheat current , I've already run systemctl restart homeassistant, that didn't help

wheat current
#

Make sure your premissions are correct

ashen scaffold
#

And flushed the browser cache

#

Apparently the rights are correct

wheat current
ashen scaffold
#

Hmmm... apparently I can see a successful GET in the network inspector

#

So there is definitely something happening

#

Alright, it ended up working :x

daring pier
#

What is a good mobile app to make a floor plan for home assistant?

mild veldt
#

@honest herald check the docs. That's not how you define actions

honest herald
#

thought I did

#

β€œtap_action:” then line under it indented two spaces β€œaction: more-info”. got it now

mild veldt
#

πŸ‘

tacit cave
#

@mild veldt is there a bug with your config-template-card? I have the simplest configuration for it and I cannot get it to display a card. I always get No type configured. I've stripped everything from it to find where the error is. Tried different cards. Always the same error unless I remove your template card.

#
      - id: hassio_status
        type: custom:config-template-card
        variables:
          - states['sensor.current_version'].state
        entities:
          - sensor.current_version
        card:
          type: entities
          entities:
          - sensor.current_version
#

nm... I guess it only works with custom cards? Is that intended?

#

I'm blind, it's in the docs at the bottom

mild veldt
#

😜

#

Didn't want to hard code all the core card types

haughty kestrel
mild veldt
#

@haughty kestrel that's not a Lovelace question

haughty kestrel
#

Where would I ask it then because ls_color used for UI element color seems to be a Lovelace specific thing

tacit cave
#

on the forums tagging customui