#frontend-archived

1 messages · Page 104 of 1

mild veldt
#

or you need more

polar kelp
#

@atomic glacier You can put other cards in an entities card by ```yaml
type: entities
entities:

  • type: custom:hui-glance-card # custom:hui-<cardname>-card
    entities:
    • light.my_light
  • type: custom:hui-picture-entity-card
    ...etc...
#

The difference with vertical-stack-in-card is that it removes the background and drop-shadow of the cards. But since you're card-modding it back anyway...

#

And you can of course do ```yaml
type: entities
entities:

  • type: custom:card-modder
    style:
    ...
    card:
    ...etc...```
vapid field
#

@polar kelp now I get: Failed to load resource: the server responded with a status of 401 (Unauthorized)

atomic glacier
#

@polar kelp Thank you! I'll play around with it a bit. Since this has been working, I thought it may be related to the card-modder update. BTW...awesome new feature for the plug-in!!! this is what shows now https://imgur.com/a/LrSZ7zn

vapid field
#

is there some way to remove all traces of the custom cards and re-install besides restoring a snapshot?

spiral estuary
#

so this is driving me crazy. What do I need to do to change the UI background color in lovelace

#

in themes.yaml I tried setting both primary-background-color and secondary-background-color and the color never changes.

elder pendant
#

Did you switch to that theme?

spiral estuary
#

title: Home
icon: mdi:home
panel: false
path: main
theme: midnight

elder pendant
#

And you restarted home assistant after your changes?

spiral estuary
#

yes

elder pendant
#

And cleared your browser cache?

spiral estuary
#

Yup.

elder pendant
#

Are you talking about the view background or the side drawer background?

spiral estuary
#

The background that is not the cards

elder pendant
#

That is primary-background-color

#

Try changing it manually live by hitting F12

#

in browser

spiral estuary
#

Background colors

primary-background-color: '#000000' # Settings background
secondary-background-color: '#000000' # Main card UI background
divider-color: 'rgba(0, 0, 0, .12)' # Divider

#

Nothing is black

#

Just using black to make it a very stark difference so I can see if something unexpected changes

elder pendant
#

🤷 dunno man. If you restarted HA and cleared your browser cache I don't see a reason why it wouldn't work

wary quest
elder pendant
#

They can toggle, or they could do a million other things. It all depends on how you configure it

wary quest
#

@atomic glacier do you have a repo to fiew your setup?

atomic glacier
wary quest
#

@atomic glacier yes I read that thread. was looking for more yaml stuff to review. Guess I will wait to see it on github. Thanks

latent moss
#

does anyone that uses the custom:button-card know if label buttons can actually perform actions? Or are they purely decoration/organization.

#

Am trying to make this black button toggle an input_boolean (to show/hide underneath), yet it doesn't work, other custom:button-card stuff do but not this "label' type it seems https://i.imgur.com/r06Btov.png

dim jolt
#

hey folks, i'm having an issue with putting vertical stacks next to each other (trying to make a tablet view) - but the column gets smaller when next to another one.

#

any thoughts?

forest mica
#

where do we add custom card information? since theres no lovelace-ui at leastr for me

#

resource/url and such

polar kelp
#

raw editor

forest mica
#

just all the way at the top or bottom? or for the page its going on?

mild veldt
#

@forest mica at the top is typically easiest to work with

lime glacier
#

how can I customise the badges including state... eg, I want two slightly different icons for different states.

#

I created a sensor, did a custom icon... This isn't showing the icon

#

I still see on/off

#

as the badge

#

if I customize it, I can only change the icon statically, yeah?

#

there is not icon template like for a sensor

forest mica
#

Yes I’m desperate for organization lol

split granite
polar kelp
#

He's right actually. There's no mention of storage mode in the docs.

split granite
#

It's called out on the right as YAML mode, just not as Storage mode

#

We don't seem to document all the options

#

Heck, we don't seem to document the editor 😛

polar kelp
#

Yaml mode is not storage mode.

split granite
#

True

#

So we should look forward to a doc PR to fix that then 😛

polar kelp
#

In the best of worlds

split granite
#

By Christmas, 2025 then 🤣

gritty swift
#

Better late than never!

glad condor
#

Can anyone point me to some docs on lovelace modes (storage / yaml)

polar kelp
#

That's the best we can do right now.

glad condor
#

oh, ahha

#

thank you

gritty swift
#

Link does not work on mobile 😅

polar kelp
#

On mobile, a great option is to scroll up 8 messages.

honest verge
#

V/E/F: 0.87.1/hassio/storage

sturdy bough
#

Any way to display the value of a sensor, and not the icon, in a picture-glance?

#

or use a camera image in a picture-element like the camera_image of a picture-glance?

mild veldt
#

@sturdy bough you can use a picture-glance in a picture-elements card. type: custom:hui-picture-glance-card

rancid schooner
#

My custom cards won't load anymore. I switched from my server (0.84) to a raspberry (latest). The folder structure is still the same. Did something change in the lovelace settings?

sturdy bough
#

i prefer to not use custom cards, because they tend to be abandoned sooner or later

mild veldt
#

@sturdy bough it's not a custom card...

sturdy bough
#

so what is "custom:hui-picture-glance-card" ? i dont know

mild veldt
#

It is picture-glance

#

All cards are hui-<name>-card in the code base

#

This is a workaround to use ANY card in picture-elements

sturdy bough
#

ah ok.
i'm trying to configure it that way, but while i can have values, i lose the "on/off" icon color

#

nah.. i think it's better if HA developers give us the ability to choose icons or values directly

mild veldt
#

"nah" to what?

elder pendant
#

You can create automations to change the icon of an entity based on its state

polar kelp
#

Before I release this, does anyone have any thoughts on the syntax?
Now it's [[ if(input_number.x_pos.state <= 30, "small", if(input_number.x_pos.state <= 70, "medium", "large")) ]].
Will work for useful-markdown-card and card-modder.

#

In other words [[ if(expression, then, else) ]] and the else is nestable.

raven nacelle
#

I am assuming it cannot follow the regular template format. If that is the case, this makes sense

polar kelp
#

Indeed. And I’m trying to make sure they look different because they work differently.

forest mica
#

so i just copy and pasted the the slider-entity-row.js into ide and i have an ! at each polymer line and at the last line? config checks out. is that normal?

winter wasp
#

what would cause a temperature sensor to show up as the incorrect C/F when grouped in a history_graph card?

#

nm, i figured it out--a very old history entry with the wrong scale attached

polar kelp
#

@forest mica I have no idea what you’re talking about.

mild veldt
#

I too am very confused 🤣

wheat current
#

yes it's normal

polar kelp
#

Ah. Seems reasonable

mild veldt
#

ah, a warning

#

@forest mica yes, that is normal. You're IDE doesn't know what Polymer is since you don't have it installed locally

forest mica
#

ive got the js file, the resource at the top of rawconfig. but i try to copy and paste the card details and its not recognized

#

well no the slider just doesnt sho up

vapid field
#

Hi, I was wondering if there is a visual overview of standard Lovelace cards, but also for Custom cards. Would be great to see what is available to pick from visually.

forest mica
#

Custom element doesn't exist: slider-entity-row.
{
"type": "custom:slider-entity-row",
"entity": "light.lamp"

wheat current
forest mica
#

ah it helps to point the resource url to your folder and not the persons you copy and pasted from

polar kelp
#

W00t! New version of ... anyone care to guess?

glossy birch
#

no - thank you 😛

polar kelp
#

Or perhaps animation: [[ if(sensor.washing_machine == 'done', "blink 1s linear infinite", "none") ]]

glossy birch
#

Is there a simple way to use conditions in the entity filter without using custom components?

#

like battery value less than 30%

polar kelp
#

no

glossy birch
#

😦

#

that would be a neat feature to add to the core entity filter

devout loom
elder pendant
#

What's your language?

devout loom
#

danish

#

So should be "Højeste i dag" and "Føles som"

elder pendant
#

Doesn't look like danish is supported just for those two things. Interesting

devout loom
#

Yeah, funny. Everything else translated just fine

elder pendant
#

Those two values are hardcoded, and there's only 7 languages listed

devout loom
#

oh

vapid field
#

hi @ all,
I am searching for a solution to get 'background_attachment fixed' to work on iOS.
Does anyone knows already how to fix this?

elder pendant
#

You could open an issue saying that Danish isn't supported 😉

devout loom
#

Could I change it like how I added a template sensor to give text output corresponding to the icon?

#

I manually made those danish

#

Example: value_template: '{% if is_state("sensor.dark_sky_icon","clear-day") %} Klart

elder pendant
#

You could always give it a shot and see where it breaks

devout loom
#

I got no idea how though, but I will see if I can figure something out

#

Can you see if that is something I can use?

elder pendant
#

Add another case

#
case "da" :
  return {
    feelsLike: "Højeste i dag:",
    maxToday: "Føles som:",
  }
devout loom
#

Wow, it works. that is the most coding I done in my life

#

also noticed the wind directions were off, so fixed them too

elder pendant
#

Do you mind sharing what you added for the wind directions?

devout loom
#

const windDirections_da = ['N','NNØ','NØ','ØNØ','Ø','ØSØ','SØ','SSØ','S','SSV','SV','VSV','V','VNV','NV','NNV','N'];

#

and
´´´
case "da" :
return windDirections_da;

#

Damn, that code formatting

#

Now I am trying to figure out where I can swap the wind speed and direction in the output

#

So instead of "Direction Speed" it goes "Speed Direction"

elder pendant
#

I made a pull request to add Danish to the languages, hopefully it goes through so you can update the card without having to add those changes back manually

devout loom
#

Nice

#

Thank you

#

Also noticed that wind speed is the wrong unit. The common one used here is m/s

#

also my sensor outputs m/s, so don't know why it shows as km/h

elder pendant
#

They are converting it for some reason

#

In a very ugly way I might add 😂

devout loom
#

Hehe, can I remove that conversion?

elder pendant
#

You can

#

here is where it starts

devout loom
#

hmm

#

that calculates the windspeed manually and rounds in a weird way

elder pendant
#

And doing it with if statements

devout loom
#

but I don't see where the actual unit text is changed from m/s to km/h

#

Yeah, even my EXTREMELY limited coding knowledge think this looks a bit weird

elder pendant
#

It's a very non-programmatic way of doing it

#

It looks like a lot of it is hardcoded. You'll have a tough time making it completely customized

devout loom
#

hmm

#

It's weird, cause the value is wrong too

#

It's not really calculating it at all

elder pendant
#

Does it have to be on a scale of 12 for some reason?

sleek warren
#

checked docs but cannot see it 'how can i prefix a £ to my value in a glance card instead of appending it?'

devout loom
#

no, but going from m/s to km/h requires multiplication by 3,6

#

It looks like it is a funny way of rounding it to get rid of decimals?

elder pendant
#

That's what I thought, but both scales are going to 1-12

devout loom
#

Actually.. What is looks like is it takes the m/s wind, multiplies it by 3,6 to get km/h, so you get a larger value to round, then 12 rules have been set to round it, and then it is divided by approximately 4..

#

I don't get it

#

And that consequently outputs a weirdly rounded m/s value with a km/h unit

#

There's also this round: var windSpeed = this.config.entity_wind_speed ? Math.round(this._hass.states[this.config.entity_wind_speed].state) : 0;

elder pendant
#

I think : 0 is just defaulting to 0 if it gets something it doesn't recognize

#

Not positive though. I don't work with javascript directly too often

#

Oh I didn't read it properly. That is definitely what it's doing

devout loom
#

Can you explain what this is? return lengthUnit === 'km' ? 'hPa' : 'mbar';

#

what does the question mark and colon seperate?

shut harness
#

is there an ideal image size for the picture glance card?

elder pendant
#

It's a null check

#

is_this_null ? if_no_this_value : if_yes_this_value

shut harness
#

I wouldn't say that's checking for a null value, it would return 'mbar' if it was an integer too

elder pendant
#

In this case that is true, I didn't read closely enough

shut harness
#

the third = specifies it's also checking type

#

but @devout loom it's basically checking if lengthUnit is a string and is equal to km, it will return hPa if true, and mbar if false

elder pendant
#

That was my bad. It is a boolean check, I'm just used to using it as a null check

shut harness
#

no worries, you weren't wrong!

devout loom
#

hmm

shut harness
#

it's an inline if statement or "shorthand"

#

used to reduce whitespace

#

the reduced version of

var lengthUnit = "km";
if(lengthUnit === "km"){
  return "hPa";
} else {
  return "mbar";
}
devout loom
#

Well it's not pretty.. But: var wind = this.config.entity_wind_speed && this.config.entity_wind_bearing ? html<li><span class="ha-icon"><ha-icon icon="mdi:weather-windy"></ha-icon></span><span id="beaufort-text">${this.current.beaufort}</span><span id="wind-speed-text"> ${this.current.windSpeed}</span><span class="unit"> m/s fra </span><span id="wind-bearing-text">${this.current.windBearing}</span></li> : ``;

shut harness
#

we've all done things we're not proud of 😄

devout loom
#

I managed to swap wind bearing and speed. And just replacing the unit span thingie(whatever that is) to have "m/s" fra in it instead.

#

As I know that what it outputs is in fact m/s

#

https://i.imgur.com/qg4neeX.png and now I managed to fix the spacing as well 😉 Now just one thing is broken, and that is the text size for some reason. Anyone know where I should look for that? Do note, I have absolutely zero coding experience, I am going my intuition on everything at the moment

shut harness
#

it will be defined under the class unit

elder pendant
#

All of the blocks below the html are css. You can set font-size there

shut harness
#

you can find the css responsible, or add a style attribute to the span element

devout loom
#

oh, so because it is span class unit, it lowers it?

shut harness
#

yeah, it will have a defined font-size somewhere

elder pendant
#
      .unit {
        font-size: 0.8em;
      }
shut harness
#

^

elder pendant
#

That's what the current value is

devout loom
#

aha

elder pendant
#

You can change the number and the unit

#

em is based on screen size

#

(iirc)

shut harness
#

but beware, it may also change other elements on the page

#

if something else is using it

#

so you could find the file and create your own class

#

unit-custom or something

#

then rename the class in your span tag

#

do we have a community stock photo site for utilities for picture glance cards at all?

devout loom
shut harness
#

struggling to find a nice dishwasher photo that isn't stamped with watermarks

elder pendant
#

Not that I know of Tain

#

What in the hell is that monstrosity @devout loom 😂

devout loom
#

Well, I am a mechanical engineer.. I do prefer mechanics over electronics 😉

shut harness
#

oof, the stuff of nightmares that @devout loom 😂

#

might actually have to get up and go take a photo of the dishwasher

#

sigh

devout loom
#

But I do use unsplash.com a lot at work. For whatever good reason, I am the one making our SharePoint sites.. Yes, a mechanical engineer hired to solve non conformances, doing IT's job...

shut harness
#

it's not unknown for companies doing things like that

#

"who knows how to use excel?"
"go install that server stack"

#

£375 for a large image

#

😄

devout loom
#

I do not know if it is like this everywhere. But the Engineering department I am in, is doing everything that no one else can do. We sort the difficult non conformances, cause the QHSE department cannot. We implement software, like PDM, PLM and SharePoint these days. We do business cases when no one a single thing about materials and prices.

#

But the sales department are the assholes that get to travel the world and do fine dining with our customers

shut harness
#

and when you leave the entire thing falls apart

#

well so far, your dishwasher pic is winning the race

#

don't think it will score the WAF

devout loom
#

Yeah. We have appraisals two times a year. If we are scored to perform much over what is expected, it is mandatory for our manager to put us up for a promotion. But he told me straight up he will not do that to me and my team, cause the company would fall apart if he lost any of the four of us. So we are all scoring the highest appraisals, yet, we get nothing for it xD

shut harness
#

time to negotiate a better deal for yourself then

#

no point working for free

devout loom
#

trying every time

shut harness
#

unless you're opensourcing of course

devout loom
#

Before I had kids, I would have just left and gotten something better

#

But I just care less now about it. As long as we have enough

shut harness
#

aye, gotta do what you can I suppose, you'd probably be surprised if you stepped out of your comfort zone though

#

is probably the best I can find with a decent aspect ratio

#

we could really do with a community stock site for HA

devout loom
#

looks like every chineese commercial picture ever taken

shut harness
#

gah, 800px wide

#

gonna look rubbish on a wide display

#

can we display sensor values on a picture glance card?

#

realised this may have all been for nothing

devout loom
#

Umm I do not know if that is what you are looking for. But my Netatmo presence camera has motion detection. I put that on my glance card

shut harness
#

and does that show the value? or just the icon?

devout loom
#

icon yes

shut harness
#

ah ok, yeah I need the value

devout loom
#

it shows the value if you mouseover

#

I just tried with a temp sensor

shut harness
#

not a total loss then

#

might stick that on until I find an alternative, cheers

#

that'll do for now

#

if the upload actually worked...

devout loom
#

wow, when I pressed your link, my anti virus picked up a trojan and blocked it

shut harness
#

won't be using that site again!

#

ah, that's one of the dashboards on the show case, means I can find the config

#

nice find

devout loom
shut harness
#

sorry about that, linux here

shut harness
#

just literally found her config haha

#

saw it on Drzzs stream the other week and recognised it

devout loom
#

Well great, it's 1AM now, and I was hoping to actually get somewhere on my home assistant, but ended up spending 4 hours on a broken weather card :/

shut harness
#

ah, but you can look at it now and say it's working

#

and you learned a bit in the time you spent on it

devout loom
#

Yeah, but I wanted to learn how to get coordinates to enable zoned cleaning on my Xiaomi Roborock S50. Can't figure that out.

shut harness
#

can't help you there I'm afraid, Neto Botvac here

devout loom
#

And can't figure out how to get the Hue Sensor component with device detection to pick up my wifes phone, only mine :/ So I am just rocking around lovelace.yaml tonight I guess

wheat current
#

@shut harness If you wondered where your link went I removed it.
please find another sharing service

shut harness
#

yeah, apologies for that

#

first one I found in Google after I found I couldn't paste an image directly from the clipboard here

shut harness
#

a bit hacky, but it works in a way

#

had to position the state-badge to top: 95% to hide the sensor label, couldn't see another way to do it

vapid field
#

@polar kelp I have some sort of conflict between roku-card and roku-card-editor. If I try to edit a roku card I get "'CustomElementRegistry': this name has already been used with this registry" and can't. If I remove roku-card-editor from resources I can edit with no error.

mild veldt
#

@vapid field log issues against the custom card repo (it’s mine)

vapid field
#

sorry, what do you mean?

mild veldt
#

You got it from my github repository. Issues should be reported there

vapid field
#

ah

mild veldt
#

I should have time to check it out this weekend

vapid field
#

also can't view the popup-cards I create. same thing?

mild veldt
#

No idea until I look into it. Put all relevant info and logs/config in your bug report

vapid field
#

ok, thanks

ocean belfry
#

Anyone have lovelace showing group toggles everywhere? States UI didn't do this. The docs indicate that the group toggle will only be applied to a group thats all lights/switches but that's not the case in lovelace, its putting them on every group automatically.

latent moss
#

@ocean belfry yes you have to add show_header_toggle: false to remove them.

#

or if you're using the ui editor you can just edit the card and flip the toggle at the top to hide it

forest mica
#

What’s the trick with card-tools? I made the file. And pointed the resource too it. And attempted to make a pop up card. Still says can’t find card-tools

subtle rune
#

@shut harness @devout loom I am here as well if you want to ask something, but you'll have to ping me since I don't look here all the time 😃

shut harness
#

Thanks @subtle rune I didn't want to disturb you so late, got it working in the end :)

subtle rune
#

It's alright, I have Discord muted when I don't want to be disturbed 😃 Glad you got it working!

devout loom
#

@subtle rune cool! I saw your podcast with that dude as well, when I searched for some lovelace inspiration. You sound super knowledgeable. Really good job on your setup.

subtle rune
#

@devout loom Thanks!

devout loom
#

I'm afraid that if I start asking you questions, I might as well offer you a full-time job xD

#

Took me like 5 hours just to get the card to looks like this, and had to go through java by sheer intuition and a couple of trojan viruses from @shut harness xD

subtle rune
#

shit, that's a lot of config options 😮

devout loom
#

Yes, and for someone with absolutely zero coding experience, that was seriously testing my patience.

subtle rune
#

sometimes less is more, but I understand the want to offer options

#

nothing pops out at me as the right option though

devout loom
#

So glad I was super drunk the day I had to choose what Engineering direction I choose to study. Was thinking about IT engineering before, but choose mechanical cause my friends did. So much easier to see if a gear grinds or not 😉

#

Oh alright

#

but since the card is just a ton of entities, maybe some of thomasloven's cards could do something?

subtle rune
#

I would probably just go in the js-file and change directly, but then that will go away when updating the card

devout loom
#

yeah, but I already changed a lot of stuff in there, so I guess that will be alright

#

Through trial and error I did a lot of stuff, as danish wasn't supported. I put it in their thread there. Cause actually, that was something I got no idea about - what happens when they update the card.

#

So it just wipes my customization I guess?

subtle rune
#

Yes, it will remove the old version of the card and take the new one

hardy magnet
#

Hi folks, using Lovelace, is there a way to change the icon of a switch based on the state of a binary sensor? For example, I have a switch to "pulse" my garage door open or closed, but I also have a sensor that indicates as to whether the garage door is open or closed. At present, I had to define both entities within an entities card. I would prefer to take that down to one entity being the switch, but allow the icon to change based on the binary sensor. Can anybody point me in a direction on how to do this?

buoyant portal
hardy magnet
#

@buoyant portal I was hoping one would be able to this in Lovelace instead. Will look at cover templates.

buoyant portal
#

I think your confusing a couple a things. You want to create a new cover entity and the best way to do that is with a template, and the icons will be taken care of in the template

dawn cobalt
#

That's what I did. I had to change my garage door sensor from "sensor" to "cover"

#

then defined what states I wanted it to use

#

cover:

  • platform: mqtt
    name: Garage Door
    retain: true
    state_topic: "garagedoorstatus"
    state_open: "Door is Opened"
    state_closed: "Door is Closed"
#

Then LoveLace or HA (which ever) knew it was a garage door and then the icon change worked

#

so when I open my door, the icon changes to opened

#

icon

split granite
hardy magnet
#

Thanks very much @split granite I think this is what I've looking for. I'm going to try template covers and this and see which one would work out the best.

severe stirrup
sudden lion
severe stirrup
#

I already read that

#

but I only got the code

#

dont know where to put that code.

#

can you explain please?

#

thanks

sudden lion
hardy magnet
#

Hi folks, I'm playing with the picture-glance card. Based on the docs, the image can change based on the state, but for some reason, the image isn't displaying. The images are present (I tested this using the image tag). Any ideas?

type: picture-glance
Title: Gate
entities:
  - binary_sensor.gate
tap_action:
  action: call-service
  service: script.gate_pulse
state_image:
  state:
    'on': /local/images/gate_open.jpg
    'off': /local/images/gate_closed.jpg
entity: binary_sensor.gate
split granite
#

~format

kind shellBOT
#

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

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

hardy magnet
#

@split granite Done. 😃

sudden lion
#

oh, i see the error i think

#
type: picture-glance
Title: Gate
entities:
  - binary_sensor.gate
tap_action:
  action: call-service
  service: script.gate_pulse
state_image:
    'on': /local/images/gate_open.jpg
    'off': /local/images/gate_closed.jpg
entity: binary_sensor.gate
#

Try that

hardy magnet
#

@sudden lion Ha! Thanks a stack man. Works like a charm!

severe stirrup
#

@sudden lion

#

thanks I can add the xiaomi vaccum to my UI

#

but I dont know how to add package for sensors.

#

can you help me

split granite
severe stirrup
#

ok thanks

junior onyx
#

Doesanyone have a super simple way to change a 'switch' icon to a bulb icon when using picture-entity and status icons for lights? A couple of our lights are on plug switches, so they have the lightbing bolt icon by default. I can make it a bulb but then I have to tell it how to change when status is on, etc... Seems like there might be a simpler way?

split granite
#

~light.switch @junior onyx

kind shellBOT
junior onyx
#

@split granite I knew someone had thought of that

#

Thanks so much

split granite
#

No worries

vapid field
#

I cant seem to understand how to modify badges in lovelace config. I used the front end editor to create some cards and it works good. It creates a file in ".storage/lovelace". In this file there are badges

           "views": [
                {
                    "badges": [
                        "sensor.yr_symbol",
                        "sun.sun"
                    ],

But I cant modify those in the frontend and modifying in the "lovelace" file doesnt seem to have an effect and changes get overriden when next time modifying from the front end. How do I modify these?

wheat current
#

In the UI click the 3 dots on the rigth, then configure UI, then the pencil of the view you want to edit badges for, a new window will open with a badges tab

forest mica
#

What’s the trick with card-tools? I made the file. And pointed the resource too it. And attempted to make a pop up card. Still says can’t find card-tools

wheat current
#

try harder

forest mica
#

is there something besides that needed?

wheat current
#

card-tools.js file + correct entry in resourses should be enough

forest mica
#

and i ahve the same for the popup im trying to create. just getting card-tools not found

wheat current
#

Then I'm out of ideas, maybe @polar kelp can guide you when he gets back 😃

polar kelp
#

Did you follow the steps in the”Common Problems” section of the install guide?

forest mica
#

Yes i haven’t seen any errors in the logs or in the script inspection but I’ve been looking back throughout the day

#

Oh.. i think i might have loaded the plugin before card tools..

#

Cause i did the pop up first?

#

I’m in chrome and Mac

polar kelp
#

Order doesn’t matter

#

If you open the inspector and search for ”card-tools” does it find the script?

mossy gale
#

Do I have to use a panel if I want three picture entity cards in a horizontal stack? I tried without and they just stay on the same way as normal in a view. I was looking to have 3 pictures entities across the top of view page with the other devices under it. This is current view with panel https://imgur.com/a/4DUY0vx and code is here https://pastebin.com/ypfA8Tdw

charred frigate
#

map card entities cannot have their own configuration like in entities card or glance card ?

mild veldt
#

@charred frigate no they cannot

#

@mossy gale yes. panel will stretch it across

#

but you'll need to put everything inside of a single vertical stack

mossy gale
#

so not a horizontal one like i have currently then

#

i need to work on getting the images all the same size too

polar kelp
#

For those playing along at home, me and @forest mica solved the problem. In short - Three dots -> refresh is not the same thing as reloading the page. Worth remembering.

#

But it was really an unlikely series of unfortunate events that happened in exactly the wrong order.

split granite
#

Which "wins"?

mild veldt
#

@mossy gale yeah, just use an image editor and make them the same height/width

mossy gale
#

@mild veldt will do, cheers

polar kelp
#

If you suspect a cache problem at any point, it's reloading the page. Refresh is highly optimized and will keep wrong things depending on changed stuff in memory.

mild veldt
#

when it comes to cache, I always recommend; F12 - right click Reload and select Empty Cache (on Chrome)

polar kelp
#

Not a bad idea

#

Didn't know about that shortcut. That's awesome!

#

Heh. I just git pulled card-modder. Never happened before.

#

Thanks for fixing bugs when I'm sleeping @mild veldt.

mild veldt
#

Well I had to fix it for myself, so thought I might as well share 😃

polar kelp
#

I actually left bed this morning just to merge it in, and then went back to sleep

mild veldt
#

I left bed this morning because children were jumping on me 😉

#

I did not get to go back to bed 😦

polar kelp
#

That's why I left the next time.

mild veldt
#

joys of parenting

pearl reef
#

I'm trying to get back to automatic config mode for lovelace, to have devices show up automatically like pre-lovelace. Can someone tell me how to do this?

#

i tried clearing the /config/.storage/lovelace file but then i get an error when restarting HA

#

o i need to remove the file instead of zero byte-ing it 😃

polar kelp
#

Is there any other, perhaps more specific, information you think might help us help you?

#

Oh, ok. Fixed.

pearl reef
#

thanks, and sorry

polar kelp
#

New rule: Every time anyone says ”An error”, without specifying which one, it’s assumed to be HTTP error 418.

forest mica
#

I assume 418 is user? Haha 😅

shut harness
#

good ol' HTCPCP

#

there was a site that would trigger it as an easter egg and print a coffee pot in the console, can't remember which off the top of my head

latent moss
elder pendant
#

Bonus if they can collapse as well

raven nacelle
#

@latent moss There is something even better that @mild veldt already developed for Personal Capital sensor. Has the Accordion format for nested entities. Works quite well

#

It will be great if it can be bought in HA (would be a great addition to the auto-entities card by @polar kelp )

raven nacelle
#

oh...so it is already there...he is one step ahead 😃

mild veldt
#

Always

latent moss
#

nice, that looks to do what i want. I would like to hide the "carrot" on the right tho (if that's what its called). Could still collapse but the button itself would be invisible, i think it would make it look a little cleaner.

elder pendant
#

I like the idea of the tree graphic that you had made. Visual representations are always nice

latent moss
#

yea

prime umbra
#

ya but from what i see it hides

raven nacelle
#

will be hard to tell without the ^ sign if there are child entities

latent moss
#

i don't see that as a problem, when it's not collapsed you'd know the child entities cause their icons would be indented. it's true that they'd be hidden when collapsed, but if the user collapsed it they should know the same action would show it show it again.. this wouldn't have to be the default either but more of an "advanced" option, ie show_icon: false

elder pendant
#

You could highlight collapsed groups a different color as well. Lots of options for UX 😃

mossy gale
#

does the canvas-gauge-card still work these days? I am trying to use it for first time in a few months and getting the 'custom card does not exist" message, yet it is shown and upto date in my custom card tracker.

latent moss
#

is there a way to kind of replicate the "groups" feature from the old ui? for re-using code in multiple views.

#

like i want some tv controls on both my default_view and a seperate "entertainment" view and don't want to update that twice.. i was thinking of maybe include files but don't know if there's a better way.

young sable
#

can you not just use groups? @latent moss

latent moss
#

they dont work in lovelace i dont think

mossy gale
#

i thought they did behind the UI

#

just not in the UI

latent moss
#

well this would be shown in the ui

young sable
#

I mean, I can select a group as an entity for a lovelace card

#

but idk if thats too simple

#

lol

#

unsure what youre trying to do

latent moss
#

i basically want to have a dedicated media tab with all the harmony controls etc, but also show parts of that as conditionals on my default_view .. so when the tv is on, the default_view would show remote buttons etc. don't really want to have the code duplicated in two tabs if i don't have to.

#

i was thinking something along these lines would make it easier to re-use code across multiple views, but don't really know.

      - type: conditional
        conditions:
          - entity: media_player.tv
            state: "on"
        card:
      - !include /config/lovelace/remote_card.yaml
polar kelp
#

Well, that’s exactly how it works...

mossy gale
#

did anyone have the canvas-gauge-card working ok? as per earlier message

winged zealot
#

Anyone know if there's a way to group entity buttons to look more like glance, or add tap/hold functionality to entities in a glance card?

polar kelp
#

What did you try so far?

winged zealot
#

Not much to be honest, not very good with Lovelace yet.

winged zealot
#

I'm gonna try it out, right away. Huge thanks.

astral plover
#

hi all i need some help.

i have this command in my ui-lovelace https://pastebin.com/HK4jC6xF

It works with turning on my tv and of. how do i combine them into one tap to turn on and of my tv?

#

actually i only have the one half of what is written in pastebin. i can choose to set it as a off button or on. not both 😦

wheat current
#

use switch.toggle instead of homeassistant.turn_* for the sevice

astral plover
#

ok, i will try thanks

#

thanks that worked, however there must be something wrong with my switch then because it only tuirns on the tv, would you mind haveing a quick look at it?

wheat current
astral plover
#

hehe, ok will do

devout loom
#

I really need help to figure out why my lovelace looks so weird. I am currently trying to get a nice Xiaomi Vacuum view going. I found abeksis' setup, that looks really good, so wanted to use that as a basis: https://github.com/abeksis/My-HomeAssistant-Config/blob/master/HA_Pictures/Lovelace_Screenshots/06.robut.jpg
However, as much as I have been trying, I cannot get it to look like his. Also in google chrome, it is messed up, where as in Edge, it looks closer to righ, but still not quite:
https://i.imgur.com/DDeAhVn.png
Anyone that can point me in the right direction?

devout loom
#

everyone asleep? 😃

noble tiger
#

Anyone knows how can I add the slider to dim the lights in the default lovelace card for lights. All of them are LIFX bulbs

elder pendant
noble tiger
#

Horizontal would be best

elder pendant
noble tiger
#

That's exactly what I needed, thank you so much!

elder pendant
#

No problem

polar kelp
#

Well... crap. It’s quarter to three AM, and I’ve spent the last three hours writing a damn LEXER in javascript...

#

This is exactly why I didn’t want to put if clauses in card-modder. I knew this would happen!

junior onyx
#

I don't suppose anyone is going to tell me there's an equivalent for light.switch for scenes?

#

@split granite since you know everything... is there the equiv of light.switch for scenes?

kind shellBOT
#

Tinkerer is away for 5h 13m 5s with a message :point_right: Light thinks it travels faster than anything but it is wrong. No matter how fast light travels, it finds the darkness has always got there first, and is waiting for it.

latent moss
#

i don't think it's possible to have a switch @junior onyx , because scenes don't have an on/off state. If you look at states page states all scenes always say "scening"

junior onyx
#

thanks.

#

my camera is not showing in lovelace card, and i dont know how to see if it's even "Working": to know whether the problem is hass, ffmpeg, home assistant, lovelace...

junior onyx
#

@latent moss but you CAN do a group of two lights!

steel monolith
#

I apologize if I've missed this in my searching, but I haven't found what I feel like is a definitive answer....
Is there any way to automatically hide a badge? There were several sensors that only displayed badges if they were relevant, but since starting to use Lovelace, they are always displayed.

#

For example.... update.update was a badge that would only display if there were an update to Home Assistant in the States UI.

#

I'm wondering if this functionality will be restored/enabled in lovelace, especially since the UI offers the ability to set the hidden: attribute in Configuration > Customization through the UI.

mild veldt
#

@steel monolith not currently. Badges will likely be reworked to be more like cards and allow for conditions and filters

steel monolith
#

@mild veldt Thanks. I was just putting the final touches on a sensor for acuparse to pull in weather information, and was wanting to hide the badges for values like "rain rate" if it's not raining, and "feels like" if it's the same as the actual temp. I've been banging my head for the past week trying to figure this out.

mild veldt
#

Even with a card that wouldn't be possible unless you made some template sensors to report states

steel monolith
#

I would like to see an "attribute filter" option. Something that could honor the "hidden" attributes used by the States UI. That is the only thing I'm missing after switching to lovelace.

mild veldt
#

If you want something hidden, just remove it from Lovelace

steel monolith
#

But I want to hide it dynamically based on attributes- not permanently. For example - if there is no rain for the day, hide the rainfall total and rainfall rate - but display them if the rainfall total > 0.

mild veldt
#

Template sensors along with conditional and/or filters

latent moss
#

when i do this,

        - type: entities
          entities:
            - sensor.time_away_today
            - entity: sensor.time_driving_today
              name: Time Driving Today
              tap_action:
                action: navigate
                navigation_path: /lovelace/cars/

it just pops up the more-info view rather than navigating...

mild veldt
#

That being said, I don't see a reason why they couldn't. Can you submit a FR to ui-schema?

latent moss
#

yeah will do. i think the feature set should be uniform for all card types

upper gate
#

Where can I find the name of the wifi interface of my raspbi in lovelace

split granite
#

Pretty sure that's not exposed via Lovelace at all, or (currently) any other part of the UI

#

It might come through the system_health component of 0.88, not sure

upper gate
#

I might need it for pihole

split granite
#

How did you install Home Assistant - Hass.io, Hassbian, or what?

upper gate
#

hassio

split granite
sleek warren
#

Did I see a change in GitHub for persistent notifications in Lovelace?

hexed owl
#

question… is there a way to set a switch.template or similar, depending on whether a monster-card has entities…? i'm guessing the cards entities list is javascript only, and out of hass's reach, so i'd have to arrange for the card to reach back and toggle like an input_boolean, instead…? (assuming, of course, that's even possible…)

#

also, is there a "proper" way to signal errors in a card definition… both fatal (ie. the red error message where the card should be) and non-fatally (ie. log the condition, and assume the default value).

mild veldt
#

@sleek warren persistent notifications are already there in the bell. I have a PR to add a count to the indicator that is open, but that’s it

sleek warren
#

Was hoping for cards :) knew about the bell but not as nice for urgent notifications to be popped up on the screen making themselves known

#

Maybe soon lol

stoic summit
#

Hi Everyone! I have a little issue: I was cleaning up the badges in the Lovelace and seem I accidentally deleted some important character. Home Assistant keep telling me to put some value in line 20 column 21. Could you please have a look at the code and help me out.

kind shellBOT
stoic summit
#

{
"data": {
"config": {
"title": "Home",
"views": [
{
"badges": [
"binary_sensor.water_leak_sensor_158d00023ea389",
"binary_sensor.motion_sensor_158d0002b4315e",
"sensor.illumination_158d0002b4315e",
],
}
"cards": [

#

I cut some of the badges out, for the sake of limitation (15 lines). But the issue seems to be in the characters after the last sensor.illumination...

#

The message I get on the Overview page is: Expecting value: line 20 column 21 (char 999)

junior onyx
#

Just take the comma off line 20 after the ] -- edit after working with mekheda for troubleshooting, it was actually the } that was the problem!

#

@stoic summit

short zephyr
#

any ideas what has happened here?

deft grove
mild veldt
eternal bridge
#

Hey guys, im pretty new to hassio, so i need a little assistance here 😃 what am i doing wrong?

#

For

#

Card configuration i get this error

#

Expected a value of type “undefined” for tap_action but recieved (action: toggle)

#

The code is

mortal cape
mild veldt
#

~share

kind shellBOT
mild veldt
#

@eternal bridge share your card config

eternal bridge
#

```
Type: glance
Entities:
-entity: switch.sonoff
Tap_action:
Action: toggle
Title: Svetla
```

#

Sorry for not using hastebin, only this time 😅

mortal cape
#

~format

kind shellBOT
#

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

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

brittle frigate
#

hi all. Does anyone know what is the best card to use for displaying a camera in the UI?

#

I have a foscam

junior onyx
#

@brittle frigate I'm trying to get my camera to work and can't even figure out if it's working in HA at all, but was using picture-glance card to try

vapid field
#

Hi all, any chance to make an iframe card fill the whole panel space?

brittle frigate
#

thanks @junior onyx . I gave that a go but it seems that just listing the camera Identity as a "camera_image" option does not work for my foscam

#

@junior onyx What camera are you using?

junior onyx
#

some cheap chinese knockoff thing. i can get it to work on my computer with an rtsp// url, with ffmpeg and vlc, but not in HA

#

but i dont really know what im doing 😄

brittle frigate
#

I'm right where you are. I got it to work when Lovelace was still in beta. But not that it's gone live, I can't remember how I got it to work

#

but, now that you bring up rtsp!!!! that triggers something in my memory

#

I'm going to look that up

#

I think I need to find the address using rtsp for my camera.

junior onyx
#

😃 i had to add my rtsp in configuration.yaml under camera..

#

@subtle rune or ..anyone.. i can't figure out how to set the background colour of the view on lovelace (just the background of the individual cards, which looks silly).. help?

latent moss
#

just starting on my Lights view in lovelace, i think this part turned out kinda nice. minimal custom:button-cards in a horizontal stack for quick color select + the light entity above to change brightness or toggle on/off https://i.imgur.com/Iu8RKc6.png

subtle rune
#

@junior onyx You need to use theme

junior onyx
#

I did! that's how I got the card background dark!

mortal cape
#

@junior onyx one option is background: center / cover no-repeat url("/local/your_background.png") fixed added using the raw config editor

mild veldt
#

@vapid field use panel: true for the view

junior onyx
#

@mortal cape literally just that entire line? not sure I can follow what it's defining there, but i'll take it if i can copy/paste!

mild veldt
#

@latent moss I'm going to hire you to do my UI later 😃

mortal cape
#

@junior onyx where your_background.png is a file in your www folder

junior onyx
#

@mortal cape yep, that's the only part I COULD figure out 😄

mortal cape
#

I put it at the top, but you can add it per view as well

vapid field
junior onyx
#

ok that worked. thanks!

mild veldt
#

@vapid field keep adjusting the aspect_ratio

vapid field
#

@mild veldt: thanks, but aspect_ratio seems to be fixed. It's not responsive to changes in the viewport size...

mild veldt
#

it is not fixed, what are you entering?

vapid field
#

@mild veldt : I want the card to fill the whole space, no matter what aspect ratio the viewport has.

latent moss
#

@mild veldt lol thanks. i followed your suggestion from the other day about having a script/automation to handle toggling all the input_booleans on/off automatically and was able to come up with a pretty slick tabbed view concept. No longer have to click twice to hide/show, clicking on one toggles all the others off. Still WIP but it works very nicely so far, i basically am fitting 3+ stacks in the size of one. https://gfycat.com/SneakyLeanDogwoodtwigborer

vapid field
#

@mild veldt : Ha! It worked! I didn't know I also could enter other values than percent (%). I've set aspect now to "aspect_ratio: calc(100vh - 112px)" and this seems to do the trick! 😃

#

Thanks for pointing me in the right direction!

deft grove
#

@mortal cape Thanks for the link. That'll do for now. Looks amazing. 😃

mild veldt
#

@vapid field 👍

deft grove
#

Thanks

mild veldt
#

@latent moss that's looking great

latent moss
#

thanks

mild veldt
#

@latent moss what are you using for sleep tracking?

latent moss
#

just a bayesian sensor, so it checks if it's a certain time, if my lights are off, if my tv is off etc. and then when i plug my phone in at night is when it triggers the bedtime routine (turns on fan, plays ambient music on my google home hub). the time slept today is a history_stats and the other stuff is inpute_datetime

bleak lily
#

I have a horizontal stack in in that I have 3 vertical stacks. This results in a 3 column layout and all cards stay in their position.
Now in the ui editor I can only edit the vertical stacks and not the cards within the stack.
The issue here is, that the vertical stack preview get's kind of high and the save button is not visible anymore.
Is it planed to allow to edit single cards separately that are 2 level deep into stacks instead of the whole stack?

mild veldt
#

@latent moss slick. I'll steal that idea as well 😉

#

@bleak lily we're still trying to figure out how to best design UI editors for stacks. I don't have a good answer for you right now

bleak lily
#

Alright, thanks for the quick answer 😃

mild veldt
#

But you, or anyone else, that has any ideas on the matter, let us know

latent moss
#

i can send you the code for it later, need to clean it up first, 90% of it is commented out stuff from trial and error tests lol. bayesian sensors are hard for me

bleak lily
#

I'll think about it

mild veldt
#

👍 maybe even a forum post if you're up for it? help out the masses @latent moss

latent moss
#

absolutely, plan to put my entire config on github and explain it, i'm in the process of basically redoing everything right now though so gonna wait until it's fairly stable.

bleak lily
#

What about a drag'n'drop feature for the cards? So you don't have to move the card up/down but instead just drag it where you want it. And for stacks you have like a visual fence around them and can drag cards into them.

odd light
#

Can anyone point me in the direction of how I could add a drop down box in lovelace that lets me choose a HUE bulb and another that lets me choose a HUE scene?

#

to apply to the bulb I choose.

#

actually having a drop down under each bulb would be even better than I could just choose the scene

copper mural
odd light
#
- entity: switch.wall_plug_switch
   tap_action:
     action: toggle
#

for example

copper mural
#

Yes, but the main-card in mine is a entity-filter. I dont want to configure all entities twice.

mild veldt
copper mural
#

@mild veldt Yes that work. Thanks 😃

devout loom
#

I am having a super hard time figuring out how to resize and arrange cards. Is there any beginners guide anywhere? My weather page currently looks like this: https://i.imgur.com/0QTIl9Q.png . The cards are a little bit small for my screen size. However on my tablet, it would look pretty good if they were at least arranged side by side instead of on top of each other. Putting type: horizontal under the view title does not change anything.

copper mural
#

@devout loom Does 'panel: true' make any difference?

devout loom
#

I'll check

copper mural
#

You set it as attribute to the view.

devout loom
#

that makes it look weird, and my iframe underneath is gone

#

it stretches the weathercoard horizontally

copper mural
#

Yes it just render the first card in full width.

devout loom
#

card*

copper mural
#

How does your code look like?

#

hastebin it.

#

Change your layout to vertical-stack.

devout loom
copper mural
#

And the iframe in same vertical-stack. Else it just render the first card in full width.

#

Just change to

#

type: vertical-stack

devout loom
#

doesn't change anything 😦

#

with and without panel: true, vertical-stack, horizontal-stack and nothing for type is the same

copper mural
#

I haven't tried that custom-card you use. Might be a limitation in that?

#

How does you `dark-sky-wather-card.css´ looks like?

