#frontend-archived

1 messages · Page 215 of 1

sacred rampart
#

Da hell

violet axle
sacred rampart
#

Its just that my screen is in Dark Mode

#

It is the default theme

#

Card mod -_-

sleek coral
#

i am not pro by any means but i am not sure you can add any padding there
i would just make 6 column grid instead of 4 and make 1st and last look like padding"

final void
potent nova
#

hey, is it possible to split up the lovelace config and define own "packs" of cards so i can easier reuse them on different dashboards?

sour roost
#

Hi all, i'm having issues with the GUI of my custom (created) cards. On creating some custom card with a GUI for creating it shows a list of all suitable options where a dropdown should be.
Also other custom cards have their buttons and layout mixed up. (like vacuum card).
Can't find any solution to this.

#

example

golden mountain
#

Hi,
Does anybody know how I can open a single entity via URL. Same as I would click on a single entity in lovelace.

violet axle
golden mountain
violet axle
#

I dont really understand, what kind of thing do you want to open, is it a device outside home assistant? for example if you want to visit url from a card, there is -type weblink

golden mountain
#

No, the opposite way.
I have an external integration for home assistant which uses the API from home assistant. I would love to be able to open a single entity in lovelace via a url e.g. the history view already support that http://192.168.1.106:8123/history?entity_id=sun.sun

violet axle
#

only I can think of is, but tbh I dont really understand what you want 😄 - type: weblink name: 'Badger?' icon: mdi:youtube url: https://www.youtube.com/watch?v=EIyixC9NsLI

golden mountain
#

You will get a popup (modal dialog) in lovelace when you press on an entity like a light. My problem is that I'm not in the lovelace dashboard to click, I'm an external application which try to open the lovelace dashboard via a url. I can only open a page in the dashboard, but not a single entity like when you click on one.

violet axle
#

then use curl ( restful API)

golden mountain
#

I'm already using it, but there is no url for that

violet axle
#

/api/states/sun.sun

full sand
#

Maybe a long shot.
Is it possible to use a slider (value 0-100) to send a restful command to the api?

violet axle
#

You need an automation that triggers when you change the slider (input_number I assume?). Trigger: input number changes Action: Calk your rest command with value from input slider

full sand
#

I'll have a read, thanks

violet axle
full sand
#

👌

polar kelp
#

YOUR DASHBOARD LOOKS WEIRD TODAY?

UPDATE CARD-MOD

I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.

sacred rampart
#

Hopefully it was just an April fool's joke, I smashed a brand new razer orochi

sleek wave
#

Shoulda showed a banner somewhere or even in a console a message that says "April Fools"

dark dirge
#

Good thing much of the rest of the world sees April 1 before me

vapid field
#

trying to work out why so meny of my cards and my side whendow are bent i work up to this and im wondering what the fuck is going on

#

oh its an april fools joke isnt it

#

fuck me

#

is there some way to turn it off

subtle shuttle
#

yeah, not a great one

#

update card_mod

vapid field
#

its fucking awfull

#

cheers

muted dew
quaint snow
muted dew
#

Great timing

quaint snow
#

hahaha

muted dew
#

At first it was only my new dashboard but when the rest of ha went wonky & my partners dashboard went wonky I got very confused on what I did 😂

opaque kiln
#

Haha I don't use card mod but would have appreciated the joke! But this shows one of the strengths of HA: it is totally possible and best practice for end users to always keep a working restore point handy to revert to a non-broken state!

fiery nova
#

Any ideas what is causing this misalignment?

dark dirge
fiery nova
#

Any ideas when it will be fixed?

dark dirge
#

as it says:

#

UPDATE CARD-MOD

#

in other words, it's been "fixed"

#

or unbroken...or something

fiery nova
#

Just shows 3.1.4

#

Still have issues with 3.1.4

#

I guess I'll have to restore last nights backup 😄

dark dirge
#

3.1.4 is the one you want

fiery nova
#

Cleared browser cache and working again. Yay!

blissful anchor
#

Nice one :)))

vapid field
#

Noob here. Update card-mod, cleared cache... Still crooked. What do I do?

rapid jewel
#

I don't appreciate these types of jokes in my professional environment

keen jackal
#

Lol you trolls! 😛

#

OCD kicking in.

rotund island
#

Haha @polar kelp

warped yew
#

haha the april 1st joke is amazing. Took me a few min to realize what was happening

azure canopy
#

I don't use card-mod, but I think it's a good april fools joke, with an important underlying message @polar kelp

dire cypress
#

I enjoyed it too and I'm still enjoying it. It doesn't need to be all straight the whole time, i'm crooked sometimes too 🙂

raw cape
wild totem
warm seal
quaint snow
warm seal
#

Good warning for a a professional environment that uses custom plugins I'd say

#

I'm wondering how much all these complaining ppl paid for Thomas his work over the years. Must be quite a lot 😘

frail iron
#

lol got m e

#

community engagement 😄

slow sundial
crimson fable
#

It was a very good move to quickly release the update so that people have a way of disabling it without having to wait 24h.
Without that option, there probably would've been a much worse shitstorm

vapid field
#

It hasn't fixed it for me. How do you disable it?

crimson fable
#

the frontend caches quite agressively. try hard refreshing with ctrl + f5

vapid field
#

What about from the mobile app?

polar kelp
#

Force quit should do it on android. Ios has a button in the app settings for clearing the cache.

#

Under Debugging, I think.

vapid field
#

Yeah. None worked for me. Cleared cached and data from the app.

#

Do I have other options?

crimson fable
#

if you're using HACS, you could try using the "redownload" option in the three dot menu so that you get that clear cache modal again

#

just do that on the device where you're experiencing the caching issues

long mulch
#

Haha excellent April fool 🙂

vapid field
#

Clearly what I'm doing is clearing something as other tweaks in the interface have reverted back to the default, but it is still crooked.
I don't get it.

warm seal
#

Did you update the plugin?

vapid field
#

Yes. Redownloaded as well.

#

3.1.4

#

Where else would that stick?

warm seal
#

Cache only

keen jackal
#

Aww a new version, such a shame.

#

Thought people need some distraction these times. But I guess not.

warm seal
#

I emptied the cache in Android app settings that works for me

vapid field
#

A just litteraly deleted card mod and it is still crooked.
What does that mean.

warm seal
#

Cache 😎

polar kelp
#

Do you have it in extra_modules?

vapid field
vapid field
polar kelp
#

If it's there it's because you added it yourself. So you probably don't.

#

Repeating for visibility. If the bot kicks me for spamming that's not the worst that's happened today 🤷

#

YOUR DASHBOARD LOOKS WEIRD TODAY?

UPDATE CARD-MOD

I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.

crimson fable
#

Don't be too hard on yourself

vapid field
#

All through HACS.

#

A shit. My editor doesn't even give me my config yaml anymore.... Now I'm lost.

warm seal
vapid field
#

Android

wild totem
#

Is it working on desktop?

vapid field
#

What I've done:
Cleared app cache
Cleared app storage
Cleared all data from chrome
Restarted the device
Redownloaded card mod
Deleted card mod

fiery ledge
vapid field
#

In which version of card mod was this introduced?

crimson fable
kind shellBOT
#

@thorn mulch Your message has been deleted as it contains a link or a domain name 'pasteboard_dot_co' that is on the blocked list because of: 'Virus detected!'.
Please re-post by removing/changing the domain name/link. Your original message has been DM'ed to you.

thorn mulch
#

Your message: Hi, any reason why lovelace get all "tilted", i added spotify integration and now all "frames" in lovelace are tilted 🙂 this is across all dashboards including "automatic generated"

thorn mulch
#

hmm ok

#

ops sorry thanks

polar kelp
#

@vapid field Do you have minimalist-ui installed or anything else that may include card-mod as a package?

vapid field
#

Yes. I felt it might have to do with minimalist-ui. Nothing I tried worked. I reverted back to a pre minimalist-ui/card-mod version and it seems to have "fixed" it

ember crow
#

@polar kelp Loved the april 1st joke mate, dont beat yourself up over it with the few people who are upset.

lethal jungle
#

@polar kelp Your april 1st joke might be the most traumatic thing I’ve experienced in recent years 😂

#

Well played.

thorn mulch
polar kelp
#

Do NOT restore backups to try to fix it. It's been in there for a year.

keen jackal
#

What he thought would be an awesome day, just turned into hell.

violet axle
polar kelp
#

I'll just keep repeating this every now and then for visibility.

#

YOUR DASHBOARD LOOKS WEIRD TODAY?

UPDATE CARD-MOD (and minimalist-ui)

I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.

violet axle
#

I thought it was awesome, but aparently had a huge impact...

oblique apex
#

Hey folks, is there a quick and easy way to get a picture in a plant card? I know wich plant is wich but for the wife a simple picture would be MUCH better. Thanks for the help

violet axle
#

Put a picture of your wife there, that would be awesome

polar kelp
oblique apex
#

XD I dont see the point in that I dont need to water my wife.

violet axle
#

No but she'd be surprised and prolly angry if all plats had diff pictures of her

oblique apex
polar kelp
oblique apex
violet axle
#

Sounds familier, but its always worth it 😄

oblique apex
violet axle
#

picture-glance with stuffs ?

polar kelp
#

Right. There's this old gem

violet axle
#

supports states, so you can change picture if something hapends.

polar kelp
oblique apex
#

Funny I thought it would be pretty easy to just get a pic in there. Sometimes things you think will be hard are actualy easy and the other way around 😄

violet axle
#

But with a bit of tinkering, you can have card look like what you want I suppose

oblique apex
violet axle
#

is it possible to change that lightning icon for anything else ? Did solve it

carmine shoal
#

Nice 4/1 prank

blazing hearth
#

hmm confused about entity names and ids and friendly names.. I have dynamically created entities that basically have a serial number like 123 .. and later they might get a human readable name attached to them. so I want my entity_id to be my_domain.sn_123 but then on the Lovelace gui I would prefer to see the human readable name. So which entity attribute is the right one for this "GUI name"?

split granite
#

It's still the name/friendly name 😛

blazing hearth
#

😄

#

anywaaay.. if I set 'name' that changes the entity name

split granite
#

The entity ID is for the system, and is unique

#

The name is for humans, and doesn't have to be unique

blazing hearth
#

yea but the names these things have can be loooong with special characters

#

so I would prefer not to have them in the entity name

split granite
#

Almost every card allows you to over-ride the name

#

Then... don't put them in the name?

