#frontend-archived

1 messages · Page 46 of 1

inland token
#

This provides the desired behavior:

[[[ if (entity.state=='True') return "Amp Off"; else return "Amp On"; ]]]

tacit cave
#

states['pyscript.amp1_standby'] is the state object

#

states['pyscript.amp1_standby'].state is the value of the state in the state object

#

it's not a full state object either

lyric prairie
#

All states are strings within HA objects

tacit cave
#

FYI when JS shows [object Object] that means you aren't returning a simple type

#

i.e. you're returning an object, list, tuple, dictionary, etc. Not a string, Number, boolean, etc

inland token
inland token
inland token
tacit cave
#

you're comparing Jinja (language) in home assistant to JS (language) in a custom card

#

FYI, in Jinja (Templates) states["pyscript.amp1_standby"] also gets you the state object

lyric prairie
tacit cave
#

The JS in custom button card does not have a states() function.

vague blaze
#

Also, states in HA are always strings.

inland token
tacit cave
#

it's not an array, it's a method

#

what language do you normally develop in? I can draw a comparison

inland token
#

About a dozen. Mainly C#

tacit cave
#

[] in python & jinja is called "Getting an item". For arrays and lists, it will give you the indexed item if you provide a number. For dictionaries, it gets you the value for the ['key']

tacit cave
#

it's constructor is essentially string entity_id and it's returned value is string

#

it gets the state from the state object of the supplied entity_id

inland token
tacit cave
#

it's not a big array, it's an object where calling it was overriden as well as getitem is overridden

inland token
#

Is it read-only in JS?

tacit cave
#

it's read only in Jinja, in JS it's whatever custom button card did to the object

#

My guess is that it's just a dictionary.

#

that's read only

inland token
#

Gotcha

lean prairie
#

have a problem with my Light counter. It counts all lights but I only want it to count the lights in my room. Also when the lights are on the Icon is gone. Can someone help me?

image.png
lyric prairie
#

Post your code so others can see what you already have done and help you to fix it

lean prairie
#

I'll do

#

this is in the card

#

in configuration.yaml I added this

vital burrow
#

The icon missing has a typo. mBi instead of mDi

#

In the card

lean prairie
#

thats issue 1 fixed

vital burrow
# 
{{ states.light
  | rejectattr('attributes.entity_id', 'defined')
  | selectattr('state', 'eq', 'on')
  | selectattr('entity_id', 'in', area_entities('roomname'))
  | list | count }}
lean prairie
#

So replace roonname with my own?

vital burrow
#

Yes

lean prairie
#

attributes required in line 2?

#

And replace spaces in roomname with _ ?

vital burrow
#

Don't think that line helps. The area should be with spaces within the quotes, iirc

vague blaze
vital burrow
#

Ah, the second line filters out groups. If that is wanted, leave it as is

icy patrol
#

when i reboot the front end last-changed resets. What can i use so that when i reboot the front end i can still maintain lets say how long the door has been closed for

lean prairie
#

and also sensor.yaml?

#

I'll btw use codepile next time I'll share my codes/logs

vague blaze
lean prairie
#

did I do it right or did i forgot something?

#

Sensors.yaml

vague blaze
#

That looks correct to me.

lean prairie
#

I think i should do the same in templates? it still doesn't work

vague blaze
#

You could do it through the UI as well.

icy patrol
#

is there a different attribute that I can use? Or would a custom sensor need to be made?

lean prairie
#

you mean like via developing tools?

vague blaze
lean prairie
#

thats where my templates are

vague blaze
lean prairie
#

Cuz I put it in the template tab in the developing tools

vague blaze
#

No. That doesn’t accept YAML. You can test the template code though.

lean prairie
#

like this?

image.png
vague blaze
#

Yup!

lean prairie
#

nothing else to be added here?

vague blaze
#

Not for just a number template, no.

lean prairie
#

I didn't select device or device class

vague blaze
#

You don’t have to.

#

There’s no need to.

lean prairie
#

Okay, well let's test

#

I am gonna do a restart. Dont know if thats required but

vague blaze
#

It’s not.

#

The sensor is immediately available after hit save.

#

That’s one benefit of using the UI for helpers.

lean prairie
#

A good tip!

#

Only the Icon is missing in my dashboard

image.png
vague blaze
#

Click on the sensor in helpers, click the ⚙️ icon and you can set the icon and area and labels.

lean prairie
#

I did change the code in templates. Will that affect?

vague blaze
#

You can remove that. You don’t need it now.

#

That’s one of my template sensors.

lean prairie
#

not available

image.png
vague blaze
#

What do you mean not available?

lean prairie
#

when i click on the word lightning on my dashboard

image.png
lean prairie
vague blaze
#

Did you test the template in the template editor in dev tools?

lean prairie
#

im doing it now shows 0

vague blaze
#

I just tested it here and it showed 2, which is accurate. Do you have any lights on right now?

lean prairie
#

in my room yes

#

8

vague blaze
# 
{{ states.light
  | rejectattr('attributes.entity_id', 'defined')
  | selectattr('state', 'eq', 'on')
  | selectattr('entity_id', 'in', area_entities('roomname'))
  | list | count }}

This is the template you are using?

lean prairie
#

yes

#

but i do have backup

vague blaze
#

And you're sure you are using the correct area name?

#

I just tested it with my area "Living Room" and it returned 2, so I don't think it's the template that is the issue.

lean prairie
#

Oh wait

#

I put the default code back in sensor.yaml

vague blaze
#

Did you remove the template from YAML config and reload HA?

#

There ya go.

#

Remove that and reload HA.

lean prairie
#

I'm going to bed now. Ill do this tommorow

vague blaze
#

lol ok 🙂

#

Night!

lean prairie
#

or later today 😀

#

its already Sunday

lean prairie
urban portal
#

Hello
I've create a pressure button that changes the it's background color when it's pressed.
But I need a second action to activate the local_conditional_card.
Is there a way I can trigger the second action from a script?
Or may be there's a better way I don't know about
Here is the code
https://pastecode.io/s/b0wapibb
Can anyone help?
Thanks

rugged hamlet
#

Hi can anyone please tell me why my tablet that is in fully kiosk browser suddenly won’t let me play media from automations from it? It displays the dashboard from home assistant

#

Please tag my name if you have an answer so I get the notification 😅

worthy gyro
#

Anyone?

icy patrol
#

Does anyone know if you can send actionable buttons using Matrix?

lean prairie
past ore
#

Hi, i cant get the layout tab to show up on any of my cards
I have setup a Sections dashboard with version 2024.7.2
Can someone help me?

vague blaze
past ore
#

Another question.
If i use a tile or entity card the remaining time of my timer doesnt update in real time.
Only if i use a entities card the time remaining update
Is this a known problem or am i doing something wrong?

image.png
vital burrow
#

Looks like a bug

vast crane
#

It doesn't update in real time because it's just showing the attribute value, which also doesn't update in real time.

#

Only entitites card currently has the magic logic to render realtime. I believe an enhancement is coming to tile card though to add this in the future.

past ore
#

Thanks for the info!

vague blaze
past ore
#

Very neat. Thanks so much!

wooden fjord
#

going

#

not going

wooden fjord
vital burrow
#

Obviously you haven't

wooden fjord
#

i did it

vague blaze
#

And image: is still wrong.

vital burrow
#

And indentation is totally off

wooden fjord
#

so?

#

how can i fix it?

vague blaze
#

Make sure you are using proper image file names and paths.

wooden fjord
#

and when i add the second part of the code it gives this error

vital burrow
#

Yes... bad indentation

wooden fjord
#

so?

vital burrow
#

It is a bit better than the last one, but still wrong

#

Correct the indentation

wooden fjord
#

yes but the first one works, the last one doesn't, I would like to understand how to fix the last one

vital burrow
#

The first one has correct indentation, the others don't

#

The error message already tells you, where to start

wooden fjord
#

so what's wrong?

vital burrow
#

THE INDENTATION OF YOUR CONFIGURATION!

#

SPACES!

wooden fjord
#

AND HOW CAN I FIX THIS SPACE?

vital burrow
#

With space

wooden fjord
#

why now it gives this?

vital burrow
#

Likely another indentation error

wooden fjord
#

fixed

mental crag
#

Hi, maybe this question is more for here instead.. I have certain entities via an integration that show a human readable value when the entity is shown in the card, but their actual value in the state is different. Example: state value is: washer_substate_washing while if you add the entity to an entity card, you see 'Wash'. Where are these defined?

vital burrow
#

My guess would be in translations.

vast crane
mental crag
#

thanks guys. found it.

#

it was under translations folder en.json

#

Can I replicate this for any entity I have? Can it be done for custom helpers for example?

mental crag
#

otherwise I would have to do it in the template helper itself in a case statement I guess

vast crane
#

As an end user you can't really do anything with the translation system.