devout loom
#

seems the same for my other views, where I have really basic cards

copper mural
#

I have no idea then, sorry.

devout loom
#

I think I found out why horizontal and vertical stack was not working now

#
  - title: Weather
    icon: mdi:weather-cloudy
    cards:
      - type: horizontal-stack
        cards:
        - type: 'custom:dark-sky-weather-card'
.......
#

I needed to do like that, type does not go under the view, but under the first card..

vapid field
#

hi quick question - is grafana still best integrated into the lovelace UI via the camera card?

short zephyr
devout loom
short zephyr
#

which custom card is it that does the tab button things?

mild veldt
#

@vapid field for now. I'm hoping to create a custom card soon that can do dynamic time ranges

#

@short zephyr that's just scripts and conditionals inside of stacks

#

i.e. clicking sleep status will turn off booleans for alarm and statics and turn on the boolean for sleep status that in then inside a conditional card

#

The configuration is a nightmare to deal with, but results in really cool stuff. Hopefully we can offer some more intuitive ways to configure it in the UI in the near term

signal pine
#

i'm really intrigued by those tiny colored buttons/cards. are those quick buttons for scenes/colors of the light? I could definitely use something like that. probably just a picture-entity, right? With a really small background picture?

vapid field
#

thanks @mild veldt

mild veldt
#

