frontend-archived

[frosty flower]

https://github.com/piitaya/lovelace-mushroom found here

[deft belfry]

The only question is how do you get it back to being just your standard white bulb if you don't want color at that time

[frosty flower]

theres a color temperature option too, or you could make one of the card actions (tap, double tap, or hold) be to change it back to color temp

[deft belfry]

Weird I'll have to do some looking into it more it does have the option to use light color but it actually is not doing anything on the card for me

[rancid vortex]

Thanks Ellie, I understand.

[broken crow]

Just checking i'm not missing anything, but you can't override the value displayed on a glance card can you? i've boolean that changes the colour of the icon, but I would also love to change the text from true/false to something meaningful, I can override the title but not the value...

[hazy gazelle]

how to make input_datetime display like dd/mm/yyyy in love lace

changed language to english GB solved

[fallen badge]

Is there anyway to control the color of the shape icon on the tile card? With card mod

[frosty flower]

just install mushroom cards, its what tile card is based off and lets you change the color in the ui even

but if you want to go the card mod way its almost definitely possible

[frosty flower]

are they binary sensors? you can change the display value for binary sensors in the entity settings

[warm bolt]

Odd question. Is there a way to load a card hidden? I have a card that I'm trying to incorporate as an intercom that uses sip. The card is on a second tab (not my default tab) on my tablets. The issue is that sip doesn't login until the other tab is loaded. Is there a way to have gone assistant load the card, but hidden until I show it with a button or something? I need the card to fully load so it logs in.

[frosty flower]

there is state switch but im not sure if that actually loads cards

alternatively you could probably use card mod and like, fuck with the css until it disappears but is still technically loaded

theres probably a better solution out there but thats what i got

[warm bolt]

Both interesting ideas... I'll see how those go... Thanks!

[timid moss]

Normally that would be the case, but I specifically want to theme the outside card here, not the button cards inside it

I've looked how to pass any of the following into a layout-card, and there's even a few issues on the GitHub asking for the same thing, but no replies:

    margin: 20px;
    border-radius: 15px;
    background-color: var(--primary-background-color);
    box-shadow: -5px -5px 15px #2c2c2c, 5px 5px 15px #191919;

[frosty flower]

well yeah, the innermost ha-card that contains your desired card

[frosty flower]

custom layout card?

[timid moss]

Yeah

https://github.com/thomasloven/lovelace-layout-card/issues/244

[frosty flower]

this is an existing layout card i ahve an this works

   layout_type: custom:grid-layout
   cards: []
   layout:
     grid-template-columns: calc(100% - 77px) max-content
     margin: '-4px -4px -6px'
     padding: 0
     card_margin: 0```

it may be that some parameters only work for grid layout

wait im looking at this post now lol

[timid moss]

The GitHub also says For the card view_layout options. the grid layout accepts any css grid property starting with grid- that works for a Grid Item as well as place-self.

[frosty flower]

margin should work, i can say that much

[timid moss]

So that wouldn't include background-color or box-shadow

But yes, margin does work since it's a function of CSS Grid

[frosty flower]

what are you trying to apply these to, the entire layout card that your cards are contained within?

[timid moss]

This is the style I'm going for, but I can't seem to constrain the 9x9 grid to fit in one screen (without scrolling)

[golden mist]

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

[frosty flower]

youre going for 3 like this right?

and on mobile it requires scrolling?

or scrolling the other way

[timid moss]

No, 9x9 like this, where each section is a new room with a title and 2-4 buttons

[frosty flower]

can you post the yaml for that one lol

[timid moss]

grid-template-columns: repeat(3, 1fr)
grid-template-rows: repeat(3, 1fr)
grid-template-areas: |
  "MasterBathroom Bathroom Kitchen"
  "LivingRoom SideRoom NewRoom"
  "Front Back Basement"

For the dashboard itself

And then each room "card" is basically the same, except for grid-area changing to the correct area

[frosty flower]

all of this is contained in layout card?

[timid moss]

Not custom:layout-cardin the dashboard, just custom:grid-layout for the view type of this page

[frosty flower]

right but,

layout_type: custom:grid-layout```

yes?

[timid moss]

What?

[frosty flower]

oh

stupid me

i get it

[timid moss]

Hahaha no worries, I thought I had some leftover code from me messing with it

[frosty flower]

i thought this was just like, one layout card for some reason

[timid moss]

Ah I think I see what you mean

I mean, it would technically work (without this styling) right? 😉

Although I do wonder, if I were to make this all within one card, would panel mode work?

[frosty flower]

well i havent looked yet but i think this i s one of your problems

[timid moss]

Where is that typo? I've checked in my card and in the layout and can't find it

[frosty flower]

<div id="root" style="grid-template between grid-layout and hui-card-options

im actually not sure what its doing there or if it affects anything

[timid moss]

I'm not finding that even in the full yml

[frosty flower]

me neither

oh do you have like a high dpi display

your 20px looks way different than mine

[timid moss]

Nope, 1920x1080@100%

[frosty flower]

do you have a 20px margin like in this card?

[timid moss]

Since the margin is being applied to card-mod, would that be the margin between it and the edge of the view?

[frosty flower]

that margin is being applied to each of the 9 cards so that would mean each card has 20px so 2 adjacent cards would have 40px of space

[timid moss]

Each line would be 20px from the adjacent cards

And this is without margins

I think I may have gotten it

Nope 😦

[frosty flower]

i will admit im a little confused why your 20px looks different than mine

but this shows the 20px margin defined

how it looks for me at least

maybe its your theme, shrug

[timid moss]

If I set the view layout to horizontal, and add height: 1080px to it, one giant card (3row x 1column) is constrained to one screen, but it scrunches into the center of the screen as well

How can you see the margin like that?

[frosty flower]

right click inspect

the problem right is that the button cards are a certain pixel size,. and they dont reduce on a smaller screen, yeah?

got your url in the image

[timid moss]

Shoot thanks

The real problem is that the tablet this is for (Fire HD 10) sucks and scrolling is garbage

So I need to keep everything within the screen bounds

[frosty flower]

yeah im just trying to figure out what needs to actually change for that happen

the vertical and horizontal stack cards are messing with my brain, honestly, maybe swapping the horizontal one out for a layout grid card, you should be able to specify paramters for the card, but im not sure if the stuff inside the card will i mmediately respect that

[timid moss]

Does this help you visualize it? It's a vertical with 3 rows, where rows 2 and 3 are horizontal stacks containing two cards

[frosty flower]

yeah

uh the tablet is hoizontal or vertical

[timid moss]

Horizontal

[frosty flower]

oh ok, so it makes you scroll veritcal to see everything, horizontal is fine?

[timid moss]

I'd like to constrain it anyway, god knows how confused my grandma would be if something was "hidden off screen"

[frosty flower]

lmao

[timid moss]

She once moved Edge from position 1 on the taskbar to position 2, and she had to ask me how she can get back in it

-.-

[frosty flower]

lmao

ok step one

aww heck it doesnt work in the view card

[timid moss]

😦

[frosty flower]

maybe you cvan use card mod on the view idk, but the style is display: -webkit-box;

or not necessarily -webkit-box, theres a bunch rn that do the same thing, and i havent looked into the differences

but that one confines it to a single page

[timid moss]

Adding that to one of the cards does this

Actually

I guess this is a step forward? New dashboard in panel mode, one custom:mod-card containing everything. It fits!

[frosty flower]

oh nice!

[timid moss]

Tiny buttons though

[frosty flower]

the peramaters i was looking at were overflow, display, and flex

i got it to all fit on a smaller screen, but if it gerts too small it scrolls again

do you know the pixel dimensions of the tablet

[timid moss]

Looks like 1920x1200 from Google

Flex looks like it could help with mediaquery's, I gotta remember that

[frosty flower]

heck my monitor is only 1080, well guess ifit fits on my minotr is fits on your tab let

if you can get the following into grid-layout view

    display: flex;

it woud look like above

im assuming you want it streched though

cause as is, this is like

[timid moss]

Hmmm

[frosty flower]

best option might be to put it on in one mod card so you can apply the styling, less you can figure out a way to do it to the view

[timid moss]

Yeah that's kinda what I'm thinking too

[frosty flower]

or

try adding max-height: 1080px to your card

probably could do a little larger

to the view card

[timid moss]

One card mod to apply the display flag, layout card set to grid within it, with more card mod cards within it to set the shadows

I'd tried max-height before, no change unfortunately

Just tried again to make sure

[gritty vessel]

hello, can i somehow prevent this blue bar from showing? It blocks the text, and is useless. Thanks for any tips

[timid moss]

@gritty vessel https://github.com/NemesisRE/kiosk-mode Try this?

[frosty flower]

display: flex on each mod card gets you this

[gritty vessel]

ths kiosk mode worked, thanks!

[timid moss]

Good to hear 🙂

[frosty flower]

althought that only changes the buttons, hnn

[timid moss]

@frosty flower I've found a much more involved example for card-mod, which I think is gonna look alright? Almost done getting everything set

[frosty flower]

ooh nice

[timid moss]

Yay 🙂

[frosty flower]

nice`! what was the solution you came up with

[timid moss]

https://paste.bingner.com/paste/28cpw

Luckily I was able to find a template that was mostly complete

I do still wanna add the shadow to each room, so I think dropping each room back into a mod-card should be fine

[gritty vessel]

hello, it works only on my computer, but not the tablet. do you know how could i fix that?

[next hamlet]

Looking for help in calling out a single calendar event. I've created a separate iOS calendar ('dinner') that has a repeating event at 5:30. The entry is tonight's dinner item- main purpose is to stop the kids from asking "what's for dinner?". I want to pull the event name and dispaly it in a card.
Any suggestions/ advice on how to make this work?

[timid moss]

@gritty vessel Try clearing cookies and cache

[gritty vessel]

It works on my phone but not the tablet, i just the cache as there arent any cookies on the companion app i think

the tablet is a very old one, i dont think thats the reason though

[frosty flower]

that may actually be the reason. i remember a long time ago hearing something about that

[gritty vessel]

the reason is its old? should i flash a newer android version?

[frosty flower]

id find confirmation of that somewhere before going through all that effort

[frosty flower]

bruh ive never had this happen when an entities goes missing before

guess 0.5fr is just a suggestion now

[vast crane]

You could do it with a markdown card, it accepts any templates. For example here is my card showing me the next event from my garbage collection calendar:

{% if now() >= state_attr("calendar.garbage", "start_time")|as_datetime|as_local %} 
  Current Trash: {{ state_attr("calendar.garbage", "message") }} 
{% else %} 
  Next Trash: {{ 
    state_attr("calendar.garbage", "message") 
  }} in {{
  ((state_attr("calendar.garbage", "start_time")|as_datetime|as_local
   - now()).total_seconds() / 60 / 60 / 24) | int +  1
  }} days
{% endif %} 

[tribal galleon]

Hey guys I m looking for some ideas I

[golden mist]

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

[gritty hull]

Hello, I have put this nothing is displayed even after reboot

[next hamlet]

very helpful, thanks.

[gritty hull]

https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_thermostat/#description

Hello !

I use this, when I increase the temperature there is a delay of about 30 seconds while without the card via home assistant is instantaneous what to do?

When I click on the red button it resets the temperature to 10° when I think it should be off

I have to click on the text "Home heating" to turn it off so what is the red button for?

[gritty hull]

https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_scenes/#usage

The card is not fonctional ?

I don't have anything displayed, I understand less and less in Home Assistant before it worked haha

[warm bolt]

Is there a way to run some JavaScript in the background hidden on all my Lovelace dashboards? Like a card, but just not visible?

[polar kelp]

Yes. Anything you load as a resource will run

On the flip side; everything you load as a resource will run. Be careful out there.

[frosty flower]

😰

[wooden stream]

Hello darlings.
I'm currently in the process of animating my chip and entity cards. I have most of it already done, but I'm missing a "window open" animation of those MDI Icons.

Does anyone know a cool animation or a place where I could find it?

There's a row of fantastic posts from Rhybs on the forums but that's all I can find. Most I did manually but I can't seem to get the animation for the windows right lol

[frosty flower]

does anyone know why my layout is obnoxiously like 2 pixels big enough to have a scroll bar

despit it not reaching close to the bottom at all

[frosty flower]

im actually going insane

like what?

getting these in my console

(anonymous) @ connection.js:26
_handleMessage @ connection.js:15```

```connection.js:41 Uncaught (in promise) {code: 'not_found', message: 'Subscription not found.'}
(anonymous) @ connection.js:41
_handleMessage @ connection.js:15```

Could not load content for https://raw.githubusercontent.com/home-assistant/src/api.js (HTTP error: status code 400, net::ERR_HTTP_RESPONSE_CODE_FAILURE)