#

A template would be the way to transform one state string into another.

mental crag
#

last question.. from a template, can I grab the translated text for a state?

vast crane
#

I believe there is a state_translated template function.
Yeah e.g. state_translated("sun.sun")

mental crag
#

thank you sir

wooden fjord
#

why isnt showing the image with the light on?

#

pls help

#

idk why isnt showing it, and there is a infinite loading wheel

vital burrow
#

My guess would be an indentation error

wooden fjord
#

where?

vital burrow
#

in the state images to be precise

wooden fjord
#

so?

#

will i move it left or right on the line?

vital burrow
#

You will figure that out

wooden fjord
#

how?

vital burrow
#

By guessing and trying

mental crag
#

Hi guys, how can I change CSS of stuff using card mod?

golden mistBOT
#

@urban portal I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
urban portal
#

can anyone correct me, please?
thanks

stuck spire
urban portal
#

besides that action, I'd like to be able to change the local-conditional-card active

jagged lodge
#

hey anyone have any idea why I can't set buttons to multiple column size, using bubble, I made a horizontal stack, with a pop up in a the vertical stack, with a few buttons after the pop up, but they all fill width

#

if I add them with column 2 outside the stack, it works as expected, side by side

#

but then they aren't part of the pop up...

#

bubble card to be more clear I mean

# 
cards:
  - type: custom:bubble-card
    card_type: pop-up
    hash: '#masterbedroom'
    show_header: false
    columns: 2
  - type: custom:bubble-card
    card_type: button
    entity: light.bedroom_lamp_husband
    sub_button: []
  - type: custom:bubble-card
    card_type: button
    entity: light.master_bedroom_lamp_wife