@signal pine my guess is the custom button-card

latent moss
#

and yes the tab button things is a horizontal-stack for the three "tab" buttons, then conditional vertical-stacks and three input_booleans (one for each stack). the only custom part of it is kuuji's button-card . will post the code later.

signal pine
latent moss
#

that's the one

signal pine
#

wow yeah this looks way better than the built in one

#

thanks! i'm gonna have some fun tonight!

latent moss
#

it really is a million times better imo, you could have different icon colors for different states and all sorts of neat stuff.

devout loom
#

Can any of you guys tell me how to get these two cards arranged side by side instead of above each other? https://i.imgur.com/0QTIl9Q.png I've been trying for hours to no avail

latent moss
#

also for those with harmony remotes, i used the same concept of those minimal custom:button-card icons to re-create the colored button row on the remote (still wip) https://i.imgur.com/Mr3OjeO.png

mild veldt
#

@latent moss the core button will likely expand over time, but will also likely never be as customizable as button-card. But that's the beauty of LL. Each will always have their place and provide users choice

latent moss
#

@mild veldt well the problem i see is that w/ these custom cards they can break in updates and it's up to the creator to keep things maintained and hopefully not abandoned. i've already seen a post that there's issues with these buttons displaying in 0.88b for example. i assume it'll get fixed before that releases, but it kind of made me think a bit on the "dangers" of using too much custom stuff.