blazing hearth
#

so I can expose a friendly_name attr?

split granite
#

Sure

reef wadi
#

what on earth, my cards are tilted like 2 degrees in lovelace, feels like im part of alice in wonderland

split granite
blazing hearth
#

ooops sorry about the giant sticker, not a discord user

reef wadi
#

lollll, 4/1

blazing hearth
#

hmmh, not working.. I defined

    def friendly_name(self) -> str | None:
        return self._title```
but entities don't show that as the friendly name.
#

I also put self._title in extra attributes so I know the value is right

#

then again, icon property works fine in the same way

#

ok. deep into the core code it is then...

fiery ledge
#

having this 'image' folder in the /config share root folder used for images of the Areas in the config. Probably others too. Shouldnt that be in the /media share root folder? Its impossible to browse with only unique_id'd folder names....

#

Nor can I browse it from the Media Local Media button, because that points to /media share..

blazing hearth
# split granite Sure

apparently friendly_name has to be separately registered in the entity_registry or it will just be the entity name attribute, can't override the default value

violet axle
#

you can rename the entity by pointing and clicking or have a customize.yaml

blazing hearth
#

yes but I want to set the friendly name from code

violet axle
#

Well, if the card supports it, yes.

#

picture-glance dont have that feature

pulsar nest
#

Hello! Im new to this, so dont laugh. I have set up a family card where each members photo, location, and device battery stat is shown. However my son always forgets to charge his ipad, so his card often shows a big ugly orange error. -How can I change that, so when (a) device is unavailable it shows something simple like "unavailable" instead of a huge pile of error?

violet axle
#

Better teach your kid to charge it instead 😄 But you can filter on available devices and battery. Sensor is always gonna report error if it doesnt find the device, but if you want to show it in the interface; you can filter on available devices; thus hiding it when its not available. Or just have home assistant send an alert when it drops below 20%

blazing hearth
#

potterer: we are talking about completely different things.

violet axle
#

vaizki, ok I'll be quite 😄

jaunty sparrow
#

stop messing with my ocd lol

tacit cave
jaunty sparrow
#

thankss

#

thought I just had to wait until 2nd of april

polar kelp
#

I may be crazy, but I kind of like the look.

royal patio
#

it's not that bad 😄

tacit cave
polar kelp
#

God no!

tacit cave
#

LOL

polar kelp
#

I'm not a monster.

dry dome
#

I updated it and still have the tilt, and am struggling to figure out which other thing is causing it

dry dome
#

I cleared cache, restarted HA, it's still there

tacit cave
#

Then you're using something else with card-mod built in

#

uiminimalist

#

uh, whatelse

dry dome
#

that's what I'm trying to figure out

tacit cave
#

are you running any large UI packages?

dry dome
#

I only have installed through hacs in frontend simple vacuum card, xiaomi vacuum map card, and simple thermostat

tacit cave
#

what do you have installed outside hacs

#

what custom integrations through hacs?

dry dome
#

integrations are xiaomi cloud map extractor, plex assistant, and spotcast

tacit cave
#

I cant remember the name of the other UI's that use it, dwains and something else

#

hk homekit blah maybe?

#

anyways, if the issue is still there, it's caching or you didn't update

#

or it's something you installed outside of hacs

dry dome
#

I have nothing outside of hacs

#

hacs thinks I updated card-mod

tacit cave
#

Then it's browser cache

dry dome
#

you must be right

polar kelp
dry dome
#

thanks, apparently I'm not good a clearing cache

#

it's working now

fiery ledge
#

for a second believed Thomas was at it again...

#

its however the correct result of ``` picture: >
{% set state = states('sensor.moon') %}
/local/weather/moonphases/{{state}}.jpg

tacit cave
#

that doesn't look like a moon

polar kelp
tacit cave
keen jackal
#

Cannot wait for next year!

tacit cave
#

Trust me, no one will be doing this again

#

well, no one with mainstream custom cards

violet axle
#

@final void it's taking shape, but it's slow 🙂

polar kelp
#

YOUR DASHBOARD LOOKS WEIRD TODAY?

UPDATE CARD-MOD (and minimalist-ui)

I'm sorry. I thought it seemed like an innocent and fun idea, and I was wrong.

placid tapir
#

Hi Guys! Having problem running the Mushroom add on. Its installed but it does not appear when I "Add card" in Lovelace... any ideas?

dark dirge
#

It's a custom card, not an addon, and that usually means that you need to clear your browser cache or add the resource in configuration -> Dashboards -> Resources

sour plover
#

Am I the only one with this problem?

#

Keyboard acting like I entered two digits and going back down

tacit cave
polar kelp
#

The readme says it does.

edgy igloo
#

Hi, is there a histogram card that can define the bin size (one pin per hour,day,month or so)?

tacit cave
#

Custom mini graph card or Apex card

placid tapir
dark dirge
#

I just added it, and:

placid tapir
dark dirge
#

HACS, but I use YAML for the dashboard and had to manually add the resource in YAML and reload the resources

civic stream
#

What the hell is going on

#

I hope you guys see it too, a bit worried that I'm going insane

polar kelp
#

Could be about the date

civic stream
#

Eh ok.

#

Thanks for the heads up. Poor choice of joke..

supple bear
#

Do you know guys know if this is a bug or not. When in the HA UI, under the Automations tab, if the screen is a reduced width, eg 1920 x 1080 on a 4K screen, and the Info, Debug, Edit buttons are reduced to be under the three dots. When I click on the three dots, the menu appears but about 1 second later it hides.

Its as if some recurring rest call is occuring thats refreshing the automations list?

fiery ledge
#

hahaha

#

not all that you can not see, is not...

somber mural
solid wyvern
#

If I want to view an attribute of an entity in a glance card do I need to create a template sensor entity to do that?

plucky meadow
#

It should work now. Its working for me all of a sudden

#

(If you are still around as this comment was 2 years old)

worldly pond
#

I can't seem to wrap my head around how I can make some cards font smaller. example is this card:
https://github.com/AitorDB/home-assistant-sun-card

I've got card-mod installed yet cant seem to do it. The best I can do is change the distance between elements with font-size. 😛

solid wyvern
kind shellBOT
worldly pond
#

I was able to find this, but no matter how I set it, it does not seem to apply to the element in question. Any suggestions would be awesome and appreciated

jaunty sparrow
#

Hi guys this is a card of my door sensor. When my door is open it says 'open' which is fine and when its closed it says 'closed' but I would like to change it to 'dicht' which is closed in dutch. Is this possible? I check the settings of the entity but did not find an option to change it.

dark dirge
#

I wouldn't have though that images of text would be a problem here, but here we are...

feral idol
#

I'm sorry if this a dumb question, how do we put the small icons on the top of a dashboard?

#

Like the ones on the tok here.

dark dirge
#

those are called "badges"

feral idol
#

I see.

#

I'm yet to figure out how to perfectly display it on my TV.

#

Messes up the whole ui.

#

Thank you!

#

Is there any way I can resize the cards and use some extra space here?

dark dirge
#

looks like an overscan problem

#

which is more about your TV

feral idol
#

I'm using the Google cast.

#

AFAIK there aren't many config options for rha

#

*that

dark dirge
#

your TV

feral idol
#

Thank you @dark dirge. I'll see what I can do about that 😅

worldly pond
rich eagle
worldly pond
#

Lets not complain when someone takes the time to help. 🤣

frigid bridge
tacit cave
dark dirge
worldly pond
# jaunty sparrow Hi guys this is a card of my door sensor. When my door is open it says 'open' wh...

I started on this one, but have to move on to something else at the moment. I'm sure you can take this template to adapt to your situation and use for the entity or for a custom card to display. Point is you can do a template for the entity and "replace" the word to be what you want it to be as its text instead.

https://pastebin.com/8bJXc20Q

#

Mine checks if the vacuum is docked and if so, changes it to "I am docked" 😛

fiery ledge
sly pulsar
rich eagle
vestal rapids
#

Hey guys, I'm less than a day old in this world so sorry if this is a repeat. I'm trying to change the size of cards in the dashboard on iPad. I want some stuff to take up the full row and other stuff to share rows and whatnot. Right now the layout is just a little ugly for me. Any pointers on where I go to change the sizes of cards?

polar kelp
#

There's a two part trick that starts with opening the options for the view - one of the little pencils near the top when in edit mode - and select Panel in the View Type dropdown.
The Panel type will display ONE card which is stretched to the full width and height of the window.
The second part of the trick is to make that card a vertical-stack, horizontal-stack or grid card, and then put your other cards (or stacks of cards) inside that.

#

There are other methods for more fine-grained control, but they are significantly more involved and I don't recommend them if you're just starting out.

fiery ledge
#

besides state_color for regular on/off what do you all use for alert coloring, let's say flood_sensors and open doors etc. I used to use my icon and icon_color template for that, and have an alert_color in the themes, but its all very tedious to set that per entity.

polar kelp
#

And I invented those methods, so trust me on that.

fiery ledge
#