layout_options:
  grid_columns: 4
  grid_rows: 3```
opaque gulch
#

Finally completed these stunning cards for my dashboard. The colors are responsive to the temperature and will fade to blue, green, and red according to the current temperature. 😍

image.png
safe trout
#

hi all - I'm trying to figure out the raw code to do a simple on/off toggle for my ecobee fan only. Any help appreciated. After spending the last month getting my lights where I wanted them, I've hit a snag as I've moved to the next entity.

stuck spire
#

I don’t know that this is possible. There is definitely no service call for the fan itself.

safe trout
#

@stuck spire there definitely is as I used to have some schedules that were to turn on and off the fan

#

I just don't remember how I did that

stuck spire
#

But that’s part of vacation mode

safe trout
#

maybe I did it with ecobee.set_fan_min_on_time and set it to indefinite

#

I've 100% done it, one of the reasons why I got into HA was how much I hate ecobee app 😉 including that you can set schedules for the fan

#

can't* (in the ecobee app, it's not possible to set a schedule for the fan, with HA, I was able to)

stuck spire
#

You literally just want to run the fan when the toggle is “on”

#

?

safe trout
#

that's one of many things I want to accomplish. The most important as it's come from my wife 😉 She gets annoyed how complicated it is to start the fan when it's 2am and she's hot

#

what in the heck is this doing 'fan_mode: "{{ 'on' if now().minute == 0 else 'auto' }}"'

#

turning on fan at 0, but then the next minute making it auto?

stuck spire
# safe trout that's one of many things I want to accomplish. The most important as it's come ...

I think this whole conversation should be in #automations-archived but ultimately I think you want to make a “helper” toggle. Put the toggle on your dashboard, but the toggle being “on” triggers the automation. The automation should set the minimum fan run time to 60m/h (assuming you don’t find a way to just straight up turn it on). May also be smart to have another automation to turn it back to your default minutes/hour when the toggle is moved to off, not sure if that’s actually needed though.

safe trout
#

well I'm not looking to automate, looking for a frontend toggle 😉

stuck spire
#

You’d be getting that

safe trout
#

ok I'll dig in, appreciate it. Probably 1 of 20 things I want to do with the ecobee

untold trail
stuck spire
#

Do you have something sized smaller than the graphic allows?

untold trail
stuck spire
#

Post the yaml in a dpaste link. Also what dashboard style are you using?

untold trail
#

using sections

#

(which are supposedly fully supported)

#

it only happens with the card_type: button, the others work fine

stuck spire
#

Can you try removing the layout options for the card? And seeing if it’s fixed. This could be similar to what I was seeing with a stock card

#

Remove it from the yaml

untold trail
stuck spire
#

Yeah it’s like the background of the card is “smaller” than the slider graphic

#

Which is what was happening to me on other cards when using the layout editor in the ui (even if reverting to default layout value— having the yaml in place for the card broke it. Delete the code and it was fine. Weird). I haven’t used this card before so with out trying it on my system I don’t know what else to look at.

untold trail
#

it adds that bit of yaml by deault automatically :/

wooden fjord
#

can someone help me with a floorplan

wooden fjord
#

why it do this?

vital burrow
#

A : too much

wooden fjord
#

?

#

too much text?

vital burrow
#

One symbol : is too much

#

Meaning: there are two : where only should be one

dark dirge
#

you have "state image", "hold action", and "tap action" and all should have _ in between the two words

wooden fjord
#

fixed

#

and why now the entity makes a loading wheel (located behind the light bulb)

#

difficoult to see it in the screenshot

vital burrow
#

Are the missing _ fixed, too?

wooden fjord
#

thanx

#

I have more lights to turn on in that room, what do I do? because if I put the right size to show the light on in the floorplan the entity occupies all the space

vital burrow
#

Creating light groups, which are switched simultanously or choose the most important ones

wooden fjord
#

and if i want to eliminate this when i click for turn the light on?

vital burrow
#

Define another action

wooden fjord
#

I would like when I click on the light bulb, the light turns on without this screen, can you send me the code to do

#

and, if i click in other room, this light turn on anyway

vital burrow
wooden fjord
#

I don't see how to eliminate this step to turn on the light

vital burrow
#

I give a hint: you want to change the behavior when tapping that image

wooden fjord
#

toggle?

#

nope

#

pls tell me aha

vital burrow
#

If that is what you want

#

It can be toggle

wooden fjord
# wooden fjord

i want to eliminate this screen, I want when I click the light bulb the light turns on directly without this screen

vital burrow
#

Then go for it. You already did something similar. So no spoonfeeding.

wooden fjord
#

pls tell me how to do it bro ahah

vital burrow
#

No. Learn to read the documentation

wooden fjord
#

pls

#

now i cant see the light turn on

#

oooooh

#

error?

#

i cant see the light turn on in the floorplan

stuck spire
#

Undo what you changed and try again

wooden fjord
#

i cant undo it

#

I exited the saving screen

stuck spire
#

Manually undo what you changed and try again

wooden fjord
#

I don't remember what I wrote haha

vital burrow
vague blaze
wooden fjord
#

oooh

#

it doesent work

wooden fjord
vital burrow
wooden fjord
#

what?

sullen pecan
#

I have an entity sensor that I wish to flip the sign on in the display card; negative reported values should be displayed as positive and positive reported values should be displayed as negative. However I can't work out how to do so - any guidance or hints?

wooden fjord
#

tell me the error pleaseeeeeeeeeee

vital burrow
wooden fjord
vague blaze
# wooden fjord pls tell me the error

You're trying to do something advanced without knowing the basics of how to do it. You need to read the docs and understand what you are trying to do.

wooden fjord
vague blaze
wooden fjord
vague blaze
#

No! We don't have your entities or any idea of what your goal is. Only you know that. So, read the docs and revert to what you had that was working.

wooden fjord
#

previously I had set that when I turned on a light, it would also show up on the floorplan, now it no longer works

vague blaze
#

Then go back to what worked before and try something else. Any errors will be displayed on the card. It's up to you to learn what the errors mean and how to fix them.

wooden fjord
#

eh but the problem is that I don't remember what I did before

vague blaze
#

That's on you. Maybe you should take notes when you make changes then?

#

We cannot help you with that.

wooden fjord
#

you cant tell me if there is an error in the text?

vague blaze
#

I'm not trying to be harsh man... but none of us here are going to be able to help you if you can't start to help yourself.

wooden fjord
#

tell me if there are/is error pls

vital burrow
vague blaze
#

Dude... seriously. NO. Read the documentation and learn to figure out what is going on with YOUR code.

wooden fjord
vague blaze
#

Oh FFS

vital burrow
#

I could, but you wouldn't learn from it. All answers are in the documentation.

wooden fjord
#

can you just tell me this thing pls, then I'll read everything there for the rest plsssssss

vital burrow
#

No

wooden fjord
#

pls bro

#

pls

#

pls

#

i only need to know this and then i do all alone

vague blaze
#

@wooden fjord READ THE DOCUMENTATION. Your answer is there.

vital burrow
#

I have smaller siblings. Begging is futile.

stuck spire
wooden fjord
vital burrow
#

You already got the link

wooden fjord
#

it is for another thing...

vital burrow
#

It is for picture elements

wooden fjord
#

Please tell me the error, I've been here for 5 hours and I can't get it to go

bitter bolt
#

i manually made a binary sensor called Patio Door History, but the name gets cut off when I use a history graph card. thoughts?

image.png
vital burrow
bitter bolt
#

doesn't let me. says;

This entity ('binary_sensor.patio_door_history') does not have a unique ID, therefore its settings cannot be managed from the UI. See the documentation for more detail.

blazing wren
#

That's not in the card

vital burrow
#

In the card, not the details page

wooden fjord
#

is now correct?

vital burrow
#

Does it work, like you expect?

wooden fjord
#

no

vital burrow
#

Then it is not correct

wooden fjord
#

but tell me the error, I did what is written in the documentation and it doesn't work

vital burrow
wooden fjord
#

Please, I also looked at the documentation and it still doesn't work

#

i did ths but it doesent work

#

can you at least tell me in which line of code the error is?

wooden fjord
#

in which line

#

at least this

vital burrow
#

If you had used the time begging for reading the docs, you would already have found the right section

wooden fjord
#

is this the right onehttps://www.home-assistant.io/dashboards/picture-elements/#image-element

vital burrow
#

You are definately get closer

wooden fjord
vital burrow
wooden fjord
#

?

vital burrow
#

This guessing game is becoming boring

wooden fjord
#

just tell me it

stuck spire
#

Dude he's telling you "no," Jorg it might be better to disengage altogether unless they ask specific questions because this is going nowhere.

vital burrow
#

Yeah. All hope is lost. Time to leave the sinking ship.

tacit cave
#

hint: rhymes with map faction

wooden fjord
#

hm

wooden fjord
tacit cave
#

nope

#

I read through the whole exchange, you aren't trying in the least bit

#

just start at the top of the link that @vital burrow provided you and go down each field one by one.

wooden fjord
#

I assure you that I really don't understand what the error is

tacit cave
#

you'll find it eventually

#

the problem isn't the error, it's that you aren't reading what people are saying.

wooden fjord
#

Can't you just tell me the error so this conversation ends?

tacit cave
vital burrow
#

Don't worry. The conversation can also end without telling you

tacit cave
#

that was 2 hours ago

wooden fjord
tacit cave
tacit cave
wooden fjord
#

yes

tacit cave
#

it says null

wooden fjord
#

so?

tacit cave
#

what do the examples look like?

#

do the examples have null???

#

common man

wooden fjord
#

yes but how do you remove that null

tacit cave
#

you have the correct format

#

look at the example

#

look at what you have

wooden fjord
#

now it goes

tacit cave
#

note the differences

wooden fjord
#

but there is another problem...

bitter bolt
#

i think you want tap action.

type: picture-elements
image: /local/path-to-your-image.jpg
elements:
  - type: state-icon
    entity: light.your_light_entity
    style:
      top: 50%
      left: 50%
    tap_action:
      action: toggle
tacit cave
#

then adjust so that your's matches the example

wooden fjord
#

I would like it to turn on immediately when I click to turn it on without showing this screen

tacit cave
#

... yes

bitter bolt
wooden fjord
wooden fjord
# wooden fjord

i want to remove this screen when i click on the button to turn the light on

tacit cave
#

yep, already been said what will solve that, and you're in the process of making that work

#

but you aren't following the examples on the documents

wooden fjord
tacit cave
#

yes

blazing wren
wooden fjord
#

Could you tell me in which precise part of the documentation I find it?

bitter bolt
#

i'll keep that in mind, thank you.

tacit cave
blazing wren
wooden fjord
tacit cave
#

because you are not reading the documentation

#

what does the documentation say, exactly. Verbatim.

#

copy/paste it here.

wooden fjord
#

can you just tell me how to do it, I'm tired I've been here for 6 hours trying but I can't haha

tacit cave
#

nope, I'll try when you try

wooden fjord
#

i try

tacit cave
#

no you aren't

#

it's literally 1 sentence and you aren't reading it

wooden fjord
#

now i try

vital burrow
wooden fjord
#

I've read everything and I still don't understand

tacit cave
#

do exactly as I say: Copy/Paste the documentation for tap action here.

#

I'm convinced you aren't even looking at it

wooden fjord
#

tap_action:
action: toggle

tacit cave
#

ok

#

that's not what I asked but that will work

#

so now look at what's in your config

wooden fjord
#

the same

tacit cave
#

you moved tap_action

#

it's now in style, it wasn't in style before

wooden fjord
#

and where it should be

tacit cave
#

in line with style

wooden fjord
#

like this?

tacit cave
#

no

wooden fjord
#

and where

tacit cave
#

put it back where you had it, but make it in-line with style

bitter bolt
#

on the subject of resizing;

It is not available inside nested cards: vertical stack, horizontal stack, and grid card
It is not available on the picture elements card.

i'm not seeing the "layout" tab on my history-graph card, am i doing something wrong?

this is also on a new lovelace page i've added.

wooden fjord
#

did it @tacit cave

vague blaze
wooden fjord
blazing wren
# wooden fjord

In YAML, indentation is important for specifying relationships. Indented lines are nested inside lines that are one level higher.
You did read the YAML documentation page, right?

wooden fjord
tacit cave
#

that config will make it work without bringing up more info when you tap on it

wooden fjord
#

no

tacit cave
#

yes

wooden fjord
#

yes

#

but i have another problem!!!!!

#

now if I click on the light bulb, so where should I click to turn on the light, it shows the information, but now if I click anywhere in the map it turns on

tacit cave
#

ya cause you set the width to 100%

#

if that's not what you want, then the tap_action is on the wrong item

#

if you want it on the light, it should be on the light, not the background state image

wooden fjord
#

circa fixed

#

i want only if i click on the lamo

#

lamp

tacit cave
#

change the action on the other one to none

wooden fjord
#

did it, and nothing changed

tacit cave
#

heh, where is tap action?

#

and where should it be?

wooden fjord
#

idk

tacit cave
wooden fjord
#

thank you so much guys

#

and excuse my fucking ignorance

#

and why i cant found the light "banco" as light.banco ?

tacit cave
#

Banco is your device name

#

click on your device and look at the entity

#

then click on the entity and look at the entity_id

wooden fjord
#

ok

wooden fjord
patent rune
#

I'm using some basic door controls, is there a way to add a confirmation to these actions:

image.png
tacit cave
wooden fjord
#

??

tacit cave
#

look at your config, find the dash, copy from the dash to the next dash without including the next dash

wooden fjord
#

so i will copy from the 3rd line to the 23th, and then i change the entity?

tacit cave
#

most likely

wooden fjord
#

just yes or no

vital burrow
#

or maybe

blazing wren
tacit cave
#

well, you listed the wrong line's so I'm guessing you modified things, I can't give a solid yes

wooden fjord
#

so which line?

tacit cave
#

from the dash to the dash man, it's not that complicated

#

if you have

a: 
- x: ...
  y: ...
- x: ...
  y: ...

you'll be copying

- x: ...
  y: ...
wooden fjord
#

hm

#

i think i need from 3 to 23 no?

#

because from what I know those things must be done for each light, and the entity must be modified

tacit cave
#

is there a - in line 3?

wooden fjord
#

so line 3-15

#

so the elements in 16-23 are usless?

tacit cave
#

where are you getting your numbers from

wooden fjord
#

the line

#

the command line

tacit cave
#

so when I look at your numbers, I see different numbers than what you're listing

#

just look at your image

wooden fjord
#

numbers on left

tacit cave
#

what's at line 3 on your image?

#

right

wooden fjord
#

elements:

tacit cave
#

ok, does that have a dash?

wooden fjord
#

no

tacit cave
#

ok, then why you keep saying from 3 to x?

wooden fjord
#

so 4-15

tacit cave
#

does my example show you copying 2 dashes?

tacit cave
wooden fjord
#

4-15 are the 2 dashes

tacit cave
#

right, I said copy 1 to the other, not including the other.

wooden fjord
#

so i copy from 4 to 14?

tacit cave
#

yep

wooden fjord
#

ok

tacit cave
#

that only does your image btw, it won't create a new clicky bulb. The other item below it's your clicky bulb

wooden fjord
#

and i past it under of all

tacit cave
#

it's a list, so yep

wooden fjord
#

then I have to add the bedroom light, and I want the light bulb to be there, and for you to see the light on when it's on

errant plover
wooden fjord
#

now bedroom is going, and the otherone no

#

error?

wooden fjord
vital burrow
#

petro has aged to much meanwhile, that he is unable to read small text on big images.
He has been sent to rehabilitation and may not be available for some time.

wooden fjord
#

ahah

#

so jorg, can you help me?

wooden fjord
# wooden fjord

now, light.matrimoniale is going, and light.entrata not going

vital burrow
#

You got all the things to figure it our yourself. We are not writing your configuration for you

wooden fjord
#

I'm not understanding this error, could you briefly explain to me how to fix it jorg? Thank you

vital burrow
#

You undo the changes you made and add new stuff step by step.

wooden fjord
#

did it

#

nothing changed

#

when the light and action of another room is added, it is as if the one already present disappeared

vital burrow
#

Read the configuration you wrote and understand what it does

wooden fjord
#

i cant understand it

#

just tell me how to fix it and then i go to sleep pls

vital burrow
#

Go to sleep and continue learning and fixing your configuration tomorrow.
You got the documentation and extensive coaching by petro.

wooden fjord
#

before i sleep, can you tell me whrere is the problem

blazing wren
#

You'll need to learn how to read the documentation and use YAML correctly if you want to do things like this 🙂

vital burrow
lime charm
#

hi is there any documentation around styles and what it can do?

blazing wren
#

What sort of styling are you looking at? Card mod? 🙂

lime charm
#

i don't recall it's been a long time since i have done dashboard editing in homeassistant but here is an example off code that im am trying to find the documentation off

  card:
    - max-width: fit-content;
    - margin-left: auto;
    - margin-right: auto;```