#

also these buttons don't support hold_actions, so it's a bit frustrating when you can do certain things in some buttons and other things in another, kinda wish this would get standardized a bit more. i'm sure it'll get there eventually though.

mild veldt
#

button card is probably a bad example. a better one is my roku card or mini-media-player. there are lots of platform specific things in them, where core is more about domains

#

and there's thomas' cards. balloob would never let that crazy man put those things in core. lmao

latent moss
#

well mini-media-player is another one i think should be core tbh 😛 i get what you're saying though

mild veldt
#

custom cards are here to stay, but perhaps how they are structured and use dependencies needs to change

#

we're not going to ever impliment a card that has sonos specific stuff per example

#

but a dumbed down version, perhaps

latent moss
#

so how about an idea of "card extensions" if that makes sense... like there'd be a core media player (hopefully based off mini-media-player) as the base.. and then people can hook into that and provide the sonos stuff as extensions basically. if that makes sense.

sudden lion
#

implement it as a sonos card 😄

latent moss
#

or perhaps a custom-card gallery section built-in, similar to hassio addons section

mild veldt
#

@latent moss that is the plan

latent moss
#

sweeeet

mild veldt
#

Need more devs 😃

wheat current
#

not it

mild veldt
#

You need to start pulling your weight @wheat current

wheat current
#