[unborn venture]

Did you try to go to the earlier version? Ive heard about this problem before in GitHub

[marsh wyvern]

Kinda weird question

I dont have a "security" system per say

built my own with HA

is there a way I can add a "Alarm Panel Card" and setup a pin/password to disable an alarm and what not?

[unborn venture]

Yes, very simple. Read this article. https://www.home-assistant.io/integrations/manual

The other option you have, is so install via Hacks the repository "Alarmo".
https://github.com/nielsfaber/alarmo

[frosty flower]

idk why it just randomly started happening but it looks like an issue with paper buttons row. only one card so just not gonna use it till it gets fixed lmao

[unborn venture]

I heard it was because of the version 2023.4.2 of Hassio. I thought they has fixed it... Do you have version 2023.4.6 installed?

[frosty flower]

Yeah I've been on 4.6 for like a week now. My layout card views were over by a pixel causing the annoying scrollbar. Fixed those with height: auto, but then my paper buttons row randomly started going haywire, adding like 40 pixels somewhere in some random element. I saw a PR that should supposedly fix that one if it ever gets through, just kind of confused why it randomly started acting up in the first place

[unborn venture]

Wow is that stressful ! 😓

What type of cards are you using? If you use in a view only cards verified by Hassio does it also happens?

[frosty flower]

So when I was having the issues with the card layout view, switching to a core View fixed it, but with the paper buttons row card literally nothing fixed it except removing the card

[marsh wyvern]

title: Batteries
entities:
  - entity: sensor.liberty_safe_multi_sensor_battery```

Any reason why that wouldnt be working

https://github.com/maxwroc/battery-state-card

[tribal galleon]

Try using without - entity: . It looks like, by default, just adding the sensor name should work. The - entity: allows for more parameters. ```yaml

• entity: sensor.bedroom_motion_battery_level
  name: "Bedroom motion sensor"```

However, both options seem to work for me.

[marsh wyvern]

ahh ok let me try that

[marsh wyvern]

Nope.. must be missing something simple

here is my entire lovelace view

https://hastebin.com/share/xowacenepu.yaml

[tribal galleon]

Do you get any sensors or is the multi_sensor the only one messing up? Have you confirmed the entity names? My entities tend to end with "battery_level".

[marsh wyvern]

not getting any.. 😕

she blank lol

first time using this custom lovelace card

maybe i botched something

rebooted and cleared browser cache

no joy

[tribal galleon]

Does a preview show up in the editor like the screenshot above?

[marsh wyvern]

this kinda re-iterates what you were saying

title: "Battery levels"
entities:
  - sensor.bathroom_motion_battery_level
  - sensor.bedroom_balcony_battery_level
  - entity: sensor.bedroom_motion_battery_level
    name: "Bedroom motion sensor"```

thats one of their examples

but doesnt seem to be the issue

[tribal galleon]

Agreed. I was able to define with sensor with and without - entity: .

Perhaps, uninstalling and reinstalling the card.

[marsh wyvern]

hmm just installed it this morning

but I can try again

no preview btw

[tribal galleon]

Can you try simplifying it and see what happens? ```yaml
views:

• title: Home
  type: custom:battery-state-card
  title: Battery Levels
  entities:
  sensor.front_door_lock_battery```

[marsh wyvern]

might be onto something

so right now it shows cards: []

I add a random card and that changes

I tried removing the random card and removing the [] and saving.. it says cards: null

[tribal galleon]

Yeah. All that is normal whenever a card (or required parameters in a key) are not defined.

[marsh wyvern]

hmm

[marsh wyvern]

didnt work

super strange

alright trying another reinstall.. this time uninstall, reboot, install, reboot

clear cache

taking the trash out

replacing the oil filter

Nothing.... haha

guess im not supposed to use that card..

[tribal galleon]

What about the machine you're trying to view the dashboard? Perhaps a different browser? The battery-state-card has been around for a while. Was one of the first cards I played with a long time ago.

[marsh wyvern]

on a mac atm

super strange

[tribal galleon]

Do you still have the "edit" activated? Click Done and Refresh. (I've had issues with one of my pages acting up, but I have a bunch of cards that I experiment with. I haven't localized what card/code is causing the issues but Done>Refresh is usually the quick fix.)

[marsh wyvern]

she very blank

[sly pulsar]

Are you using Safari?

Seems like...

[marsh wyvern]

yes

[sly pulsar]

Use Chrome.

[marsh wyvern]

what that

jk haha

[tribal galleon]

Firefox on PC. FKB on Amazon Fire.

[marsh wyvern]

havnt had issues with it before

let me try

same on chrome

[sly pulsar]

Go to edit mode and show the dashboard code.

[marsh wyvern]

https://hastebin.com/share/xowacenepu.yaml

this?

[sly pulsar]

If you hit F12 in Chrome is the custom:battery-state-card loaded?

[sly pulsar]

This is a exact copy of your editor-ui?

[tribal galleon]

Copied your code.

[marsh wyvern]

yes

[marsh wyvern]

kidding me

[marsh wyvern]

Im not sure where to look exactly

[sly pulsar]

Right side

Is the resource of that card loaded?

[marsh wyvern]

is there an easy way to sort through this

[sly pulsar]

No like this.

[marsh wyvern]

ahh yeah

i see it

says 2.1.1 loaded

[tribal galleon]

Confirmed above code works on Chrome on Amazon Fire tablet.

[sly pulsar]

Can you hit F12 in Chrome and then click right mouse on the reload icon and hit clear cache and hard refresh.

[marsh wyvern]

yeah says loaded still

[sly pulsar]

Do it work in a normal view without kiosk mode?

[marsh wyvern]

well i think kiosk mode is loaded

but not active

I "think"

not currently using kiosk mode

just removed kiosk from HACS and cleared cache. No changes

[sly pulsar]

So you get no errors?

Nada nothing?

[marsh wyvern]

Nothing

magic

haha

[sly pulsar]

I know it’s not a solution but better to use the battery blueprint so you will get a notification if a sensor drops below a certain value. I never understood why people are exposing a dozen battery entities on a dashboard.

[marsh wyvern]

yeah that the plan too 🙂

Tink got me side tracked with that custom card

looks cool

[sly pulsar]

Blueprint: https://community.home-assistant.io/t/low-battery-level-detection-notification-for-all-battery-sensors/258664

[tribal galleon]