would have wished for an alert variable somehow in core frontend (something like device_class: problem to use var(--alert_color) . also, anyone knows what the 'paper-item-icon_-_color' does?

distant phoenix
#

Can anyone help me wrap my head around auto-entites card?
I manually made a 3x5 grid of my scenes each cell being a picture that points to the scene img and activates the scene on press.
I'm trying to make the card dynamic in case I add more scenes. With auto-entites I can find all the scenes and organize them using grid. Now making each cell usable is where I'm lost. Is it possible to use maybe a template or something to make each cell be a picture with image_path: /local/<scene.bedroom_[extract-this-part]>.jpg and tap_action: activate scene by id

#

Is that possible?

worldly pond
fiery ledge
winter cairn
#

Hello guys, did you know where i can find this card ?

#

It's like a group selector

#

And it expose some different shortcut when you select different application

#

For exemple you select netflix, you get some shortcut for netflix, same for plex etc

fiery ledge
#

isn't that a custom made horizontal-stack of custom:button-card 's?

hallow mango
#

is the guy that's working on custom sidebar here anymore?

hallow mango
#

they're not really badges

hallow mango
stable chasm
dense spear
#

Was wondering if someone had a YAML template for the material ui theme for a mobile device. I have material theme installed and working on HA but would love if someone would share their YAML so I can see an real life example

hybrid orbit
#

I have a conditional card that only shows when hacs has an update. But my tap action isn’t behaving how I want… I want it to take me to the hacs ‘homepage’ so I can see the update and install it. But my current config just shows me the info of the sensor… any ideas?

dark dirge
hybrid orbit
#

Damn… rookie error there… i’ll check the docs next time

#

Thank though

#

Works perfectly being a button now…

rocky bobcat
#

I love and adore this new update UI:

finite delta
#

anybody can please tell me what is the code line to edit the icon color of an unavailable device into the theme yaml?!

placid tapir
twilit echo
#

is it possible to create preset buttons on the UI to fire off a series of MQTT msgs? i'm trying to create presets for my AC unit

sullen stump
#

Hi, Has the API changed in teh later versions, some of the things i had setup using the API looks to have stopped, i cant work out why

wicked yarrow
#

Hey guys just a question regarding HACS. If I am to use the redownload option on a Frontend custom card, will that create any issues like duplicate files etc? I need to redownload some custom cards to try and fix an issue I'm having.

tacit cave
#

as for your question, it'll just replace your current file

wicked yarrow
tacit cave
#

then just redownload and hard refresh the page, i.e. open dev tools (F12) and press CTRL+F5 (assuming chrome).

livid bluff
#

Hi guys I have a question relating to the picture-elements card and the layout-card frontend add-on.
On my dashboard I have a picture-elements card displaying the sensor.time which was working fine till I did the HA update on the weekend. Now when i cast that dashboard to my google nest hub the time just stays stuck on the time it started casting but is fine on my desktop in chrome.
I have done some testing and on a default Masonry view dashboard with just the picture-elements card on it works fine. But the dashboard i had that was working which uses the Grid(layout-card) view type displays the picture-elements card frozen.

Has anyone else had this issue?

hallow mango
faint heart
#

Hi guys, i have a question - i want to specify multiple values for state in style template. I have

state:
    - styles:
      value: "on"

how to specify for example:
value: "on" or "heat"

blazing wren
#

What are you trying to achieve?

faint heart
#

I have button-card which should change color if the entity state is on, but i want to achieve that button card changes color if the entity state is: on or heat or playing etc

#

In order to create one template for every type of entities

#
  state:
    - styles:
        icon:
          - color: "rgba(var(--color-pink),1)"
        label:
          - color: "rgba(var(--color-pink-text),1)"
        name:
          - color: "rgba(var(--color-pink-text),1)"
        img_cell:
          - background-color: "rgba(var(--color-pink), 0.2)"
      value: "on" or "heat"
      id: "on"```
#

something like that, but i don't know how to make the value part to work :<

blazing wren
#

Well, without knowing the button card (assuming it's custom), I'd guess you want a template value or similar

kind shellBOT
blazing hearth
#

any great ideas how to do a pretty "switch" with 3 states.. Low - AUTO - High

modest fractal
#

Hi. I cant figure out why below service call is not working with the custom button card. It does what is supposd to when I call it from dev tools service call
type: custom:button-card
icon: mdi:weather-sunset
color: auto
name: Upstairs Evening Mode
tap_action:
action: call-service
service: light.turn_on
service_data:
brightness: 51
entity_id: >
{{ expand('group.upstairs_lights')| selectattr('state', 'eq', 'on') |
map(attribute='entity_id')|join(',')}}

dark dirge
#

you can't use Jinja templates in that card

#

you can call a script and use your Jinja template there

modest fractal
#

Oh... Sad Panda. So I have ot create a script and use that as the service then? What type of templates does custom button card use. then?

dark dirge
#

there are tons of examples in the docs

#

it uses Javascript

modest fractal
dark dirge
#

you could probably do it in Javascript

#

but I'm far from an expert in JS

spiral bluff
#

I am relatively new to HA, have installed UI Lovelace Minimalist. Not sure if I did the right thing, I see the theme. So it works. But when it comes to custom card, is it as usual? that you have to put them in the / www folder?

wicked yarrow
#

Download all the custom card folders from the GitHub, then put each one you want to use into the HA folder: \config\ui_lovelace_minimalist\custom_cards

wicked yarrow
#

Hey y'all, I'm getting an entirely blank dashboard suddenly after adding multiple !include for linking other views. The path is correct and the yaml files have working code in them. Would be able to tell me why this is? Code: https://pastebin.com/JNnGAcN6

latent hull
spiral bluff
wicked yarrow
#

That looks correct! The folders for each custom card you're using on your dashboard all just need to be inside that custom_cards folder. Your paths look right, so you should be good.

#

You'll see those folders in your file explorer for whichever way you access your HA files (I use the Studio Code Server add-on).

#

Some more complicated customising of cards requires you to edit the original code within those folders (mostly you can just stick with customising them via your dashboard code however)

spiral bluff
wicked yarrow
#

Make sure you've added the folder to the correct location, deleted all the language files in the language folder besides the one you want, and reloaded the YAML configuration for UI Minimalist?

#

It should just work after that, as long as the code for the card is correct. Make sure to confirm on the page for installation I originally sent.

muted dew
#

I have tried but failed consistently, how do you do !include for things. trying to do !include for a dashboard yaml, and it creates a new view, but then is just a empty tab

views:
  #other stuff
  - !include "pages/balcony.yaml"
#

TBH never been able to have the !include work

#

Just appears like this

wicked yarrow
#

I have a similar issue haha, except for me when I use !include it stops my dashboard from displaying literally anything 😆

#

Do you have a created yaml file with code in it? Like 'balcony.yaml'?

muted dew
#

Yep

#

Ngl never have gotten the !include to work even in config file

long mulch
#

Hello, In in the Energy panel, for the PV production forecast, is there a way to display the total expected production value as well ?

muted dew
long mulch
#

Ooop I didn't see this chanel sorry

spiral bluff
radiant burrow
#

How can I delete the default “overview” dashboard? I’m using a custom dash solution and just want it gone.

wicked yarrow
spiral bluff
wicked yarrow
#

Strange. It just worked for me at that point 🤷‍♂️

hardy goblet
kind shellBOT
spiral bluff
#

lets check it all. i have download files from this: https://github.com/UI-Lovelace-Minimalist/UI/tree/main/custom_cards

i have add the folder in config/ui_lovelace_minimalist/custom_cards/custom_card_mpse_wifisignal/
IN ha i going to edit dashboard- add card-manuell
copy the ex code on it:

  • type: 'custom:button-card'
    template: custom_card_mpse_wifisignal
    entity: sensor.wifi_julgran

and geting No card type configured

GitHub

UI-Lovelace-Minimalist is a "theme" for HomeAssistant - UI/custom_cards at main · UI-Lovelace-Minimalist/UI

tacit cave
spiral bluff
#

no i havet, do i need to do it, even if i dont want any of them custom card? and wher do i activate?

tacit cave
#

the entire suite is based on custom button card

#

if you don't have that, nothing will work

#

Looking through taht list, at a minimum, you'll need everything accept the weather card

spiral bluff
#

maybe a stupid qustienm but can i just add them using Add repository in HACS?

tacit cave
#

You have to install them and then add them as a repository. Yes, you can do that through hacs

fiery ledge
#

a bit like:```
- --circle-color: >
[[[ var state = states['sensor.processor_use'].state;
if (state < 10) return 'green';
if (state < 25) return 'darkgreen';
if (state < 45) return 'orange';
if (state < 60) return 'maroon';
return 'red'; ]]]

hardy goblet
fiery ledge
#

you mean state_display ? is a magic option, and supports templates

#
  state_display: >
    [[[ var statecolor = (entity.state === 'on') ? 'var(--icon-color-on)' : 'var(--icon-color-off)';
        var labelcolor = (entity.state === 'on') ? 'var(--button-card-light-color)' : 'var(--power-color)';
        var id = entity.entity_id.split('.')[1];
        var powerId = 'sensor.' + id + '_device_power';
        var bri = entity.attributes.brightness ? Math.round(entity.attributes.brightness/2.55) : '';
        var content = states[powerId]? states[powerId].state + ' W': '';
        var divider = states[powerId]? ': ' : '';
        var fakestate = `<span style="color: ${statecolor};"> ${entity.state}</span>`;
        var power = `<span style="color: ${labelcolor};"> ${content} </span>`;
        return (entity.state === 'unavailable') ? entity.state : fakestate + divider + power; ]]]```  😉
hardy goblet
fiery ledge
#

I believe, in this case it would be easier to just set the color in the style object? always try to be as simple as can be, and not put everything in 1 html template.

hardy goblet
fiery ledge
#

cool

#

and there's a max of 8.... haha

hardy goblet
# fiery ledge cool

just in case 😅 but he goes pee kinda often, so 6 times is actually still fine.

jovial swan
#

I have this dashboard, and for each tab I repeat all the cards with just different hours_to_show. Is there some concept or capability I'm missing that would render existing cards with different hours_to_show values and avoid the need to repeat the cards like this?

fiery ledge
jovial swan
#

Ooh, looks encouraging, thank you!

hollow jewel
#

Using the Mushroom Chip card for entities, is there a way to have them change colors based on state? I tried adding state color: true, but did not yeild any change

#

What I'm trying to achieve is for the entity to show home and away status in some form. The entitiy is a iphone device tracker via HA Companion app

kind shellBOT
fiery ledge
#

Sure there is…. As they are custom button-cards just check that repo and you’ll see how . It’s most basic. Or check the community threads on these cards with hundreds of examples

tired harness
#

Hello there,
I would like to have access to a ha dashboard without login from a specific place.
Am I correct that only need to setpu this? Or this is outdated?
https://community.home-assistant.io/t/accessing-lovelace-dashboard-without-logging-into-home-assistant/258357

#

Like a basic dashboard without the left panel.

orchid dome
#

Hi there - I've been trying to extract/reconstruct the weather attribute icons as standalone SVGs from the default weather card from here: https://github.com/home-assistant/frontend/blob/dev/src/data/weather.ts. I'm a complete TS neophyte. and also not great with SVG coding. I'm able to extract the individual SVG paths, for example for a cloud, as well as the color fills. But I'm hoping that there is a simpler way to get standalone SVGs for a given weather condition such as "lightning-rainy". Any tips or ideally a link to existing standalone SVG files? Thanks!

fiery ledge
#

there are several options, but you can set an (entity_)picture to an .svg file in any backend template/customization. entity_picture: > {% if is_state('sun.sun','above_horizon') %} /local/weather/animated/day.svg {% else %} /local/weather/animated/night.svg {% endif %} and ofc, the famous animated svg weather icons to be used as embedded icons in custom-cards, see https://www.amcharts.com/free-animated-svg-weather-icons/

orchid dome
#

Thanks very much for the response, @fiery ledge . Both the entity _picture code and the link are helpful. But, instead of the admittedly very nice animated icons, what I'm trying to do first is construct actual standalone static SVG files from the code in the standard weather card: https://github.com/home-assistant/frontend/blob/dev/src/data/weather.ts. The icons are broken down into individual elements, such as separate paths for cloud, rain and lightning, and attributes such as color and viewBox that presumably need to come together to form, say, the complete lightning-rainy icon. I'm hoping that there is a way that is not completely manual (trial and error cutting and pasting paths and such into an SVG text editor) to create complete icon SVG.

fiery ledge
#

did you try and download the .svg files from material? they are readily available. click icon, click Icon Package, click SVG

worthy lodge
#

How do I edit the navigation bar on the left? For instance, I have no use for the Energy section, and would like to add a link to the Node Red add-on instead

#

okay, figured out how to add Node-Red

orchid dome
#

Thanks, but it's not the MDI that I'm looking for, it's the multicolor icons used for the weather attribute on the card. Maybe I just need to bite the bullet and create them manually.

grave river
#

Does "backup" give any feedback that it's actually doing something? I'm on container and it's the 1st time i've used it.

#

Ahh - the create backup button has now changed to "backup is being created" after I went to a different screen and back again.

limber mist
#

Since updating, my overview dashboard will sometimes disappear if I leave the HA tab for a while and come back (in Opera)

#

I have to reload to see it again

graceful trail
woeful holly
#

But cant find the supervisor / addon section..

dark dirge
#

How did you install HA?

empty escarp
woeful holly
dark dirge
#

Then you don't have those

woeful holly
#

aha check

#

Then, ill try to install mosquito as a docker aswell

limber mist
#

if lovelace has been replaced by "dashboard" how come the url is still /lovelace?

wraith geyser
#

Hi

#

I am running Ha os

#

I have an old ipad on 9.3.5 ios version

#

I am unable to get it to work using trusted network

#

auth_providers:
- type: homeassistant
- type: trusted_networks
trusted_networks:
- 10.0.0.69
trusted_users: #the user id
10.0.0.69
b84c1278e9b04da98ebeb68497b6fad0
allow_bypass_login: true

#

Any idea why is that happening?

topaz haven
#

new to discord - can anyone share how to make a feature request for the "media" tab?

kind shellBOT
#

If you have a feature request for the frontend you can open one here, for Home Assistant itself please post on the forum. All other feature requests should be made to the developer of that custom card/component.

charred tusk
#

I'm running the docker container and have a question. I have a few scripts to control my sliding gate. In a previous version of HA I had a card on the default dashboard with all the scripts I had created. I did not need to manually create this card, as soon as I created the script, it was there. I since updated the container and now that card is gone. Can I get it back? I think all the scripts are valid. I can still run them all through the Configuration -> Automations & Scenes -> Scripts page.

quick vessel
#

Does anybody happen to know if there is a more compact climate widget? I have a lot of climate zones and have to scroll down 14 pages just to see them all

opaque kiln
#

Yes, you would need to manually take control of the UI to put in custom cards. But you can keep the automatic dashboard and create another one which you manually control, so there is no need to "sacrifice" the automatic dashboard.

limber mist
quick vessel
#

Thanks! I'll try the card and learn how to make the manual dashboards

cyan storm
#

good morning guys

#

i try to add a card to my dashboard

#

but i keep getting an error

rich eagle
cyan storm
#

oh yhea i got lost

#

emm

#

gimmie a min

#

Configuration errors detected:
Custom element not found: mini-media-player

rich eagle
#

Do you have that custom element actually installed?

cyan storm
#

yhea

#

i downloaded it via hacs

devout fog
#

Found an issue with UI in 2022.4 :
Old inputs selection windows would have a return button, while now new "helpers" don't. Not exactly à bug, most likely an omission, that breaks the UX. (Repost from #devs_frontend-archived and #devs_ux-archived )

full sand
#

If I understand correctly, switch to x would have the same outcome as, per example:

light:
  - platform: switch
    entity_id: switch.plug_bedroom
    name: Bedroom Mood Light

Correct?

vapid field
#

call me stupid, but i have a bit of a problem of setting up something:

  • homeassistant working with "overview" panel and sub panels
    i am trying to integrate functionality from https://github.com/basnijholt/home-assistant-config
    but i fail as i dont see lovelace-ui.yaml being included somehow.
    all i want is to have different cards & views like he does.
GitHub

Home Assistant config files, rewritten to use the latest features, 100+ documented automations, automatically generated ToC :house: :robot: - GitHub - basnijholt/home-assistant-config: Home Assista...

#

any advise would be helpful

runic bolt
#

im trying to have my door and the light next to the door being displayed in one square. i tried using the "button card" and it shows the door open and close as i expected, but when i want to change the background based on the state of my lightswitch nothing happens. typing "red" or "green" works as expected, but right now it returns nothing it seems.

kind shellBOT
runic bolt
#
  - value: 'on'
    icon: mdi:door-open
    color: |
      [[[
        if (states['switch.shelly_shsw_1_e89f6d862207'].state == 'on')
          return "green";
        return "red";
      ]]]``` 
does not change anything 😦
opaque kiln
#

Also I think the color attribute doesn't support templating.

runic bolt
opaque kiln
#

I do similar templating for button colour through

styles:
  card:
    - background-color:

and it works there.

runic bolt
#

so instead of the color i just put styles at the bottom and use the java script snippet?

#

let me try! 😄

opaque kiln
runic bolt
#

now im getting at least an error! 🙂

#

seems like im on the right path

#

aaaaaahhh indentation was missing

#

now its working ❤️

#

thanks @opaque kiln , you are my hero 🙂

#

just noticed "none" does not return the card to the original color. but its working now, this time for real! 😄

#

holy shit thats so cool to see the door open, totally worth the day i spend to make this happen xD

keen belfry
#

Hi, I'm trying to use custom:button-card in a dashboard created with the UI. I have the following error Button-card template 'card_light' is missing. I assume that I need to add a resource to my custom_component but what url should I enter, given that my templates are in /config/custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/?
Thank you in advance.

frail socket
#

Hey, I am a complete noob with home assistant and I downloaded the UI Lovelace Minimalist and used their generated dashboard and customized it little bit. The problem I have is, the first time I load the UI (iOS/Android/Web) I get an error for each custom card and after a reload the errors are going away and you can see the UI. Is there a fix to just see the UI directly without reload?

hallow mango
gentle kiln
#

Apologies if I missed something in the 2022.4 release notes or release party, but is the new device_class / "Show as" selector that was added to the UI for binary sensors already planned for other domains (e.g., sensors) in a future release, or should I create a feature request?

vivid swift
#

Hi! Is there any way I can "force" the colour of an icon? I'm showing subway departures, and getting, say, the G line in green would make my life a lot better.

hallow mango
#

depends on the card you're showing it with usually

#

or, depending, you could prob do it with card-mod

vivid swift
#

Oh, just entities

distant phoenix
#

Can someone help me wrap my head around card-mod style dictionary? I'm trying to get to an element that's a few shadow-roots deep, but can't seem to get there. Based on documentation and a few community posts I think this should do the trick, but it doesn't work.
style: "card-tools-popup": $: "ha-dialog > div.content > lg-remote-control": $: | div.card: { background: red; }

vivid swift
#
type: entities
entities:
  - entity: sensor.g_to_queens
    icon: mdi:alpha-g-circle
#

Looks like I need to learn card mod 🙂

distant phoenix
#

It's great when it works. Getting it to work on the other hand isn't always as straight forward

vivid swift
#

Ah, it turns out that with the fontawesome component, I can easily add SVG icons, and just took the "official" MTA icons

#

Just showing off now 🙂

opaque kiln
#

Haha nice! But why do some of the sensors show negative minutes?

quick vessel
#

Is there a way to use blobbing/regex for the entities card?
For example I'd like to have a card that contains all light.basement_* entities, than another for light.groundfloor_* etc.

#

Do I need to pull a list of entities and code something to spit out the YAML, or is there an easier way?

dark dirge
#

Look into the auto-entities custom card

quick vessel
keen belfry
fiery ledge
#

up front: I dont use that minimalist theme, but according to button-card repo, configuration templates "Define your config template in the main lovelace configuration" . are you certain thats in order?

#

to be sure: you do that for each dashboard you use. so if you need you existing templates next to the ones in Minimalist, you need to point the dashboard to these templates too

lyric prairie
keen belfry
#

Thanks @fiery ledge for your response. That's exactly the point, I try to configure it but I can't figure out where.

fiery ledge
#

as said, in each dashboard file

keen belfry
fiery ledge
#

well, tbh, I can't advise you there. What I do know is you can very easily nest folders in your !include_dir_merge_named folder. Its what I do and it provides all templates stored in any of the folder, so you can organize them easily:

#

in all of my dashboards I use: button_card_templates: !include_dir_merge_named ../button_card_templates and voila, all template are available

surreal agate
#

This card is a horizontal stack containing 2 custom:button-card, is there any way i can get the card on the right to align to the far right? I can use card-mod if needed. Thanks

fiery ledge
#

anythings possible.. 😉 maybe give us a bit more yaml to see? what do you want (align to the far right: the icon, Test and Icon? you might need another setup but we can not really 'guess' right now

honest moon
#

anyone else notice all their numerical history graphs are flat after isntalling the April core release?

#

the actual values of my temperature sensors are accurate, but their history is frozen on the graph from the moment i installed the april release...

limber mist
#

I've been seeing a problem with the new release where the main dashboard is empty after a while and I have to reload the page. Same issue happening in the app

half ember
#

Is it possible to use the mdi:lightbulb icon with a helper button (input_button) and set the brightness of the bulb based on the number of times the button has been pushed?

#

If not, what would be the best way to handle this? I have a dimmer switch where you push the switch a certain number of times for different brightnesses. It uses a touch sensor. I'm using a shelly relay to trigger the touch sensor.

raw stream
#

I have a bunch of sensors which measure energy use or cumulative durations for vacuum use etc and which are being recorded in long term statistics. What card should I use so that the data can be presented as a bar chart with daily/weekly/monthly sums. The statistics card just shows the total increasing all the time which is not particularly useful.

sleek coral
hallow mango
#

if that's what you're going for anyways

ebon fractal
#

I'm trying my hand at mushroom cards, but I noticed that my cards are very squared off like normal HA cards and not rounded like the examples I've seen. I installed Mushroom themes in HACS and thought that maybe somehow I was using the squared theme, but when I go to change my theme, HA says "No themes available". I tried redownloading Mushroom themes and restarting HA, but I still can't get the option to change themes.

half ember
# hallow mango if that's what you're going for anyways

Okay, I see how I could use a script to trigger the relay and increment a counter. What kind of object could I put in the lovelace UI that would allow you to press a button to activate the script and also see the value of the counter? Ideally I'd like to have a lightbulb icon on the object that would visibly show how bright the lights are.

grave river
#

Changing a switch to a light doesn't seem to work, the dialog just re-appears with _1, _2, _3 etc appended to the entity ID after the message saying the switch will be hidden and a light will be created.

eternal shale
#

hey there. i just moved frome iobroker to home assistant, and i am impressed. but i got one question. i there a addon/integration to add a classic hamburger menu to the Dashboard (Lovelace) where you can show some of the views (tabs).
or just change the tabs to a hamburger menu and hide some of them.

grave river
#

This icon?

eternal shale
#

no i mean these ones

eternal shale
ebon fractal
#

There's also a config option under your profile to then re-order/remove items from the left menu.

eternal shale
#

yes i know thx but it would be mutch cleaner if i can crate a custom one just for controlls. i use kiosk mod do clean everyting up

ebon fractal
#

Ah, outside of that I'm not sure then. I haven't looked into anything like that before so not sure if it exists.

lean hedge
#

in the default light card, if there is only one channel, it seems to default to a yellow bulb. Is it possible to change that color?

#

but only for specific light cards?

#

Specifically, I have a dimmable blue only LED I'd like to more easily identify

errant plover
hallow mango
solid wyvern
#

If I want to have a bit more control over the layout of my dashboard so that it fits the screen on mobile vs tablet vs pc is card mod the only way to do that?

lean hedge
#

@errant plover I ended up creating a theme.

errant plover
opaque kiln
mild veldt
errant plover
sudden lotus
#

something strange has happened to the icons on my dashboard, this is after a cache wipe and hard refresh. any ideas?

#

nvm apparently it is a chrome issue

tacit matrix
#

hello

#

i have problems with the animated weather card

#

custom:weather-card

#

is not working anymore .... have somebody a solutions about this?

fiery ledge
#

Not sure if this is a Frontend issue or backend db issue, but since beta 2022.4 + I experience trouble with non loading history graphs a lot

tacit matrix
#

hmmm okay

fiery ledge
#

anyone seeing the same on those?

#

Fabsee: nothing at all? I see the card still here

tacit matrix
#

here is not working anymore ....

#

and many people have the same problem

fiery ledge
#

Have a link?

tacit matrix
fiery ledge
#

Working 😉

tacit matrix
#

here not

fiery ledge
#

Yeah I see those comments now, was new to me. Odd. I’ll check those a bit later

#

Havent touched that in 3 years I think ..

tacit matrix
#

yes

winter ocean
#

Hello, does anybody knows how to enable kiosk mode on the frontend?

frosty fossil
#

Hi guys, hows things?

#

question about IP CAMERAS

#

did anyone figured out how to place icons on expanded life view from cameras?

#

PTZ control and for instance gate control switch

eternal shale
#

kiosk_mode:
hide_header: true

#

if you want to edit your dashboard you need to add "?disable_km" to the url. (without "")

eternal shale
#

is there a addon or integration to add my own Hamburger menue to my dashboard?

frosty fossil
#

so how to get audio from ipcamera?

#

anyone?

lavish basin
#

how do you change the url name for a dashboard? i have a dashboard moms i renamed it to Hallway i want the url to homeassistant:8123/hallway not homeassistant:8123/moms how do you fix that or is only way to delete the dashboard and start over?
and if i rename a dashboard i can not create a new dashboard with the same name
so if i have hallway-tablet and rename it to hallway-tablet-old i can not create a new dashboard called hallway-tablet
how can i manually rename the dashboards like from a file editor
i even tried Terminal and looking in folders where i could just rename the dashboard files but cant find it

rancid cairn
lavish basin
#

tried that nothing there

#

it doesnt actually have a file name in the raw config

#

the only work around i did now wich is a semi headache

#

i did created "temp" as a dashboard.. then went to the 1 dashboard.. did the Raw configuration copied it.. pasted it in the Raw configuration in temp and delete the one dashboard (hallway-tablet) i renamed to hallway-tablet-old... then re create it hallway-tablet pasted the temp copy from the other dashboard.. its just a headache.. i was hoping for like a dashboard folder.. that had all the dashboards.. like all the yamls

#

it all must be in like 1 database file you cant access

rancid cairn
lavish basin
#

ya not what i mean

#

when you create the "Dashboard" you gets a filename.. when you re change the "Dashboard" name it doesnt actually re change the Dashboard orignal File... its the same with Scripts and Automations.. if you re change a Title it doesnt change the file name sometimes

#

so.. if you create

#

Hello (dashboard) it creates like say hello.yaml

#

when you rename

rancid cairn
#

ah okay didn't know that

lavish basin
#

Hello (dashboard) to say Hello Old it keeps the hello.yaml file

#

it doesnt actually change it to Hello Old.yaml

#

so if you you re create Hello as a dashboard name it gives you error the path already exists

#

so basiclly you gotta delete and start over

#

ya like scripts sometimes it gives like 324523452345.yaml for a script or sometimes i get a name but if you rename script it keeps the orginal title name you gave it

#

was hoping for a simple just rename would fix it but it doesnt

rancid cairn
#

so i did a tiny experiment on my end:

#

not sure why it isn't working for you.. 😦 but maybe give it a go?

lavish basin
#

that seems to be abc for your Tab"

#

im talking about renaming under Configiguration - Dashboards

#

my paths are "Home"

rancid cairn
#

ah! apologies sorry my bad!

#

i misunderstood you.. i'm an idiot 😵‍💫

lavish basin
#

i mean Renaming the Actual Dashboard names

#

thats ok i have dislexia i explain wrong sometimes for ppl ):

rancid cairn
lavish basin
#

what thats a first ffor me lol

rancid cairn
# lavish basin what thats a first ffor me lol

i'm sure it wasn't but.. yeah you clearly stated dashboards and gave examples.. and I thought you were talking about tabs lol

Sorry though.. I haven't really played around with multiple dashboards so I can't help you.. there's nothing simple appearing on mr. google either.

lavish basin
#

i have multiple dashboards as i have lot of differnet test ones.. but i noticed i cant rename points to the old..

#

ya i hear ya

#

the only work around was create a temp dashboard copy the old into temp then delete the old dashboard the re create it then copy the temp back to the newly created dashboard

rancid cairn
#

yeah that sounds like it works but is a pain

lavish basin
#

ya that must be when you have a dashboard.yaml file already and add it in manually.. and here i trying to rename from the configuration-->dashboard heading.. nothing is ever easy lol

#

but i am looking in the lovelace-ui.yaml i noticed in that doc

#

so maybe its in mine the file locations just taking a while to load lol

rancid cairn
#

do a reboot?

lavish basin
#

ah dislexia.. doc says ui-lovelace.yaml and i looked in lovelace-ui.yaml frig.. nothing in it.. i know i did run out of memory it said lol... and i dont have a ui-lovelace.yaml in the config folder.. go figure lol

#

so only the headache of copy paste re create only way i guess lol

cold burrow
#

I've got a weird bug where editing automations the save button doesn't appear in the UI. Basically I can't edit and save automations anymore. I've tried restarting HA with no change. Occasionally the save button does pop up, but for like 90% of the time it doesn't. Oddly on one specific automation if I delete a single character the save button doesn't show up, but if I add a character or space, the save button appears...but clicking save then reopening the automation, it didn't actually save.

Anyone else know how I might go about fixing this?

timid moss
#

I haver 3 Door sensors that report "Open" or "Closed". Is there a way to create an entity that combines all three, then reports "Open" when any of the three are opened?

#

Did it with a group 🙂

#

Wasn't sure that was gonna work

kind shellBOT
timid moss
#

So I'm trying to use custom:button-card to display a different icon once a door has been opened, but that part doesn't seem to be working. No matter what, it shows the closed door icon and the text is white.

dark dirge
#

you're not using the right syntax

#

one of mine:

#
                      state:
                        - value: "[[[ return states['automation.away_timer'].state === 'on'; ]]]"
                          operator: 'template'
                          name: "[[[ return parseInt(states['input_number.away'].state) + 's'; ]]]"
                          icon: "mdi:timer"
                          color: yellow
                        - value: "[[[ return parseInt(states['input_number.away'].state) === 0; ]]]"
                          operator: 'template'
                          name: "Away"
                          icon: "mdi:home-export-outline"
                          color: "red"
#

you have a mixture of misplaced "-" and missing values

#

if you're going to define what should happen in a state, you should define all the states (or at least have a default)

timid moss
#

Ah nice, that seems to have fixed it up 🙂 Thanks!

fiery ledge
#

wht would e the best way to guard this: variables: speed_rotation: > [[[ var speed = states['sensor.argon_one_addon_fan_speed'].state; var mapper = {1:'4s',3:'3s',33:'2s',66:'1s'}; var motion = mapper[speed] ? mapper[speed] : '0.3s'; if (speed != 0) return 'rotation ' + motion + ' linear infinite'; return null; ]]] for the existence of the sensor? its made at the and of the startup procedure, and the button I use this on throws a very large error dropdown in the frontend.

#

usually I d things like if (states['sensor.argon_one_addon_fan_speed']) but I am not truly confident how to write that into the mapper.

#

this might do it: - type: conditional conditions: - entity: sensor.argon_one_addon_fan_speed state_not: unavailable card: !include /config/lovelace/includes/button/include_button_cpu_temp.yaml

iron locust
#

I've got a light group "OfficeAll" that I've added as a button in a dashboard. Is there a way to make it appear yellow when it's on rather than orange? The off state works fine

vocal wagon
#

Hi all, I'm looking for a way to use the entities of a group (or rather their names) as the list of entities in an entity-filter card ?
`
type: entity-filter
entities: >
{{ state_attr('binary_sensor.fenster_og', 'entity_id')|list }}
state_filter:

  • 'on'
    card:
    type: entities
    `
#

above is obviously pseudo-code 😉

tame mauve
#

Hey all! Thanks in advance for help. I have dashboard where I want to (a) select a playlist, and then (b) play that one a given Sonos target

#

The UI looks like this. I need to set the Spotify Playlist URI to a variable when a playlist button is tapped, and then use the Play Media service when the appropriate playback button is pressed.

#

I’m writing the playlist into a helper when the playlist button is pressed.

#

But, when I attempt to use the Helper in the Play Media call I get an error.

#

Here’s how I’m attempting to read the state of the Helper:

#
      action: call-service
      service: media_player.play_media
      service_data:
        media_content_type: music
        media_content_id: '{{ states(''input_text.current_playlist_url'' | string) }}'
      target:
        entity_id: media_player.sonos_kitchen```
dark dirge
#

you cannot use templates there

#

and your syntax is wrong

#

call a script and use your template there, correctly formatted

tame mauve
#

I think I got the syntax right when I wrote it, but probably because this is not allowed here, something about saving the YAML reformats it to this.

#

Ah, got it, okay great!

#

Thanks RobC

dark dirge
#

{{ states('input_text.current_playlist_url') }}

tame mauve
#

(am editing the YAML via the UI’s YAML editor, not by hand)

#

qq @dark dirge, is this a sensible way to go about decoupling selection of a playlist from the target? or is there another UI facility I should be using that could, say, populate a dropdown and then let me select from a list of entities?

dark dirge
#

or an input_select

#

which is called a "dropdown" in the frontend, so yes

tame mauve
#

Okay, I have the following script:

#
  alias: 'Sonos: Play Selected Spotify Playlist'
  sequence:
  - service: system_log.write
    data_template:
      message: "The URL is {{ states('input_text.current_playlist_url') }}"
      level: error
  - service: media_player.play_media
    data:
      media_content_type: music
      media_content_id: {{ states('input_text.current_playlist_url') }}
    target:
      entity_id: media_player.sonos_abodu_workroom
  mode: single
#

For some reason, the script results in the target entity playing some other playlist besides the one I pass in.

#

For example, let’s say the log message contains this URL:

#

It winds up playing some other URL over and over, regardless of which URL is logged:

#

In this case, that one.

#

If I take the URL from the log and hard-code it into the play_media service call, the correct playlist is played.

#

But when I pass that same value in via the states() read, it doesn’t use the same URL that I logged.

#

Any idea as to what I’m doing wrong?

#

Oh — I see this error:

#

invalid key: "OrderedDict([("states('input_text.current_playlist_url')", None)])" in "/config/scripts.yaml

#

Corresponding to the call on this line:

#

hmm

#

Ah, missing double-quotes.

#

Ok, got it.

cold burrow
# timid moss Did it with a group 🙂

Hey, how'd you get them grouped together? I also have door sensors and I've been adding them individually to automations so far. I did create a template that includes them all, but haven't figured out how to properly paste in the template into yaml trigger yet.

icy gust
#

I am looking to properly display a datetime in a markdown card, should I post here or in templates?

oblique apex
#

Hey folks I have seen a plant card a while ago wich showed the watering like a bar with two red ends to indicate too much or too little water. I cant seem to find that plant card does anyone know where to find that? thanks

weak flume
#

I finally switched to the UI based config for my front end. Should have done this a long time ago. Or maybe it wasn't this good but either way... It's so good now.

wind sail
vapid field
#

Hi everybody. I’m trying to use the UI Minimalist and Room-Card.
For that I was suggested to create a folder structure like the one in the picture at this link https://imgur.com/kWNU0J2 and to start editing the .yaml files inside the views folder because of the fact that UI Minimalist doesn’t work with the standard UI editor inside Home Assistant, does it?
Unfortunately I cannot use the autocompletion function for my entities from that views folder and, moreover, it seems that my HA connot find either the UI Minimalist templates or the Room-Card.

Can you suggest me how to build my folders structure in order to let me use both the UI Minimalist or the Room-Card frontend integration with the autocompletion function or provide me any example/link where I can find my way, please? (of course I read several times the wiki of UI Minimalist and Room-Card without success).
A thousand thank you. 🙏

oblique apex
hearty quartz
#

I am trying to get auto-entities to work with the mini media player card. I am using the following

type: custom:auto-entities
filter:
  include:
    - entity_id: media_player.plex*
  exclude:
    - state: unavailable
card:
  type: custom:layout-card
  layout_type: masonry
  cards:
    - type: custom:mini-media-player

but it doesn't seem to work. I am using the layout-card because that is what is recommended in an issue but th ey don't actually seem to give any example of how it should be written up.

polar kelp
hearty quartz
#

thats where I am confused, shouldn't that be passed through from the auto-entities? I did see this on the github page but for some reason it is confusing me.

#

Would it be this?

type: custom:auto-entities
filter:
  include:
    - entity_id: media_player.plex*
      options:
        type: custom:mini-media-player
        artwork: cover
  exclude: null
card:
  type: custom:layout-card
  layout_type: masonry
  cards: []
polar kelp
#

Auto-entities will generate a list of entities, like media_player.a, media_player.b etc.
It will then create the card:```
<whatever you put in card:
entities (unless card_param is set):

  • entity: media_player.a
    <any filter options>
  • entity: media_player.b
    <any filter options>```
#

So you would get```
type: custom:layout-card
layout_type: masonry
cards:

  • type: custom:mini-media-player
    entities:
  • entity: media_player.plex_1
  • entity: media_player.plex_2```
#

Your second version should work since layout-card accepts entities: instead of cards: specifically to work with auto-entities.

hearty quartz
#

ah okay, I think I see. I think I got confused from the example on the readme because they just use light/light

polar kelp
#

Oh, you're right... there's stuff missing from that example. Never mind. It explicitly states it default to the entity card.

hearty quartz
#

I think it could still be a little clearer but I have it figured out now.

fierce jetty
#

I currently use still image generic cameras to show various weather radars on my dashboard, I set the frame rates to the speed i want them to update (mostly 0.010 fps). I had tried to directly use them on the dashboard in the past and ran into issues with them not updating enough or sometimes updating more than I would like (for example. I prefer to only have the weather forecase updated once a day because otherwise I lose the current day in the forecasst). A lot has changed and been added since I set it up this way so I am wondering if there is a better way now? ideally a way to show them (they are images) and auto refresh them at a set time interval. Thanks

grave river
#

Is there a bug in the front end that causes the page to reload if it's not been viewed for a while? If i leave HA on a chrome tab and use a different tab, then i go back to the HA tab, the page reloads. (HAOS)

hallow mango
fierce jetty
#

you never had any problems using a weather radar like that?

#

mine stop updating randomly and i have to restart HA to fix it, i thought maybe the 0.010 frame rate was causing issues

oblique apex
#

The card has some realy nice features sadly I dont understand how the "species" should be named correctly I dont understand how to compile the DB and I cant seam to finde somebody who does. If you should have that working please tell me how you did it :S

polar kelp
#

Seems like the database is already compiled in that fork.

oblique apex
#

Well maby I just dont get it. I got the DB as .csv and if I understand it correctly now I have to run "python3 convert.py DBFileName.csv > data.js" wich should put out data.js (sadly I work on windows and dont have a linux instalation some where)

#

I guess thats the breaking point atm

polar kelp
#

But you need to run the script with the same .csv file to get the species list if you need that.

oblique apex
#

Ah ok

#

one step closer and a bit more confused

polar kelp
#

Or, I guess, you could run the data.js file through an online code prettifier and probably get a pretty usable list.

oblique apex
#

sight ok I am detirmend to get there... So I need the data.js and this line of code "python3 convert.py DBFilename.csv species" right? this should give me the species list?

polar kelp
#

Know what.. give me a second

oblique apex
#

Thank you very very much that helped a lot 😄

polar kelp
#

You want the value after the colon. Including quotes

oblique apex
#

Ok that got me farther by a lot. So my card looks now like this ```type: custom:flower-card
entity: plant.pflanze_1_pfefferminze
species: mentha x piperita

#

Somehow it wont show a picture thoug

oblique apex
#

Well I am happy that the DB seems to work now maby I can get the pictures working sometimes too 😄 thanks for the help

polar kelp
patent scaffold
#

is it possible to have vertical stack of 2 cards after each other?

dark dirge
#

that's what a vertical-stack is

patent scaffold
#

Yes but I want them in pair of 2 cards vertical down 🙂

dark dirge
#

?

patent scaffold
#

X X
X X
X X
like that

dark dirge
#

so a vertical stack of horizontal stacks

patent scaffold
#

yeha? hehe

dark dirge
#

well, that's a thing

patent scaffold
#

how do I mix them

vapid field
dark dirge
#

or just use layout-card or grid

patent scaffold
#

Ah! Grid! never used that one, thx 😄

hallow mango
fierce jetty
oblique apex
oblique apex
lofty kiln
#

Hi all .. I have a question regarding the Alarm Panel Card in Lovelace .. I am using both HA and Homey, and has setup my alarm system using the awsome Heimdall App (https://github.com/daneedk/com.uc.heimdall) by Danee de Kruyff in Homey .. but I would like to use my Lovelace Dashboard with the Alarm Panel to Activate/Deactivate Alarm and set states of Heimdall .. The Entities from Homey is already inside HA using MQTT but I am not able to use these entities with the Alarm Panel it seems, and i have not been able to find any documentations or video guides regarding this .. Can anyone help me? 🙏 🤗

GitHub

Heimdall for Homey. Contribute to daneedk/com.uc.heimdall development by creating an account on GitHub.

icy gust
#

I have an attribute with a datetime in it, which I want to display on a markdown card. The attribute looks like this timestamp: '2022-04-04T03:20:00+00:00' I want to display it in local time and don't need anything other than the date, time is not needed. Currently in the markdown card it has "The last update was at {{package.timestamp}}" But of course that displays the whole ugly thing in UTC. I have pored over the template docs for quite some time and can't seem to get it right.

stoic radish
#

Is there any solution to use iframe for http pages while using https? I am running ha container. Thx

opaque kiln
icy gust
raw stream
#

Hi. Is it possible to use the value of a sensor to be part of a string for the name of an entity in an entities card? E.g., something like name: Boss (away for {{sensor.boss_away_time}}). Thanks!

ocean kiln
#

Hi, could I get advice on the best way to present multiple thermostats on one page. I have around 8 in required on one dash because of multiple TRVs

warped yew
#

I'm trying to install mushroom themes but keep getting this issue in the logs. Error executing service: <ServiceCall frontend.reload_themes (c:7031c355873e3de8a13d89325811b3cd)>

#

anyone know what to do?

digital canopy
#

any way to have a dashboard that only shows devices/entities that are "on" ? I found the conditional stuff, but not sure how to approach this one..

fiery ledge
#

did you have a look at auto-entities? there are plenty examples how you could approach that, its an amazing tool

zealous rune
vital cedar
#

Is there a way to show an icon in a text field in 'dashboards'? Like you can get the state of entities with {{ states('...') }} to the frontend or something?

fiery ledge
#

you can show an icon and text in a markdown card, if thats what you're after?

#
content: >
  **Weersverwachting:**

  <img src = {{state_attr('sensor.weather_animated_icon','entity_picture')}} width='130' height='130'>

  Voor vandaag, {{states('sensor.vandaag')}}:

  {{states('sensor.weather_animated_icon')}}, {{states('sensor.dark_sky_temperature')}}°

  <font color= {{states('sensor.temperature_color_name')}}>{{states('sensor.dark_sky_daily_summary')}}</font>``` will even give you an entity_picture, so yeah there's a way
#

to use an icon: content: > <font color={{states('sensor.trash_color')}}><ha-icon icon= {{'mdi:delete-alert' if states('sensor.afvalwijzer_today') != 'Geen' else 'mdi:delete-outline'}}> </ha-icon></font> Vandaag, {{states('sensor.vandaag')}}: <font color= {{states('sensor.trash_color')}}>**{{states('sensor.afvalwijzer_today')|capitalize}}</font>**

full sand
#

I removed a few groups from groups.yaml but after 2 restarts the entities are still up. Any ideas?

snow turret
#

I have a button on my homescreen that turns my pc on. Is it possible to make an account so someone can use it but ONLY can use 1 button

frigid bridge
#

If I see a default icon in an unchageed dropdown, e.g., how can I figure out, which icon is this? And am I wrong, or was the default name displayed in the past?

last oxide
#

if i use home assistant created speaker group

  - platform: group
    name: allspeakers  
    entities:
      - media_player.woonkamer
      - media_player.keuken
      - media_player.garage1speaker
...

the speakers don't play simultaneously for example music on the media_player.allspeaker
and if i run automations to do tts on the media_player.allspeaker the same thing
any work around?
google home created groups doesn't work well either

#

tts.reversotts_say and tts.google_say look the same

vital cedar
#

More ideal would be to create a separate dashboard for that person and only add the button. You would need to set this dashboard as the default dashboard of that person on the phone tho, and if it has to be secure you have to make your own dashboard admin only so the person can't change it back to 'your' dashboard

harsh anvil
#

Hey, can anyone assist me in adding the home assistant websocket into a react native app?

tranquil flicker
#

so - if an integrations enable button and dot menu doesn't do anything at all when clicked, where would be a good place to look

kind shellBOT
fringe timber
#

I'm trying to make my first picture-elements card in my dashboard. I want to position badges on the image, and it seems this is very CSS'y, where I'm positioning the badges by entering percentage values for top and left attributes. Is there any visual way to drag the badges where I want them? I have dozens of badges I want on this one image (a map of my house) but not looking forward to the tweak-save-reload-repeat cycle ad-nauseum. 😦

lofty cypress
#

Hello, has anyone found a way to have the front end select these sources in AppleTV. I am trying to build a remote page and it would be nice to select Netflix and open that app. If I select it using this Source list it instantly opens on my Apple TV. The only way I found people were doing it was build scripts to hit home then move 2 spaces left and press enter...etc.

fringe arrow
#

I have an entity with a time on it (next tram timetable) and I want it to show like 9 minutes or 5 minutes etc, so a from now time, I am using a vertical-stack thing. Is there a way I can do it?

opaque kiln
#

A template sensor that takes the value of the difference between the next tram and the current time?

fringe arrow
#

yes

#

template sensor?

#

Like make another sensor that takes the difference? I didnt know that was a thing you could do

#

but that would fix the restrictions of the card, i'd rather do that math on the back end than in the card itself

opaque kiln
#

I doubt that the entities card can take templates. But why wouldn't you want a dedicated sensor to track this time difference? Then you could use that sensor's value in other automations too.

fringe arrow
#

It’s not that I don’t want it, I only just started with HA so idk what that is or how to implement it. Is there a doc for it?

#

Like how do you make a sensor?

split granite
sinful urchin
#

does anyone know of a smart way to get iframes to work on sites that block cross site origin?
i want to display a weather radar on a dashboard, but i can't get it to work

hazy nimbus
#

Hey im new to HASS and Im trying to dispaly some room temeprature with the area cards. I created some entities via command_line plattform to simulate the temp. But the temperature is not dispalying on the area card. Can someone help me or provide docs / guides. ^^

jaunty stag
#

Still semi new at HA, but what would be the easiest way to update a entities section to change the icon color to when it is on to be a certain color and off another. I'm currently using the ios-dark-theme and some of the mdi light icons are the default yellow and some are not

Ie https://i.imgur.com/DQrVYW8.jpg

blazing hearth
#

any ideas why the frontend shows negative values as floating point numbers even though the state is an integer

#

If I open up the details on it, it shows it as integer:

sonic vale
#

Going to assume this is the correct channel for this question (please correct me if I'm wrong). I set up the Plex Meets Home Assistant integration and it is working beautifully. Only thing is, if I select play on a piece of media that I already started, it picks up where I left off (which is cool) but I'm not seeing any option to start from the beginning. Is this an option that exists?

fringe timber
#

@sonic vale Do you maybe have the "Remember playback position" option selected on the Plex server itself?

#

It's an option applied on a per-library basis.

real lark
#

My dashboards are now really keen to jump from 3 to 4 columns making my cards always feel really narrow and squashed on desktop. Anyone else find this after April updates?

thick blade
#

I'm trying to customize the colors of my dashboard, and i can't figure out how to theme the background of my dashboard pages (hui-masonry-view). If i add the custom CSS through the web inspector of my browser it works fine, but I don't know how to translate that to my theme.yml file

wet flame
#

Is it possible to change and template card's icon color to match the light bulbs color?

#

this doesn't seem to work

#

{% if is_state('light.asher_fanlights', 'on') %} rgb_color: {{ states('light.asher_fanlights.attributes.rgb_color') }} {% endif %}

polar kelp
#

What template card?

polar kelp
wet flame
#

I just realized it's a custom template from mushroom. So I would probably have to ask the developers for mushroom and see if it's possible

thick blade
real lark
#

I’m trying to stack mushroom person card with an outer border (like the entity card) but can’t find any compatible mods/cards I tried :
stack-in-card - keeps shadow and corners
lovelace-canary - vertical only

Is there a better mod/card I can use?

real lark
polar kelp
#

Horizontal stack card in canary?

real lark
polar kelp
#

Yes, but make the only card in that vertical stack a horizontal stack card.

real lark
real lark
daring thicket
#

Hello I have an API giving me the status of my lock (1 if it's locked and 0 if it's unlocked), I created a a binary_sensor and apparently Ha expect the opposite values. Any idea how to fix that?

#

here what I put on my configuration.yaml

#

binary_sensor:

  • platform: rest
    name: lock_status
    device_class: lock
    resource: "http://api_call"
#

And the result (the lock is locked)

opaque kiln
#

Yup HA does expect unlocked to be 1 and locked to be 0. But it's a simple matter to invert a Boolean no? Just use a template, as per example in the docs?

#

Or if you can edit the API outputs, you can handle the inversion there.

daring thicket
#

hello thanks for the answer can you direct to the documentation about that? It's the first time i'm playing with the yaml file i'm kind of lost here

blazing wren
oak steppe
#

Little confused by the UI for setting the HA internal / external URL -

#

I saw some tutorials and old docs referencing an internal and external URL form fields under General Configuration, but appears it had been updated? If I uncheck Automatic, it only gives me one field however (and assuming this only sets internal?)

opaque kiln
timid moss
main locust
#

@lilac canopy Can you please send me a message when you get a chance?

warm stone
#

Is there a way to add a color picker in the dashboard that returns an output that can be used as a template?

lofty kiln
#

Hi .. Can someone help me in how I get the sensor.date_time formated? .. I would like to have the date display as 13 April 2022 but at the moment it is displaying as 2022-04-13 .. also I would would like some help in how I get this date centered and larger text in a card 🙏 🙂

daring thicket
#

binary_sensor:

  • platform: rest
    name: lock_status
    device_class: lock
    resource: "http://api_call/"
    value_template: "{{ 'off' if is_state('binary_sensor.lock_status', 'on') else 'on' }}"
#

but since the lock change state every 30 seconds

#

when I remove the line value_template: "{{ 'off' if is_state('binary_sensor.lock_status', 'on') else 'on' }}"

#

it stay at "On"

opaque kiln
#

You could also just use not states(...) to negate the state and save some coding. But your value template is applicable more generally.

daring thicket
#

But any idea why the value changes every 30 seconds?

dark dirge
#

This is an #integrations-archived question. But that rest sensor doesn't make much sensor - it looks like you make a rest call and then just use the state of an existing entity for the value

fiery ledge
#

must be an older question, but can we have the template-entity-row respect the device_class representation and not show the state on/off? filter: include: - domain: update options: type: custom:template-entity-row name: > {{state_attr(config.entity,'friendly_name')}} secondary: > Latest: {{state_attr(config.entity,'latest_version')}} - Installed: {{state_attr(config.entity,'installed_version')}} active: > {{is_state(config.entity,'on')}} sort: method: state reverse: true

kind shellBOT
fiery ledge
#

oops: testing the older secondaryinfo-entity-row again to achieve what I hoped for above.... apparently HA doesnt guard against malfunctioning custom cards 😉 result: a hanging system. beware.

icy verge
#

ugh ive been working all morning to get the code on this card working. is there somewhere i can post and have somebody smarter than me help see what im failing at lol

tacit cave
#

that's what this is for, use a share site

kind shellBOT
#

Please use a code share site to share code or logs, for example:

Please don't use Pastebin, since it can randomly add spaces to the main view. Please also don't share text as images since it makes it harder for people to help you. Remember that others may have colour blindness, impaired vision, etc.

icy verge
#

once i put my code in there you want me to share the link?

tacit cave
#

Yes

icy verge
#

i cannot for the life of me get that to actually show RED when the % are in the negative

tacit cave
#

which card, that's a huge config

icy verge
#

vertical stack with entities

#

i'll share just one

#

and if we get one entity working i can do the rest

tacit cave
#

well, I already see 1 problem

#

you don't have a termination after any color: blah

#

you have it on the prior line, but not the color line

#

;

icy verge
#

tbh im stealing this from a card that is working correctly.

tacit cave
#

share that config

#

for reference

icy verge
#

this is the one that does work

tacit cave
#

the error probably lies somewhere elese

#

check your logs

icy verge
#

neg. they do show information. however the color does not change on the neg

#

it'll show green

#

but when the numbers show a neg percent its still green

tacit cave
#

if they are both in an entities card, they should work

icy verge
#

i think whats happening is they are pulling the wrong information from the sensor to determine if its + or _

tacit cave
#

if that's not what you want, then that's your problem

icy verge
#

i've tried changing it to the state_atrr on multiple places, but it dosent fix it

tacit cave
#

what attr are you trying to pull? Also, you'd have errors in your logs if you used that incorrectly.

icy verge
#

i want it to change color based on the state_attr(config.entity, ''change'')

#

however when i change the icon an dcard mod it dosnet work

#

this should change color based on the % change of the sensor. however it does not

#

it only shows up white

tacit cave
#

state_attr(config.entity, 'change')

tacit cave
#

they would have shown you an error

icy verge
#

ok, where would i find the log for this

tacit cave
#

also, when you make template changes like this, you need to clear your cache

#

the logs for home assitant are: home-assitant.logs in your config folder

icy verge
#

Template warning: 'round' got invalid input 'None' when rendering template '{{ state_attr(config.entity, 'chan') | multiply(100) | round(4) }}%' but no default was specified. Currently 'round' will return 'None', however this template will fail to render in Home Assistant core 2022.1

fiery ledge
#

did you test this first with a hard coded entity? always helps to check the config to do that, and you can then use the dev tools template

icy verge
#

im affraid your talking to a idiot and nothing you just mentioned makes much sense lol.

#

so imma go with no

#

i noticed this template worked with 1 card and entity, tried to mimic it with another entity.

#

here is the orignial card working

#

here is my card failing

fiery ledge
#

instead of config.entity (which is what auto-entities creates for you) use a real entity_id in that template.

icy verge
#

where specifically, in the state?, in the secondary? or in the icon and card mode area

#

how do i get it to pull the "Change" state then

fiery ledge
#

lets say the Olympus, find the entity_id and put that in the template, on all places where config.entity now is used

#

step by step.... first do that, got it working? next step: change the template, eg flip the operator, and see if the colors change. If that works as you want it, you can re-enter config.entity etc etc

#

and remember what Petro said, use single quotes around the 'change' attribute, otherwise none of your efforts will work

icy verge
#

so an entity_id is not generated that i can find in the developer tools for those sensors. only the name. tried replacing config.entities several different ways, didnt return anything and wasnt showing any data with that

#

change the config.entities to look like sensor.cryptoinfo_price_olympus_usd

#

if i drop a set of quotes around the 'change' it throws the whole card into an error

#

that is changing it from ' 'change' ' to just 'change'

#

this is the error in the logs

#

Template variable error: 'sensor' is undefined when rendering '{% if states(sensor.cryptoinfo_price_olympus_usd) | float > 0 %} :host { --paper-item-icon-color: green; color: green } {% elif states(sensor.cryptoinfo_price_olympus_usd) | float < 0 %} :host { --paper-item-icon-color: red; color: red } {% else %} :host { --paper-item-icon-color: black; color: black } {% endif %}'

tacit cave
#

need to have quotes around the entity_id

#

but again, you aren't using 'change' either

#

and most importantly, you need to clear your frontend cache when using templates in the frontend

#

otherwise it will still use old templates

icy verge
#

man i have changed this shit a billion different ways. logs show no error with this setup. still dosent work

icy verge
#

i did

#

it fails

tacit cave
#

when you use | you cannot use ''

icy verge
#

its not " its ' '

#

and when i remove it in any way, the card fails

tacit cave
#

therefore, you cannot use a DOUBLE '

#

you have to use '

icy verge
#

omfg i found it

#

tyvm

#

i was changing it on the secondary line first

#

and it would crash the card

tacit cave
#

because that's a single line template

icy verge
#

told you i was a idiot

#

lol

tacit cave
#

it pays to know what |, >, and >- do after a yaml field

#

they turn everything inside that field into a string, meaning you don't need outside quotes

#

You're mixing dangerous setups there in general

#

this line

icy verge
#

lol, oh im s ure

tacit cave
#
        state: ${{ states(config.entity) | round(4) }}
#

is a string

#

because it starts with $

#

so you're skirting around the "Needs quotes for single line template rule"

#

I suggest you stick to 1 format

#

use | everywhere and put your template on the following line, indented slightly

icy verge
#

thanks again

fading nest
#

Hey folks, I am trying to do something seemingly simple as make an grid card with picture entities with my family and their status home/away
But I am struggling to find a solution for Pictures of my family, in the grid card. That will work both when we are locally connected at home or remote connected through companion app
How have you solved this challenge???

polar kelp
#

Well... now we know codepile render their website through jinja templates...

#

... and fails at it...

open hare
#

Hi. I'm placing cards on a dashboard that I don't want any action or additional information when they are touched. How can I disable all actions on a card? Specifically, I have several entity and gauge cards in a grid card. If I could disable all touches through the grid that would work. If not, how can I disable actions through the individual entity and gauge cards? I tried yaml from the actions and putting in tap_action and hold_action set to none, but either I formatted it incorrectly or it didn't work. My Code sample and Card in the photo. Thank you.

polar kelp
#

If the documentation for the card does not mention tap_action, the only way I can think of is with card-mod. yaml card_mod: style: | ha-card { pointer-events: none; }

open hare
#

Works like a charm! Thanks! Looks like card mod will do lots of fun things when I get bored!

hearty quartz
#

Can you use templates to set the background: option in a lovelace dashboard yaml?

crude wolf
#

Hello can I use react in custom cards?

polar kelp
crude wolf
#

Hmm but it should be possible to change it into preact right?

polar kelp
#

I have no experience with either, but... I'd guess so...

crude wolf
#

I am completely newbie in this part of programming and I'll try to learn it by myself...

deep hedge
#

Following a recent update to the Frontend, I noticed that the background of the editor(s) and data entry dropdown boxes were white (instead of dark as I had it set in my custom theme) - so was the text, making it unreadable. I assumed this was related to move from "paper". So, I went to settings and changed it to the *default *theme and auto. However, every time I restart HA in my browser, HA is set back to the "backend-selected" setting and I have to change it to default again. Has anyone else experienced this? Do I need to delete a theme file or something?

plain mortar
#

I had same issue but was only with FireFox, tried on Safari on Mac and that worked fine.

wintry gull
#

hello everyone. Is there a way to add a font to a theme? so everything changes to that specific font when the theme is loaded on that dashboard?

distant phoenix
#

Sometimes when I access my lovelace from a remote URL the theme/color and elements are all weird

#

Normal

#

What could cause this?

#

The colors also go a weird color like Purple. Seems that some CSS options/elements just don't work, but the console doesn't show anything that stands out

#

NVM Looks like it was an issue with DarkReader extension

rough canopy
#

I've set a picture-element with my room layout, but I'm running into an issue where when I restart the server, the image goes missing and I need to set it again.
Currently I'm setting the image by uploading it to Media, then opening it, right clicking, copying the image address and then setting it to the picture-element. This includes and authSig value which presumably gets changed when restarting. But it won't load without that.

thorn mulch
#

hey, in picture-elements card, using state-icon, is it possible to use call-service for tap action? for some reason i can not get this to work.

kind shellBOT
thorn mulch
runic bolt
atomic canopy
#

Hey, i'm trying to grayscale an image once someone leaves the house.
(Since the person is currently home i'm testing it the opposite way)
I have this:

  - entity: person.person1
    image: /local/images/3DFloorplan/avatars/person1.png
    state-filter:
      home: grayscale(100%);
    type: image

But that's not doing anything. Could somebody help me out?

rough canopy
latent zenith
atomic canopy
#

Okay i found the problem. Nvm

atomic canopy
#

Is it possible to override the css filter with the state_filter?

  - entity: person.person1
    image: /local/images/3DFloorplan/avatars/person1.png
    style:
      left: 10.5%
      top: 17.8%
      width: 5%
      filter: grayscale(100%)
    state_filter:
      home: grayscale(0%)
    type: image

That doesn't work
Reversing the two filters does work tho.

icy shard
#

Hi, I'm looking into the new Mushroom cards which look amazing, problem is that I don't know how to think when building lovelace dashboards and how I make them look good both on desktop and mobile. Any tips?

tacit cave
#

it will fall into place on desktop

icy shard
#

What do you mean?

tacit cave
#

I mean, build your views with mobile in mind

#

your desktop has a larger viewing area and it will just move everything into a spot that still looks nice

#

If you use chrome, you can use a desktop screen to view the mobile look

icy shard
#

I'm usually a web developer but having trouble with the hass system. I'm all stuck up between the different layout cards and orientation modes tho

tacit cave
#

F12, then click

tacit cave
#

at most, use vertical stacks to groupthings vertically, but let HA decide

#

Also, use yaml mode. If you use the UI to move things around, you won't actually know the card order

#

unless you view it on mobile

icy shard
#

I want to make something like this but I don't know whether to use the panel mode or masonry or the others

tacit cave
#

That will only work on desktop

#

and you'd use panel mode

#

and that won't translate to mobile

icy shard
#

Ah, that's probably where my issues root from

#

Do you have an example of how a good looking dashboard can look without panel mode both desktop and mobile?

tacit cave
#

turn panel mode off. Do not use veritcal stacks. for all cards. Don't use any stacks for that matter and let the cards fall into place

#

that's the only way

#

however you wont have overveiw and lights line up

#

the automatic placement of cards will only work so well

#

so your choices are: Design for mobile, design for desktop, or design for both with one being slightly wonky looking behavior on the one you view the least.

#

you can have multiple dashboards

#

Personally, I'd design the main overview for mobile (as the default) and then have a desktop version for the rare cases when you need a desktop

icy shard
#

So stay away from panel if designing for mobile and try to avoid stacks?

tacit cave
#

but that's my use-case as my wife and I mostly use our phones and I develop on the desktop

#

use your best judgment and design for what looks nice

#

the point is, you're going to have trouble designing both

#

easiest to separate

icy shard
#

I think I'm stuck in the web dev mindset thinking that a single page should be responsive for the device but while when working with hass it's hard to make them look optimized for both so you should rather have multiple dashboards