With what I weigh that will not be much 🤣

undone egret
#

@wheat current no excuse ....you are smart

mild veldt
#

“smart”

solid wyvern
#

@latent moss how did you get the custom icon in the light card? The yaml you posted only appears to have the icon specified in the button-card sections.... am I blind

latent moss
#

@solid wyvern that's just using home assistant customize feature.. you can have it in your customize.yaml if you use one, i use packages so this is in my lights.yaml file

homeassistant:
  customize:
    light.sean_desk_light_strip:
      icon: mdi:led-strip
solid wyvern
#

oooooooooooh. sweet! Thanks

#

I can get rid of my own custom card.... I really need to read more lol

latent moss
#

tho i think u might be able to specify it directly on that card, like this (haven't tried)

          - type: horizontal-stack
            cards:
              - type: light
                entity: light.sean_desk_light_strip
                name: Desk Light Strip
                icon: mdi:led-strip
solid wyvern
#

hmm I'll try

#

nope, that doesn't work

latent moss
#

might need to "reload core" (under configuration -> general) that reloads the icon type stuff. but if not, just use the customize part, that way you don't have to specify it every time

solid wyvern
#

yeah, that's probably easiest....
now I just need to work out why horizontal-stacks don't work the way I expect they should. I see some comments up above about using panel: true that I might see if that works for me

#

hmm, nope, off too google. When I don't use stacks my icons fill the width of my screen. When I add a stack it only fills the center of my screen. I'll go do some reading

latent moss
#

yea i gotta look into that as well. i mapped ps4 controller buttons using picture-elements and horizontal-stack (took me forever no css experience) and then it a day later it appeared totally differently, depressing lol

solid wyvern
#

lol

#

ah got it!

#

Now, I have to look into making it wrap entities on smaller screens. I thought that would happen automatically 😦

forest mica
#

is it strange that when i made a test pop up card with two pop up entities. it made the same two entities have the pop up capability in my other entity-slider-row card?

latent moss
#

@mild veldt here's my sleep_tracking.yaml package as promised, i wanted to clean it up and remove all the messy comments but am too lazy sorry lol, it might be more helpful to have them anyway https://hastebin.com/habexapipa.coffeescript

mild veldt
#

@forest mica Popup card applies to an entity ANYWHERE on the view

#

Nice @latent moss

forest mica
#

roger!

#

i see now that i have moved it it doesnt work. hopeuflly i can nest it back in

mild veldt
#

Popup card is it’s own thing. It doesn’t matter where it is

#

I take that back. It should be at the top level of a view

#

It applies a listener on the entity you define on that full view

#

So , for example, if you apply it to x and then have x in an entities card and then also in a glance card, it would apply to be

forest mica
#

yeah thats what did on the other page but was trying to just avoid two seperate thins

coarse timber
elder pendant
#

Are you using the UI editor or ui-lovelace.yaml? You cant use both

coarse timber
#

i tried both (enabling and disabling yaml mode in my configuration.yaml)

#

right now i'm using UI editor

elder pendant
#

Can you post your raw ui?

coarse timber
#

i verified that the /local/slider-entry-row.js file is available, if i load it dynamically through javascript console in chrome dev tool, it works, so it's lovelace that is not loading the file for some reason

elder pendant
#

You cleared your chrome cache?

coarse timber
elder pendant
#

recources

coarse timber
#

OMG

#

lol

#

i spent 3 hours googling what the problem is

elder pendant
#

Haha it happens

coarse timber
#

thanks!

elder pendant
#

No problem

coarse timber
#

what's the easiest way to override an icon in entities card? let's say for a "cover" it shows 3 control buttons in the list of entities: open/stop/close, what if I want to change the stop icon to look different? any way to do this?

lofty summit
#

Hey guys, does anyone know if there's a lovelace card for persistent notifications?

mild veldt
#

@lofty summit no, but can likely be done with auto-entities

lofty summit
#

@mild veldt cool thanks! I might just make one myself then.

vapid field
#

Hi! stupid question maybe but am I correct in that a switch to yaml config for the FE is as simple as copy pasting the "raw editor yaml" in the GUI to /config/ui-lovelace.yaml add lovelace: \n mode: yaml to HA config?

elder pendant
#

Yes, unless you have custom cards. Then there is a bit more work

wheat current
#

How does that matter?

elder pendant
#

Aren't the resource references put in configuration.yaml when in yaml mode?

wheat current
#

Nope 😃

elder pendant
#

Oh my bad then, I was misremembering. Thanks for correcting me :)