Sometimes it is just nice to be able to see a graphical representation of the information. (I just noticed I haven't charged my watch in a while...)

[true sorrel]

I still have issues with entity states being in English, have anyone found a solution?

[vast crane]

what language, and what state? it may just not have had a translation contributed since some of the keys were changed

[true sorrel]

It used to be correct, but isn’t anymore. In norwegian. Says off/on, but is supposed to say Av/På

[true sorrel]

Is there any way to translate it myself?

[vast crane]

https://developers.home-assistant.io/docs/translations/

I'm not sure the exact key governing what you're seeing, but I do see a lot of missing norwegian translations

I know some keys were reshuffled in a recent update which requires things to be re-translated that were previously working

[true sorrel]

Should be the bottom one

[vast crane]

I also see three languages, norwegian, norwegian bokmal, and norwegian nynorsk, so I'm not sure which one of these would be yours. norwegian seems the least translated of the three

[true sorrel]

I use bokmål but I think standard norwegian would work too

[vast crane]

hmm it seems to be translated in bokmal

I'm not sure then

I know I saw some similar translation issues reported either earlier this month or last month regarding frontend state names. are you on the latest 2023.4.6?
and are you using stock card or custom card?
https://github.com/home-assistant/frontend/issues/16162

[true sorrel]

Yes I am, I am using custom cards

Hmm it works with stock cards

That's weird

I use the mushroom cards

Just updated the integration, works now!

Or no, not everything

Not my heater

How can I get these ones, on the top of my dashboard? They look cool

[tribal galleon]

Those are from Mushroom Cards (those are known as Chips). Install via HACS (preferrably). https://github.com/piitaya/lovelace-mushroom

Mushroom Cards, in general, are user friendly with a lot of options (a lot of which can be set through the UI instead of YAML).

[molten hill]

seeing weird card-mod styling...when i reload the dashboard applies the updated style from my theme...when i refresh the page the style goes away

[tawny marsh]

trying to use this to control width in my dashboards
https://github.com/thomasloven/lovelace-layout-card

i have this under the code for the specific dashboard:
width: 300
max_cols: 10

and it is selected to Masonry

yet it doesnt change anything. can someone help please? thanks!

[verbal flame]

Hi,

someone knows how to remove the background of mushroom chip cards?

[lofty vector]

Hello, i am trying decluttering card.
https://github.com/custom-cards/decluttering-card

I installed it over HACS,
in ui-lovelance.yaml imported decluttering-card.js
and trying default template from git.

But no good result.
Do you have any advice where to put template?

[true sorrel]

Is there any way to translate the met.no integration to another language?

[pine heron]

Guys, is there any way to maintain layout differently for different screen orientation? Some auto fill mod? Let's say I want cards be placed like 2x3 for portrait and 3x2 for landscape?

[frosty flower]

probably some combination of the layout card custom card and css mediaquery

i know you can show or hide things based on the pixel width, andlikely height too, of a display, theres probably some way to show based on ratio

[frosty flower]

https://github.com/thomasloven/lovelace-layout-card#card-visibility

works with any mediaquery paramters, why you probably want is

  show:
    mediaquery: '(orientation: portrait)'``` etc

you can also use mediaquery with stateswitch if you just want to swap out whts in one card

[unborn venture]

One question, how can I use the theme minimalist without doing all the views in the backend part!

[strong needle]

hey all, i m new to ha and have a little question 🙂
I m making a dashboard for the hardware monitoring of PC, does any know the ylam i need to add to reshape this dashboard

I want the graph to be a little wider

[frosty flower]

what view type are you using

[strong needle]

side bar

[frosty flower]

The sidebar view has 2 columns, a wide one and a smaller one on the right.

[true sorrel]

I don't like how my cards behave, is there any way to change that?

[frosty flower]

yes

[true sorrel]

How?

[frosty flower]

that depends on what behavior you want to change

[true sorrel]

What do you mean by that? I just don't like how my cards behave

[frosty flower]

you need to specify a behavior you dont like

nobody can suggest a proper course of action if they dont know what problem youre trying to so lve

[true sorrel]

The cards aren't where I want them to be

[dark dirge]

nobody could have gotten that from "I don't like how my cards behave"

[true sorrel]

Okay that actually makes sense haha

I'm sorry

[dark dirge]

they turn red and then explode

[true sorrel]

Does anybody have a theme they recommend? I love clean and minimalistic ones

[tribal galleon]

Look through the project's Github Repository and copy the code for the cards you're trying to recreate. The project relies heavily on templated custom:button-cards.

[celest bay]

Hi,
I'm trying to get a button in the dashboard to show its state based on a sensor, but the 'tap' function to instead flick a switch. Specifically, i have a z-wave garage controller, two switches that toggle the motor, and two z-wave tilt sensors,
What would be the best way to get a card on the dashboard that showed the state, and could toggle from tapping?

[true sorrel]

Is it possible to use the amount of lights turned on in a room in a card?

[next topaz]

Hi guys. Is there a way to add a local picture to lovelace card (instead of icon or what ever) and that picture not being public? E.g. I know I can add photo.jpg to my /config/www folder and that this picture will be accessible from lovelace as /local/photo.jpg, but it will be also accessible from the rest of the world as https://myhainstance.com/local/photo.jpg and I don't want this.

Thx

[narrow beacon]

How did you get the sensor data of your PC in Home Assistant?

[tribal galleon]

Try looking at what you're wanting to do from the other way around: you want card to interact with a switch but show the state of the sensor. This example uses a custom:button-card. yaml type: custom:button-card entity: light.bedroom1 name: Bedroom1 color: auto icon: | [[[ if (states['input_boolean.tester'].state === 'on') return 'mdi:lightbulb'; else return 'mdi:lightbulb-auto'; ]]]The entity will be your switch; the state entity will be your sensor state.

Here's an entities card basically doing the same thing except using card_mod:```yaml
type: entities
entities:

• entity: button.living_room_door_identify
  card_mod:
  style: |-
  :host {
  {% if is_state('light.hallway', 'off') %}
  --card-mod-icon: mdi:light-switch-off;
  --paper-item-icon-color: gray;
  {% else %}
  --card-mod-icon: mdi:light-switch;
  --paper-item-icon-color: yellow;
  {% endif %}
  }```

[severe isle]

hello, I like to show some different text according to the value of an sensor for example if the value is < 10 it displays empty if >10 <20 is displays half full is < 20 it displays full

[tribal galleon]

This will do what you want. It may depend on the specific card you're using as to whether this will work. Also, consider changing the icon and colors based on the state too. (Green, yellow, red icon or background for example). yaml type: custom:button-card entity: input_number.temp_helper name: '[[[ var value = entity.state; if (value >= 20) return "Full"; if (value >= 10) return "Half"; if (value < 10) return "Empty"; else return "Unknown"; ]]]'

[severe isle]

thanks I wil try it

[celest bay]

Thanks - im instead trying to do it with the script function, however it appears to be broken. 😦

[severe isle]

it works but how can I change the icon is there some documentation about?

[tribal galleon]

https://github.com/custom-cards/button-card#styles

icon: |
  [[[ 
  var value = states["input_number.temp_helper"].state;  
  if (value >= 20) return "mdi:circle"; 
  if (value >= 10) return 'mdi:circle-half-full'; 
  if (value < 10) return 'mdi:circle-outline'; 
  else return "mdi:question"; 
  ]]]```

[severe isle]

Thank you

[tribal galleon]

I imagine it should just be a matter of yaml tap_action: action: call-service service: script.script_name_here

[celest bay]

Correct, but the script function appears to be broken, as in, doesnt save, doesnt import from YAML, etc.

[tribal galleon]

are you sure it is not your script?

[celest bay]

yes, i am sure

i know this as i can literally try and 'save' a blank script, and it does nothing, does not save whatsoever.

equally, if i put a super-simple script directly into a script.yaml, thats referenced in the main config with an include, it doesnt import it either.

[tribal galleon]

Not sure what is going on on your side but the save just worked for me.

[celest bay]

Yup, i'd imagine that the intention of the 'save' function is for it to 'save' 😉 so its good that its not an issue for everyone, but for me, it is indeed broken, so once ive managed to get a z-wave sensor to add properly, i'll likely change over to diagnosing that.

[frosty flower]

probably hass agent

[severe isle]

Can I do the same on the Picture Elements Card? mainly the Icons

[tribal galleon]

I imagine so. I've never used that card but a quick glance over the documentation looks like a lot can be done with it. https://www.home-assistant.io/dashboards/picture-elements/#icon-element
Lots of examples and code here: https://community.home-assistant.io/t/styling-elements-in-picture-elements-card-a-small-tutorial/315252

[celest bay]

Now the sensor is fixed - I've just done some testing with this, it 'kind of' works.
Instead of showing the state of the entity on the icon, it briefly shows a different color whilst the motor is running, im guessing as the switch itself isnt a on/off switch, but instead a toggle.

I'm guessing i'll have to rely on the service/script route instead.

[exotic nebula]

hi i am struggling with a markdown card that displays the result of a CHATGPT query.
i can get GPT to announce the message through google with tts but i cant get the markdown card to show the result.
here is my markdown card:

type: markdown
content: |
  {% if states.event.data.callback_id %}
  ## ChatGPT response:

  {{ states.event.data.content }}
  {% endif %}
title: ChatGPT Response

can someone tell me what i am doing wrong?

[dark dirge]

this part seems like nonsense: states.event.data

almost like ChatGPT wrote it

[exotic nebula]

It did lol, i don't know any code. I prefer to harass GPT before I waste anyone else's time.
I am using the https://github.com/jjbankert/hass_chatgpt integration to announce tts to google speakers, which works fine enough. But i cant figure out how to display that same msg as text on the dashboard. i used the second automation example supplied in the description.

[frosty flower]

chatgpt is really really shit at writing code, it just makes stuff up. you can trust maybe its syntax sometimes, but its going to get the actual content wrong pretty much every time

[vagrant ridge]

Anybody seen this before with a binary sensor? Its a tuya, and the state never transitions to on although the last updated frequently updates. Any ideas?

[severe isle]

hello, dos anybody know how I can change the icon in the picture-elements based on the value (number) from an entity example: value <= 10 icon x, value <= 20 icon y, value =< 30 icon z

[frosty flower]

Did you block it in your firewall

[vagrant ridge]

Nope, no firewall. Its running local

[sour condor]

I have an automation recording 30s of video on motion to a file folder in /www.

I want to include the latest 10 recordings in a dashboard page all simultaneously streaming at once.

Anyone done this already and can save me the trouble of doing this from scratch with an example?

I was thinking I'd find a way to read the filenames from files system sorted by date descending into an array then iterate that array to set the src of 10 different dashboard items that display the videos (/www is public shared so just need to form the url and append the filename).

Am I on right track or is there an easier way?

[serene halo]

I need to customize the frontend based on the physical device the user is using. For example, a specific iPhone with the companion app. Is it possible to retrieve the device name (or any device identification) from within the frontend?

This value would already be perfect to have.

[void current]

Hi, is there anyone using sun-card? I have a question. I'd like to have white font on this card. The visual editor display it white but when I save it its always black as you can see in the background. Does anyone know a fix?

[sly pulsar]

https://github.com/AitorDB/home-assistant-sun-card/issues/52#issuecomment-880909186

[void current]

That works! thank you

And does anyone know how can I set custom labels? I wanna translate it to my language because it's not supported

[delicate fox]

Hey ho! Is there any way to control a dashboard opened on a specific device remotely, e.g. through scripts? Like changing the active view?

[vast crane]

not with stock HA, possibly with browser-mod if you want to install that.

[warm bolt]

I have a bunch of dashboards that are defined in yaml and a bunch of "standard" cards I defined in yaml files that get included from multiple dashboard. So I can reduce code duplication. It's all great except if I update one of the included cards, but not the dashboard itself yaml file then the dashboard won't reload until I touch the yaml for it. Is there a way to force the frontend/Lovelace to reread all the yaml files? I thought about doing a custom addon to watch for modifications to the non dashboard yaml files and then just using Linux touch to touch all of the yamls for the dashboard. But is there an easier way?

[delicate fox]

Ah, thought that because I wasn't able to find any documentation, thank you. I want to control a wall mounted device using the official Android app.

[vague mountain]

Is there a way to display a card only at certain times of the day and certain days of the week? I'd like to have my commute time shown from 6-8am and 4-6pm on weekdays

[plain mural]

Is there way i can show a sub panel. In a sub window. I click on a icon the sub panel pops up with a X to close it?

[verbal flame]

use a input boolean helper and activate/deactivate with an automation

than use a condition card with this input boolean

[verbal flame]

browser mod gives your information on how wide your screen is in pixels

[verbal flame]

u can set a view as a sub view. so its only there if you navigate to it via a button and you can go back with the back button

[plain mural]

Yea just saw. works great

[verbal flame]

it gives you browser.height and browser.width for every browser sou register.

[serene halo]

It’s not really about the size of the screen or checking “is it a phone?”… it’s about checking “what exact phone is this?”

[verbal flame]

yes, do it with browser mod. Then you can declare on every device how the browser is named and work with that.

I got like BrowserIphone, BrowserDesktop, BrowserS21

and then im using condition cards like: if browseriphone = active -> show card

[serene halo]

Oh, that’s interesting… gonna give it a try tomorrow 👍

[vague mountain]

Think I got it, I was confused because it didn't seem to be working on the admin account but I can't see the card on my regular user account now that its out of the time period

[verbal flame]

Just download browser mod with hacs and try it a bit, its easy to use.
Just be aware, sidebar changes wont work atm. Dont know why

[austere geode]

How do I show live elapsed time from a timer helper on my dashboard ?

Ive done some google-ing but im pretty lost....

[vast crane]

timers count down, do you really want the elapsed time, or do you want the remaining time?

[austere geode]

Live remaining time might be alright at the moment...since I can't find a simple stopwatch

[vast crane]

live remaining time is what you'll get if you add a timer helper to an entities card. no other card will show the live time.

[austere geode]

Arh, didn't realize it was "live" 😄

[vague mountain]

For history graph cards, is it possible to hardcode the range of the Y axis?

[vast crane]

No not with the stock card. With some custom card probably.

[rough wigeon]

anyone ever have this problem? blank on both browser and android app...

happens when configuring or adding an integration/device

[boreal lintel]

Is it possible to have a button on a browser mod popup that closes the current popup? browser_mode.close_popup seems to be the right thing, but that needs a browserID to work.. But I wanted to close the popup from the current browser I am using there and then...

[rancid vortex]

I use the "card_room" on my minimalist theme. I find this card so biggest with my tablet. How must to modify on this "card_room" code to minimize this card by half?

[frosty flower]

look at the fire-dom-event call

[boreal lintel]

You don't happen to have an example? I am not sure what to put on "service" if I put browser_mod.close_popup Home Assistant is just spinning and waiting for more or something different.. 🤔

I figured it out:
tap_action:
action: call-service
service: browser_mod.close_popup
target: {}

That closes the current popup 🙂

[lyric prairie]

Use a grid / layout-card or horizontal/vertical stacks to align the room cards with the person cards. Their size is determined by the available width on the screen/column.

[silent belfry]

What is the newer horizontal button thing called so you can do something like Off/Low/Med/High buttons for a fan all side by each? (I remember seeing it in one of the release videos but can't remember now)

[vast crane]

Maybe you're thinking of fan support in the Tile card?

[silent belfry]

I think so, I'll check it out thank you.

[silent belfry]

Any idea how to group it with a light switch for the light on the fan?

[grim robin]

I'm sure it's super simple but I'm using picture elements and I can rotate an icon but I want to flip it, but I can't work out the wording for it. Anyone have any tips pease?

[silent belfry]

https://github.com/thomasloven/lovelace-card-mod

    card_mod:
      style: |
        ha-card {
          transition: transform 0s;
          transform: rotate(180deg);
        }

[vague mountain]

Is there a way to set a sidebar config (order, hidden items) for a specific user account that will persist on logins from different devices?

[silent belfry]

Is show_name / show_state not valid for a tile card?

[vast crane]

It's not in the documentation, so I assume no.
Not in its source code either.

[silent belfry]

Change horizontal-stack width?

[flat narwhal]

I can't access it on my tablet on the local network

[frosty flower]

fire-dom-event targets the current active browser window. look at the card docs to see how its used

[frosty flower]

you need to access it via https, just like it says on the bottom

[flat narwhal]

than it gives certificate error

but on dekstop on internet it says the certificate is correct on the domain, but if i try to connect via the domain i can't login because the user is only allowed locally

[frosty flower]

#general-archived or #installation-archived would be the place to go

[flat narwhal]

okay

[halcyon lintel]

Added an old Denon receiver to my HA and hooked up the Mini Media Player... getting this message while hitting play on the media player. Everything else looks like it's working fine (on/off, vol+, vol-, etc)... not sure where to go from here if something can be edited in config or if I can hook the button up to a telnet command. Any thoughts?

[brazen flax]

Anyone have any experience with a card causing what I assume is a memory leak. Causes my dashboard to lag or go unresponsive after just a few mins.

[verbal flame]

hey

since 2023.5 my dashboard background image scales up and down very weird. sometimes its zoomed in, zoomed out or just normal. Its 1 images definded for all views

I think its because the image is streched to the length of the view

And it only seems to be on IOS (browser and app)

[rich lotus]

hey - does anyone know the property for an icon in a theme for an input_boolean when its active?????

just about every theme Ive looked thru doesnt address the stupid yellow color

[lyric prairie]

You can set the color variables in an own theme based on state and domain.
https://www.home-assistant.io/integrations/frontend/#state-color

[rancid vortex]

how can I to add a different gradient background color on each card_room?
below an example of my config where I wish to add a gradient background color.

[golden mist]

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

[quaint snow]

anyones UI Lovelace Minimalist set up die after the latest HA update?

[lyric prairie]

What do you mean by died?

[quaint snow]

never mind, just did a double restart and its back working 😄

thanks for the prompt response Bas

[dusky lake]

Is there a history graph that displays graphs smaller than 1 hour? say 10 minutes.

[restive flicker]

Good morning home assistant homies. 😄 I have updated to the latest version and all of my alexa stuff is broken. I am trying to update stuff to work with this new setup.. is there a way to pull up all entities, including scenese, etc and add alexa to a large group... or maybe even every device within a room?

[verbal flame]

grafana + influxdb addons, but thats more for longtime, but it can show something like this

someone else having problems with scales up backgrounds on ios?

the bg is perfect on android, but ios app and safari get messed up. The longer the view is, the more the picture gets zoomed in

[tame spire]

I have a file that I have saved with an “html” extension in Word.  I want to put it in the “www” folder and open it from a Mushroom Card.   For “action” in the card configuration, do I use “Navigate” or “URL” and could you please share the syntax for the navigation and/ or url path with me?  Also, I use Nabu Casa and see documentation that seems to suggest that “Http” won’t work.

[blissful cipher]

I don't know if this is where my question should go, but here I am;
I am following this guild (https://www.home-assistant.io/integrations/history_stats/) and I believe that I have done everything correctly, but When my PC turns off, the counter will continue to climb, and then when I turn it back on, then it is correct.

[vast crane]

Just want to check, have you reloaded the config or restarted HA since you modified the yaml? I can't think of any explanation why it would behave that way.

[tender mural]

is there a way to change location state colors?

All of the locations besides home are just blue and I need them to be of various colors

[frosty flower]

do you know what service call your media player uses for play/pause

[frosty flower]

afaik this is not possible, but you can use a custom card that allows you to. you can also use browser mod to replace the typical more info card like this too. im unaware if this would work for outside of the dashboards, and dont think it will work for the history tab

[tender mural]

awh damn it :(

difficult to distinguish between locations

its just all blue or green

annoying

thankies

[charred nebula]

Is there anyway to check if a device is online or not ? I am wanting to add a border around the light switch button to show if its online or not or to change the color to something else

[frosty flower]

most devices say unavailable when theyre offline. im assuming you want to base it off that?

[charred nebula]

yes wondering if I can do that in a state on the custom-button card

yes 'unavailable' works

awesome

[frosty flower]

yeah just check for if state is unavaikable

[charred nebula]

have a link for that

I was searching all over

[frosty flower]

iirc custom button card uses javascript?? so im not sure the syntax but its something like
states[entity_id].state == 'unavailable'

that may be the total wrong syntax but its definitely something like that

[charred nebula]

state:
- value: 'on'
icon: mdi:lightbulb-on
color: auto
- value: 'off'
color: gray
icon: mdi:lightbulb-off
- value: unavailable
color: red
icon: mdi:lightbulb-off

[frosty flower]

oh, well if that works i dont use custom button card

[charred nebula]

makes life so much easier to see

usually it stays the default color and hard to tell if on/off or offline

[timid moss]

Is it possible to show custom cards when casting a dashboard?

[fiery dew]

this._hass.callService("homeassistant", "update_entity", {
entity_id: "sensor.survey_js_entity",
attributes: {
survey_responses: "no",
},
});
Guys Is this the correct syntax to persist the attribute details in homeassistant DB ?

[timid moss]

I've been running into problem after problem trying to find the best way to display my dashboard that has mod-card and web-rtc cards. I have a 2019 Fire HD 10, but it really struggles just showing regular UI elements, and flat out refuses to load webRTC streams

[frosty flower]

can you try another browser or is it a performance problem?

are tablets from just a few years ago really that crap?

[timid moss]

@frosty flower Hello again 🙂

The problem really lies within FireOS

Based on Android 9, no updates in 2 years, security patch last updated 2019-10-05

[frosty flower]

oof

well

As listed there all Android devices starting from Android 5.0 support WebRTC API in WebView.
its not compaitibility problems at least

[timid moss]

I had to find an apk pulled from a newer tablet to update to WebView 108. Before that I think it was on 70-something

But if that's not causing the issue, I wonder what is

[frosty flower]

amazons great at supporting their mobile devices...with ads

well youcould always try and find out
https://developer.chrome.com/docs/devtools/remote-debugging/
lmao

[timid moss]

I just wanna punt this thing off a bridge -.-

[frosty flower]

its funny cause my pixel 2 from 2017 probably works better than your tablet

[timid moss]

You're probably right hahaha

Lucky for me, I have a backup iPad 2!

Best part is it literally doesn't load any webpage 🙂

[frosty flower]

tablets are just a mistake

wait how old is the ipad 2 lmao

[timid moss]

I mean, at least the iPad is from 2011

[frosty flower]

jeez

[timid moss]

Can't say I'm mad at that for not working hahaha

[frosty flower]

i also think tablets just look ugly and server very little function

this guyt is using a galaxy tablet from 2020, so notmuch newer than your kindle https://www.youtube.com/watch?v=_FktMQSD5LE

but...not a kindle sooo

[timid moss]

I may have found something saying my cameras aren't configured properly, let me try this

[fiery dew]

Please can someone help me with this issue ?

[dark dirge]

that's a #devs_frontend-archived question

[timid moss]

WebView just crashed and took Fully Kiosk down with it 🎊

Yep, even with the new config it struggles

Just before, one camera loaded as MSE and the other didn't, then webview crashed

Got back in the app, both streams loaded but buffered every other second

Forced the feeds to webrtc and now neither are loading on the tablet

I should try it not in Fully Kiosk though

[fiery dew]

Thank you for letting me know

[frosty flower]

perhaps try something a little lighter than webrtc

[timid moss]

It defaults to MSE for both, is there another protocol I should try?

[frosty flower]

i mean you can always try rtmp and rtsp

yknow, being that theyre older and all and your tablet is living in 2019 (ngl i actually thought 9 was older than that)

man i still remember android on my motorola droid..

what a time.. "i can use a real web browser in my hand!"

[timid moss]

I remember my friend's G1 with the little trackball

So cool at the time!

[frosty flower]

it really was

[lavish basin]

anyone know what this error is... after the latest HA update.. i have lost the scotte clock display. the error i get is http://homeassistant:8123/hacsfiles/scotte-clock-card/scotte-clock-card.js?hacstag=32622389721011:1:25 Uncaught ReferenceError: Polymer is not defined

[frosty anchor]

Hi. Since a while the “open” state color for covers is purple, is there a way to change that globally? (I know it can be changed individually for each entity)

[vast crane]

The card needs to be updated: https://developers.home-assistant.io/blog/2023/04/04/deprecating_polymer/

[lavish basin]

oh ok so i need to contact the person that made the card that its depreciated?

[atomic glacier]

...yep, and hope it's actively being maintained. I have a couple that crashed as well 😖

[timid moss]

You should let them know, but I checked their Github and there's no issues section

[lavish basin]

ya i writting in there pull request as i seen no issues section either

and i really dont understand waht a polymer or a lit is but i posted anyways on a pully request.. not really sure what a pull request is but hopefully guy sees it

[dark dirge]

I'm sure it'll go great

[turbid geode]

Hello, anyone facing an issue with the localization files not loaded, trying to setup home-assistant development for the first time.

I'm not seeing any text or label, all the buttons loads without label.
Any idea ?

[vast crane]

Probably more appropriate for #devs_frontend-archived

[fiery ledge]

Yes you can define all state-colors globally in your theme

See https://www.home-assistant.io/integrations/frontend/

[charred nebula]

hey folks, quick one is there a way with custom button card to open the RGB and light settings with a double tap ?

got it

double_tap_action:
  action: more-info

[verbal flame]

Is there a nice card or way to implement the assist in the dashboard?

[uncut abyss]

Hi im trying to make a ”state-lable” entity display a word (string) based on the returned numeric state.

Its the alarm entity from my geothermal heat. It returns 0 when no fault. 20 for certain fault & 70 for another. Probably more I havent come in contact with. Im at a loss to yaml this.

Here are my sketchy attempt so far. Am I on the right track? Could this be done with “conditional”?

{% if sensor.alarm = 70 %}
display: "Alarm KB"
{% elif sensor.alarm = 20 %}
display: "Alarm LP"
{% elif sensor.alarm = 0 %}
display: "No Alarm"
{% else %}
display: "Unknown"
{% endif %}

[dark dirge]

It depends on the card that you're using

[faint rampart]

best way to remove the top bar on dashboard when showcasing it on a tablet

[tribal galleon]

https://github.com/NemesisRE/kiosk-mode

[faint rampart]

lastly i want to show the apps that's installed on my tablet on my dashboard

[rain tulip]

Sometimes when I go to the settings screen, I can't scroll all the way down (i.e. to get to System, etc). This is on 2023.5 with dark mode. Any suggestions?

[frosty flower]

Probably going to have to do that manually or send that data to home assistant from elsewhere. You can set up buttons with images or whatnot and use the notify service for your tablet too have the button press open the respective apps. Look at intents on the companion docs (I'm assuming this is an android tablet)

[faint rampart]

yes it is an android tablet

[heavy warren]

is there anyway in the template dev tool to list all entities that with _current or by the unit_of_measurement "A"?

[dark dirge]

Sure

Both would be #templates-archived

[heavy warren]

oh my jeez I didn't see that channel thanks

[stray forge]

Are there any relatively straightforward ways to do custom entities (and/or entity modals, or anything that looks/acts vaguely similar)? I'd like to create a virtual remote as an entity (compared to, say, a card-mod button grid). In #frontend-archived because I primarily care about the UI aspect. I get away currently with a Helper dropdown entity (one option per interactivity), but it's not great.

[dark dirge]

I'm making another attempt to eliminate my reliance on custom-button-card and I'm pretty sure I can do what I want with the Mushroom template card + card_mod. One thing I miss from custom button card is the ability to define variables that can be used in templates to encapsulate common blocks of code while allowing for customization for each instance. Passing in good/bad state values as variables to common code that assigns the appropriate color, for instance

I was hoping to be able to do this with YAML anchors, but it doesn't look like they have that kind of flexibility. I was hoping for something a C macro where I can provide parameters. Is there some way that I'm not considering to avoid replicating code where each instance may need some small customization?

This is what I'm trying to replicate: https://github.com/custom-cards/button-card#variables

[atomic glacier]

@dark dirge been out of the loop for a bit, but maybe this one ???
https://github.com/custom-cards/decluttering-card

[tame meteor]

can someone tell me what I'm doing wrong trying to upload an image and use it in a picture-element card? I'm using HAOS and uploaded the image in the Media Sources section. in the card I point to it with this /local/media/[image name].jpeg

It just dispays as a broken link.

[atomic glacier]

@tame meteorneeds to be in a www folder that you have to create, then restart HA in order for it to pick it up. Might help here:
https://community.home-assistant.io/t/location-of-www-folder/236607

[tame meteor]

ok, trying that now. so when you upload an image through the Media Sources area, where does it go in the fil system?

[atomic glacier]

Never did it that way, so not sure without Googling it

[cosmic apex]

Hi there, am trying to design my tablet dashboard. The issue am having is that i can not align my cards starting to the left. any tips?

[atomic glacier]

Good start here: https://github.com/thomasloven/lovelace-layout-card

[cosmic apex]

thanks @atomic glacier ..

or anyone out there with a minimalist tablet dashboard kind enough to share this kiwi

[late vault]

Hi,
i'm trying to implement a tap-action on custom-button-card where it's either toggle or none depending on the state of some entities. Is this even possible? It works well for the name, but I can't wrap my head around how to do it for the tap-action.

[late vault]

[[[ if ((states["binary_sensor.1"].state == 'on') || (states["binary_sensor.2"].state == 'on')) return action: none; else return action: toggle; ]]]
This is what I have so far. For the name part I just return strings, which works fine. I don't know how to return actions though.

[late vault]

tap_action: action: | [[[ if ((states["binary_sensor.1"].state == 'on') || (states["binary_sensor.2"].state == 'on')) return "none"; else return "toggle"; ]]]
This one did the trick 🙂

[craggy orchid]

Anyone recently installed "UI Minimalist Lovelace" ?
I tried to install it to play around with it and discover the cards, but even if the button card is installed, the rendering remains crap... like it cannot load the light cards etc that it uses...

[plain heath]

Hi guys, could use a little help! I want to display the time a particular event occurs on my dashboard. When my dryer starts a load of laundry, I have an automation that records the time in dryer_start_time. I use Input datetime: Set. The yaml looks like this:

service: input_datetime.set_datetime
data: {}
target:
entity_id:
- input_datetime.dryer_started

When I make a card on my dashboard that displays dryer_start_time I get a real long number (something like 1683490721.396058) that is not formatted in an easy to read fashion. How can I make read May 7, 2023 16:18:41?

[frosty flower]

theres a card..dont remember what its called, but it lets you resuse stuff by just defining it once

im assuming kinda like macros, its not a card i use

someone mentioned it realier today

[atomic glacier]

@weary fulcrummay be useful:
https://github.com/thomasloven/hass-lovelace_gen
and/or
https://github.com/custom-cards/decluttering-card

[craggy orchid]

I'm trying to add chips at the right side of a title in a card.
Any idea which card to use?

(I've already tried mushroom cards, stack-in-cards)

[sour condor]

Wanted to use openweather temp forecast in a chart on a dashboard. But all the charts use past dates, not future dates/times. Is there no way out of the box to do this?

... the forecast has a series of data in it for future times. I can see it when I add Map entity to a dashboard.

[vast crane]

No, out of the box there's no charts for future.

[tribal galleon]

I have a card that formats the date & time. I use {{ now().strftime("%m/%d/%Y, %H:%M") }} to return mm/dd/yyyy, hh:mm. https://strftime.org/ shows the syntax. Maybe you can adapt something like that to use the entity state instead of now().

[hallow remnant]

is there anyway to get these 3 statistic cards to show their period

they are set to different periods, just dont know how to display that

It's wrapped into a auto-entities card so I can't just set the name field directly

[hallow remnant]

Well I figured that out actually, but is there a more compressed version of the statistics card?

It's a bit big to be in a list

I want them the size of the entries on the right

From what I can tell you can't access long-term statistics in a template easily without SQL query s......

[meager rose]

Is there a way to put the "Assist" button into a card or something? Maybe i've missed it in the documentation somewhere, but I would like to control where on my interface that assist button lives. Partly because it is really small on some of my devices I'm using as interfaces.

[frosty flower]

this question has been asked a lot here, but i hvent seen an answer, at least at times ive be en active. look around in here, or maybe #voice-assistants-archived can help, but i suspect the answer is no

[frosty flower]

use grafana

[frosty flower]

what card are you using, im quite sure the card on the right is just the defaut entities card

[hallow remnant]

It is, you can't use entities cards to show long term statistics though

[austere geode]

How do I make a card that says Apple if a toggle is on and banana if the same toggle is off?

[dark dirge]

A markdown card with a simple template?

[west geyser]

Does the default media player need specific codec? I can't seem to play media on my Roku based TV however the same file does play if I put it on a USB and plug it directly into the TV.

[onyx cobalt]

I think I'm in the right place for this - while creating an Automation, is there a way in the UI to nest an existing Condition into an and/or/if? I've just been creating a dummy condition in the flow control condition then cutting/pasting the YAML in from the original

[vast crane]

I don't think so. Cut and paste probably the best way

[onyx cobalt]

That's been what I've found so far too. Thanks

[dark dirge]

I think there was some drag and drop PoC at some point

[vast crane]

that's a nice idea for a feature request though. maybe add "Cut" and "Paste" into the menu

I know you can reorder, I don't know about changing hierarchy though.

[austere geode]

Could you show an example

[dark dirge]

{{ iif(is_state('input_boolean.xxx', 'on'), 'apple', 'banana') }}

[tribal galleon]

It depends on the card you're trying to use. This is one option.yaml type: custom:button-card entity: input_boolean.entity_name name: >- [[[ if (entity.state === "on") return "Apple"; if (entity.state === "off") return "Banana"; else return "Dunno"]]]Another card might use: yaml {{ (states(entity)=="on") | iif("apple", "banana") }}You could use style: or use card_mod:

Or that too... 😛 (RobC)

[austere geode]

Thanks guys I'll try 🙂

[verbal flame]

Isnt just a condition card the easiest way?

[austere geode]

type: custom:button-card
{{ iif(is_state('input_boolean.solcelle_vs_strom', 'on'), 'apple', 'banana') }

Returns some comma error

[tribal galleon]

do you have the second } at the end? try my syntax posted under RobC's.

[austere geode]

I'll try.. did try two make two in one... Guess that's not possible??

type: conditional
conditions:

• entity: input_boolean.solcelle_vs_strom
  state: 'On'
  card:
  type: markdown
  content: 'on'
  conditions:
• entity: input_boolean.solcelle_vs_strom
  state: 'off'
  card:
  type: markdown
  content: 'off'

[austere geode]

how do I get rid of the icon ?

[tribal galleon]

show_icon: false https://github.com/custom-cards/button-card

[austere geode]

and can I implement a sensor value: to the thing, like: apple: sensor.value ?

[tribal galleon]

as part of your apple/banana name or maybe changing icon color?

[verbal flame]

I dont think so. I always create 2 of them, you can stack them in a vertical stack card and one with condition on and one with condition off, thats my way to do it

[tribal galleon]

@austere geode ```yaml
variables:
var_color: |-
[[[
var battery_level=entity.state;
if (battery_level > 70) return 'lime';
else if (battery_level >= 30) return 'yellow';
else return 'red';
]]]
styles:
icon:
- color: '[[[ return variables.var_color ]]]'

[tribal galleon]

I recommend learning how to template. It is way worth it in the long-run.

[verbal flame]

Thats true!

[tribal galleon]

For example ```yaml
type: vertical-stack
title: Icon based on charging state (mushroom)
cards:

• type: custom:mushroom-template-card
  entity: sensor.fire_computer_desk_battery_level
  primary: '{{ states("sensor.fire_computer_desk_battery_level") }} %'
  icon: >-
  {{ is_state('binary_sensor.fire_computer_desk_plugged_in', 'on') |
  iif('mdi:battery', 'mdi:power-plug') }}
  icon_color: >-
  {{ is_state('binary_sensor.fire_computer_desk_plugged_in', 'on') |
  iif('red', 'green') }}```

[austere geode]

type: custom:button-card
show_icon: false
entity: input_boolean.solcelle_vs_strom
name: >-
[[[ if (entity.state === "on") return "Apple"; if (entity.state === "off") return "Banana ${sensor.billigste_3_timer_i_dag_ny}"; else return
"Dunno"]]]
Sensor-help ?

[austere geode]

what is this mushroom thing ?

[digital swallow]

https://github.com/piitaya/lovelace-mushroom

[verbal flame]

its a custom integration that you can install via HACS wth custom elements for your dashboard

[austere geode]

a design option for lovelace ?

[tribal galleon]

similar to the custom:button-card. different layout, options, etc. between those two cards, you can make just about anything.

[austere geode]

Cool..what am I doing wrong in the bananapart 😉

[tribal galleon]

type: custom:button-card
show_icon: false
entity: input_boolean.tester
name: >-
  [[[ if (entity.state === "on") return "Apple"; if (entity.state === "off")
  return "Banana " + states['sensor.s22_ultra_battery_level'].state + "%";  else return "Dunno"]]]```

[austere geode]

Great help 🙂

[golden mist]

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

[tribal galleon]

I'm confused with why you're trying to use the conditional card.

[austere geode]

Im trying one of the options above..on was to horizontal stack..and in that card i placed to condition cards

[tribal galleon]

Name, icon, and color change based on two entity states. (If has a bunch of IFs but uses variables to consolidate the code.

[austere geode]

One of the cards (if off) is a timer

Never mind 😄

[golden mist]

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

[frosty flower]

oh, no you cant use an actual ha card to show long term statistics. what are you trying to show

[frosty flower]

its states('sensor.bedste_3_timer_i_dag')

@austere geode

[verbal flame]

is there a way to remove the mushroom chip background?

[austere geode]

cool....could someone "translate"... {{states('sensor.bedste_3_timer_i_dag')}} to if states('sensor.bedste_3_timer_i_dag') = unavailable then states('sensor.bedste_3_timer_i_morgen)

[frosty flower]

just == instead of = and it should work

put your code in code blocks in the future so its easier to read, surround by 1 ` on each side for inline or 3 ` for code block

[austere geode]

{{if states('sensor.billigste_3_timer_i_dag_ny') == 'unavailable' then states('sensor.billigste_3_timer_i_dag_og_imorgen_ny')}}

doesn't show anything

sensor.billigste_3_timer_i_dag_ny
Billigste 3 timer i dag - NY
Not enoughdata within current selection
friendly_name: Billigste 3 timer i dag - NY

[frosty flower]

is this for an energy price

[frosty flower]

hard to say without seeing whats going on, but if this template returns false, it will show nothing. so if theres no error t hats probably whats happening

[dark dirge]

{{ "foo" if 1==1 }}

[austere geode]

yes

[dark dirge]

I finished replacing all my custom button cards with mushroom template cards over the weekend and came away with a few observations:

• There are definitely more limitations in how elements are laid out in the card, but that was expected. In the end, the result looked good and I decided I didn't really care
• YAML anchors are much less useful than I thought. While the <<: *xxxx merge syntax is supported in the HA YAML loader, even with overriding keys, it was made "optional" in the spec and is frowned on. Overriding keys works, but generates warnings (that could be suppressed, I suppose). There's no facility to parameterize YAML anchors, so you only get a direct text insertion. I made it work, but am disappointed.
• The resulting dashboard is much, much faster. Anecdotally, I feel like my original custom button card-based dashboard got much slower in 2023.5, which encouraged me to try an alternative.
• It was a good opportunity to clean up my dashboard. I removed a bunch of unnecessary code, pulled more common stuff into anchors, and removed ~130 lines with no loss of functionality.

[austere geode]

Strange...

[dark dirge]

that's broken syntax: #frontend-archived message

[austere geode]

??

[dark dirge]

this is wrong: #frontend-archived message

this is how you do an if/then: #frontend-archived message

[austere geode]

So without spaces ?

[dark dirge]

spaces have nothing to do with it

Wrong: {{if states('sensor.billigste_3_timer_i_dag_ny') == 'unavailable' then states('sensor.billigste_3_timer_i_dag_og_imorgen_ny')}}
Right: {{states('sensor.billigste_3_timer_i_dag_og_imorgen_ny') if states('sensor.billigste_3_timer_i_dag_ny') == 'unavailable' }}

[frosty flower]

you are not telling it what to do if the expression returns false so it is doing nothing

[austere geode]

Arh now I see

Thanks

[atomic glacier]

@dark dirge Good to hear positive input about anchors 💯 the frontend responses are definitely different from older days. Some good and some not so...I've been slowly bringing life back into my displays since I found my keyboard again and swapping out tons of old stuff for some of the new toys available now...WIP...again

[dark dirge]

It was interesting to read the history of the "merge" operator (<<), the current state of it, and lots of annoyed people on github about the decision to essentially deprecate it

[atomic glacier]

Oh wow...missed that one. I'll have to look it up, thanks🫡 I have a gazillion lines of old views full of that 🤔

      size: 40%
      <<: *standardbuttonstyle
      <<: *shownone3
      <<: *lightbutton2state
      tap_action:
```   full of it LOL

[dark dirge]

also amusing is that the whole "mushroom" card suite is built "for people who hate YAML", and I do all my dashboard config in YAML

yeah, you can do <<: [*foo, *bar, *blah] for stuff like that

[atomic glacier]

Same here....just started using the editor...clueless 2 weeks ago 😂 got it now

[dark dirge]

I was initially excited about the ability to override keys from an anchor, but it gives a warning and I'm afraid that it'll go away at some point

[atomic glacier]

Yep, always good to plan ahead...been seeing that warning for quite a bit now, just ignored it

[dark dirge]

I ended up creating various different variations "with this", "without that", etc., but you can also build it from pieces like you showed above

[atomic glacier]

Nice...do you have a repo? I have to update mine one day 😩

Would love to see some of the new stuff

[dark dirge]

only a private one

[atomic glacier]

OIC

I launched mine b4 the editor was available, but have made a ton of changes keeping the version repairs going...

[dark dirge]

https://dpaste.org/FYOn9

I surgically extracted all the "mushroom" out of it 🙂

[atomic glacier]

LOL....sweet bro 💯 boom

I'm still engaged totally with state-switch for screen transition instead of moving from view to view. Especially with the video backgrounds, so it doesn't have to reload every time...

[dark dirge]

wow, nice

I'm only using state-switch for the badges at the top for desktop vs. mobile

[atomic glacier]

Yeah, I learned a few tricks way back with my tablet stuff. Was cool and never replicated. Never knew so many options were there. Tested everything Thomas put out back then 🤓 LOL

state-switch nested within multiple state-switch's Did a YouTube on my channel. That tablet design is still working with the same setup. If it ain't broke...don't fix it 😂 😂 😂

[frosty flower]

nah i did this and it was scary, it felt like it could go wrong at any moment lmao, i decided against it

it looked cool as all hell though

have some half broken version of it on my test junk dashboard lmao

[atomic glacier]

@frosty flower nice 🤩 LOL...yep, scary, but I make copies of my YAML files every time I venture out there 👻 When I did the tablet design for my wall mount. I made an outline/design on paper then just did the framework using test cards before adding the real stuff. Thoroughly amazed with the results back then. My next move with the above is for the rooms/areas sections with button navigation and slide transitions so it looks different. IDK, every now and then I get a few minutes to play 🥳

[frosty flower]

yeah i test all my stuff on its own dashboard view cause i would totally screw things up otherwise

what i would really love is to make my own animations for stateswitch transitions lmao, but i have absolutely zero idea if thats ven possiblee

[atomic glacier]

Indeed...only a few available to use. I did a css rotate transition with my whole dashboard screen once. Rotated out and the new screen rotated back in it's place... Worked twice before crashing my browser 🦇 dead on arrival 😂

[vague mountain]

I'm having trouble with yaml config, I'm trying to use card-mod to change the color of an entity https://paste.debian.net/1279721

I have the GPU temp's color changed, but I'm trying to have the fan speed only display if the GPU temp is hot and then display that in red

[frosty flower]

lmao, stuff like that is always scary

i have an auto entities card with the swiper card and a while ago i tried nesting that inside a card mod card, it totally wrecked my entire dashboard to the point that i was even lucky i was able to remove it from the yaml

ended up just forking the swipe card to make the changes i wanted..

[frosty flower]

you can use templates in the card mod field. the | after style:, it will accept templates after that

[vague mountain]

Hmm I haven't done any templates, just started learning this. I made a hacky fix by turning the entire card's text red and then manually setting the first entity to white. Works but probably not the intended way

[frosty flower]

you can mess around with templates here. theres also some links to resources aobut how to use templates on this page, and #templates-archived is always around too https://my.home-assistant.io/redirect/developer_template/

[vague mountain]

Thanks, I'll read up on it and try to get a proper solution since conditional formatting and colors will probably be used a lot for me

[atomic glacier]

@frosty flower layout-card and state-switch combined...my fav is the elevator door transition @ 0.28 with a different background image on the card LOL. So much more available to use now. Had extra time back then due to covid and no work 😖 https://youtu.be/I3H63T9l2f4

[frosty flower]

haha i love that one too

my card i showed earlier, it uses a bunch of swap transitions...its a mess lmao

https://dpaste.org/MmMUE

[atomic glacier]

Well...that's how I learned everything...how not to do things LOL

[frosty flower]

like the amount of jank here worried me to the point that was half how id idnt use it LOL

but damn if for all that jank it does not still look cool

[atomic glacier]

I used all input_selects to trigger the changes

[frosty flower]

i use hash just because it irks me to not have a default state when i reload the page

[atomic glacier]

so I could automate the transitions, Yeah, I still have issues with that one if I don't return to homepage b4 closing out

[cobalt trench]

Do multiple tabs on a dashboard impact performance? If I have some dashboard content I only check infrequently, is it better to create on a separate dashboard or does adding it to a tab not impact performance significantly?

[fiery ledge]

since we can not hide/show tabs conditionally in core Frontend unfortunately, some FR's have been done, see eg https://community.home-assistant.io/t/feature-request-conditional-views/320508/6 and https://github.com/home-assistant/frontend/discussions/9509 but there is not a lot of response. Made me wonder what people here use to hide/show views.

personally, Ive gone the long way of introducing several dedicated Dashboards and show them only to certain admins. Also created some horizontal-stacks with my own button menu. https://community.home-assistant.io/t/hiding-tabs-views-in-2023/569532 Still, it's not like core, and hope to find some feedback here for solutions

[dreamy pond]

Hi all. New in the Discord but I've been trawling HA forums and watching a bunch of the youtube videos over the past 4 weeks as I've recently set up HA in our new house.

A little stuck with something that's probably quite simple but this one thing I couldn't find a simple answer to on Google or anywhere else online.

I'm looking to implement a wifi QR code popup like this one below..........

Seen it in the Musroom Cards thread on HA forums but can't seem to find code to be able to create this. Apparently it's a picture element popup. If anyone can point me in the right direct that'd be hugely appreciated.

[somber bison]

could be that it uses browser mod to open a popup

[dreamy pond]

Yes apparently it does use browser mod to open a popup.

I have a jpeg with a QR code ready. I just don't know how to get the wifi chip to open the popup of the QR code picture I have.

[polar kelp]

Don't need browser mod. Make the picture a generic camera entity and you can use anything to open it. https://www.home-assistant.io/integrations/generic/

[dreamy pond]

@polar kelp so just a case of installing that integration, uploading the picture to the server, and then calling it on the dashboard?

Would it respond as a popup if using the generic entity method?

Apologies if the questions are basic. I'm not a developer/programmer. Only getting into HA recently 😅

[frosty flower]

whoa, new restart spot

[frosty flower]

yes the default more info view for an image looks like this

so no matter where in the ui, if you click to bring up the entity, this is what will show up

so you just need the action for your card to be more-info

[dreamy pond]

@frosty flower @polar kelp got it working, thank you both!
One thing I'm seeing though is the image is stretched. I'm assuming that's because the file size is 300px square but the 'more info' popup shows up larger.

Is there a way to resize the more info popup size for this one entity? After Googling it doesn't seem like you can?

[frosty flower]

hmm, what's your config look like

you can try the local file integration

[golden mist]

Local File

Instructions how to use Local File as a Camera within Home Assistant.

Quality scale

No score

IoT Class

Local Polling

Integration type

integration

Documentation

View the documentation

Source

View the source on GitHub

Issues

View known issues

[polar kelp]

Yeah. That's better than generic.

[fierce dagger]

Does anyone know how I can center the text and icon inside a mushroom card?

The only way I found so far is adding: "layout: vertical" but that moves the icon above the text

[frosty flower]

probably card mod then

[dawn fox]

Does anyone know if it is possible in mushroom-chip-card to animate a changing icon? something like this; - type: conditional
conditions:
- entity: switch.wi_fi_power_strip_socket_4
state: 'on'
chip:
type: template
icon: mdi:lightbulb-outline
card_mod:
style: |
@keyframes glow {
0% {icon: mdi:lightbulb-outline;}
100% {icon: mdi:lightbulb-on-outline;}
}
ha-card {
animation: glow linear alternate infinite;
animation-duration: 2s;
}

[shut robin]

hey guys, weird question but is there a way to 'dynamically' create some kind of ui element (i.e. a mushroom card, but doesn't have to be that)? i want to show information on different cards based on a value - so if a value is 4, have 4 cards, but if a value is 7 have 7 cards etc? hopefully that made sense!

[frosty flower]

stateswitch if its the whole card, any card that supports templates if its just a value or field you want to change

config template card will let you do that to any card

[dark dirge]

Or a conditional card

[shut robin]

But with conditional cards won't I need a new card for each possible value? I was wondering if there was a way without having to create 10ish max cards

[frosty flower]

yeah i gave you 2 other options in addition to conditional card

[dark dirge]

if a value is 4, have 4 cards, but if a value is 7 have 7 cards

you can't create many cards out of a single card - you have to have all the cards defined, then you can choose to show them

[shut robin]

Sorry, I'm not at my computer so haven't been able to look them up yet, but the conditional cards were more for Rob to make sure I hadn't missed some kind of underlying feature of conditional cards since I'm still new to HA and haven't done much fancy stuff yet

Had a quick look at state switch though and it might be the way! I'll have to check it out when I have a chance to next though

[dark dirge]

State-switch is like a super-conditional card and still requires multiple cards to be defined. Templating an individual card just changes what's displayed in that card, it doesn't create more cards

[shut robin]

Ah, fair enough

Maybe I'll just go with manually creating it and not let that input value get too high 😛

Thanks for the suggestions!

[dawn fox]

Anyone have any ideas?

[atomic glacier]

@dawn fox good start here:
https://community.home-assistant.io/t/mushroom-cards-build-a-beautiful-dashboard-easily/388590/3239#mushroom-animations-part-1-1

[dawn fox]

Thanks, ill take a look.

[golden mist]

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

[random relic]

Hi, The workday-sensor was moved into the "GUI" recently, where do I configure that now?

[fiery ledge]

without further knowledge of your end goal, you could use auto-entities combined with another card, and have the filter option do the work for you. In this case even use a for-loop, tho show/create a card for the values you require/throw at it. have a look at the Wiki there.

https://github.com/thomasloven/lovelace-auto-entities/wiki/Template-filters and the last template filter option at https://github.com/thomasloven/lovelace-auto-entities

[dreamy pond]

@frosty flower @polar kelp quick question, how do I call the picture using Local File? I've added the configuration to the configuration.yaml file so should have Local File on my HA system, but can't find instructions on how to add it to the Mushroom Chip I want.

[shut robin]

so i have a sensor that shows me the cheapest (up to) 10 petrol stations in my vicinity that i want to show, but there aren't always 10 petrol stations in the area, so i was hoping to have cards show up for each petrol station

[fiery ledge]

start with a single card for 1 entity. Are they listed as individual attributes? next create a template that lists (this is important, as auto-entities requires a list) the 10 stations. Finally, combine the 2 with the technique I linked above

maybe it is overkill, but it should be doable...

here's an example of an auto-entities for loop with some options (need to be inside the filter) and nested in another card, grid this case:

[frosty flower]

You need to add it to a card that can display images

[brazen hamlet]

Hello,
I am relatively new here, but so far very enthusiastic about the Home Assistant software, so much so that I have already converted my entire smart home to it. Now I have just unfortunately encountered the problem that every normal user, so also for example kiosk tablets, have access to the Quick Search function and thus the possibility to change internal states and influence automations, to which actually only administrators should have access. Is there any way to disable this feature for regular users?

[tribal galleon]

Consider implementing Kiosk Mode (available through HACS). https://github.com/NemesisRE/kiosk-mode You can hide stuff such as the sidebar, search, assistant, or even the entire header. Settings can be set per user (my tablets use their own "Tablet" username for personalized settings.) I also have "hidden" buttons to enable/disable restrictions.
Also, you can set dashboard visibility to specific users if needed.

[brazen hamlet]

Uh that's great, thank you very much 😄

[tribal galleon]

@brazen hamlet Here's a better view in regards to what you were asking for. (I forgot that I can take screenshots remotely from the tablet. I also enabled the header which is normally hidden.)

[kindred dirge]

Is there any way to use Google Maps as a map view instead of OpenStreetMap?

I've searched around a bit but couldn't come to a conclusive end there

Or, since Google Maps seems to be paid for API access now, Bing? Or any other satellite view?

[lilac sundial]

Hi, how do I scale a sensor for display in lovelace? I have Wh and want to display kWh... Is there a scale factor I can set in the card definition?

or do I need to use a template?

[fierce dagger]

- icon: mdi:radar conditions: - entity: sensor.saugroboter_og_sensor_dirty_left value: 44

I am trying to modify a vacuum card. I want a symbol to show up when the value is below 50 for example. The usual "<=" doesn't work though.

Do I need to use something else instead of "value:"?

[brazen hamlet]

I see, thanks for your help, I got it working now 😄

[tribal galleon]

Not sure what card you're using but maybe you have to define the operator. This is YAML from a battery-state-card where it excludes battery levels over 50%.```yaml

• name: state
  operator: '>='
  value: 50```

[fierce dagger]

I'll try that ty

Looks like the operator has no effect. The icon only shows at the current value of 44 in my example.
Or always if I remove the conditions completely.

[tribal galleon]

What card are you using?

[fierce dagger]

Its the xiaomi-vacuum-map-card

Basically I've added a few icons/button to reset the filter, sensors etc.
I want the icons to only show below a certain value but can't figure it out

[tribal galleon]

Maybe try something like this: ```yaml
conditions:

• entity: sensor.saugroboter_og_sensor_dirty_left
  value: "{{ return is_state('sensor.saugroboter_og_sensor_dirty_left')|int <= 50 }}"```
  https://community.home-assistant.io/t/vacuum-interactive-map-card/123901 seems like it might be a good place to get some assistance specific to this card.

[fierce dagger]

Yeah ty. I might give up for now^^

I have also tried multiple variations like that:

`icons:

• icon: mdi:radar
  conditions:
  • condition: template
    value_template: "{{ states('sensor.saugroboter_og_sensor_dirty_left') | int < 45 }}"`

[tribal galleon]

If you can't get the card to do specifically what you want, you might consider making your own card to show/act the way you want. For example, this icon only shows up when motion is detected in my living room. It uses a mushroom-chips-card ```yaml

• type: custom:mushroom-chips-card
  chips:
  • type: conditional
    conditions:
    • entity: binary_sensor.living_room_motion_detector_on_off
      state: 'on'
      chip:
      type: template
      icon_color: red
      icon: mdi:motion-sensor```

[vapid field]

complete newbie here! not sure where to ask, i have the radio browser integration working, but i would like to either create a button or a player in lovelace, so that only some channels are available, this works fine when playing to chrome, but i dont know how to play to browser, that is the browser i'm seing ha from

[tribal galleon]

I have other cards (custom:button-card) that "highlight themselves" when the light is at a specific brightness ```yaml
state:

• operator: template
  value: >-
  [[[ return states['light.living_room_lights'].attributes.brightness === 128 ]]]
  styles:
  name:
  - color: yellow
  card:
  - box-shadow: inset 0px 0px 5px 1px yellow
  - border: 1px solid yellow```

[vapid field]

Radio Browser

[unborn venture]

Do someone know why when I put the vacuum card the whole window is like I could move to the right? See the below bar as example.

[night hatch]

hey all, anyone know of an easy way to make a card containing the current time in large font? trying to replicate what this dude is doing here:

https://community.home-assistant.io/t/lovelace-alarm-clock/67354

but with individual cards so i have a little more control

[unborn venture]

Trying I've seen that if I reduce the map_scale (https://github.com/Hypfer/lovelace-valetudo-map-card) it reduces the long bar window, but I don't see the map.
Someone could help?

[frosty flower]

I use that card and have templates in it. Here's my yaml for the card, maybe it'll show you something you're missing

[golden mist]

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

[fierce dagger]

Ty maybe that will help. You are using the custom:vacuum-card that though? My custom:xiaomi-vacuum-map-card looks quite different

[frosty flower]

Ohh, my b, i thought they were the same card, maybe not. 8 set it up a long time ago

[fierce dagger]

That is how my card looks. I also made lots of changed though

[frosty flower]

https://github.com/benct/lovelace-xiaomi-vacuum-card#configuration
your card doesnt say that it supports templates

if you want to use templates in non-supported fields you need to use a card that augments the function

in your case, since youre changing an icon, you could use card mod to use a template on the css

another option is config template card

config template card uses javascript, card mod uses jinja templating, but you need to tell it what css element to target. either will work, just depends which youd rather deal with

[shut robin]

Hey guys, I'm trying to find a nice looking input field but am struggling - I just want something I can preferably set to only allow numbers and look good on a dashboard (I'm using it as a post code input)? Does anyone have any suggestions?

[slow flame]

Attempting to use custom:button-card I'm trying to create a table that I can modify on the fly. I have the html/javascript working, I'm just not sure how to properly add it to the button card. any help would be greatly appreciated. This is what i have so far https://gist.github.com/xFusionLordx/bde3adf377cc50cefe8370b6f8de24a4

just doesn't seem to work. the button does nothing.

[elfin zenith]

I am missing the text in the front end, anytime I am setting up a new device

I tried different browsers, phones and it's the same, no descriptive text

Home Assistant 2023.4.6
Frontend 20230411.1 - latest

[shut robin]

hey guys, does anyone know of a nice looking input field for text for a dashboard? the default one for input text looks a little plain and not great on the dashboard

[naive topaz]

i want to remove the header on mobile only

can i achieve this with cardmod?

did it with kiosk-mode

[meager mango]

Can't find it on Google and don't know if this option is available. Is there a way to list all (custom) integrations that are loaded in Home Assistant. Not all intergrations shows up on the intergrations section under settings -> devices & services, but some are active and working.

[tacit cave]

You can only get a list of integrations, you can't tell if they are custom or not.

and it won't be a full list of integrations, it'll be a list of integrations that create entities.

[viscid kite]

i am trying to make a button within a popup, where name is template. but if i use the template, popup doesnt show up. but any string in the name field works just fine. what am i doing wrong?

action: fire-dom-event
browser_mod:
  service: browser_mod.popup
  data:
    content:
      type: custom:button-card
      entity: sensor.deebot_kajer_beti_ronbot_queue
      name: '[[[ if (entity.state === "") return "Select Rooms"; else return "Start Clean"; ]]]'

[lyric prairie]

Try changing the template as that is probably rendered wrong.

name: '[[[ return entity.state === "" ? "Select Rooms" : "Start Clean"; ]]]'

[viscid kite]

doesnt work 😦

[lyric prairie]

What error do you get in the developer tools in Chrome?

[viscid kite]

button-card.js:425  Uncaught ButtonCardJSTemplateError: TypeError: Cannot read properties of undefined (reading 'state') in 'return entity.state === "" ? "Select Rooms" : "Start Clean";'
    at ti.eval (eval at _evalTemplate (button-card.js:425:9303), <anonymous>:3:30)
    at ti._evalTemplate (button-card.js:425:9389)
    at ti._getTemplateOrValue (button-card.js:425:9976)
    at button-card.js:547:3887
    at Array.forEach (<anonymous>)
    at n (button-card.js:547:3829)
    at button-card.js:547:3869
    at Array.forEach (<anonymous>)
    at n (button-card.js:547:3829)
    at button-card.js:547:3869

are you looking for this error?

[lyric prairie]

It can somehow not figure out the state of the entity. Any chance it is misspelt or something?

[viscid kite]

no, because same card works in lovelace. just not working in popup.

[lyric prairie]

Weird, when I test it with some existing entity it works

[viscid kite]

😕

i have some other strange behavior with some other cards (eg: https://github.com/custom-cards/button-card/issues/688 ) ...and probably all are custom button card. is there any way I can refresh or clean start or something like that?

[tribal galleon]

@viscid kite perhaps the entity.state isn't working properly in the popup. Try replacing it with states['sensor.deebot_kajer_beti_ronbot_queue'].state

[vast osprey]

is it possible to reset the control of the default dashboard back to it's default?

[dark dirge]

Yes, go into the raw editor via the three dot menu, delete everything, save

[vast osprey]

ah, thanks!

[undone oriole]

Hey, I can't find an option to implement a group of thermostats / radiator to turn all of them off by one action/button on my dashboard?

[golden mist]

Template

Instructions on how to integrate Template Sensors into Home Assistant.

Quality scale

:house: Internal

IoT Class

Local Push

Integration type

integration

Documentation

View the documentation

Source

View the source on GitHub

Issues

View known issues

[frosty flower]

old style template sensors can

iirc they have to be configured via yaml

[half ember]

is it possible to use an entity state in a theme yaml?

[golden mist]

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

[polar kelp]

With card-mod it is. To some extent.

[vapid field]

Looking for guidance. How can I increase the font size in a mushroom card? More specifically, I want to increase font size of the secondary information area of a Mushroom Template card.

[tribal galleon]

While this doesn't completely answer your question, I had to use card-mod on a mushroom-chips-card. ```yaml
type: custom:mushroom-chips-card
chips:

• type: entity
  entity: person.derek
  use_entity_picture: true
  card_mod:
  style: |
  ha-card {
  border: unset;
  --chip-font-size: 24px;
  --chip-padding: 0 0.3em;
  --chip-box-shadow: none;
  --text-color: red;```

From https://www.reddit.com/r/homeassistant/comments/zneozk/does_anyone_know_how_to_change_the_font_size_in/, try yaml --card-primary-font-size: var(--title-font-size) !important; --card-secondary-font-size: 20px;

[vapid field]

Great, thanks. Using your suggestion, the following code works. card_mod: style: | :host { --mush-icon-size: 100px; } ha-card { --card-secondary-font-size: 20px; --card-primary-font-size: 21px }

[dry inlet]

Some of my names and values are shortend by homeassistant and it just displays ... instead of the full name because it thinks its too long. How to prevent that?

[heady lintel]

I started adding some custom links on the left panel and while what I found online got some useful links working, I am unable to get the right url or settings for a link to the File Editor or the Zwave JS UI.
File Editor links to a page that never stops loading. JS UI links just has a blank frame.

   sidebar_title: File Editor
   sidebar_icon: mdi:text-box-edit
   url_path: 'hassio/ingress'
   module_url: hassio/ingress/core_configurator
   embed_iframe: true
   require_admin: true
 - name: Zwave UI
   sidebar_title: Z-Wave UI
   sidebar_icon: mdi:z-wave
   url_path: 'config/ZwaveUI'
   module_url: hassio/ingress/a0d7b954_zwavejs2mqtt
   embed_iframe: true
   require_admin: true```

[crude crane]

my lovlace elements arent loading

hacs

Custom brand icons, Lovelace Google Keep card, Slider button card by @mattieha, Thermal Comfort Icons

[fallen badge]

Can the tile card's icon background be removed somehow?

[keen thunder]

Can anyone help me trying to target the video html tag in a picture-entity card with card-mod ?

Im trying to make the video in the picture-entity to span the whole height of the view with this:
card_mod: style: | video { width: auto: }

This is the node I want to target. Is my code correct?

[frosty flower]

you dont need card mod for that card, you can target the css directly with the card

[keen thunder]

What do you mean?

[frosty flower]

that card, its this, righjt?
https://github.com/AlexxIT/WebRTC

[keen nova]

Hey all, hopefully someone can assist, I am trying to change the icon color on a picture element, the challenge is the state needs to be read from a different entity from the entity being used in the state-icon, I have tried a couple of options based on what I have seen in past conversations

• type: state-icon
  entity: button.back_zone_1_button
  icon: mdi:water
  icon_color: |-
  {{% if states('switch.back_zone_4') == 'on') %}
  orange
  {% endif %}
  tap_action:
  action: toggle
  style:
  top: 25%
  left: 48%
  font-size: 16px

in short I have a button in node-red that calls a service, so the click action calls the node red button but when the state of the entity changes I want it to change the icon color

ignore the zone 1 and zone 4 🙂 I was trying to match what my wife was doing in the garden to match it rather than piss her off 🙂

[dark dirge]

There's no icon_color tag described in the docs

And nothing that I see about it supporting templates

You can probably use card_mod

[keen nova]

I have that installed I have been trying it (although I'm guessing at most things)

[keen nova]

So I changed my node-red flow, instead of using a button I changed it to a switch and now I dont need anything fancy 🥳

Ended up with this

[mild gate]

anyone using the custom upcoming media card? Its really unclear to me how to adjust the layout including how to use the fan art view

[tropic dawn]

I'm using the simple thermostat card from HACS, and it looks like it's missing translations (like "ui.card.climate.fan_mode"). Is there a general way to add a string for it to find, or would the way to add a string be specific to the custom card?

[royal kindle]

Has anyone used the Tesla custom card here? For some reason, it's doing 10-fold the values :\

Oh, lol. I rubber duck'd.

I had these set to lower case W unit_of_measurement: "w"

So it defaulted back to kW

[wide niche]

hi guys! I wanted to ask if there is a way to "extend" the media control card? I basically want the options you get when pressing the 3 dots on my dashboard

[hardy seal]

Anyway to stop timers spamming the logbook?

[dark dirge]

https://www.home-assistant.io/integrations/logbook/#exclude

[hardy seal]

Oh thanks!

[quick compass]

Hi everyone. I need some help diagnosing and issue I am having when I refresh my custom dashboard I created when I am on my local network vs outside network. On my local network and I refresh the dashboard it comes up blank and the app becomes unresponsive. However, when I switch to the cell network and refresh everything works again. I made a video of this issue: https://photos.app.goo.gl/mGxmwM3GDeTqVahz9 Thanks for any help.

[frosty flower]

do you use a different internal vs external url

[golden mist]

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

[jaunty grove]

Hey guys... I'm relatively new to HA and trying to build some custom dashboards using the layout card grid dashboard. The dashboard displays fine everywhere except on my iPad mini 2, which is what I'm trying to use for a kiosk-type display.

The dashboard appears fine, until, at random times (I couldn't detect a pattern or any kind of specific trigger), the cards on the dashboard all disappears. This does not happen on my PC, so I'm thinking it's device-specific.

I have a very simple grid, currently with only two cards inside it.

The dashboard code is as follows:

grid-template-rows: auto
grid-template-columns: 30% 40% 30%
grid-template-areas: |
"h h h"
"l m r"
"f f f"

Added to the first card:
view_layout:
grid-area: h

Added to the second card:
view_layout:
grid-area: m

I could see nothing in the logs. Any idea what could cause this?

[nocturne ledge]

Hi, can i use a custom icon for the mushroom template card please?
It seems the location does not work
I kinda hoped i was able to just add 1 line in "icon"
type: custom:mushroom-template-card
primary: GFT
secondary: '{{ states(''sensor.recycleapp_gft'') }}'
icon_type: entity-picture
icon: /media/local/gft.jpg (also tried /local/gft.jpg)
entity: sensor.recycleapp_gft
fill_container: false
multiline_secondary: false
layout: horizontal

Thank you!

[tribal galleon]

I'm not sure if you can use jpgs as icons. you might be better off just using icon: mdi:recycle.

[nocturne ledge]

THank you, was also talking with the big mister smart home junkie, and short answer is not using an icon but a picture.
Sorry for taking your time 🙂

[frozen breach]

Hey all is there anyway to move the unit to the start of the number on a gauge card? I have a sensor that reads out my electricity cost per hour and I would like the £ before the number not after.

[hidden zinc]

hey guys, how can a picture be positioned center, i.e. the PrimeVideo picture is not centered in this example:

[stray lark]

Hi, since i cant find anything that i can reuse, i would like to ask for some help. Maybe this is something that is not possible at all, but lets give it a try 🙂
I am using an esphome for sending 433mhz signals. One button switchies something "ON" and the other button switches it "OFF". unfortunately there is not feedback/state information available. Thus i have created an entity for each "action"... Is there a control/way where i can combine the on/off click for a single entity?

öffnen == on
schließen == off

basically i would like to create something like this:

[vast crane]

Look at template switch: https://www.home-assistant.io/integrations/switch.template/

[half ember]

how can i change the background color per-view?

[cold sparrow]

If I create a Group, via Helpers, am I able to display all the members in the group in a card? Is there a way to access them like that?

[half ember]

as far as i know, theres no way to do that in vanilla home assistant

you would just have to input the members manually

perhaps look into auto-entities?

[cold sparrow]

Ah nice, thank you!

[lapis linden]

hello, i have stupid problem... "Custom element dosen't exist: floorplan-card"

in HACS repository was added

[wicked raven]

Hey guys, I hope that I'm in the right section. Can anybody help me with kiosk mode no longer working? I've done everything that I can think of. I don't even understand why it's no longer working. I did update HA, kiosk mode and some other integrations, but I've since restored a backup of what I think was before it stopped working. I asked a few others had theirs stopped working and a few said no and a couple said yes. Also my animated backgrounds have also stopped working and I can't find what I'm doing wrong.

[atomic glacier]

@wicked raven animated backgrounds died with update, but search HA forums for it and towards the bottom you'll find where someone forked it and did a workaround that works with current HA version(I'm using it and it works fine so far)

[wicked raven]

Thanks a lot! I still don't understand why it didn't go back to working when I restored to a previous HA version though.

[atomic glacier]

Probably bc the frontend was updated when you did the update and it didn't revert...maybe

[wicked raven]

The kiosk mode and the animated backgrounds are my favorite things about the front end. I'm absolutely in the dumps without them.

[atomic glacier]

the fix for the backgrounds only takes a minute, kiosk mode still works with the new version, not sure what happened to yours, I think there was an update or two for KM though. I'm on v1.9.0

[wicked raven]

I have no idea what happened either. It was working fine until I updated and then suddenly no matter what I've done, it doesn't.

[verbal maple]

I’m not sure if this is the right place to put this but I’m just stumped, I have watched simply Chris on YouTube on how he did his dashboard but I cannot get the card to change to red and blink when the garage door is opened, it will change the icon like it is supposed to but nothing else happens.

[vivid trout]

back in love with picture entities card 🙂

[fiery ledge]

ofc you are aware this can not be posted as is.....

[wicked raven]

Thanks a lot for leading me in the right direction with the HA forums. I ended up using Browser Mod to get the kiosk mode going. Now I'm gonna see if I can get the animated backgrounds going again.

[fiery ledge]

what I meant above was: that looks amazingly nice, please share your yaml config for that....

[polar kelp]

The artifacting of the color wheel in that gif is crazy!

[tribal galleon]

@verbal maple Try unindenting everything from state: to the end by two spaces (so state: is inline with styles, lock, etc.). You might also need the operator. ```yaml
state:

• value: open
  operator: '=='
  icon: mdi:garage-open
  color: red
  styles:
  icon:
  - animation: blink 2s ease infinite
  name:
  - color: white``` followed by your card: settings (shortened here for length)

I have a similar animation set up for my motion detectors. Here's a screenshot of the template for the custom:button-card. (Full dashboard code https://pastebin.com/gaFmay1B)

Using the template```yaml

• type: custom:button-card
  template: motion_detector_animated
  entity: binary_sensor.bedroom_motion_detector_on_off
  name: Bedroom```

[tribal galleon]

I'm assuming you're talking about floorplan-card from https://github.com/chr1st1ank/floorplan-card. If it was working before but recently broke then it probably uses Polymer which is now deprecated. The card has not been updated in two years but the creator is still active on GitHub. You might consider opening an issue and ask for it to be updated.

[compact hamlet]

Anyone know why in the web UI when I go and edit things sometimes words begin to type backwards in input fields? I've noticed a lot of funky UI stuff related to editing dashboards.

[tribal galleon]

I notice it happen sometimes. Easiest thing that I have found is to Cancel the editor, click Done, Refresh, then go back to editing. It usually fixes itself... until it happens again. (IMO, the more complex the dashboard, the more often it happens.)

[copper pelican]

Hi , I try to setup the waste collection schedule but don't work for me I found an tutorial but same don't work, I got this error on check yaml "Invalid config for [sensor.waste_collection_schedule]: expected int @ data['source_index'][0]. Got 'c'. (See ?, line ?). " and the sensor is "

• platform: waste_collection_schedule
  source_index: calendar.derby_city_council
  name: Black Bin
  details_format: "upcoming"
  value_template: >-
  {% if value.daysTo == 0 %}
  HEUTE
  {% elif value.daysTo == 1 %}
  MORGEN
  {% else %}
  in {{value.daysTo}} Tagen
  {% endif %}
  types:
  • Black Bin
    can please help to fix this ?

[tribal galleon]

Does it display properly without the value_template? I'd suggest removing that first to ensure that the rest is working.

[dark dirge]

it looks like it's expecting an integer or list of integers for source_index: and you provided an entity_id

note that "c" is the first character of "calendar"

[copper pelican]

I have remove the source_index, now is working, but is not properly show the date

[tribal galleon]

So that probably ties into with what RobC is saying. Your source might be the issue. The code was also looking for an integer.

[golden mist]

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

[copper pelican]

but on the calendar is perfect

[tribal galleon]

~~Where is the waste_collection_schedule defined? Try putting source_index: 0 instead of the calendar entity. Actually, ~~you might be able to remove the source_index entirely because it should be Only needed if multiple sources are defined.
EDIT: Found it in the doc.

[tribal galleon]

@copper pelican try removing that line and then add your value_template back. In theory, it should be fine after that.

[wicked raven]

Just in case anyone else runs into the animated backgrounds not working, I got mine working by going to this repo https://github.com/dreimer1986/lovelace-animated-background/, I then copied this https://pastebin.com/JpfWKfBu into a file called "animated-backgrounds.js" in my config/www folder. Create the file if you don't have it already. I also didn't put it into a folder in the www folder, I just put the file into the www folder. Finally, I went to settings-dashboards, then to the 3 dots in the top right and added "/local/animated-background.js" into the resources. After refreshing the home page, all was good again.

[brisk seal]

is there anyone that can help me with the mini media player? I want 2 dropdown lists for 1 media player. 1 for radiostations, 1 for spotify playlists.
Is this possible and how?

[frosty flower]

you might need yo use card mod. alternatively i supposed you could go edit the picture to match the dimensions of the card

[wicked raven]

Maybe a couple of drop down helpers will do it for you, also known as an input_select.

[quick compass]

Yes. Internal points to local IP address while external is set up for reverse proxy.

[frosty flower]

Have you tried accessing it from your external IP while connected to your home network? See if the issue still persists? Also does it happen if you access it from the web browser on your phone

[drowsy void]

Can anyone help me out with this?
https://github.com/rianadon/opensprinkler-card

I am trying to make the status bar that decreases showing the state of an entity to be very thin; within the Lovelace.

[halcyon mantle]

Quick question - Is it possible in ui-lovelace.yaml to somehow re-use certain elements by defining them and then referencing them where you would like to use them? Use case: I have a rather complex picture elements card, which I use on more than one view. Thus each time a change is made it must be made on multiple places in the YAML file, where if the element can be defined in one place, and referenced where used I would only need to update it in a single place.

[drowsy void]

I put the width and high but it doesn’t work. Not sure if there is another way to put it or any better addons for Lovelace “show state” bar.

[oblique silo]

heyo

I'm trying to make my own theme an increase the font size overall on the entire theme

so far i have made a folder under 'themes' in studio code

and a customtheme.yaml in that folder

how do i make my own from here?

[lyric prairie]

Yaml Anchors

[brave oyster]

hey guys, is there a way to show next date in the red circle?

[halcyon mantle]

Thank you! Do you perhaps have a pointer to documentation or examples?

[lyric prairie]

https://github.com/thomasloven/hass-config/wiki/Misc-tricks

[vast crane]

entities:
  - type: attribute
    entity: calendar.afval
    attribute: start_time

(or start_date if your calendar has that attribute instead of start_time)

[tender vessel]

Hi all, did you ever experience this?
It's something I can reproduce a few times and then sometimes not.
I have 2 dashboards with a button card for the same light.
-Go to first dashboard, click the light, button card goes yellow
-go to second dashboard, button card is yellow there also
-go to even another dashboard, look around a bit
-go back to first dashboard, click on button card, button card stays yellow but light in house does go out
-go to second dashboard, button card goes back to blue
-go to first dashboard again, button card NOW does correctly show blue

Looks like some refreshing issue that shows nothing in any log.

[spiral shore]

where can i see a graph of a light's brigthness and color temperature?

The only thing i can see in history is if it is on or off

[vast crane]

By default you cannot, but you can make brightness and color temp into individual sensors with templates, and then you can graph those.

[spiral shore]

strange that it is not available by default

[vast crane]

I haven't tried but I believe you can install something like Apex charts card can graph them.

The official position of the core team seems to be that attributes should not store things that should be their own entities, and they will be slowly phased out/deprecated over time. And they don't want improvements that make attributes more accessible due to this. E.g. https://community.home-assistant.io/t/wth-are-attributes-such-a-pain-to-work-with/467837

[spiral shore]

do you know the syntax for this? {{states.ceiling_lights.brightness}}

[vast crane]

{{ state_attr('light.ceiling_lights','brightness') }}

[spiral shore]

nice

thanks for the help

[drifting night]

My apex-charts showing energy use updates way to often. It updates every 10-20 seconds even though I have Update_interval set to 60m. Is there any way to fix this?

[frosty flower]

can you use anchors across different cards on the same dashboard? (assuming so because all views on a dashboard are part of the same yaml file but unsure)

[frosty flower]

hope that before the phase it out they start to add ways to combine entities visually into one device or other similar way to group entities

[lyric prairie]

You can use anchors anywhere as long it’s in the same yaml file.

[drowsy void]

Guess everyone here asks for help but we don’t have anyone that can help..? 🤔

[quick compass]

Thank you for your help!!! Yes I have it set up to use the external address when on the local network. I would prefer this rather then having HA always checking for the local Wi-Fi SSID. The issue DOES occur from a web browser (safari & chrome) on the phone…never thought to check that. However, never had an issue on a labtop. What does that mean?

[frosty flower]

you have it set up to use external even when youre home, so the issue only occurs then when youre accessing your external address from your local network?

[halcyon mantle]

I'm still a bit lost on how to tackle this - From https://github.com/thomasloven/hass-config/wiki/Misc-tricks I was able to understand how to apply styling etc, but I'm unsure if it can be used to duplicate a whole picture-elements card. {{ Original Question: Quick question - Is it possible in ui-lovelace.yaml to somehow re-use certain elements by defining them and then referencing them where you would like to use them? Use case: I have a rather complex picture elements card, which I use on more than one view. Thus each time a change is made it must be made on multiple places in the YAML file, where if the element can be defined in one place, and referenced where used I would only need to update it in a single place. }}

[golden mist]

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

[cobalt trench]

chip card icon color : card-mod style vs two conditional chips

Is either approach better?

    entity: binary_sensor.contact_sensor_kitchen
    content_info: name
    card_mod:
      style: |
        ha-card {
          {% if (is_state('binary_sensor.contact_sensor_kitchen','on')) %}
          color: var(--state-active-color);
          {% else %}
          color: var(--state-inactive-color);
          {% endif %}
        }```

    conditions:
      - entity: binary_sensor.contact_sensor_kitchen
        state: 'on'
    chip:
      type: entity
      entity: binary_sensor.contact_sensor_kitchen
      icon_color: amber
      content_info: name
  - type: conditional
    conditions:
      - entity: binary_sensor.contact_sensor_kitchen
        state: 'off'
    chip:
      type: entity
      entity: binary_sensor.contact_sensor_kitchen
      content_info: name```

If a moderator happens to read this, please could you delete the Bot version, as I accidentally hit enter whilst trying to add markup.

[vivid trout]

will do when I am back in home. (soz for late reply)

[tribal galleon]

I, personally, prefer the card_mod method. It keeps everything related to the card within itself rather than defining two separate cards and then having the conditional card choose which one to display.

[lyric prairie]

Another trick is to put that card in a separate file. And !include it everywhere you need it.

[cobalt trench]

Only downside seems to be needing to use the nth-of-type(n) to address each chip and therefore not being able to use {% if (is_state(config.entity,'on')) %}

[tribal galleon]

Another option is using the template chip type. Then, card_mod isn't used. You can see what I mean by looking at my dashboard yaml (https://pastebin.com/gaFmay1B) around lines 1208-1296. I haven't had to use any nth-of-type(n) in my chips.