blazing wren
grizzled rock
#

Sorry if I missed an obvious answer, but in the new sections layout, is there anyway to split cards evenly in 3 columns? (I've used tile or horizontal-stack to achieve a similar effect, but the layout is messier so far.) Thanks!

lime charm
vital burrow
#

The sections-grid (not the grid card) can only provide quarters

sour geyser
#

Hi all, say I wanted to pull specific information from a specific entity. What would I put for the yaml?

I'd like to pull Home Current Temperature

image.png
#

Entity is climate.home

vast crane
sour geyser
#

I just want to make a card

#

Dunno if that's a template

#

It selects the Thermostat card by default and won't let me switch it to Sensor as I want a line graph

vast crane
#

What is "it" that is selecting the thermostat card?

#

You're in the history panel?

sour geyser
vast crane
#

You've got a couple options. You can make a template sensor, and then add that to any card as its own sensor. Or you can use a feature of entities card to display an attribute of an entity, e.g.:

image.png
#

Oh if you want a line graph in sensor card, then yes you need to make a template sensor first.

#

Alternatively you can add the climate entity to a history graph card, but that is a different visual style than sensor card.

sour geyser
#

It actually lets me combine all my line graphs too which is nice

jade sable
#

hello

#

not sure where to ask but I'm having a problem with my frontend and firefox. I use nginx. Sometimes I get the "Unable to connect to Home Assistant. Retrying in 54 seconds." and then I can't connect until I restart Firefox. Has anyone had an issue like that before?

dark dirge
#

sounds related to websockets in some way

jade sable
#

yes

#

I think I saw an error in the console with the word websocket

#

not sure how to troubleshoot

#

now the page inspector isn't even working in firefox. Could just be firefox acting weird. I probably have too many tabs open

grizzled rock
# vital burrow You can use a grid card for that. Resizing will not be available within it.

Thanks! Is there any way to make the grid card not expand the tiles vertically? For instance, if I do 3 tile cards of lights just in the normal setup, the tiles are rectangular with a logical height, but if I do a grid with the same 3 tile cards, the cards are square and have a bunch of empty space at the bottom. And that's true if I do 2 or 4 too. Can send a pic if my explanation doesn't make sense.

shrewd surge
#

Hello everyone, I am trying to setup something and i keep getting an error. Cannot read properties of null (reading 'config') when i hit save on the card i am working on

vast crane
unreal urchin
#

evening, all. i've got a conditional weather alert card that is working famously, but in true homeassistant fashion i'd like to break it. is there a decent way to add a dismiss button to it to hide it until the next event (or 24h, or similar)?

grizzled rock
golden mirage
untold trail
worn badge
#

Hiya I added Mushroom cards, but they aren't showing up. In the entities tab I only see Mushroom update

old sierra
#

Hi There, can anybody shed some lights as to why my Pixel_7_steps sensors resets at 01:14:04 PM? My Proxmox has local Brussels time,my Pixel 7 also, my HA OS is also on Brussels time. Is there a way to set it correct

grizzled talon
#

here's my existing (non-dynamic, not-card-mod) card yaml:

type: picture-elements
image: /local/Floor Plan.png
elements:
  - type: state-badge
    entity: sensor.z_wave_thermostat_air_temperature
    style:
      top: 65%
      left: 70%
      color: transparent
      --label-badge-text-color: green
      --label-badge-red: green```
#

(there are more badges, but I just posted the first one)

#

I don't need the whole thing hand-held for me, just the skeleton of stuff like do I need something like

card_mod:
style: |
:host {
. . .
}

inside of the state-badge block? Because when I do that, the badge just disappears so it seems like that's not quite right.

#

the YAML stuff always gives me trouble, because it's always something simple like I screwed up an indentation or mixed up foo: and -foo: or else it's that I'm trying to put something in the wrong section, or something like that

worn badge
#

What's the prefix to get an icon to show up in text?

split granite
#

Show up where?

worn badge
#

wait a sec, lightshot is down

split granite
worn badge
#

So I had to use card_mod to add css to the card, and then I copied a template

golden mistBOT
#

@worn badge I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
atomic berry
#

Anyone know how I can overlay the last couple of days Solar values over each other on an apexcharts-card

I have this current graph, I would like to have each days values be it's own entry and thus overlayed on top of each other for easier comparisons

image.png
vital burrow
delicate lance
#

Trying another time, do we have maintainers in the custom-cards organisation?

vague blaze
delicate lance
#

custom-card-helpers and decluttering-card basically. I'd like to add the support for the new sections layout

#

The first one hasn't been updated for 3 years, I'm not sure it's a good idea to ping the latest commiter

vague blaze
vast crane
#

AFAIK the "custom-cards organization" is defunct, I don't think that page updates anymore?

bright jolt
#

Anyone here able to resize their cards?

vague blaze
bright jolt
#

the experimental feature?

vague blaze
#

Yeah.

bright jolt
#

Ohh! thank you

last marsh
#

Morning. Looking to get a card on my dashboard but can't figure out how to get it to work. I have a sensor that will display the text and an image entity to display the image. The cards I am seeing don't let me use both the image and sensor entities at the same time.

jade sable
#

@atomic berry So you want a stack of histograms, like one on top of the other instead of side by side?

jade sable
golden mistBOT
#

@somber pagoda I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
last marsh
winter venture
#

is there a way to configure an entity to be displayed as a graph instead of whatever this is

image.png
#

(if unclear, this is what i want)

image.png
#

the only entities that are displayed as a graph have a unit attached to them (°C, min etc.). are only entities with a unit displayed like this?

vast crane
#

it can be state_class: measurement if there's no applicable unit

winter venture
#

alright, thanks a lot

wooden fjord
#

someone know why one is going and the other no?

turbid fulcrum
#

What is the recommended way to remove and/or rearrange left sidebar elements?

  • I know about panel_custom to add custom elements
  • I'm aware about the rearrange & hide available by holding the logo (but this is only per-browser and not global)
  • I know I can remove default_config: and list all-but-one integrations but this is doing more than just hide from menu + it needs to be maintained over new versions adding new elements
  • There used to be HACS plugins for that (e.g. https://github.com/galloween/custom-sidebar-v2) but I don't see anything that is maintained
scenic current
#

Back again seeking guidance. I want to move this card to the center of the view. I can use cardmod to move it arround like this:

image.png
# 
      card_mod:
        style:
          .: |
            ha-card {
              justify-self: center
              background-color: transparent;
              box-shadow: none;
              border: none;
              position: absolute;
              top: 15vh
            }

But I can't figure out how to center it

jaunty pivot
#

hi, I've installed a lot of hacs extension, specialy frontend one. How can I check which one I'm using to make some cleaning in my module ?

lean prairie
#

How come with the mini media player It shows the covers of what it's playing for Youtube and Spotify on my Nest Hub. But It doesn't do that with my Chromecast HD?

Youtube_on_Hub.png spotify_on_hub.png
#

while music works

#

Sometime it does work but it shows the text only with spotify

Sometimes_it_works_but_it_shows_the_text_only.png
#

with youtube as well

on_youtube_as_well.png
#

and sometimes just Default Media Receiver or com.android something like that

kind hill
#

I'm using the Mushroom Chips Card, and I have 2 entities that I want to show based on if the sensor is triggered, and it looks like I have gotten it slightly??

In the cards visibility, I have a Or condition set to go off if one of my sensors trigger and vice versa.

However, if 1 sensor is triggered, I only want one chip to show, and not both. and vice versa.

how would I do this?

light rune
#

hey everyone i was directed here I'm looking to try and change some icon colors on some buttons any help or direction would be very appreciative

sacred gyro
#

i have a dashboard that i want to maintain a single copy of. i want it so that this is the default dashboard for all users other than me. in this dashboard, i want to restrict it so that certain users see certain cards, is this possible?

vital burrow
nimble yoke
#

Upgraded HA to 2024.7.2 however cannot see how to resize cards or change the layout, looked on HA website. what am i doing wrong

errant plover
wooden fjord
#

why only one light is going

scenic current
real python
scenic current
inland ferry
#

Hey guys, hopefully quick question. I'm using area cards in a view, and its picking up on my oven temperature to say the room is 175F. How can I exclude a specific sensor from the area card?

vague blaze
inland ferry
#

Ahhh, okay

dusky haven
#

When I access my HA instance from the internet sometimes this comes up. If I do a Shift+F5 the problem goes away for a while. I'm using a Cloudflare tunnel, but I don't think that's the cause.

image.png
#

Also get a lot of these errors in the console, they are not present after a Shift+F5

image.png
vital burrow
#

If you are using custom cards, try to restart in safe mode (which disables them temporarily).
If the error doesn't happen there, it is likely one of the custom cards.

dusky haven
#

I'll give it a shot

dusky haven
dusky haven
verbal flare
#

Is there a way I can change the colour of the icon of a template sensor (defined in the UI) based on some state dynamically?

dusky haven
#

It looks like the DOCTYPE errors above are a result of the Cloudflare access page being served up instead of the content from HA. I do use Cloudflare Auth and a page reload fixes this issue, so I'm not sure what else I need to do. When I inspect the error in the console I get this. It's almost as if when the page loads some of the content is delivered from my HA instance, and some is from Cloudflare

<html>
  <head>
    <title>Sign in ・ Cloudflare Access</title>
    <meta charset="utf-8" />
    <meta name="robots" content="noindex" />```
urban portal
#

hello
are there any videos or tutorial on how to make templates of cards?
I saw a video, but the guy moved at the speed of light and when I replicated it, it didn't work

lime charm
#

hi is it possible to add something where if i click on the light bulb icon i get a thermostat card that pops up?

image.png
jaunty pivot
vague blaze
dark dirge
#

Remove the resource, clear your cache, see if anything breaks

jaunty pivot
vapid field
#

I once saw one video from one guy on Youtube how he created a custom button on frontend, and then saved this button in the dashboard core yaml as a "macro" or "function", that allows him to reuse the button style at several places in the dashboard. He also used some variables

#

what is this feature called and can I read about it somewhere?

jaunty pivot
lethal linden
#

Is it possible to make custom mushroom card text white? I'm struggling to find a solution as is chatgpt

urban portal
#

thanks. that was the video I watched

#

he moves very fast, I don't know if I missed something, but I can't get it to work

#

here is my first attempt

#

and the second:

urban portal
nimble yoke
untold trail
scenic current
#

I'm looking for a music playback card for use with my View Assist project. Can someone suggest something that exists that shows coverart, playback position, music controls and maybe volume controls?

stuck spire
sullen forge
#

Hi folks. Just wondering if anyone has seen discrepancies like this screenshot? Actual value is 58%, but the graph shows a flat line above 60%?

IMG_3547.png
#

And there is no evidence to suggest the flat line might be correct (ie grid charging, etc)

errant plover
dreamy surge
#

@sinful ridge hi friend! I just learned about the card visibility feature, and started making makeshift notifications! Now it will display to everyone in the house the day before trash day, when the door lock needs battery replacement, filters and more! I can even display birthdays!

image0.jpg
sullen forge
vapid field
#

@urban portal I was reading that template doesn't work for all, which is a bit strange to me. In your pastebin, you have "xxx:" and then definition further. So what do you put as a template, and how does HA frontned know that it has to go to "xxx.something" template entitiy?

#

in his videos, he hardcoded the top name and inside it was a "template name" that was later used

#

so I'm wondering if templates work only for one type of product

#

From the video, this is how he uses is:
see template: sensor_big

image.png
#

and this is how he defined the template in the dashboard raw editor. See the button_card_templates as a root key, and then inside is the template name sensor_big.

image.png
#

So I'm wondering if widget custom:button-card only looks for templates inside button_card_templates key definition

#

and how is this then translated to other widget types in the UI...

tribal galleon
#

@vapid field I don't you are setting you're template in the correct section. It started with decluttering_templates:. Here's the beginning of one of my examples.

decluttering_templates:
  gradient_gauge:
    default:
      - entity: sensor.s22_ultra_battery_level
      - name: Red-to-green
    card:
      type: gauge
      entity: '[[entity]]'
      name: '[[name]]'
      min: 0
      max: 100```
#

custom:button-card templates are the same concept. yaml button_card_templates: generic_custom_button: show_icon: true show_name: true show_state: false color_type: icon triggers_update: all [...shortened...]

vapid field
#

decluttering_templates is this hardcoded name? I have "bubble card" and "mini graph", so how should then look like there? bubble_card_templates and mini_graph? I don't get this point where are those names coming from. Must they be supported by the extension?

tribal galleon
vapid field
#

how do I later use this template in the actual view?

# 
type: custom:bubble-card
card_type: button
template: my_template_name_inside_cluttering_templates

Like this?

urban portal
#

thank you all, I will follow your advice when I get the chance of hitting this again.

#

meanwhile, I have a few questions about resources in the UI.
do the resources added, add any overhead ou their are just inline replacements?
if it's just an inline replacement, is it possible to do a macro where all the resources are defined and only add the macro to the top of tab yaml, instead of adding all the resources you need by hand?

tribal galleon
hard blaze
#

Is there a way to sort cards based on highest value? I have the some custom button cards with power values. I would like to have the highest number on the left 🙂

tribal galleon
hard blaze
#

Oh i have never used the auto entity card, i need to check it out

#

so i basically use that, and add the button card, and it gets used for eatch entity i add? 🙂

card:
  type: custom:button-card
elder mountain
#

Hello! I made a simple template that changes an icon based on a location sensor. Is it possible to extract the icon attribute in an entities card's icon field?

somber pagoda
#

Hi all,

Im looking for a way to change the following colors of a tile card which is embedded into a conditionalcard & vertical stack card:

Icon color;
background of the icon color:
Background color;
Name color;

Ive got the card-mod installed already, and got myself so far that i can change the icon & background color. Yet, i cant find a way to change the name value.

hard blaze
somber pagoda
red goblet
#

Hi, is there any way in HA to create a chart that only shows updates from when a sensor actually sent information, not time-based?
I have integrated my telescope into HA, so am getting data during the night - and I want to stop the charts updating once it shuts down in the morning, rather than having the chart continue to show the last value all the way through the day, pushing the last real data out.

somber pagoda
red goblet
# somber pagoda I would say using conditional cards

If I understand that correctly, that would hide the whole card - I still want to see the data from the night, I just dont want it to be showing as if data had been coming in during the day. Maybe I'm trying to do something that goes agaisnt the heart of HA

hard blaze
somber pagoda
somber pagoda
tribal galleon
tribal galleon
tribal galleon
#

@somber pagoda Here's a little bit that you may already and a perhaps a few more: yaml type: tile entity: sensor.interior_temperature card_mod: style: | ha-card { --primary-text-color: white; --tile-color: rgba(255,0,0,1) !important; --icon-primary-color: white; background: rgba(255,0,0,0.1); font-family: stencil; border-color: white; }The card doesn't support a secondary color and the icon background appears to have opacity hard-coded.

image.png
somber pagoda
#

type: tile
entity: binary_sensor.vaatwasser_door
icon: mdi:dishwasher
name: Deur van de vaatwasser staat open & vaatwasser staat aan!
hide_state: true
card_mod:
style: |
ha-tile-icon {
--tile-color: red;
}

somber pagoda
#

Do you have a same example for the mushroom media card?

golden mistBOT
#

@somber pagoda I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
tribal galleon
# somber pagoda Do you have a same example for the mushroom media card? 
type: custom:mushroom-media-player-card
entity: media_player.living_room_6
card_mod:
  style: |
    ha-card {
      background: rgba(255,0,0,0.1);
      border-color: white;
      font-family: stencil;
      --card-primary-color: white;
      --card-secondary-color: white
    }
    mushroom-shape-icon {
      --icon-color: white !important;
      --shape-color: rgba(255,255,255,0.2) !important
    }```
image.png
somber pagoda
tribal galleon
#

A lot of these variables can be set in your theme so card_mod isn't necessarily required. It's just a matter of figuring out the variables.

somber pagoda
#

ha-card {
--card-primary-color: green;
background: rgba(255,0,0,0,1);
}
mushroom-shape-icon {
--icon-color: green !important;
--shape-color: green !important;
}
This does not seem to work for my icon

tribal galleon
#

Your background RGBA is wrong. rgba(255,0,0,0.1) You have an extra comma instead of a period. Probably breaks from that point on.

somber pagoda
#

Ah i see it now

#

Thanks ❤️

#

Also after removing the entire line, its not working for the icon

#

Adjusted content which still wont change my icon color:

card_mod:
style: |
ha-card {
--card-primary-color: green;
--card-secondary-color: green;
background: rgba(255,0,0,0.1);
}
mushroom-shape-icon {
--icon-color: green !important;
--shape-color: green !important;
}

tribal galleon
# somber pagoda How do you figure these out? Documentation?

Finding where someone else has already done the leg-work is always useful (such as in the forum). Next, by Inspecting the page. Search here in the channel for in:frontend inspect and you'll see some stuff about inspecting (particularily the screenshots posted are useful.)

somber pagoda
#

Ah thanks!

tribal galleon
#

You need to use an RGBA for the shape-color. Green is setting 100% opactiy which is the same as the icon. So, you're only seeing a green circle because they're the same. Opacity is not hard-coded into this card's icon shape.
--shape-color: rgba(0,255,0,0.1) !important;

somber pagoda
#

card_mod:
style: |
ha-card {
--card-primary-color: green;
--card-secondary-color: green;
background: rgba(255,0,0,0.1);
}
mushroom-shape-icon {
--icon-color: green !important;
--shape-color: rgba(255,0,0,0.1) !important;
}

Still not changing the color of the icon

tribal galleon
# somber pagoda card_mod: style: | ha-card { --card-primary-color: green; ...

I wonder if your theme is overriding something. Try this:yaml card_mod: style: | :host { --rgb-state-media-player: 0,255,0 !important } ha-card { --card-primary-color: green; --card-secondary-color: green; }This is one of the variables that I mentioned. Both --icon-color and --shape-color reference the --rgb-state-media-player variable (with the later adding a 0.2 opacity.)

image.png
hard blaze
somber pagoda
#

card_mod:
style: |
:host {
--rgb-state-media-player: 0,200,0 !important;
}
ha-card {
--card-primary-color: green;
--card-secondary-color: green;
background: rgba(0,200,0,0.1);
}
mushroom-shape-icon {
--icon-color: green !important;
--shape-color: rgba(0,200,0,0.1) !important;
}

Still default color 😦

hard blaze
somber pagoda
somber pagoda
hard blaze
#

hehe good timing! 😛

#

I tested the code, and it works for me

tribal galleon
#

I copied and pasted your code back into my card. It changes the icon for me (even though the --rgb-state-media-player and mushroom-shape-icon section are redundant.) I thought for sure going to the :host level with the added !important would have fixed it. What browser are you using? Also, have you tried saving the card and seeing what it looks like on the dashboard. Sometimes card_mod doesn't "update" in the preview.

somber pagoda
#

MIght it be a problem that the media player has been embedded into a conditional card and a vertical stack card?

hard blaze
somber pagoda
#

Im using Brave as browser

hard blaze
tribal galleon
#

@hard blaze We're working on Mushroom Media Card now. Syntax is a little bit different.

hard blaze
somber pagoda
hard blaze
#

I tested the mushgroom media card as well, workes here :)(

#

🙂 **

somber pagoda
tribal galleon
#

I'm at a loss as to why it's not working on your side. I don't really see anything else that can be modified that would affect the icon.

somber pagoda
#

Shall i try to delete cache from the browser once?

tribal galleon
#

nah. don't think this is a caching issue as I'm pretty sure variables aren't cached like that. But, it wouldn't hurt anything in trying.

somber pagoda
#

Nah, didnt help

hard blaze
#

The icon does not work, i just accedently used the same color as the default when state = on

tribal galleon
#

Working a different approach. brb.

# 
card_mod:
  style: 
    mushroom-shape-icon$: |
      .shape {
        --shape-color: rgba(0,200,0,0.2) !important;
      }
    .: |
      ha-card {
        --card-primary-color: green;
        --card-secondary-color: green;
        background: rgba(0,200,0,0.1);
      }
      ha-state-icon {
        color: green
      }```
image.png
somber pagoda
#

.: |

Is this correct?

#

In the code

#

I copied - paste the code exactly as you send, nothing happens to the entire card

wooden fjord
#

why one light is going and the other no???

tribal galleon
# somber pagoda .: | Is this correct?

Yeah. It's a different method of accessing the elements. (The .: | is what "allows" both methods.) Everything that I've posted has worked on my side. Not sure why things aren't working on yours. I even consulted the Mushroom Cards Card Mod Styling/Config Guide.
Not sure what your indention looks like above Lines 36. You may need to highlight the whole card_mod section and press Tab once.

somber pagoda
#

Tabbing seems to be the issue

somber pagoda
sinful ridge
dreamy surge
#

I used the workday integration to define days as sensors for the trash day card

lethal linden
#

anyone out there that can help with navigation of subviews with buttons? I am pressing the button without results. Im sure it has to do with the wrong url I am putting in. I am using homeway.io and wondering if that is the root of my evil. my subview dashboardl is /new-sections-board/lighting-2. the url at the top of the page is https://shadow.homeway.io/new-sections-board/lighting/2 but may be https://shadow.homeway.io/new-sections-board/lighting-2 (Root URL has been slightly modified for privacy)

#

type: custom:button-card
name: HOME LIGHTING
icon: mdi:lightbulb-group
tap_action: navigate
navigation_path: /new-sections-board/lighting-2

lethal linden
#

solved

civic brook
#

Hello everyone,
Any idea how to create switch button, which will work with switch entity and the same time will show next to it name and another entity with power? Cannot connect these together
code:
type: custom:mushroom-chips-card
chips:

  • type: entity
    entity: switch.sonoff_xxxxx
    content_info: name
    icon_color: blue
    tap_action:
    action: toggle
  • type: entity
    entity: sensor.aktualni_xxxx
image.png
golden mistBOT
#

@wet gulch I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
vague blaze
#

ui-lovelace.yaml has been deprecated for a long time.

dark dirge
#

Adding resources there, yeah. Years out of date

pallid spade
#

Hi everyone! I'm looking for a decent date-time-picker to include into my dashboard to set a start and end date-time. I couldn't find anything aside from a time-picker only input. I hope you guys might have an idea what i can use?

hard blaze
#

Anyone know of any issues with IOS and reading SVG ? i have a card that i made, works on all devices except for an IOS deivce

lime charm
sacred gyro
#

not sure where to ask this. i want to create a custom cover and use it to call a service. this is a custom service which i am testing, and all i want to do is report the position of the cover when it changes whether via open/close or direct change. so

data:
  position: {{coverposition}}
  action: position_changed
lament oyster
#

Would there be a possibility of a way to make a card that I could basically have automations push text messages to with datestamps that last for a minimum amount of time? Akin to (or part of logbook card) but have a script be able to push a template or explicit text line to it?

untold trail
#

also the left side looks squishes? the icon is too big or uncentered, something.

untold trail
#

@devout thicket you the bubble card dev? been fighting this for a week.

#

i rlly wanna use these cards 😦

lament oyster
# untold trail

I'm almost certain what those arrows are. And you're mostly right on the idea that being too big or uncetered. The problem is it is a little bit too big of a graphical element for the card, so it dropped scroll arrows on both the x and y axes of the UI element. If I had to guess, it's only a few pixels too large in one or both directions. I have had times where I've done work in other software where if it's a pixel two large and one direction it creates the scroll arrows which then makes the other side too small and makes scroll arrows for the second side. I don't know the syntax for that card, maybe I can take a look into it later to see if I can pinpoint anything for you, but there's a way to change the size of the bubbles that's where I would start

untold trail
#

it looks fine on mobile.

#

Ik the dash looks like shit but I’ve been wanting to use these bubbles so I haven’t done anything with it yet..

lament oyster
#

This is going to sound crazy but I've ran into a similar problem in other sites, check your zoom? Like in Chrome I think it's control zero

untold trail
lament oyster
#

I've had times when a UI wasn't rendering properly and elements were all screwed up and we found out I was at 110% zoom. Not enough to realize something was wrong but enough to screw up the system

#

Similar vein question, different browser?

#

I'm honestly just spitballing to the normal IT troubleshooting

untold trail
#

what the fuck man

#

its fine in furryfox

#

also fine in chrome..

#

@lament oyster check if bubble cards are also broken in edge for you

lament oyster
#

I can't check edge because I'm in Lenox, but edge is now a chromium based browser so I believe that uses the same rendering engines as Chrome does

untold trail
#

you'd think.

lament oyster
#

So when I get a chance to poke at bubble cards since I normally work in Chrome I'd be able to see that fairly quickly, but then also check Firefox

untold trail
#

whats lenox

lament oyster
#

Oh yeah definitely, I just don't have the means to test that myself because even if I put edge onto a Linux desktop, it's running through wine which isn't going to be reliable for bug reporting

#

Is it edge 🤷🏼‍♀️ is it wine?

The world will never know

untold trail
#

looks fine in edge for my friend

#

looks like its time to reinstall edge

#

REEE

lament oyster
untold trail
#

repaired Edge, problem solved

#

thank fucking god

untold trail
#

@lament oyster struggling to add custom color variables

lament oyster
#

I still haven't even made it in my front door yet, sorry that I'm so far behind the curve

#

The joys of being disabled and then getting stuck in hour long phone calls

untold trail
#

damn

#

that sucks man

lament oyster
#

this week has been ... a challenge. Just put it that way

untold trail
untold trail
pallid spade
flint jewel
#

Hi everyone, I'm currently building a dashboard using Bubble Cards in the Bubble Theme. Regarding colors, I would like to color my buttons differently (I can see this is being done in many screenshots) and I found the instructions on the bubble card github.

However, I wonder if it's possible to use CSS Color variables instead of Color codes. Does maybe the Theme supply these? Or can I somehow modify an access them in the styles sections of the Bubble Cards?

So, I dont want to do this:

.bubble-sub-button-3 {
background-color: '#e08283';
}

But somethin like this:

.bubble-sub-button-3 {
background-color: 'var(--green)';
}

How Could I define green / which ones are accessible in this theme?

#

Allright, nevermind, I found this in the theme file. THere are nice colors there

lime charm
# pallid spade Exactly! I'm new to HA, so maybe I've missed something obvious? 
- type: entities
    entities:
      - entity: input_datetime.start_time
        name: 'Starttijd:'
        secondary_info: '{{ states.input_datetime.start_time.state }}'
      - entity: input_datetime.end_time
        name: 'Eindtijd:'
        secondary_info: '{{ states.input_datetime.end_time.state }}'
    show_header_toggle: false

it,s just an entities card with 2 datetime helpers inside
here is the yaml. Make sure you create the 2 helpers.

pallid spade
lime charm
echo pumice
#

Hey #frontend-archived Stupid and hopefully easy question. I have a sensor being updated with a URL I wish to use in a generic camera card but am having issues getting the value of the sensor used for the Url target. Is this possible. I am sure I am doing something stupid bu thave looked into it and tried a hand ful of things that I thought would work.

entity: sensor.mealie_today_s_meal
camera_image: camera.food_dev_name_com
show_state: true
show_name: true
name: 'Tonight''s dinner:'
camera_view: auto
type: picture-entity
tap_action:
  action: url
  url_path: sensor.mealie_dinner_s_url
vast crane
#

I think maybe what you want can be achieved with a template image.

echo pumice
#

I think I may have that set up as I have a sensor populating the daily image...

#

so you are saying maybe the image can be hyperlinked there and then I do not need to do it on teh FE>?

vast crane
#

oh wait nevermind, I was thinking of dynamic image, not dynamic hyperlink.
I can't really think of a way to do that 😕

echo pumice
#

maybe markdownable?

arctic dragon
#

is there a way i can disable a switch from being manually activated?

stuck spire
#

a real switch or a helper switch

arctic dragon
#

the ui element for a power plug controlled via zwave

#

i just want to avoid accidental touches because it would be very.very.bad

stuck spire
#

is just making it invisible good enough?

blazing wren
#

UI element as in in your dashboard?

#

You can change the actions on cards to be none, so a tap won't do anything to it.

stuck spire
#

that too!

blazing wren
arctic dragon
#

ooh thx

#

hrmm does that include the overview?

blazing wren
#

As in the overview dashboard?

#

Have you taken control of the dashboard already?

waxen lava
#

I'm trying to make a dashboard that's just in one column. I'm on 5th card and it now jumped over to the second columm. How do I fix this having multiple cards?

atomic glacier
#

@waxen lava put all the cards within a vertical-stack ponder ✅

drowsy void
#

Any way to have a duplicate dashboard for PC and Mobile?
So when we add something in one it gets added in the other as well, but the organization of each stays different?
That way one can hide in mobile as it shows in PC and visa versa.

lament oyster
drowsy void
lament oyster
#

For what it's worth, when I do that I can just switch to editing the yaml code, copy all of that and then replace the second dashboards code with it to mirror the card that way.

Linking card statuses almost as entities might be a feature upgrade they could explore in the future

drowsy void
lament oyster
#

So that I absolutely know is a function

celest barn
#

Hopefully I got the right section.. Anyone run into this problem and know how to fix the overlapping view?

image.png
drowsy void
drowsy void
lament oyster
#

Then you just point it to the mobile dashboard and you should be good to go

celest barn
drowsy void
celest barn
#

Here's the top section:
type: custom:layout-card
layout_type: custom:grid-layout
layout: null
cards:

drowsy void
#

Or
Try horizontal-stack card

celest barn
#

I wonder if this is a limitation in the preview?
View Type: Grid(layout-card) > Horizontal Stack > x3 Vertical Stacks

image.png image.png
#

Seems to be when I remove the manual card dimensions, it prevents the issue.
card:
~~ - height: 60px
- width: 225px~~

image.png
drowsy void
coral helm
#

Hi. I have a "tri-phase powerclamp meter". I'm currently displaying power and powerfacfor for each phase as gauges.
I never know what's connected on each phase (Phase A= bedrooms sockets +... + ... , PhaseB=kitchen+..+.., phase C=Living+hall+... )
I would like to have something like a "Info button" to display a popup, or better "on-hover" info. I haven't found anything standard nice and sexy.
I'll start with a "i" button to display a subscreen. Did i missed something with "Mushrooms" ? Thx.

coral helm
#

I just found something. There is a "hold action" on gauges .... Not available trough the GUI.... 😦

    hold_action:
      action: navigate
      navigation_path: /my-subviews/phase-info
hard blaze
#

*** Solved ***
When using a grid layout with auto entity, is there a way to reduce the spacing between the cards?

type: custom:auto-entities
card:
  type: custom:layout-card
  layout_type: custom:grid-layout
  layout_options:
    width: 100
  layout:
    grid-template-columns: auto auto auto auto
    grid-template-rows: auto
image.png
#

never mind.. reading the docs helps hehe

dim halo
#

Can someone give me some inspiration for a tablet dashboard?
I got this one from a youtuber and just added my own entities, however i just can't wrap my head around the grid card
it behaves very weirdly, at least in my case, so i'd rather switch to another way opf organizing my cards

w41QnX.png
#

if the button card i'm using wasn't massive i'd be able to full this off using stacks

hard blaze
dim halo
#

yes
every grid card has the columns set
but it still pushes other cards in a weird way, making some completely dissapear sometimes

hard blaze
#

ok. it really helps if you share some of the code your using, like the light grid as an example.
Not sure if i can help, but it helps so that others can help see through it and try to help you out 🙂

dim halo
#

Take this for example
everything but the sidebar and light grid deleted
trying to duplicate the grid just hides the old one (it is there, i can see it in the code, just doesn't show up)

#

here's the code for my light card
https://dpaste.org/j6xHP
i don't see any issues..maybe the sidebar is influencing stuff a bit ?

tribal galleon
#

Any way to have a duplicate dashboard for PC and Mobile?
So when we add something in one it gets added in the other as well, but the organization of each stays different?
@lament oyster @drowsy void Looking at your conversation from earlier (regarding an adaptive mobile vs computer dashboard), what you want to look into is using the custom:layout-card with the mediaquery options. Take a look at the Grid Layout section and expand the YAML code for the example.
You can also look at the Card Visibility section below that to see how to apply mediaquery to individual cards.
mediaquery: "(pointer: coarse)" could be useful for only showing on touch screen devices.

tribal galleon
# coral helm I just found something. There is a "hold action" on gauges .... Not available t...

Generally, you can have a bunch more options when working with a card's YAML vs its GUI. Try to start working more with the YAML and you'll find yourself not even needing to use the GUI. This becomes particularly helpful when working with cards that don't have a GUI and you have to reference to docs to get it set up and what options are available. (Changing options in the GUI and then taking a look at what changed in the YAML is a good start.)

hard blaze
#

In a auto entity card, is it possible to use conditions? example: i want to only view entities that has both label 1 and label 2... not if it only contains one of them

wooden fjord
#

hi guys i need an help

#

why one light is going and the other no?

vital burrow
#

Likely a configuration issue

drowsy void
drowsy void
icy patrol
#

does anyone know where I can see my previous actionable notifications from the mogile app or even from the front end?

hard blaze
#

Thanks. I found the "and" statement in the docs

fading anvil
#

Hello,

I would like to change the background of a Lovelace dashboard via service call. Is this possible right now? I know I can do it manually via the web UI.

My plan is to do an image generation via API to generate an image of my current location and weather forecast for the day.

Is this possible?

vague blaze
icy patrol
#

Do the actionable buttons still show in the persistent?

vague blaze
vague blaze
icy patrol
#

It’s also hard to see if the notification contains an actionable action. As there is no indication

fading anvil
#

I dont mind that, I will only change it once a day. Probably before I wake up and view the dashboard

vague blaze
vague blaze
icy patrol
#

Will do, I was also thinking to making a thunder bolt icon in those messages so I know there actionable

vague blaze
cerulean walrus
dim halo
#

That looks good

#

Think i finished mine

#

The media tiles are conditional, depening on what device is playing

If no known device is playing, but spotify is, and i am home, it shows the spotify card

cerulean walrus
# dim halo

it looks really nice. but also nice to see that i'm not the only one who has little problems with different sized cards, especially in height. i keep thinking i'm done, then i sit back, look at it and start again 😄

dim halo
lament oyster
cerulean walrus
lament oyster
#

I meant the 3d model, basicaly the 'Rocky's Place' card

cerulean walrus
#

ah yes. is it allowed to post youtube links 😄 ? but its in german

lament oyster
#

could DM if it helps. Probably at least give me a starting point

tribal galleon
cerulean walrus
#

i use sweet home 3D for the plan

#

after you will need something like photoshop

lament oyster
#

ahhh ... fair enough

#

I'll dig more into it later. RL sick so focusing on something that is a pain, but definitely got a starting point

cerulean walrus
vapid field
#

I'd like to make a "service" dashboard page, to loop through all entities that have "_battery" in its name and then display name of the sensor with the entity and the battery value

#

is it possible in HA to simply use the for loop and create dynamic dashboard ?

dark dirge
vapid field
#

super easy & implemented. works well. thanks

orchid carbon
dark dirge
#

Ahhhh

#

I told you to just follow the instructions

#

Good luck

tame oriole
#

is there a way to add more links to other stuff here? ... like say, an integration? I would love to put a link to Zigbee here

image.png
dark dirge
celest barn
#

@drowsy void So I've tried just about everything but can't seem to get it fixed. I compared the preview shown in the screenshot to my phone and seems like it's a mobile responsive view.

image.png
drowsy void
celest barn
#

@drowsy void
So I'm customizing a dashboard using the following:
View: Grid (layout-card) > custom:layout-card > then a bunch of horizontal, vertical cards, etc.

So on my tablet, everything looks perfect. However, when confuring through the UI, my preview is shown below which makes it really hard to customize.

image.png
#

(I know they look uneven on this view but on my tablet it lines up :/)

image.png
tribal galleon
#

@celest barn I think the horizontal-stack card at line 10 is extraneous. You're already using a grid layout but you've only defined one column at line 4. (Like, you're nesting elements that don't need to be nested.) grid-template-columns can accept percentages so 33% 33% 33% would give you three equally sized columns.

celest barn
tribal galleon
#

@celest barn Also, the GUI Preview isn't really intended to show an entire dashboard; it is only intended to display a single card (or maybe a couple). The reason why it isn't showing properly is because it is trying to display the custom:layout-card. You may find it helpful to have a secondary view where you can design the cards and then copy the code into your primary view.

umbral haven
#

Does anyone know of any white board type cards I could use? like something my girlfriend and I could use to leave little notes for each other on the home page.

quartz basin
#

Is there a way to make a "Sections" dashboard take up the full width of the screen like the "Panel" type?

frozen perch
# 
  - style:
      top: 10%
      '--ha-label-badge-font-size': 1em
      left: 80%
      transform: none
    type: state-badge
    entity: sensor.tomat_temperature
tired wedge
#

I wonder if devs ever make titles in section view clickable to navigate to subviews.🤔

dim halo
#

My current light/device cards look like this

Can someone recommend me some that look more like the ones found in the google home app? I reall like those

Screenshot_20240721-212811.png Screenshot_20240721-213419.png
orchid carbon
#

@dark dirge You were correct, you told me to "just follow the instructions" and it worked, but it would have been a bit more helpful to point out the instructions that I had missed were installing HACS. That said, I don't want to look a gift horse in the mouth too closely, so thank you for the guidance.

tribal galleon
# dim halo My current light/device cards look like this Can someone recommend me some that...

If you're using the custom:button-card then that card has a lot of styling options that you can use to make it look however you want (though it may take a little bit of work). Take a look at the Styles options to get you started. This screenshot shows how @zenith stag and I made a custom:button-card look like a Mushroom Light card. The custom:button-card can then be turned into a configuration template to easily duplicate the settings across multiple cards. (This example was about 90 lines.)

image.png
#

But, if you want a bit easier approach, consider the Bubble Card. It has a similar look to the screenshot and it can be stylized to your liking. The Decluttering Card could be useful here, too.

desert crag
#

Hi All, I have these "Chip cards" in android, really helpful and a clean way to see battery status of a few key items. I am wanting to replicate the size and design on a dashboard of mine. The outer edge shows the battery percent visually and changes colour based on the battery %. Any suggestions where to start? I was looking at ApexCharts radial, but I can't seem to get it small enough. So wondering if anyone has any suggestions.

Screenshot_20240722_071349_One_UI_Home.jpg
hard blaze
#

I can probably create a rounded one as well though.

hard blaze
tribal galleon
hard blaze
desert crag
hard blaze
#

I added the GitHub in the original post

tribal galleon
desert crag
#

Awesome, thanks chaps

desert crag
hard blaze
desert crag
hard blaze
dim halo
tribal galleon
#

@desert crag My take so far (with BerrisNO's guidance on the SVG path. I don't have the "remaining part" of the circle (gray) from the screenshot, but I think there might be something that could get that to work.

image.png
hard blaze
#

I belive you can use box-shadow for that grey thingy 🙂

desert crag
#

You guys are awesome.

tribal galleon
hard blaze
#

you might want to add opacity to the box shadow, but individual users can do that if needed

tribal galleon
#

As you were typing that, I was trying to get the color from LordOfTheBunnies's screenshot but there is a gradient so it isn't a single color. Either opacity or a lighter color might work.

hard blaze
#

yeah. it might aslo be a gradient shadow as well

tribal galleon
#

Couldn't just add opacity to the box-shadow but RGBA works: - box-shadow: 0px 0px 0px 6px inset rgba(128,128,128,0.6)
EDIT: Forgot to change the icon for that screenshot... 😄

image.png
hard blaze
tribal galleon
#

Now, the hard part is to see how it handles being set to a different size. Right now, I have it set to 100x100px.

hard blaze
#

Well use my example it should handle it well, I removed the size and only uses the aspect ratio

#

i used this in the top of the button-card:

show_icon: true
show_state: true
aspect_ratio: 1/1
#

the only problem now, is that the box shadow does not match if you make it bigger.. but all other parts work:

image.png
tribal galleon
#

I never had the best of luck with aspect_ratio; usually hard-code the height and width.
The box-shadow width and the stroke-width don't really correlate when resizing. But it looks like desired stroke-width rounded down to the nearest even number minus 2 and then divided by 2 seems to work well. (This is zoomed in to as close as I can get. Not noticeable at 100%.)
(We were typing at the same time...)

image.png
hard blaze
#

a bit overkill size though.. but was just to view

#

well its a step in the right direction though hehe

#

should we maby create a new thread for this? i feel we are spamming this channel 100% 😛

tribal galleon
#

We probably should have done that an hour ago. Didn't think we'd get this far this quickly...

hard blaze
#

I have an idea on how to fix this.. just need to play with a new SVG.. brb

#

Custom button card styling (border with SVG)

sour garden
tribal galleon
sour garden
#

thx i will try that

sour garden
tribal galleon
sour garden
tribal galleon
sour garden
#

and one more thing, i can see it works on the mushroom cards but the markdown card i cant change the background

tribal galleon
sour garden
#

@tribal galleon great it worked after i put the background at the start of the conf, again thanks for your help

golden mirage
tribal galleon
#

@golden mirage Were you able to get the progress bar to be adaptive regardless of the shape? @hard blaze ^^^

hard blaze
#

uuh

golden mirage
golden mirage
hard blaze
dim halo
hard blaze
dim halo
#

Didn't even see the thread. Done

#

How can you make your dashboard confusing for others? Use three languages

SaAhdn.png
half cairn
#

How do custom fonts work?
I have a custom button card, that displays a big clock, but I'd like it to use a custom font named 'AppleSDGothicNeo-Thin.ttf' which I've put in my /local/fonts folder.

golden mistBOT
#

@half cairn I converted your message into a file since it's above 15 lines :+1:

📎 message.txt
half cairn
#

But the font is not changing. Should this work, or should I place the font somewhere else, or call the font differently?

carmine island
#

Hello I have also installed the dark thermostat via hacs. Must i put something in the lovelace because I receive always no card type configured? Thanks in advance.

compact pebble
#

How can I specify the color of the dropdown field for the custom:mushroom-select-card and change the media button backgrounds for custom:mushroom-media-player-card using card mod?

desert crag