copper mural
#

Hmm, my lovelace-files isn't loading. I just get to /lovelace/default_view even tho I have other files specified in ui-lovelace.yaml. What do I do wrong?

#

Worked until I renamed a file and changed to the new filename in ui-lovelace.yaml.

wheat current
#

Force refresh

#

ctrl+shift+r on Windows

sacred quarry
#

Hi guys, quick one: Is there any way to set the tap_action to none on an enties card?

copper mural
#

Found the issue. I called a file that wasn't exist as a dev-tab 😛

wheat current
#

Ah 😜

copper mural
#

Always best to ask, then I found it right away.

mild veldt
#

@sacred quarry actually working on a PR for that today

#

Probably be in 0.89

sacred quarry
#

cool 😃 cheers

#

not sure what PR means tho 😄

mild veldt
#

Pull request

sacred quarry
#

oh okay, I should have guessed

#

😄

vapid field
#

I thought the custom cards would end up in the resources in the Lovelace yaml same as the raw editor yaml. What is different?

mild veldt
#

There is nothing different

elder pendant
#

I was wrong, there is no difference

mild veldt
#

Classic @wheat current shit posting 🤣

sacred quarry
#

Oh, another hopefully quick one, I have noticed that I cannot include multiple per-card yaml file in the ui-lovelace.yaml this way

#

resources: !include_dir_list lovelace/resources/

#

Is there any plan to make it posible?

mild veldt
#

No

sacred quarry
#

K 😃

#

Another one then 😛 Is there a plan to have a "time" card to simply show the time (and maybe date)? 😃 I did google a bit but I couldn't find anything that would fit that

mild veldt
#

Check out custom-compact-header

sacred quarry
#

I did

#

and I use it

#

what I wanted was the ability to define the size rather than have it on the header

#

The custom-alarm-clock is midway what I need 😃

#

mmh, cannot past a screensho ^^

stable flower
#

Or of course: Main thing is that I need a numeric number I can send into my "more complicated" python-script thermostat

mild veldt
stable flower
#

Thanks, but see my last comment. Basically I have a python-script that determines the Z-point of the generic thermostat.

elder pendant
#

Thermostat cards display thermostats, not input numbers. You would have to turn your script into a generic thermostat

stable flower
#

Is it possible to make an "Input card"?

wheat current
#

How about putting it in a entity card? 🤷‍♀️

stable flower
#

I do, and then I have a slider. But the slider is kinda hard to hit correctly. Know this is a minor issue 😃

wheat current
#

Have two button cards then. 😜

stable flower
#

one for up and one for down?

#

sounds like a good solution, thanks! Will figure out how to do that

elder pendant
#

Make a script for incrementing by one and decrementing by one, and just make service calls to those scripts with buttons

stable flower
#

That was ugly, but got sorted out in the end

#

Felt the need for a for loop in the lovelace.yaml 😄 Anyways, its working! (very difficult to share images here though)

wheat current
#

Not hard, imposible 😉

#

~images

kind shellBOT
#

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

stable flower
#

I seriously need some UX classes xD

brave badge
#

Hey @wheat current how many additional versions of custom updater do you think of releasing today?😂

wheat current
#

No more today 😉

short zephyr
#

what am i doing wrong here? No card type configured. "break"

#

i have the layout card installed

brave badge
#

@wheat current it is normal that after clicking on "update all" you have to click on check to refresh the current version?

wheat current
#

No

brave badge
#

after every update today or I restarted HA or I "check" to update

wheat current
#

Open an issue 😉

brave badge
#

Ok. But not a big deal anyway...

#

I'll test in some other HA instances

eager thistle
#

what's the best way to set lovelace the default UI?

brave badge
#

Lovelace IS the default UI

#

What do you mean?

#

@eager thistle ?

eager thistle
#

weird..mine keeps reverting to the old one 🤔

#

mine loads states...not lovelace/default_view

brave badge
#

Cache issue? Refresh!

#

ctrl + shift +r on windows

eager thistle
#

ohhhh probs

#

that worked lol

#

thanks

brave badge
#

@wheat current a issue on custom updater or in tracker card?

wheat current
#

Updater

short zephyr
#

nvm sorted it 😃 needed panel: true

vapid lance
#

o/ all

#

I'm trying to launch local android apps, from fully kiosk browser, via my lovely lovelace interface 😃

#

I didn't find a way to launch such app, via intent, from an entity button or something similar

#

unfortunately, launching intents from weblinks from type: entities is... not the design I'm looking for

#

any idea ?

potent fjord
#

would command_line work there ?

vapid lance
#

what do you mean ?

#

I don't think so

potent fjord
#

why not ? its linux afterall 😃 i really dunno would it work, just a thought

#

as a switch ofcoz

#

quick question, i have this lovely picture that actys as a switch... It goes gray when light are off, and goes color when lights are on. Difference between these are not very big, is there a way to make "lights off " darker ? https://pastebin.com/hpRS392w

fiery sail
#

moving over from hassio forum....I have a strange issue where an MQTT switch's state is not updating properly

#

I have a command topic and a state topic defined but nothing to return the proper state.....so I expect the switch to turn off after turned on

#

but the switch appears to stay on.....but its state IS off in the States tool

#

I have to refresh the page to get the switch state to show correctly

elder pendant
#

So the button works, but it doesn't update on your frontend until you refresh? @fiery sail ?

fiery sail
#

correct

#

refreshing Chrome will update to the correct state

elder pendant
#

What kind of card are you using for the switch?

fiery sail
#

this is a fresh install of HASSOS so I'm assuming it's using an entities card

#

yeah, it appears to be an entities card after entering configuration

#

could it be on my end?

#

maybe a browser cache issue or something

elder pendant
#

I've had stuff like this happen when the device is taking longer than usual to respond to the service. You could try clearing the cache to see if it helps

fiery sail
#

in this case, there is no device....i was having issues with my main install so I spun up another fresh instance just to test it

#

nope...wasn't it

#

oh well

#

looks like something broke between 86.1 & 87.1

#

just rolled back and it's working there

#

@elder pendant , is this something someone should be aware of?

#

or just wait and it'll work itself out

elder pendant
#

You could open an issue on github, just make sure you provide all the relevant details

fiery sail
#

never had to do that before....don't know how to

elder pendant
#

~lmgtfy how to open an issue on github

kind shellBOT
elder pendant
#

;)

fiery sail
#

thnx dude

sinful fulcrum
#

ooh man... lmgtfy botified

#

:S

#

lol

fiery sail
#

I'm being pointed towards polymer repository

sinful fulcrum
#

@elder pendant we hand out their stickers at work

elder pendant
#

It seems like it is a polymer issue if it's only a problem with the frontend

fiery sail
#

woohoo...my first issue submittal

#

and I've only been around for like 3 years... 😃

elder pendant
#

First time for everything 😉

rugged cobalt
thorn matrix
#

Is there anyway we can default view for user?

elder pendant
#

User specific stuff is coming soon

gentle tide
#

It supports per user and per device views

ornate pendant
#

im new to lovelace, can i use somehow wildcards for entities like lights.*

gentle tide
#

Not sure about the default cards but there are custom cards that work with that type of wildcard

ornate pendant
#

with filters?

gentle tide
#

Thomas' cards are great. auto-entities may be what you are looking for.

ornate pendant
#

monster cards

gentle tide
#

yes. monster cards is another custom card that works with wildcards

ornate pendant
#

yeah tinkerer told me already, but thats not possible with the default cards, is it?

gentle tide
#

I'm not sure about the default cards. I only use a couple since most are so limited.

ornate pendant
#

hm

#

i cleared at least my config from not existing entities :-D.

gentle tide
#

If I do use a default card, I am typically modifying it in some way with another custom card

ornate pendant
#

my custom cauge sensor i have to integrate somehow

#

i dont even have a ui-lovelace.yaml

gentle tide
#

you only need that if you are using Yaml mode for Lovelace

ornate pendant
#

do i need to override smth in .storage? as it looks like its the new store for settings

#

i want to include monster cards

gentle tide
#

I'll defer to others as I am not using Storage mode and don't know how that mode works

calm rock
#

Hi all,i have updated the "custom updater to 4.1.3 , and followed the instructions , now all custom cards are with errors , any idea how to fix the issue ( without using the snapshot?)

lilac elbow
#

Hi, I just went from using the UI configurer to YAML mode but after putting yaml mode in to the config and restarting HA, it seems Im still stuck in the UI Configurer, any idea why?

#

I do have a ui-lovelace.yaml file with stuff in it

elder pendant
#

Did you add lovelace to your configuration.yaml?

lilac elbow
#

lovelace:
mode: yaml

#

saved, restarted HA

gentle tide
#

are the permissions correct on the ui-lovelace.yaml file?

#

should be the same as configuration.yaml

calm rock
#

anyone with custom updater latest version , and a working lovelace UI , for the custom cards ?

lilac elbow
#

@gentle tide :
-rwxr--r-- 1 root root 5998 feb 19 00:30 configuration.yaml*
-rwxr--r-- 1 root root 3817 feb 19 00:21 ui-lovelace.yaml*

#

and I deleted the lovelace file in /.storage too

#

Problem fixed, dont know what it was, rebooted a few more times

#

now I seem to be in yaml mode

#

I got the "Refresh" now

stray harness
#

Anyone know how to change the domain of the cookie saved from the front end? I change the domain that points to my Home Assistant but the domain on the cookie is still the old domain.

solid wyvern
#

Is there a way to make horizontal stacks be responsive on smaller screens?

solid wyvern
#

Also, does anyone know how to make the light card smaller?

#

the icons are so big

mild veldt
#

@calm rock I broke quite a few custom cards in the most recent beta. Are you on beta?

calm rock
#

No im not no beta @mild veldt

#

I was forced to reload the snapshot , as the only way to restablish the order

#

The problem are not the custom cards , but the last version of the updater

mild veldt
#

noted

dark aspen
#

this is a dumb question but i am simply trying to change the color of a card in the ui-lovelace.yaml. I cannot seem to find the answer googling. background_color: XXXX does not seem to work

elder pendant
#

That's because XXXX isn't a color 😉

dark aspen
#

well i am using a color code.

elder pendant
#

What kind of card is it

dark aspen
#

entities

elder pendant
dark aspen
#

okay thanks i will try that!

dark aspen
#

@elder pendant thanks, got it up and running sucessfully

solid wyvern
#

Does someone have a good example of how to group cards with a title but, still have them automatically resize for smaller screens.
I'm finding that what looks ok on desktop is not scaling well for phones

#

For instance the light card works fine with 4 in a horizontal-stack on a larger screen but, only 2 on a smaller screen

wheat current
solid wyvern
#

so, I have to create separate views for mobile devices :S

wheat current
#

You don't have to, but IMO that is the "good" option.
You can also use compact-custom-header to only show your mobile views on mobile

solid wyvern
#

hmm

wheat current
strong furnace
#

Good morning, I have Galaxy Tab A running Android 8.1 with latest Chrome/WebView and Fully Kiosk Browser. HA is shown all of the time, but the display turns off after 60s and turns back on when motion is detectec via the front camera. I have noticed that cards displaying graphs are not automatically updated, but all other cards are always up-to-date. Is that a known issue or something specific to Fully Kiosk Browser?

wheat current
#

not sure But since you see this, how about testing it on another device / browser? 😃

strong furnace
#

good point, I will leave a tab with HA running on my Windows machine

solid wyvern
#

I'm only new to HA but, I think over the past few days I've started my UI about 4 times. I suppose everyone goes through this at the beginning but ugh.... I just can't seem to find something I like.
The light card is pretty good but, it can't be resized.
Oh well, part of the fun I guess

wheat current
#

If you Invest time in UI, it can look quite awesome, for me that will never be an option 😜

solid wyvern
#

lol, yeah I've seen some pretty amazing examples and it makes me be excited and depressed all at the same time

wheat current
#

Most of the good/advanced examples uses a lot of custom cards to get it how they want

solid wyvern
#

yeah, I've got custom cards working (even modified one to try do something I wanted) but, someone on here mentioned that custom cards can be a pain when new updates come along because your UI can break pretty easily

#

So I've gone round in circles a bit trying to figure out how I should do my UI

wheat current
#

It depends, there are cards from the summer when Lovelace launched that still works

solid wyvern
#

yeah, I've been looking at a few of ThomasLoven cards and they seem to be constantly updated to keep working and he's always been pretty quick to answer my questions here

wheat current
#

If you go with his cards you should be quite safe 😃

solid wyvern
#

I also like the Kuuji button-card and it seems to be pretty popular

wheat current
#

It is, but that one have an issue with 0.88 (beta)

solid wyvern
#

aah well.... I mean I assume it will be fixed soon. How long do betas last for.
(One day I'll hopefully be able to contribute to the code. First have to learn how it works :P)

wheat current
#

The betas are one week, will end Wednesday

timid burrow
#

A lot of the features in that card will end up in core very soon I believe

solid wyvern
#

Yeah, I saw a forum topic saying something like that @timid burrow

vapid field
#

Anyone know if jinja scripts are possible in ui-lovelace.yaml?

wheat current
#

You can't, if Lovelace-gen still works you can use that

ornate pendant
#

i dont know if somebody answered my question already, (im new to lovelace) how can i add custom_cards (monster card) without ui-lovelace.yaml do i need to add it there or are there other ways too?

timid burrow
#

You can edit lovelace in raw mode.

ornate pendant
#

and how can i install the custom_card there?

timid burrow
#

Exactly the same as you would using yaml mode

ornate pendant
#

oh okay.

#

add card to www folder and include it there.

#

who came to the idea to move cards around with arrows? drag and drop is hopefully coming, i have like 30 cards on my main view.

timid burrow
#

It’s coming...

#

I have been using yaml file for major edits and then cut/paste to the raw editor... but with recent lovelace changes that’s less necessary. You can move cards in the ui editor by using the arrow on the card... It’s a little kludgey but improving.

ornate pendant
#

wildcard entities selection is just possible according to the entity name and not friendly name or smth like that?

#

my idea was that i can have friendly names with living_room included.

wheat current
#

Iirc you can use wildcard on attributes as well

ornate pendant
#

and then select everything what is lr or living_room in the name, to dynamically create cards.

timid burrow
#

Entity name... you will need the auto-entities card for wildcards

ornate pendant
#

do you guys might have some examples available, as its the best way to get into it, if somebody designed it already dynamically 😉

#

or repo 😃

timid burrow
ornate pendant
#

thanks a lot 😉

timid burrow
#

👍

ornate pendant
#

okay now i know what you mean with auto-entities.

timid burrow
#

They are awesome...

#

I use it for nsw warnings that change - come and go all the time and also for listing stuff like all automations without having to add every one

ornate pendant
#

i see

                  include:
                    - entity_id: "geo_location.nsw_fire_service_feed_*"
timid burrow
#

Yes.. so they all start with that and then the * is a wildcard

ornate pendant
#

yeah, thats bascially what i try to achieve, i want that with friendly name like

*living_room*
timid burrow
#

If the entity has a friendly name defined in customize it will display that

#

You will see I have for example unfriendly names for my Yeelights..... but they display using what I have in customize

ornate pendant
#

yeah my yeelights are double, as i have them configured manually and the auto-conf was working at some point 😄

#

okay not just the display name thats clear, like in the old dashboard, i mean really the selection

#

as i can't decide how xiaomi sensors are named

#

and i want to group them dynamically together.

timid burrow
#

Yes same here... I had them via discovery but sometimes they took 20 minutes or longer to show up so I added them to ignore for discovery and manually configured them. I didn’t use a different name because all my automations etc.... so I just maintained the name but they display in a friendly way

#

You need to find the pattern and the auto-entities will do the rest - but you need to customize them to show friendly names. Done once done forever

ornate pendant
#

so the auto-entities works with friendly names too?

timid burrow
#

No... you need to use the entity ID but it will display with the friendly name

ornate pendant
#

okay thats what i meant

#

the entity id of xiaomi sensor is fixed.

timid burrow
#

Yes and there will be a pattern you can exploit

ornate pendant
#

yeah but just for like temperature

#

but not for rooms

timid burrow
#

No. But if they are fixed, just add them manually... it’s not like they constantly change and need to be dynamic is it?

slow wave
#

@timid burrow I use the monster card for seventeentrack, but I still haven't figured out how to change the default showing info of the entities, I would rather have it only show the memo instead of "seventeentrack memo" and show "info text" rather than "state" by default, any ideas on that? 😁

timid burrow
#

Need to use a template

#

Template sensor

slow wave
#

Will that work with wildcards and monster card? I couldn't figure out how 🤣

timid burrow
#

Link to my github above... look in my packages for some examples..

#

I don’t use the monster card

#

It would depend on the sensor names you create if it would work with auto-entities

slow wave
#

Bookmarked 👌 I only knew about monster card to populate dynamically with wildcards

timid burrow
#

Ah.. well I’ve never used that card

ornate pendant
#

@timid burrow i have like 80 xiaomi sensors, they have clear structured friendly_names, a wildcard selection for that would be great, would save a lot additional efforts.

strong furnace
#

@wheat current: I can confirm that the history-graph card does not auto-update in Chrome 72 on Windows either

timid burrow
#

You could try putting them in groups and using the group in the auto-entities.... I have not tried that but maybe

wheat current
#

Time to create an issue then 😃

finite lantern
#

So, the pin entry alarm panel. I dont have an alarm as such but wondering if i can use my xiaomi sensors and a speaker to create my own alarm system in home assistant ?

slow wave
finite lantern
#

I dont have an exisiting 'old' alarm to use Konnected

slow wave
ornate pendant
#

monstercard is placed in www but when i add a default card, i get the error: no card type configured.

#

i added the resources in the raw editor, tried to configure a card manually like:

- type: custom:monster-card
  show_empty: false
  card:
    type: entities
    title: Lights On
  filter:
    include:
      - domain: light
        state: 'on'
slow wave
ornate pendant
#

monster card.js is placed in www @slow wave ?

slow wave
#

@ornate pendant looks like it in the screenshot I sent you

ornate pendant
#

i dont get that, i made it manually now it works....

slow wave
#

So you copy pasted the content of the monster card instead of copying the card file?

ornate pendant
#

the editor is doing some crap.

calm rock
#

hi all, entities card in lovelace , not updating the icon status until page refresh , is that a known issue ?

slow wave
#

@ornate pendant copy them both to a editor that shows indents and tabs, like notepad++ and see if you can spot the difference 😂

visual violet
#

Hi all, can I bother you guys for a minute or so

#

Just trying to understand how I can use backgrounds in Lovelace without using yams files? Doesn't look like the GUI editor supports it, but its probably just me 😉

ornate pendant
#

@slow wave it was okay, till i started editing manually in the editor itself Oo

#

oh boy, thats nice monster-card can filter by name

calm rock
ornate pendant
#

whats the best type to display battery sensors?

#

now the gui is more dynamic than the automations 😦 wildcards ftw.

calm rock
#

where can i find info about what storage mode is ?, tks

ornate pendant
#

i dont know exactly what the editor is doing on chrome, but its not doing what it should, my cards disappear, now i have in raw config 10 cards Oo

calm rock
#

is storage mode , the opposite as the yaml config mode ?

#

or the alternative of yaml mode?

#

never mind , found the video .

ornate pendant
#

does somebody has a card to display last updated older than 2 days of battery powered sensors?

fair prism
#

Afternoon all. Ive been avoiding lovelace as much as I can because I hate the idea of an interface. Now i need to start making things look pretty and allocate rooms ETC. For someone thats new to lovelace, would you suggest GUI or YAML. Im just worried that the GUI might not offer enough which means ill need to move to YAML in the future anyways.

wheat current
#

I'm not a UI guy myself, so I'm probably the wrong person to give advice on this.
But with card-editors (where supported) and raw-editor for all others, I don't have any compelling reasons to use yaml mode 🤷

fair prism
#

Can you switch between either at a later stange?

#

stage?