frontend-archived

[winged carbon]

Ok, I understand that. The trigger in this case is a eaton xcomfort switch which trigger the automation when button is released. So it makes sense that it runs then, I will have to check if I can trigger it when pressed, but that is not an option through the integration. Maybe I have to go through NodeRed, thanks for your answer.

[inland token]

Can someone walk me through how you find what options are available and how to use them for UI elements? I have this card, and want some visual indication of on/off status. I’m guessing that I have to do that part myself. So, then I spend hours with Google trying to figure out how you set the color of the button, going through endless examples that are wrong or out of date. Is there no documentation or at least a way to list the available options?

type: custom:mini-media-player
name: Classroom Amp
entity: media_player.classroomamp
group: true
volume_stateless: false
sound_mode: icon
source: icon
artwork: cover
icon: mdi:amplifier
info: scroll
toggle_power: true

[lean prairie]

Hi! I've got a problem

As you can see, the minutes on my clock in my dashboard only show the minutes in 1 digit. this only happens when it's for instance 15:00-15:10. After that the minutes have 2 digits. I know that some clocks dont show hours with 0's before the second digit but with minutes I know there are always 2 digits

Just to show you it is 15:03. Can someone help me?

[tacit cave]

how are you displaying that clock?

[lean prairie]

Via a card

you mean in YAML code explained?

As you can see after 10 minutes its normal

so at 15:10 its normal

but at 15:00-15:10 it only shows the last digit as first so like 15:01 as 15:1

[tacit cave]

I need to know as much information as possible

right now you're giving me screenshots with no sustenance

I understand the issue, but I need more information in order to tell you how to fix it.

[lean prairie]

So here is the dashboard: https://github.com/jimmy-landry/HA-Tablet-Dashboard-Config/tree/main

https://www.youtube.com/watch?v=d9ewXJsxKrI here is the video on how to do it

these are the YAML contents in the card for the time

[proven shuttle]

Hi all, I've noticed that cards on a grid card cannot have a visibility. Is there perhaps a way to visually group cards together and still have the option to configure visibility?

[tacit cave]

that's what I was looking for. Change the template to {{ now().strftime('%-H:%M') }}

[golden mist]

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

[lean prairie]

so remove [[ now?

.hour and that

We'll see in 20 min

[tacit cave]

change the entire template to what I posted

it will work

[lean prairie]

but only the time right?

if i do the rest i will lose the date and time too

[tacit cave]

do you know what a template is?

You posted this

[lean prairie]

A'ight wait

[tacit cave]

\

that's your template

[lean prairie]

look at this okay

its splitted into multiple parts

2 is the time so i should only change that right?

[tacit cave]

I have no idea what all that other stuff is

[lean prairie]

lights and stuff

and date

[tacit cave]

literally just change the template you posted above, to the template I chose

[lean prairie]

I did so, just wanted to see if I understood you

[tacit cave]

{{ now().hour }}:{{ now().minute }} is your template

change to {{ now().strftime('%-H:%M') }}

[lean prairie]

I did yes

[tacit cave]

ok

[inland token]

Is Lovelace a type of card, the Last name of a guy that made a set of commonly-used cards?

[tacit cave]

it's the original name of the frontend

[inland token]

So, bring a LoveLace card doesn’t really help you in any way as far as knowing how to use it.

Trying for days to figure out how to do basic stuff like change colors

Original = deprecated?

[lean prairie]

Now it works. Thanks!

[tacit cave]

HA's frontend is now called Dashboards

but it's still "Lovelace"

it's literally just a name change

Lovelace name changed to Dashboards

[vast crane]

What you're trying to do I would consider advanced stuff, not basic stuff. Basic is you use the UI elements as provided, and the supported options are listed in the documentation.
Other things like adding elements and changing visuals on a card requires more custom plugins and card_mod. It's not natively supported by the frontend.

[inland token]

I changed colors of some buttons easily. Even added some inline code to indicate what was active. Just have no idea what the docs mean for the media player card

https://github.com/kalkih/mini-media-player?tab=readme-ov-file#theme-variables

“The following variables are available and can be set in your theme to change the appearence of the card.”

[tacit cave]

those are theme variables

[inland token]

Ok, maybe I need a definition.

[tacit cave]

the frontend has a theme set

the theme determines the look and feel of your UI

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

[inland token]

Ok. I just want to set the color when the device is turned on, not change a theme. For buttons, it’s a property in the button YAML. No such property for media device cards?

[tacit cave]

you can only cahnge the color of things through themes

otherwise, you have to use card-mod, which allows you to change the theme variables for specific cards

card-mod is a custom card for the frontend

[inland token]

Here’s one that I easily did earlier with a button:

type: custom:button-card
name: Sonos
entity: media_player.classroomamp_zone_2
show_icon: false
tap_action:
action: call-service
service: media_player.select_source
service_data:
entity_id: media_player.classroomamp_zone_2
source: Sonos
styles:
card:
- background-color: >-
[[[ if(entity.attributes.source == "Sonos") return "gray"; else
return "white"; ]]]

[tacit cave]

yes that's because it's built into custom button card

99% of cards do not have that built in

[inland token]

Just not the media player card?

[tacit cave]

you need to use card-mod

I'm not sure where i'm not being clear here

[inland token]

I don’t know what card-mod is. A plugin? Specific YAML syntax?

Never heard of it

[tacit cave]

it's a custom frontend card

[tacit cave]

said here

[inland token]

It’s a card that encapsulates other cards somehow?

[tacit cave]

how did you download the custom media-plyaer card you just linked to?

[inland token]

Don’t remember. Was over a year ago. Probably at someone else’s suggestion. Is there a better card for AV amplifiers?

[tacit cave]

If you have HACS, install card-mod from HACS. Take a look at the card-mod documentation and attempt to apply the yaml to your configured card

[inland token]

Ok. Will do. Thanks! I just assumed that all cards/buttons/controls had at least some shared basic functionality like setting colors.

[tacit cave]

No cards provided by HA allow you to change color. All colors are handled by theme

custom cards do whatever they want, so you can't apply custom card logic to cards built into HA

custom cards are the wild wild west

[tender pine]

how can i change the font colour of the alarm panel card ? i'm using card-mod all i end up with is this tried to apply a font shadow as well but does not work. anybody that can point me in the right direction ?

[stable tinsel]

does anyone know if there's a way to get labels inside a strategy? my particular use case is having a "Favourites" label which puts entities at the top of my dashboard for easy access.

[inland token]

Downloaded card-mod. Now HA is stuck on this page. Tapping back arrow does nothing. Force-closing app and rebooting device just goes back to the same page when I reopen HA

Any way to force HA to go back to main menu?

Removing card-mod doesn’t fix it

Restore from backups?

[golden mist]

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

[inland token]

Hi all! I’ve been struggling for a few days trying to figure out how you change the background color of a card. This seems like it should be a common and easy thing. I see lots of examples that don’t work. Someone suggested uninstalling a hack called card-mod that doesn’t seem to work either. It it unrealistic to try to change a card’s color?

[tribal galleon]

What card are you trying to change the color of?
EDIT: Just got on laptop and noticed the bot ate your code. custom:mini-media-player.

[fiery ledge]

@inland token before going back and forth, why not first have a look in the dedicated thread in the community on card-mod. https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744 you'll find all examples you need

[tribal galleon]

@inland token When card_modding custom cards, there's generally no one-size-fits-all method that works with all cards. At least with the stock cards, most of them at least follow the same general structure.
I think, in your case, why you're not seeing the background-color change is because of the artwork setting. The cover setting will "display current artwork in the card background." When I set artwork: none and background-color: orange !important;, I got the orange background. (At the ha-card level, !important was needed, but at the :host level it worked without it.)
I'd suggest looking in the mini-media-player thread for most specific help with that card. There's almost 3000 posts in there. I'd also suggest starting at the bottom and working your way up the thread. (Newer to older.) Forum Link. And, of course, there's always the official docs: mini-media-player card.

[inland token]

I got this to make a red background:

card_mod:
style: |
ha-card {
background-color: red !important;
}
But this does nothing:
style: |
ha-card {
background-color: [[[ return "red !important;"; ]]]
}
Single quotes don’t work either. Unsure what the rules are. I see examples with both.

Tried to do it with one line by removing white space, but that seems to break the line parser for unknown reasons:
card_mod:
style: ha-card { background-color: red !important }

[inland token]

Any reason / rules why removing white space breaks things?

[vague blaze]

YAML has rules. You can't remove whitespaces.

[inland token]

The white space I removed is a line-continuation character and the carriage returns for the value of “style:” How would I put it on one line? What YAML rule was broken?
Am I supposed to quote/escape something? The maddening thing about HA is that you have to work with a bunch of languages that are escaped/encapsulated in YAML. It’s hard to tell what is considered part of which language and follows which rules. Am I breaking a YAML rule, CSS rule, or some scripting language rule?

[haughty vine]

I want to make a link to a view and temp. force-display it as subview - that is only when it's navigated from that link.
(it's a normal view otherwise, when browsing it's dashboard)
can it be done?

[zealous heart]

Hello, anyone know how to make these tiles prettier ? And I don't find a good solution to inform the user that the lamp are off :

https://pastebin.com/kTmDffUs

[tender pine]

how can i print 1 value in my code ?

          <ha-icon
          icon="mdi:harddisk"
          style="width: 22px; height: 22px;">
          </ha-icon> {{ states('sensor.olympus_schijf_1_temperatuur') }}

it wont print the value of the sensor

[vast crane]

where does this code exist?

[tender pine]

its a custom field i'm trying to make for a custom block

[vast crane]

does this "custom block" have a template renderer?

[tender pine]

i don't think so

so you cant just call it without maken a template first

[vast crane]

are you writing in javascript? Does it have a hass object?

[tender pine]

tbh i'm just following a guide and trying to adjust it to what i need from it 🙂 so no real idea what i'm doing thats why i'm trying to read up and learn in the progres

[zealous heart]

any idea ? I m a bit stuck with my mobile dashboard because I want to use these tile for every room

[inland token]

That’s the problem with the guides. 90% of them are wrong or outdated, as things change frequently. I think that you are supposed to escape inline code with 3 square brackets, instead of 2 curly brackets. That’s what I see in the few examples that I could get to work in HA.

[hard blaze]

Hi 🙂 I`m trying to figure out how to make a "filter" for my camera view. Instead of switching pages, i would like to use a helper or somethig to help me navigate trought my areas. Is there a streight forward way of doing this? or do i need to make helpers for each area, and create a automation trigger when i hit the navigation button?

[tribal galleon]

There's nothing wrong with the guides. You're trying to mix two different languages: Jinja and JavaScript. Jinja uses the curly braces; JavaScript uses the brackets. Most of HA (to include card_mod) relies on Jinja; the custom:button-card uses JavaScript.
Take a look at my concepts page and examples page for some basics.

[inland token]

Ok, so different cards use different languages? I guess that means that each language is escaped differently and has its own syntax. Ok. Let’s take a simple built-in card: vertical stack.

https://www.home-assistant.io/dashboards/vertical-stack/

It says it’s a “dashboard” card. Doesn’t say “custom” or “Lovelace.”

If I want to group some cards in a vertical stack and then have a shared background/border/etc, I don’t see any documentation for the card on how to do that. Based on your reply and what I have gleaned from others so far, I need to:

1. Use card-mod because the built-in cards are extremely limited in functionality.
2. Reverse-engineer the card with a browser that allows me to inspect the html and css to determine the names of the styles that the card uses internally.
3. Set those styles with card-mod
4. Since it’s not mentioned in the docs for the card, determine what language it understands so I can add code to automate the styles

Have I got the general steps?

[tribal galleon]

@inland token so, in this example, there is an important "technically" to consider. Layout-type cards, such as the vertical-stack, cannot be card_modded. (Without trying to confuse you here and going into details, it can't but it can. It requires a different approach and is generally not recommended.)
Otherwise, your assessment is spot on. The stock cards are the least "templatable", thus requiring card_mod. Jinja is going to used the vast majority of the time. Sometimes a card will accept templates without card_mod. Mushroom cards are a bit weird in that aspect. The pre-made Mushroom cards cannot be templated and need card_mod, but it also includes a special template card designed to accept templates. The custom:button-card is probably one of the only cards that uses JavaScript. But, it has its own styling capabilities that makes it very flexible. Now, something that will blow your mind (and hopefully not add to the confusion), you can use card_mod on a custom:button-card, but, the card_mod portion will still be written in Jinja. (Jinja can access parts/objects of HA that JavaScript cannot.)

[zenith stag]

Okey so here is something wierd... I have this blur effect added to the bottom of my dashboards (it's a seperate, invisible custom:button-card placed behind my navbar):

  style: |
    ha-card {
      backdrop-filter: blur(50px);
      } 

And I just notived that it does not work with my own theme. However, it does work with the standard Home Assistant theme.... Any ideas why?
Note: there is also a gradient, but my questions is about the blur 🙂

[inland token]

So, in the development of this project, nobody thought that it might be a good idea to have colors and borders accessible by some standardized method? I don’t feel like “group a few things together and put a border around them” should be a highly advanced thing where you work through multiple languages and have to reverse-engineer things. Seems like it should be basic functionality.

[vague blaze]

That's why there is a push to get dashboards to a better state: https://www.home-assistant.io/blog/2024/06/12/roadmap-2024h1/

[tacit cave]

to be quite honest, color isn't going to change much from the current theme ability

HA has made it very clear that it's a home automation package, not a pretty UI package. They are modernizing the built in UI, but the color and styling will always be handled by the themes

any deviation from that will require custom things

[rough silo]

So I'm trying to build a weather card that combines weather info from my local weather station as well as the forecast provided by met.no - from the default Home Assistant weather integration. I've managed to turn every attribute of that met.no weather card into an entity by creating template sensors, but I cannot figure out how to extract the forecast information

[golden mist]

Weather

Instructions on how to setup your Weather platforms with Home Assistant.

Quality scale

:house: Internal

IoT Class

Unknown

Integration type

entity

Documentation

View the documentation

Source

View the source on GitHub

Issues

View known issues

[vague blaze]

You specifically want to look at the example for the get_forecast service call and template @rough silo

[vital burrow]

Use the get_forecasts service, not the get_forecast - the latter one will be removed

(In fact, it will be removed today)

[vast crane]

I'm not sure if using a service call is the right answer for a custom card developer. E.g. the default weather card is using the weather/subscribe_forecast subscription on the WSAPI.

[rough silo]

Okay so I am ENTIRELY out of my depth here...

[vague blaze]

100% right. I forgot that change was finally coming. Thanks for the reminder.

[vital burrow]

Not really a new card... But you can use a template weather entity to use met.nos forecast functionality and use local sensors for other values (except precipitation)

[rough silo]

Sorry if this sounds dumb, but... how...?

[vital burrow]

https://www.home-assistant.io/integrations/template/#weather

Or the legacy format (not sure if it will be depricated soon)
https://www.home-assistant.io/integrations/weather.template/

[rough silo]

Holy shit this is going to take me weeks at best

[vital burrow]

And you need a trigger and action to get the forecast data

But - it is possible

[rough silo]

I would have liked to use ONLY the GeoSphere Austria integration since I can grab data from a station about 3 km away from my place, but that integration doesn't seem to report a state and the current weather always shows up as "Unknown", which is why I'm looking for alternatives.

I hadn't suspected it to be THIS involved 🥲

[vital burrow]

A bit less complicated might be a weather card, which allows multiple inputs.
like https://github.com/kalkih/simple-weather-card
You can have the primary weather provider (e.g. met.no) and seem to have custom options by adding sensors.

You can customize temp, high, low, state, precipitation, humidity, icon-state, wind_speed, wind_bearing, pressure & precipitation_probability with that card

[rough silo]

I wonder if I could use this to somehow pull data from GeoSphere Austria since they clearly seem to have information that's very local

[rough silo]

I'm using Platinum Weather Card right now

[vital burrow]

That should do the trick, too

[rough silo]

This is where I'm stuck right now. All the numerical data here is from GeoSphere Austria, but since it doesn't seem to report the current conditions, I had to use the default forecast integration with met.no to get the icon and "Rainy". I also can't get the forecasted min/max & rain probability via GeoSphere Austria and need to extract it from met.no, and that extraction process looks like a doozy

[vital burrow]

But that card didn't get updates for over a year. It might not be able to process the new forecast format 🤔

Extracting the forecast data is not really beginner friendly indeed.

[night cape]

Is it possible to hide the varianle locality', thoroughfare' etc when im in a in homeassistent added Zone?

cards:
  - type: custom:mushroom-template-card
    entity: person.martin
    primary: null
    secondary: >-
      {{ iif(states(entity) == 'not_home', 'away', states(entity)) | title }} |
      {{ state_attr('sensor.pixel_8_martin_companion_app_geocoded_location',
      'thoroughfare') }}  {{
      state_attr('sensor.pixel_8_martin_companion_app_geocoded_location',
      'name') }}, {{
      state_attr('sensor.pixel_8_martin_companion_app_geocoded_location',
      'locality') }}

[zinc spear]

How can I change the icons on a tile card showing fan features? I have 6 fan speed presets and "off" so I have 7 icons but they're all just dots. I can't find where I can modify these icons in the tile card, the fan config, or the input_select helper. I see screenshots of other fan entities that have different icons in this view, so I know it's possible somewhere.

[vast crane]

AFAIK you can't. The integration that provides your fan defines the icons.

(Or not defines them in this case)

[zinc spear]

In this case, it's a template fan that I created. It looks like the template doesn't have any option to define icons for each preset. I would expect to have the most amount of flexibility when creating an entity via YAML but I guess not.

[ionic rivet]

Anyone with a home assistant who integrated easee charge lite and got a functioning apex chart or regular history statistics diagram for daily display of charging section? Mine doesn't want to get it working properly, the other meters show the correct 3.4kwh, I want it to show bars for each day with the correct max kwh loadSession peak consumption. Applicable sensor.ehds7htd_energy_charging session

[lethal linden]

I am using 2 identical cards in a grid format using custom mod cards. They show up as different heights. Any insight would be helpful.

'''

'''

[golden mist]

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

• https://dpaste.org/ (select YAML for the language, and consider picking a longer expiry)
• http://pastie.org/ (select YAML for the language)
• https://paste.debian.net/ (you guessed it, select YAML as the language)

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

[lethal linden]

ill add the code in a sec

http://pastie.org/p/1RaaKcqHIlIEhzw2JtI9Sf

there are 2 cards in the dpaste, but in HA they are 2 different cards. I included them both together just to make it easier to see.

[onyx swift]

With the new sections, how do I center these two buttons on the top right?
I have them in a vertical stack. Are there "empty" items I can add to manually center them?

[ebon vine]

@tacit cave
"You can update the theme variable with card-mod on the card"
can you elaborate a bit more about what you were talking about?

[vital burrow]

You can create "empty" items with button cards. No entity, all switches off, all actions to none and setting the wanted size

[onyx swift]

oh interesting. i was starting to use a card-mod but i want it to be less "clunky"

[vital burrow]

With the new resize option they are also good space fillers in Sections

[onyx swift]

If I have things in a vertical stack, I don't think the resize is working but it's possible I am missing that

[vital burrow]

The resize will just work for the stack, not its items

[onyx swift]

I can resize the stack itself but not the items...hah yes

[onyx swift]

Ok, so I can hack this together and it makes sense. Trying to get into the new vibe of the layout. Let's say I don't want to "see" the button. I am back to yaml code right?

looks like gap-card from HACS does what I want

[hard blaze]

Hi 🙂 I`m trying to figure out how to make a "filter" for my camera view. Instead of switching pages, i would like to use a helper or somethig to help me navigate trought my areas. Is there a streight forward way of doing this? or do i need to make helpers for each area, and create a automation trigger when i hit the navigation button?

[severe isle]

hi, what is the location from the ui yaml files?

I m in recovery mode and like to remove a resources

I get ```TypeError: Cannot read properties of null (reading 'config')
/local/lovelace-card-preloader.js:1:998
Object.<anonymous> (/local/lovelace-card-preloader.js:1:1241)
n (/local/lovelace-card-preloader.js:1:110)
/local/lovelace-card-preloader.js:1:902
/local/lovelace-card-preloader.js:1:911````

[hard blaze]

If you added resources manually, it's probably in your configuration.yaml file inside the config folder.

If you used the UI, you can find them when editing the dashboard, resource management

[severe isle]

found it thanks

[zealous heart]

Hello anyone know how I can remove the background of the color picker tile ?
I tried using mod card but it doesn't do a thing

eg:

  ha-card {
    background: none !important;
    box-shadow: none !important;
  }```

[stuck spire]

I'm using sections layout and one of my mini media player cards is running into the tile cards below it. You'll notice it's only happening with one of the mini media player cards, not both. Any ideas what could be happening-- happy to provide code, if someone tells me what should be provided. I'm on 2024.7

[hard blaze]

try background-color: transparent;

[hard blaze]

can you set a height for the mini media player card? so its the same hight when not playing anything?

[stuck spire]

You might be able to, but I'm not. I didn't have this issue until the update (I vaguely remember someone posting something similar in the beta channel, but didn't see a resolution).

both cards have the same yaml

oh no they don't

it's related to the new layout function

as soon as I delete lines 18-20 it's fixed

[zealous heart]

it's not working

[stuck spire]

Ok second question; is it possible to combine a ceiling fan and a ceiling fan light into one tile card?

[zealous heart]

the code : https://pastebin.com/CSpqXVxW

[hard blaze]

you need to use card_mod to do it i think

[zealous heart]

I ve installed it

[hard blaze]

try something like this:

style: |
        ha-card
          height: 150px;

[hard blaze]

You could use a custom:stack-in-card to do that

https://github.com/custom-cards/stack-in-card

[zealous heart]

I forgot to use card_mod attribute ^^'

card_mod:
style: |
ha-card {
border-style: none;
background: none;
}

[hard blaze]

hehe it happens! Good job, it looks nice!

[zealous heart]

thank you, I m not very confident with front design ^^
I m building my mobile dashboard :

[hard blaze]

Only one way to get confident, is to try, fail & repeat 🙂 i do all the time hehe

[zealous heart]

it's exactly what I m doing, and manage the WAF factor when I break all the lamp of the home xD

[hard blaze]

Hahaha, lesson learned! Rule number one: make a dashboard for the wife and never touch it again. Rule number two: create a secret, secondary dashboard just for your own fun. Pro tip: never release the wife's version until it's 100% bulletproof... unless you enjoy sleeping on the couch! 😂

[zealous heart]

Doing this view, I ve missclick several time the main lamp of my daughter's room xD hopefully she is a strong sleeper xD
Else I ll be dead (I ll not touch the baby room right now)

[near meadow]

I have a similar issue as @stuck spire reported. I'm trying to rebuild some of my dashboards using the new sections for them to be a little bit smarter, but using the Mushroom template card seems to have a weird behavior

When I try to set the mushroom template card to a 1x1 in the section grid, it crops the card

Same but inverse behavior happening on mushroom chips, basically it seems that when you input a layout size to cards, it fixes the size, we could have something like a "hug" (figma terminology in my mind) for those hahaha

Basically I want 1 by X, x beign the height of the card itself

[zealous heart]

any idea how to add effect on "Light Entity Card" ?

[hard blaze]

what effect are you trying to make?

[zealous heart]

Fireplace
Storm
Rainbow
And other funky color

[hard blaze]

oh.. sorry my brain was thinking animation of the cards hehe

[zealous heart]

lol

[hard blaze]

entity: light.downstairs
effects_list:
  - effect1
  - effect2

Its all in the docs: https://github.com/ljmerza/light-entity-card

[zealous heart]

yes this I understand, but I need to define effect somewhere

[hard blaze]

effect_list list[str] | None None The list of supported effects.

https://developers.home-assistant.io/docs/core/entity/light/

[stuck spire]

this sort of works, I'm going to keep playing with it. Thanks!

[zealous heart]

it's not possible to do my own effect ?

[hard blaze]

well... it might be painfull, the only way i know, is to create automation... but there might be another way, but i cant tell

I use the effects that Z2M provides 🙂

or.. i really dont use effects, i only use scenes for moods.

[zealous heart]

these ? Most are useless xD

I prefer scene too but kids want unicorn or princess effect 😛 not static light

[hard blaze]

heheh yes. but again, i rearly dont use any effects

[hard blaze]

well.... them kids are the boss 😛 but sorry, i cant help you there. you need to google that stuff..

Example: home-assistant color-loop effect blueprint, and you will get one to play with

[zealous heart]

I l ltry, but will probably failed tonight ^^

[stuck spire]

So this is what I've figured out, but really I just want a light brightness slider under the fan speed controller

like this

[hard blaze]

i do belive you can do a vertical stack instead, and remove the name and icon with "false" statement

[stuck spire]

hmm, let's see.

[hard blaze]

no, im lying to you. thats in the button card. not sure if it can be done with the mushroom

[stuck spire]

well it doesn't seem to be possible in the "tile" card

[hard blaze]

but we could create a custom:button-card for it 🙂

[stuck spire]

maybe another day 🙂

thanks for the help

[hard blaze]

there might be a way, I just dont know with mushroom cards 🙂

[stuck spire]

yeah fair, I can only avoid my inlaws for so long though 😆

[hard blaze]

looks like d_sellers1 is about to poste a genious answer now hehe

[dark dirge]

well, he is a genius

I expect nothing less

[hard blaze]

hehe

now hes just tying.. to se how long we wait! 😛

[stuck spire]

Rob really put the pressure on

[tribal galleon]

If you're just looking for simple coloring, that's where themes are used. Your first messages asked how to handle returning values and dealing with language syntax. That kind of stuff moves into more advanced options to "force" things to work the way you want.
IMO, the path for learning to work with the dashboards: using stock cards, eorking with themes, adding custom cards via HACS, applying card_mod, then templating. By the looks of things, you're trying to go straight to templating before using options that are alread available.

[inland token]

For example, I have an audio amp. Onkyo. Added it. Added a mini media player card so I could turn it on/off and select a source. Turning it on doesn’t do anything that really indicates that it’s on, so I’m going to change the background color to indicate that it’s on. I figured that should be simple. However you set the color in YAML, edit that part to change conditionally on the amp power status. Then the problems begin. You can’t easily change the control color. Once you figure out the way to change the color, you have to figure out what language to use to make it dynamic. I would have expected all controls to have something like a background-color property with the exact same name. Similarly, I would have expected the very control to use the exact same language for scripting property values. The problem I see in the forums is that each control is completely different, so what works for one control doesn’t work for another one & there seems to be no way to find out how to do seemingly simple things. I believe that getting some consistency will be the long-term solution to making HA more widely adopted. Right now, for example, there is no way to answer the question “how do I put a border around a card?”

[inland token]

I’m guessing that themes are just as bad, meaning that there is no consistency with which cards honor themes and there is no way I’m scripting to actually read the theme settings? If there was a way to set color schemes and then be able to use them when the need for custom scripting comes up, that would be great!

[tribal galleon]

Perhaps, but now you're dealing a custom card. HA has nothing to do with the way the Dev developed that card. If you're looking for standardization, then sticking with the stock HA cards is the only way to ensure that.

[hard blaze]

custom:butto-card question:
is it possible to add 1°c to the below variable before it goes to the template and returns the value?

my dashborad.yaml:

 light_label: sensor.brannvarsler_stue_temperature ```

My template.yaml:

label: "[[[ return states[variables.light_label].state + '°C']]]"

The goal is to add it on my dashboard.yaml so i can use the template as a standard for all cards, just want ot hange the temp on some of them.

[drowsy void]

Anyone know how or if we can get a browser within LoveLace?
I’d like to access a website from within HA in order to manage things that are not included within HA, such as a file server to select what files to sync what files to not sync…

I got the webpage card but it only allows me to access https://www.home-assistant.io
Other web pages don’t open up for some reason.
https://www.google.com
Doesn’t open

[hard blaze]

you can add websites dashboards

[vague blaze]

Anything showing up in the browser console? Any errors or anything?

[drowsy void]

Nope, just empty

Also what browser console?
I’m trying it within the webpage card

[vague blaze]

Can you try another browser and/or a private/incognito window?

The browser console in your browser (often called developer tools).

[drowsy void]

Within LoveLace?

[vague blaze]

In your browser.

[tribal galleon]

Wrap the state with a parseInt(state_here) + 1 + '*C'

[drowsy void]

My browser on my phone..?
Websites open just fine on my phone, I want them to open within HA

[drowsy void]

What are websites dashboards?
Are you talking about the lovelace webpage card?

[vague blaze]

Try it on a computer.

[hard blaze]

ignore my answer, i miss read your question 🙂

[hard blaze]

thank you!

[drowsy void]

On the computer it says “www.google.com refused to connect”

[tribal galleon]

@drowsy void are you trying to use an iframe. Not many websites allow iframe usage for security reasons.

[drowsy void]

Where is that located?

[vague blaze]

The webpage card/dashboard is an iFrame.

[drowsy void]

Oh 🤦‍♂️
What’s another way to access a website within HA?

[hard blaze]

didnt go as i expected hehe, i get properties undefined error

but for making life easier, i can just make a template sensor for that spesific issue.. its only 1 room i have that problem with

[drowsy void]

This said Bing works with iFrame; I tried it but it gave me the same message of refusing to connect.
https://youtu.be/aRGdDy18qfY

[vague blaze]

There is no other way. Did you try it with the website you actually want?

[drowsy void]

Not yet; I’m going to try it with resilio sync, as a local cloud backup for my images. Then check if the images have been backed up with the browser.

I tried it with my HA and it showed an HA within HA. So the local server light work too. 🤷‍♂️

[tribal galleon]

I wouldn't make the template sensor just yet. I'll double check the syntax. I'm mobile at the moment so hard to copy and paste.

[hard blaze]

ok i will check more tomorrow, thanks though! 🙂

[cold canopy]

after updating to 2024.7 icons on some of my custom-button cards are not showing up (there should be lightbulb icons, lock icons, etc). any thoughts what happened?

entity: light.dining_room_switch
icon: mdi:lightbulb
double_tap_action:
  action: more-info
name: Dining Room<br><br>
color: auto
styles:
  card:
    - font-size: 90%
    - height: 100%```

code just looks like this, for example

hmm it seems to be the "height" field causing issues. if i remove that the icon shows up again

[drowsy void]

I put in http://localhost:8888/gui/ to access it but within HA it says webpage might be temporarily down or it may have moved permanently to new web address. 🤷‍♂️

[cold canopy]

it seems to not be taking percent values in this field, which is weird because it takes it in other cards (my roborock card, for example is also set at 100%). it takes exact pixels though, but that's not very flexible

[deft lynx]

[drowsy void]

I figured out what Sections (experimental) is and that it helps us resize stuff, but what are the rest of them?
Masonry (default)
Sidebar
Panel (1 card)

Any link or video to explain them?

[civic brook]

Hello, does your away routine are automated? I would like to automate my home by away/home but i dont have gps on phone 24/7 on. Wonder what options are

[coral helm]

You could also ping your phone but, alone it's not reliable. I'm considered "at home" if one folliwing is true:

• I can ping my phone
• one of my esp32 ( 3 atm, but plannig to have 4) can find blutooth of either my smartwatch or my "iTracker" on my keys.
• last gps position of my phone is 'at home' and last_update was < 10 minutes.

( oh, BTW, i have setup a custom VPN, so my phone and laptop can reach my home network 24/7 if I want. Hosting cost of VPN: 1€21 per month )

[vivid summit]

Madelena: Please change from 4 to 6 sections in the horizontal layout. Because then it is possible to put 3 tile cards in one row. With 4 sections only 1 or 2 tile cards are possible.

And: If i use a tile card and want to make it higher it should center:

[normal valve]

First off, thanks for the work on resizable cards. 👍

However, is it possible to overide the bounds put on a card? For instance, for a few months now I've been using tile cards like this:

type: tile
entity: sensor.pollen_count_severity
vertical: true
layout_options:
  grid_columns: 1
  grid_rows: 1
name: ' '
hide_state: true

I do some card-mod styling to make the color of the icon reflect it's state. However, since the recent update, it appears tiles can't be less than 2x2?

With the state and name empty, it would be nice to make the icon 1x1. I am more than happy for this to be an "advanced" feature that is only supported in yaml

[native cradle]

any Dutch frontend ninja's around??

[ebon vine]

Is there a way to get the blueish background without having the hvac_action attribute

[terse geyser]

Is it intended that the grid_min_rows is actually set to 2 for an entity card? Normally 1 would work, right? What would be the reason for setting it to 2? I would like to understand 🙂

[safe sage]

Buttons can go to 1x1 ...

[safe sage]

The largest number of rows for the calendar card is not enough

[vague blaze]

You should raise an issue for that on GitHub.

[safe sage]

#21284

[zealous heart]

hello, anyone know bow I can reproduce the « go back » button from dwains dashboard ?

[hard blaze]

you can create it with example mushroom chip card, and change the icon to arrow-left and navigation path to dashboard-home
Example for what i used on my older dashboard:

- type: custom:mushroom-chips-card
        chips:
          - type: action
            tap_action:
              action: navigate
              navigation_path: home
            icon: mdi:arrow-left-bold-circle-outline

looks something like the icon on the top left here

if you want something similar to the one you showd above, you can use card-mod or use a button-card 🙂

[fast iron]

I'm about to go down the dashboard customization hole. The videos that I've been watching talk about custom mods for cards, but the videos are older, so I wanted to check if there have been any big updates in the last ~12 months that bring the features in natively to HA. Would like to void adding mods if the feature is already native in HA. Things like button-card for dynamic icon color, etc

[carmine island]

Why i dont receive no map with the following code with browser mod popup?
https://dpaste.org/yZaGJ#L

[zealous heart]

Yes I can use the chip card but it doesn't add much value, I would like the chip to be sticky on the right of the screen to allow quicker action

[hard blaze]

You can use a button card for this, with some styling. Or you can use the bubble card. Bubble card might be the easiest to do

This one is from the bubble-card horizontal tack, acts as a menu.

[zenith stag]

or maybe card_mod with - position: fixed?

[zealous heart]

ugly but it works

[hard blaze]

Good job !

[zealous heart]

My front skill are limited so I don't figure out how to make it pretty, but if someone want the element : https://pastebin.com/4w7701Bi

[ebon vine]

^?

[tribal galleon]

Two methods of adding a number to the state of an entity assigned as a variable. (Shown here as +10 just to exaggerate the number.)type: custom:button-card show_label: true variables: var_entity: sensor.living_room_door_temperature name: "[[[ return 'Temp: ' + (parseInt(states[variables.var_entity].state) + 10) + ' °F' ]]]" label: "[[[ return `Temp: ${parseInt(states[variables.var_entity].state) + 10} °F` ]]]"

[tribal galleon]

Look at line 6. Notice that it says content: null. Everything beneath that needs to be in the content section. Remove null and indent lines 7-18 by two spaces.

[golden mist]

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

[tribal galleon]

For the most part, there are rarely breaking changes that happen with cards and the use of card_mod. The stock cards don't get changed much but custom cards may see more changes that could lead to outdated information. The concepts shown in outdated information can still be useful, though.

[wide mirage]

I am an absolute beginner and have pretty much no idea what I'm doing. I'd be grateful for any help 😄

[tribal galleon]

@wide mirage I don't use the picture elements card mayself. You code looks correct. I wonder if you can't change the state-icon's tap_action. It's possible it could be hard-coded to show more-info.

[wide mirage]

    entity: light.barlast_tafellamp
    tap_action:
      action: toggle
    style:
      top: 52%
      left: 51%```

This one works though 🙂

[tribal galleon]

Wait. I just realized. tap-action /= tap_action.

[wide mirage]

Oh whoops what a dumb typo. Thank you! It works now 😄

Now to figure out if I can get it to run an automation instead of a script 😄

[tribal galleon]

@wide mirage yaml tap_action: action: call-service service: automation.trigger service_data: entity_id: automation.name_of_automation

[wide mirage]

Brilliant. I had that before but it didn't work (because of the typo) - now it works. Thank you very much!

[dark dirge]

But just don't do that. Create a script and call it from whatever automation you have

Then run the script from the button

[wide mirage]

The automation checks for the state of the script (if it is running, turn it off and turn the lamp off too, if it is not running, turn it on) so I can toggle easily, not sure if that is the right way 😛

It's for a galaxy colorloop

[tribal galleon]

RobC He asked about tap_action for an automation instead of a script. Why make an automation that subsequently just runs a separate script when the actions could be contained within the automation.

[carmine island]

thanks its workin now

[dark dirge]

It's just better programming practice 🤷

[tribal galleon]

I could see if the script is already made and works then it would be a quick and easy method to automate it. But wouldn't migrating the script into the automation's actions give more flexibility in the future. (Unless, of course, the script is designed to accept variables and can "act more globally" which could be passed from the automation.)

[dark dirge]

I don't see how it makes sense to move actions into an automation that you're simply going to manually trigger

That is a script

If you have a block of common code that you need to use in multiple places, put it in a script and call it when it's needed

In any case, I don't really have skin in this particular game, but 99% of the time that somebody wants to manually trigger an automation, they're going at it the wrong way

Like they don't know that scripts exist, or are afraid of them or something like that

[tribal galleon]

Because then the option to add triggers can be used along with tap_actions from the frontend.

If you have a block of common code that you need to use in multiple places, put it in a script and call it when it's needed
Yeah. When I migrated from NR to HA, a bunch of actions were duplicated across a couple of automations (different rooms). In retrospect, I should have made a script that could have been used to handle the different rooms with the entities being pushed from the automation. (I ended up just copying the automation into a new one and changing the appropriate entities.)
Like they don't know that scripts exist, or are afraid of them or something like that
That was me during the migration from NR to HA. 😆

[wide mirage]

I don't know what the exact use case differences between scripts and automations are tbh

[tribal galleon]

The action portion of an automation is basically a script. The automation can use triggers and conditions to determine when the action will run.

[wide mirage]

In my mind it made sense to have one automation that runs when triggered by a button (and in this case also the GUI), that first checks if the colorloop script is already running and if not runs it, if it is already running it turns it off. And when turning off the lamp also has to be manually turned off instead of the script stopping, so I put that in the automation too.

But I'm not sure what the correct approach would be

[inner sinew]

I disabled a scene. How do I re-enable it so I can see it again?

I just recreated it 🤷‍♂️

[dark dirge]

Like this:

Same as any entity

[bitter bolt]

is the new resize feature only available when doing desktop view? ie, not in mobile has app and editing a lovelace card?

[vital burrow]

It is only available for the new section views. Not the other ones.

The mobile app has the resize options too

[bitter bolt]

does this mean having to make a new lovelace page?

[vital burrow]

A new section view in an existent dashboard is sufficient

And resizing is just available for the main cards. Cards in grid cards or stacks cannot be resized.

[last atlas]

I really like the new resizing feature. However, for a dedicated tablet view, where space is limited and I try to avoid scrolling, sections are a bit limiting.
Is it planned that we could define a resolution or similar and get grid that’s edge to edge where we can freely place and resize cards in?

[vital burrow]

In about three weeks will be a livestream about the plans for the frontend.

[last atlas]

Nice, I hope this will be on the roadmap. That would make building really nice tablet dashboards much easier

[drowsy void]

I figured out what Sections (experimental) is and that it helps us resize stuff, but what are the rest of them?
Masonry (default)
Sidebar
Panel (1 card)

Any link or video to explain them?

Also, is there any good bar cards that can show my batter levels?
I don’t want to use a circular gauge card.

Preferably one that can get the whole car to be height: 10px

[tribal galleon]

Dashboards Follow the links on the right under View Types for explanations of each.
The battery-state-card is a good way of showing battery levels similar to an Entities card, but it doesn't show bars. The bar-card could be used to make something like that what you're wanting to see. Depending on what you're looking for, it may take a bit of work, but you could embed it into a custom:button-card and pretty much turn it into whatever you want. (You may be able to incorporate an auto-entities card to generate bars automatically.)

[drowsy void]

I’ve been trying all kinds of card and can’t figure it out; can you make one and share the code so I can plug it onto my lovelace?

I found one way of making a bar to show the battery but can’t make the card get thin to like hight: 10px

[golden mist]

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

[tribal galleon]

You'll probably need to add card_mod. I was able to add yaml card_mod: style: | ha-card { height: 20px; padding: 5px }to create this:
EDIT: !important not needed

[drowsy void]

But were you able to make the card thin as well?

Also can you get the bar to start at the start or is that where the icon is being hidden?

[tribal galleon]

@drowsy void The card shown in the screenshot above is only 20px tall. Since you had a 10px bar, I changed the padding to 5px to center it. I'mot sure if there is an easier way to hide the icon (I didn't notice a setting that would hide it), but adding this to the card_mod worked:yaml bar-card-iconbar { display: none }

[native cradle]

i'm using the dark thermostat card, anybody knows if its possible to change the color of the circle ?? i would like to have it blue...:-)

[golden mist]

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

[drowsy void]

See that? I put it in a vertical stack; as you can see there is a space gap between the bar and the card underneath.

[tribal galleon]

I'm not following the problem. You have two cards displayed. The first card has a 0 margin but the button card will have a margin around it. There will be a gap between them. You could card_mod the button card to remove the margin. Or, are you trying to make both cards look like a single card?

[drowsy void]

I’m trying to have the bar attached under another card, that way I can have my motion sensor showing if it is detecting motion and right under it the bar showing its battery state; showing as a single card.

But it shouldn’t create a gap underneath so it looks like any other card that doesn’t have an extra gap.

[tribal galleon]

Probably the easiest route to go with is to use the stack-in-card instead of a vertical-stack. It will give the appearance of a single card.
Note: Don't use the one found in HACS by RomRider as it is outdated and partially broken; use the one linked above developed by stickpin by adding it as a custom repository to HACS. I still use the one developed by ov1d1u (LINK) and it works for me, but even he says to use the one linked above.

[drowsy void]

I got it mixed up, what is the one above..?

Also can you provide the code form so I can plug it on and see what you’re talking about?

[tribal galleon]

Personally, I don't rely on a bar for the battery level on most of my sensors. I've created a custom:button-card that animates when motion is detected. For the battery status, I've added a little dot in the corner that shows green, yellow, or red based on the battery level.

One of my examples with code and links: Stack in Card

[drowsy void]

It seams like they should have had such a card made already as it seams like common sense to see battery life of a device right on the device sensor doing the motion detecting but guess that wasn’t the case.

[tribal galleon]

Custom cards are very subjective. What works for you may not work for someone else. The cards provided are for general use. When it comes to deviating from general use (such as adding a battery level to a card), custom cards and card_modding comes into play.

[drowsy void]

How does a dot tell you if your battery is low?
A bar card would be better as it would show you % so you know how much is left over. I also made an automation to blink my lights red when I turn them on before turning on; when battery is low so it gets annoying and I charge the devices.

[drowsy void]

Even in that case, a bar card like the one I described would come in handy; surprising that it hasn’t been made yet.

[tribal galleon]

The color correlates to the battery level. ```yaml

• color: |
  [[[
  var battery_level = states[variables.var_battery_entity].state;
  if (battery_level >= 80) return 'lime';
  else if (battery_level >= 60) return 'greenyellow';
  else if (battery_level >= 40) return 'yellow';
  else if (battery_level >= 20) return 'orange';
  else return 'red';
  ]]]```

[tribal galleon]

Again, that's subjective. Personally, it is not something that I would want. But that's why custom cards such as the bar-card have been made. In some of my cards, I use the timer-bar-card but have it embedded inside the custom:button-card.

[drowsy void]

Why complicate things with color coordination? Then you have to remember what color was what %; a bar is clear and obvious right to the point. If it is half way then it is 50%, right direct to the point.

[tribal galleon]

Because red > yellow > green is pretty much a "standard" for battery levels. 🤷‍♂️

[drowsy void]

Is this the stickpin one you mentioned?
https://github.com/thomasloven/lovelace-card-mod

[tribal galleon]

Looking at the link, that's card_mod.

[drowsy void]

That which is the one you are mentioning?
Can you link it?

[tribal galleon]

It is literally in the first message: #frontend-archived message
https://github.com/stickpin/stack-in-card

[drowsy void]

You said use the one linked above so wasn’t sure what above you were speaking about.

[drowsy void]

It says Additional Mods by @ov1d1u and @stickpin

[drowsy void]

Can you give lovalce code so I see what you meant?

I tried one of the. Samples it had showing in it and it gave me an error.

Configuration errors detected:
No type provided.

[tribal galleon]

Post your code. I don't know what you tried.

You probably need to remove the - from the first line if you tried the first or third example. The second example shows it properly. (This typo, I believe, dates back from before the editor UI was a thing and everything was done in YAML.)

[drowsy void]

You said to use that one because the other one is outdated, and this one is also outdated as it has code from yaml..? 🤦‍♂️

I used this sample code and it gave me a button. 🤦‍♂️

type: custom:stack-in-card
title: My Stack In Card
mode: vertical
cards:

• type: custom:button-card
  entity: sensor.button_1_battery
  color_type: card
  styles:
  card:
  - '--keep-background': 'true'

Can you show me the bar you were talking about and how this makes it a single card?

[tribal galleon]

I swear, you're making this way more difficult than it really is. You copied the code and it gave you a button. That's what the code that you copied does. That's why it is there as an example.
Make the code work for you. Put the code from the bar-card and the button card that you posted earlier in here. That's why I said to use the stack-in-card instead of the vertical-stack.

[drowsy void]

I don’t know which car that is, can you show me what you were talking about in your message above?
How does it make the bar card a single card with the card above yet not add a gap between the card below?

[lyric prairie]

The documentation where type: starts with a hyphen is by no means outdated. It's in fact the correct way to show snippets, since it shows that it is a yaml list item. That the GUI editor for a card already transforms it for you to a list item doesn't mean it is outdated

[lyric prairie]

You can put both cards you want to combine as a separate list item under cards:

[drowsy void]

I’m trying to put in a thin bar card but it creates a gap underneath. The objective that we are trying to accomplish is to get rid of that gap.

[golden mist]

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

[lyric prairie]

Yes I understand that, from there I did mention how to achieve that by the input from dsellers

[drowsy void]

If we put 2 of those cards above each other it leave a gap in between them rather than putting them over each other.

[lyric prairie]

Over each other is something different than no gap..

[drowsy void]

I don’t know what you mean by that;
Can you share a lovelace code so I see it?

Well, if you put one card over another, it leave a very little gap; but the thin bar creates a large gap.

Try the one I shared and you will see what I mean when you put two of them over one another.

It has raised the thin bar up to make it thin, but the card size has remained the same.

[lyric prairie]

type: custom:stack-in-card
cards:
  - type: "card1"
    ....
  - type: "card2"
    ....

As easy as that, just fill in the other card configuration options

And maybe adjust the margins of the button card too

[drowsy void]

Well the gap is less but there is still a gap, how do I change margines.?

[golden mist]

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

[lyric prairie]

@drowsy void You already did it here for the bar-card?

[drowsy void]

No, as there is a gap…

[lyric prairie]

And for a custom button card you can use the styles:

type: "custom:button-card"
styles:
  card:
    - margin-bottom: 0px

[lyric prairie]

You clearly did change the margins while in the last snippet you shared you did leave it out

style: |-
:host {
display: flex;
flex-direction: row;
width: 50%;
height: fit-content;
margin: 0;
padding: 0;
}

[drowsy void]

I don’t know which card that was, but on one of my card I change the value and nothing changes on the card. 🤷‍♂️

Ok here, I changed 0 to 90 and nothing changes.

[golden mist]

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

[lyric prairie]

I see, you are missing the card_mod key
https://pastebin.com/DvGQ1u0t

[drowsy void]

Key..?
I don’t know what you mean but that code you shared isn’t even a bar…

[lyric prairie]

It's your code adjusted to correctly apply all card mod mods🤷‍♂️

[drowsy void]

I don’t know what you mean by that but it doesn’t show a bar anymore. 🤷‍♂️

And what key..?

[lyric prairie]

In coding, the term "key" refers to an element in a dictionary that is associated with a specific value. However, if you find these concepts difficult to understand, it's best to stick with the provided features and avoid making mods to fit your exact preferences for now.

[drowsy void]

I don’t want to code or have specific mods; I’m trying to do a simple thing. That is to put a status bar under another card; without extra gaps under them.

If you can do it then please provide the code so I can stick it in and see if it works.

[lyric prairie]

I am not providing the code, since I don't use those custom cards. Based on the existing features it isn't as simple without modding or code

[drowsy void]

Well, can you make a regular card thinner so it is hight: 10px?, without custom cards?

[lyric prairie]

Nope, that is not possible

[drowsy void]

In that case thanks for trying to help; guess we need someone who knows how to code to help. 🤔

[tender pine]

is it possibol to change the color of these? Found a lot of code --paper and so on but it does not change color i'm using card mod would it be possibol to change the color ?

[stoic apex]

Hello everybody! I'm trying to create "conditionally collapsed" cards inside my HA instance. I have separate cards per each room, and I would like to collapse room cards if nobody's there, but with a cute little button to uncollapse it at wish. I was looking around for collapsable cards/stacks, but none can be conditioned to be collapsed if occupancy sensor returns false and to automatically uncollapse when occupancy sensor state changes. Do you maybe have an idea how to achieve that, or have seen such a solution somewhere?

[tribal galleon]

Take a look here: #1174578940434718760 message
I posted this a while back. Double-checked to ensure it still works. You can use the card_mod method that I show or use those variables in your theme. (IIRC, the --paper variables were the old method.)

[tender pine]

tried that one doesn't work atleast not for me

https://pastebin.com/kAx7ERnA added it to the code found somse --paper onces also but those don't work for me either

[tribal galleon]

It looks like you copied & pasted a bunch of different card_mod code. You mixed two different methods to modify the CSS. Did you try what I showed or just add to what you already tried but didn't work? Card_mod is very particular about its structure. Remove all of the card_mod that you have and re-paste what I posted. (Your Line 7 will not let the code I posted work.)

[tender pine]

no i looked up the structure and added it to my code not just blindly copy and past sec ill try what you said 🙂

[tender pine]

https://pastebin.com/FDVyhuA5 added just the code to change color it does not change. Yes that could be i pasted 2 diffrent styles i'm learning if only there was a good guide that explained all the methods

[tribal galleon]

@tender pine Your code works fine for me. Copied and pasted it into my dashboard. Have you used card_mod before?

[tender pine]

no first time user of card mod and styling and making a interactive dashboard.
( in case you mean if it's on other places in the dashboard yes it is )

just refreshed the cash on smartdisplay and computer and it does not change color

[river wren]

Hi guys, I wanted to copy a tab from my dashboard to a new tab and just modify the entities. Everything works but my state-icons are all in the lower left corner. Why is that?

Forget it.. Guess I'm sitting too long in front of my pc and getting retarded.. missed up the positioning and used , instead of .

[mild gate]

I have one device tracker (companion app) that seems to maintain history (eg: on a map card I can see where that tracker has been). I have another tracker (dog collar) that seems to only show current location. Is that a function of the integrations themselves? I have both tracker entities on a frontend card and set to show 24 hour history but only one shows a history trail

[upper cove]

hey guys! I just bought broadlink IR remote because the IR remote of tuya is unsupported.
I managed to integrate it, let it learn all the command for the ac that I have.
now I want to turn it into a remote control from the dashboard but all I manage to do is make scripts for it which makes it almost like the tuya IR remote.
can anyone help me turnning this scrips into a remote from the dashboard?

Had S11 by tuya but it's not working with HA and can only be used with scripts as buttons.
so now with the broadlink I hoped there could be something closer to custome remote for the dashboard

like this one but for the ac

[tired quail]

in today's episode of darn users will never be happy i wish the new sections "layout" settings had a way to fit 3 equally spaced cards across instead of 1/2/4

[hard blaze]

most likely the integration itself 🙂

[jaunty pivot]

Hi, I'm trying to use the weather-chart-card with my weather.home sensor form open-meteo but on dashboard it display "Please, check your weather entity". My code is :
title: Daily Forecast type: custom:weather-chart-card entity: weather.home show_time: true show_day: true show_date: true animated_icons: true icon_style: style1
What did I do wrong ?

[hard blaze]

did you check that the entity is correct?
Pretty sure it should be: weather.forecast_home 🙂

Go into dev-tools and "states", search for weather and you will find out.

[jaunty pivot]

I only have weather.home

[vast crane]

Is that card actively updated? It may just be abandoned and not work anymore.

First search result for weather-chart-card led me to one last released in 2022

[hard blaze]

https://github.com/Yevgenium/weather-chart-card/issues/141

[hard blaze]

indeed it looks abandoned 🙂

[jaunty pivot]

Oops there is two version of this card. I've took the old one. Tx @vast crane to point it to me. I'll move the new one o.c !

https://github.com/mlamberts78/weather-chart-card is the new repo

[sterile stratus]

Why is there text behind there?

@vestal aspen

[dark dirge]

It was reported a few days ago. Seemed like a Safari thing

[hard blaze]

Same with Firefox 🙂

[vital burrow]

On the iPhone? Firefox on iPhone uses Safari the WebKit rendering engine as well

[blazing wren]

Technically it's using the WebKit rendering engine 😜

[vital burrow]

Exactly what I wrote

[hard blaze]

No, on a win10 laptop

[vital burrow]

Oh... You are right. Didn't see that.

[hard blaze]

But I guess the world is giving me a sign.. to go back to using chrome 🤣

[rotund verge]

Hey y'all, hope someone can help me out here with a little challenge I'm facing.

Challenge

on my dashboard I have a little family card which shows avatars of me and my wife with status symbols on it showing whether that person is at home or not. For me personally I check that status the proper way through the location of my device tracker (mobile phone). My wife also has the home assistant app on hers, however she never has her location turned on, so she would always be displayed as away.

Current solution

Trying to solve this, what I currently did was checking for her battery level state last updated at. This should update every 15 minutes, so my thoughts: checking if her last update is older then 20 minutes = she's a away, however this didn't work out the way I hoped. I assume her sensor doesn't update if the status of her battery level didn't change in those 15 minutes because now after 20 minutes she'll be falsely displayed as away for another like 20 minutes until her battery level drops another percent. What would be my best solution here? This is what I'm currently running:

          const TEN_MINUTES = 600000;
          const lastUpdate = new Date(states["sensor.phone_battery_level"].last_updated)
          const IS_HOME = lastUpdate > new Date() - TEN_MINUTES * 2;

Oh and worth noting: we don't have a cloud connection so when not at home, her mobile phone won't push data updates

[blazing wren]

I feel like you're barking up the wrong tree. Why does your wife not have location turned on?

[rotund verge]

She prefers not to for privacy reasons and I respect that, so will either figure out a workaround or ignore the fact that her's will be majorly out of sync 😅

[tired quail]

is there a device tracker integration for your router that can determine if the phone is connected to your wifi

[blazing wren]

I think the solution is to ignore that, because it ties in with her wishes

[vast crane]

How does your phone even work if you don't have a remote connection?

[rotund verge]

That could work. I have an enterprise Mikrotik router, perhaps I could utilize it's vast majority of possibilities for this, I'll check it out.

[rotund verge]

Well I'm connected with home network via VPN when I'm out

But she isn't, so the updated at state trick could still work if I'd used a sensor which actually would update ever 15 minutes lol

[rotund verge]

She's not against her home/away status in home assistant, but it's more that she doesn't want her location enabled for all other 3rd party apps to see

So any other solution would be fine lol

[rotund verge]

Seems like they've got me covered lol. Thanks again, this is a great idea!
https://www.home-assistant.io/integrations/mikrotik/

[tribal galleon]

@rotund verge On Android, an app can be granted a Precise, Approximate, or No location. Precise would return a GPS coordinate while Approximate would just return the area of the cell tower. If she was open to using an Approximate location, that may give her a better "automation experience." If you're just relying on the WiFi connection for Home/Away, your system won't know she's actually home until the wifi connects.

[pliant scarab]

Anybody here who knows if it's possible to include a section of code into a couple of dashboards? I have a section with buttons I want to add to like 20+ boards, and if possible I just want to create that section once, and include it into all the boards. Then when I need to update it, I can just update that section and don't have to repeat it 20+ times.

[golden mirage]

You can use Ping Intergrations for tracker and tracker by local ip network at home

[vestal aspen]

There was a bad merge. I need to fix it 😮

[golden mist]

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

[minor rapids]

Just updated to 2024.7 and state-switch seemed to break for any of my cards with entity (on/off) based states. Has anyone else had the problem and figured out how to fix it? I saw there was an issue raised on GitHub but only had 3 people comment so worried I may just have something wrong. Code posted in the message above.

[grave karma]

Hi all,
I'm observe this frontend for my home.
https://github.com/matt8707/hass-config
There is a method to have one card spawn extended on two columns?

the base element is:
- type: grid title: Heat view_layout: grid-area: heat columns: 2 cards:

for now I have solved with a vertical-stack with two card and, if there is two card, an horizontal-stack
But...it is best solution?

[burnt cave]

im having an issue in my lovelace where I am unable to see the top row(s) withe the section titles. For instance the section titles are there but I can only see them when I scroll up (which then results in the scroll automatically and almost immediately scrolls back). Any ideas on how to resolve please? the second image is when i force the scrollbar downwards (which enables me to see the headings). Note the actual scrollbar on the right side is at the top in both images.

[tall monolith]

anybody have a good solution for the auto-entities card to hide things from people who shouldn't see them on the dashboard? filtering by label doesn't seem to work

[hard blaze]

You could use a condition to hide the card if user = userid

      conditions:
        - condition: user
          users: UserID ```

but this will hide the whole card.

or just create a switch helper, and set that to "on/off"

[tall monolith]

That's not what I want. I want to use the auto entities to populate a grid of light and switch buttons, but exclude switches that shouldn't be user facing

[hard blaze]

did you read the GitHub page?

You can use the filter, and add entities you don't want to show up
https://github.com/thomasloven/lovelace-auto-entities#examples

[tall monolith]

I did, and it isn't working for label

i even replied to the open issue

60% of the switches that are showing up tweak something about my unifi network or my reolink cameras that I don't want him to mess with

[hard blaze]

well, adding the entities to the filter should work

[tall monolith]

that's why I mentioned the label filtering not working in my initial question

[hard blaze]

but someone else might know how, but i dont think labels would work.

[tall monolith]

ok, your solution is to manually filter out several dozen entities individually. Does anyone else have any ideas that are less work?

labels should work, based on the github page

[hard blaze]

I havent used it in a while, i see it now 🙂 my bad!

[tall monolith]

I appreciate the effort, but I'm really hoping to have a solution that works more automatically going forward 🙂

in the short term, it would be less work to manually create the dashboard. in the long term either manual specification would be more work as I add more things to either set

[hard blaze]

I just tested, it works for me

I added all lights, and tested with excluding the label "stue". and it works.
After you add the filter, you need to hit "done" and refresh the page

type: custom:auto-entities
card:
  type: entities
filter:
  include:
    - domain: light
  exclude:
    - label: stue

[tall monolith]

it does not work for me, even after hitting done, refreshing the page, and rebooting the instance

hmm, it does work now though, after updating to 7.1

i guess thanks for pushing me to keep trying. strange that update cleared it though

[tender pine]

did the update brake the graph card or are you intended to set it's hight by yourself now

[golden mist]

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

[burnt cave]

Answering myself since I figured it out. I'm using a theme called "Material rounded" which comes in a few different setups. I was using the setup named "Material rounded" when I got the layout issue described. When changing the theme to "Material rounded no mod" the layout issue went away.

[proven shuttle]

Hello all, does anyone know a way to render the UI high-contrast black and white?

[blazing wren]

You'll probably want a theme for that.

[proven shuttle]

haven't worked wit them yet, but it sounds like the thing I would need.

[tulip relic]

Hmm… I think I broke Dwayne’s in my sleep

I don’t know where to start troubleshooting. Do I just look up how to reinstall?

[dreamy surge]

would this be the channel to talk about the experimental sections feature?

is it possible to fill in the empty space with more sections?

[cold canopy]

Is it just me or should button cards have a minimum of 1x1 size? Currently they can only be 1x2. Is there even a default card that takes 1x1?

[latent ingot]

Why are these two yellow and how do I change that

[blazing wren]

They are on, or the colour is set to more of a yellow colour

[latent ingot]

How do I make it white like the first?

It doesn't regard to the colour of the light

[golden mist]

Sadly we're not mind readers (any more anyway, not after the last time we tried). Please share the YAML and any errors so we can see what you've done.

[latent ingot]

idk how to get to the yaml code of a device that was added by an integration

¯_(ツ)_/¯

[pliant scarab]

Anybody here who knows if it's possible to include a section of code into a couple of dashboards? I have a section with buttons I want to add to like 20+ boards, and if possible I just want to create that section once, and include it into all the boards. Then when I need to update it, I can just update that section and don't have to repeat it 20+ times.

[analog summit]

is there a way to break out the ligths in a group to control them individually in a card?

[blazing wren]

Not the device, the cards 😉

[latent ingot]

But the device also has yellow icons in the device settings, not just the card.

I'll get the yaml for the card.

Forcing the icon to white in each card I add it to would be a workaround not a fix.

[cold canopy]

yellow is the default icon color for my lights that can't change color

[latent ingot]

For me, some are white some are yellow, it's annoying.

[cold canopy]

is there any difference between the white lights and the yellow lights?

[latent ingot]

It's a horizontal stack of 3, here it is

type: horizontal-stack
cards:
  - type: light
    entity: light.controller_rgb_ir_ce2d75
  - type: light
    entity: light.ceiling_light_msl120d
  - type: light
    entity: light.desk_light_msl120d

[cold canopy]

so can your ceiling and desk lights change color? your bedroom strip seems to be rgb and you have them set as white

[latent ingot]

Added by different integrations. I recently changed the now yellow ones from homekit integration to meross iot. The RGB strip is a magic home integration so separate.

Hold on let me change the colours and test, I'm sure it wasn't that.

I've had them red before and all white in HA

Ceiling light is now red (set through HA)

Still yellow icon

[cold canopy]

hmm yeah i thought they should change colors to match what you have them set to (I only have one changing bulbs and they do this automatically, all my others are just switches that cant change color so they're all just yellow)

[latent ingot]

All of them can change to any colour but the icons never change

Can I turn that thing off then, so the icons are always white regardless?

[blazing wren]

The default would be yellow

With the native card, you can't set if you're overriding the colour of the light, but if you use something like the Mushroom light card, you can with use_light_color: false https://github.com/piitaya/lovelace-mushroom/blob/main/docs/cards/light.md

[vast crane]

Button can be 1x1 but you have to hide the name & state.

[cold canopy]

No bueno for me, thanks though

[tribal galleon]

You'll want to use a YAML-based dashboard. You will have to create this dashboard entirely in YAML (in VSCode or your preferred editor); the GUI cannot be used to edit this dashboard. But, you can run both storage mode (GUI-based) and YAML mode dashboards at the same time. Check out Adding more dashboards with YAML from the Dashboard docs; pay attention to the second example. You can still use the GUI dashboard to figure things out and then copy the code into the YAML dashboard.
Then, you'll be able to use !includes such as button_card_templates: !include button-card-templates.yaml and YAML anchors yaml anchors: popup_entity_styling: &popup_entity type: custom:slider-entity-row hide_state: true toggle: true step: 5 min: 5which is then "called" with <<: *popup_entity wherever you want that bit of code to show up.

For the commonly used section, you might use something like this which, in this example, shows the header that I use: ```yaml
type: vertical-stack
cards:

• !include header.yaml
• type: custom:layout-card
  [...shortened...]```

[crystal sand]

Hi. I have a question regarding dashboards in Home Assistant. Is it possible to create for example a button that, when clicked, displays an overlay menu directly on the current page? Similar to how you access the settings menu for an entity without navigating to a separate page.

[hard blaze]

You could use bubble card: https://github.com/Clooos/Bubble-Card

[crystal sand]

Thank you

I tried it and just love this.

[pliant mural]

How do I modify the following to make the icon green? - type: 'custom:button-card' template: card_binary_sensor variables: ulm_card_binary_sensor_alert: false ulm_show_last_changed: false ulm_card_binary_sensor_icon: mdi:minecraft ulm_card_binary_sensor_name: Status entity: binary_sensor.minecraft_server_status

[hard blaze]

did you read the docs? 🙂

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

Set Custom Color ```

[pliant mural]

That does not seem to work. It is this, right? - type: 'custom:button-card' template: card_binary_sensor variables: ulm_card_binary_sensor_alert: false ulm_show_last_changed: false ulm_card_binary_sensor_icon: mdi:minecraft ulm_card_binary_sensor_name: Status ulm_card_binary_sensor_color: green entity: binary_sensor.minecraft_server_status

[pliant mural]

It also says in the docs that it should default to blue, but mine is always white no matter what.

[hard blaze]

That's weird. Works like a charm here. I just tested.

[pliant mural]

I forgot to switch the theme on my new computer... thanks for the help though!

Wait, that fixed the binary card but the generic card is still white and docs say that should also default to blue... weird

[pliant mural]

Are you able to change the color of generic card over there?

[tribal galleon]

The generic card has its own variable: ulm_card_generic_color
https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_generic/

[pliant mural]

Yes, that's what I used. But it should be blue without doing anything

[crisp rapids]

  style: |
    ha-card {
      background-color: #EEEEEE;
      font-family: REM, sans-serif; 
      font-weight: 100; 
      color: #686D76; 
      font-size: 25px }
    }

    mushroom-state-info$: |
      .container {
       --card-secondary-font-size: 20px;
       --card-primary-font-size: 20px;
      } ```
Anyone can tell me how to correctly apply the  mushroom-state-info$: | none of what i did seems to work

[tribal galleon]

Looking at the template, it appears to need the variables.ulm_active_state to be true in order to return the color; otherwise it returns the --color-theme. I'm not sure where the ulm_active_state gets set though.

[tribal galleon]

Have you tried putting the font size variables in the ha-card section? They should work there too. You may need to add !important between the 20px and the semi-colon.
EDIT: Just tried adding the variables to ha-card and it worked without !important.

[crisp rapids]

yes it will work but i need to know how to properly format the mushroom-state-info$: | and mushroom-shape-icon$: |

they do not work

[tribal galleon]

card_mod:
  style: 
    .: |
      ha-card {
        [...stuff here...]
      }
    mushroom-state-info$: |
      .container {
       --card-secondary-font-size: 20px;
       --card-primary-font-size: 20px;
      } ```

[crisp rapids]

Great and thx for the help

[final monolith]

Hi. Not sure if this the correct channel. Can anyone direct me in the correct direction. I will make a system overview of my ventilation system. With Inlet, Outlet, Fanspeed, etc. And place HA sensor values on the correct places on top of this overview picture. Any advice?

[undone saddle]

Hi, is it just me or did the size of sensor card change after the last update? didn't find any info in the release notes.

[vast crane]

its a bug, fix will be in the next release

[undone saddle]

Ok, Thanks!

[drowsy void]

Any way we can get folding cards to exist within “Sections”?

I got the one from Hacs but it doesn’t support custom cards to be embedded within it. So it would be nice if Sections can have folding card option that does support custom cards within it.

I was trying to put a grid card within folding card, to keep toggle switches organized within lovelace.

So far the only way I figured out to do it is to create a helpers toggle then hide toggle switches with conditions.

[strong falcon]

I am using some conditional cards within a grid card to only show tasks that due or overdue. Prior to the current version, conditional cards that were not visible, did not take up space, now they do. Is there something that changed in this update? I am wondering if the new visibility option is impacting this. I also using a decluttering card so not a stock setup

[visual rain]

Why is this a thing?

[vital burrow]

Because someone put that number in the columns field

[latent ingot]

Then why are all of the other ones white?

oh wait the strip light icon does seem to depend on its colour, but not the bulbs....

ugh

I just want them all to be white all the time regardless of their status

[languid prawn]

Hello, Is there someplace I need to enable the "Layout" tab?

[latent ingot]

I didn't know those graphs had a visual editor tbh

oh wait are they different?

[vague blaze]

Try doing a hard refresh of your browser. And/or clear your cache.

[latent ingot]

oh you're not using mini-graph-card nvm

[languid prawn]

mine looked like yours until the update.

[latent ingot]

What update? You are using it?

or are you using this one?

yea it's different

[languid prawn]

but you still have the layout tab

hard refresh no help

[latent ingot]

Yeah, i'm not using that card so idk

[vague blaze]

Can you try with an incognito window?

[languid prawn]

same

FWIW

[ripe gazelle]

I am trying to figure out how to adjust the size of some line graphs on my home page. Before the update, they were larger, more spaced out, taller, and easily visible on my phone. After updating, it became about half as tall, the text looks compressed against the line, and is barely visible on mobile.

I confirmed this was from the update as I restored a backup from before the update, and it was regularly sized. No difference in yaml. I then restored back, and it was back to being small.

I reverted back to the old backup before the update, and then update manually, and it was the culprit of making the graphs smaller.

My question is, how do I make the graph stay at regular size post update? Is there something I need to add in the yaml? Perhaps another setting? Thanks.

[vague blaze]

Ok. Last ditch effort. Do a full reboot of your yellow.

[languid prawn]

edit the card and see if you have a layout tab like boxersteavee's image

[ripe gazelle]

unfortunately it's a custom: swipe-card

So there's no visual editor, yaml only

[languid prawn]

full reboot underway... i did do a "soft" reboot earlier.. but not a full thing. HACS needed it for something with the update.

[languid prawn]

https://www.home-assistant.io/blog/2024/07/03/release-20247/#resize-the-cards-on-your-dashboard
"It works with every card, which gives users a lot of freedom.

not every card apparently...

[ripe gazelle]

greaaat

type: custom:swipe-card
card_width: calc(100% - 48px)
parameters:
centeredSlides: true
slidesPerView: auto
spaceBetween: 16
initialSlide: 0

all of those lines are about horizontal setup. Any known way to make it taller?

[languid prawn]

nope same. I appreciate you trying help. I wish the update would have left the current cards as they were and allowed us to adjust the ones that would have benefited from the new very cool feature. Or if anyone is like me and felt the effects of the new feature but not the ability to adjust them because they don't have the layout tab.

ill just reload the previous update. hopefully it will be resolved in .2 or .3 or .8.0

[vast crane]

Can you explain what you feel has regressed?

The shorter height on sensor card is a known issue and it's already fixed for the next release.

Layout tab is only for sections view.

[ripe gazelle]

wait really... that would explain my issue right now and why I'm unable to view my ssensor graphs in a swipe card

[vast crane]

https://github.com/home-assistant/frontend/issues/21317

IDK anything about a swipe card 🤷

[languid prawn]

I see. I miss read that. apologies

[ripe gazelle]

It’s not important in this context actually. It’s just a different way of displaying a squashed sensor card graph. Which is a HASS issue that’s slighted to be fixed.

So thanks for posting that

[final monolith]

Hi. Not sure if this the correct channel. Can anyone direct me in the correct direction. I will make a system overview (picture) of my ventilation system. With Inlet, Outlet, Fanspeed, etc. And place HA sensor values on the correct places on top of this overview picture. Any advice?

[vast crane]

Have you looked at picture-elements card?

[final monolith]

No, will have a look. Thanks 🙂

[winter field]

Hi. I'm not sure if this is the right place, but I have an iPad with iPadOS 15.8.2, and I'm using that as one of my kiosks, but tailwind elements aren't working properly on that. For example, I created a widget for time, and when the time changes, from 11:23 to 11:24, the styling on the element disappears. When I reload the UI, it again loads the styling. I'm getting these errors when I check the logs on HA

Logger: frontend.js.latest.202406101
Source: components/system_log/__init__.py:333
First occurred: July 7, 2024 at 2:51:42 PM (114533 occurrences)
Last logged: 12:22:28 AM

Uncaught error from WebKit 605.1.15 on Mac OS 10.15.6 IndexSizeError: The index is not in the allowed range. insertRule ([native code]::) /hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:22689 forEach ([native code]::) /hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:22621 insert (/hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:39872) v (/hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:37987) /hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:38305 d (/hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:39123) e (/hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:39014)
Uncaught error from WebKit 605.1.15 on Mac OS 10.15.6 TypeError: null is not an object (evaluating 'te.sheet[fe.method]') /hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:21729 forEach ([native code]::) /hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:21700
Uncaught error from WebKit 605.1.15 on Mac OS 10.15.6 SyntaxError: The string did not match the expected pattern. insertRule ([native code]::) forEach ([native code]::) /hacsfiles/tailwindcss-template-card/tailwindcss-template-card.js:44:21700

If this is not the right place for it, can someone please help me go to the right place?

[fast iron]

Is it possible to edit the header/banner of a specific dashboard with card_mod within that dashboard, or do I have to use a theme?

[hard blaze]

Are you talkin about the default header with navigation buttons? that's a theme thing

[fast iron]

I think? The horizontal header at the very top with the search button, etc

Was hoping I could change it within the dashboard YAML itself using card_mod/css

[hard blaze]

if you want to edit colors and such, its the theme you need to edit. or you can remove it with using kiosk_mode and create your own menu 🙂

[fast iron]

Ahh, kiosk mode is what I'm after then. It's a dashboard for a wall tablet

[hard blaze]

yeah i would defenetly use kiosk_mode for that 🙂

[drowsy void]

Anyone know how I can make it so the bar isn’t touching the card’s top edge and is more centered?

[golden mist]

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

[drowsy void]

When I change
entity_row: true
To “false” it gets lower but it also gets smaller in size.
I can’t understand how the design pf this works.

[minor rapids]

Trying to repair my harmony dashboard that shows which activity is active and cant figure out the card-mod variable colors. Ive got the accent color which looks like on, but how do I call the default icon color for my else? Id rather use relative than absolute so I can theme later:

            card_mod:
              style: >-
                {% if is_state ('select.harmonyhub_activities',"Listen to Music") %}
                ha-card {--card-mod-icon-color: var(--accent-color); }
                {% else %}
                ha-card {--card-mod-icon-color: #44739e; }
                {% endif %}```

(what Im trying to fix with the harmony entities gone)

If there is a better way to do this than card-mod, also willing to hear!

[quasi flare]

"datetime" GUI issue - Wot No Seconds!!

[quick tundra]

Having the same issue after latest update this morning. Now I read about https://www.home-assistant.io/dashboards/cards/#resizing-a-card
Wondering if it might be good to migrate?

Ok, the new sections are amazing!

[vast crane]

device_class, not device_type. but yes. unless you have specified a precision

[normal valve]

Recent update has caused my cards to be taller than I wanted. Looks like it's a result of the resizing. It's taking up 2 rows instead of 1, despite grid_rows:1

type: tile
entity: sensor.pollen_count_severity
vertical: true
layout_options:
  grid_columns: 1
  grid_rows: 1

Looks like the graphical visibility tab is limiting the rows to more than 1 which is a little annoying. I see the logic here when doing it graphically, although think manually setting rows to 1 in yaml should "force" it to 1.

[toxic axle]

Intrested if this is solvable, I've had the same issue.

[tacit cave]

grid_rows means that you'll only have 1 grid row

it does not determine the size

the latest release introduced sizing, check out that functionality to resolve.

[vast crane]

Petro I don't understand your comment. Isn't grid_rows what determins the span of the tile?

[normal valve]

That's what I thought. And it's been available (in yaml) since the introduction of the sections view.

[tacit cave]

If that's the case, its the only grid functionality that works like that

[vast crane]

That's how sections view sizes the elements.

But @normal valve , is there more that you are not showing? I don't see name or state in your picture, and yet you don't have them turned off in the yaml?

AFAIK there are minimum sizes based on the options you have chosen.

[golden mist]

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

[vast crane]

I believe the other config options are relevant, as they are used in computing minimum sizes.

I'm not sure if you're allowed to go beyond the minimum size in yaml.

[normal valve]

Ok. I think the point I was trying to make was that manually editing the yaml shoudl probably overide thte minimum sizes.

[vast crane]

Ok I guess entity card does not do HHMMSS. Only entities card, tile card, more-info, etc show hhmmss.
I'm not sure why. All I know is I think entity card is super old and it doesn't do a lot of the special formatting that other cards do.

[vast crane]

best place to report bugs is to github. but yeah I think I do see that it gets in a bad state when creating.

if you just pick an entity, save it, and then re-edit it, it seems to work

[toxic axle]

Mildly annoying - the edit panel on sections doesn't belong to the section it seems to. Like in this instance, I would expect it to belong to the empty section, but it deletes the bottom one. Maybe only an issue if 1 column width

[dusky iris]

anyone know in auto entities if i can *1000 the value if it says kw instead of just w

[hard blaze]

You can go into settings of the entity and change the unit of measure, if it has the property available

[molten cipher]

does the Alexa Media Player integration work for amazon.ca?

[vague blaze]

It should, yes. But AMP is on it's last legs, just FYI.

[delicate sail]

Hello, can anyone recommended a simple way the invert a input_boolean. please?

[dark dirge]

You can call input_boolean.toggle to switch it

Or you mean for display?

[delicate sail]

Display. On my dash board I have 2 that show the incorrect way (off when on and on when off).

[dark dirge]

that doesn't really make sense

these are "virtual switches"

they're on when they're on and off when they're off

[delicate sail]

Whatever the case, i wish for them to be inverted as they as not showing the correct visual cue for their state.

[dark dirge]

I have no idea what you're looking for

seems like you just need to change what's reacting to the input_boolean to do it in the opposite way

The input_boolean is either on or off. If you want it to control something in the opposite way, then you should do it there

there's no such thing as "make the input_boolean report/look like it's on if it's off"

if you want to display the opposite state of the input_boolean, make a template sensor out of it with this template:

{{ iif(is_state('input_boolean.whatever', 'on'), 'off', 'on') }}

[autumn swift]

Hi! What configuration values am I missing to get from this:

To this:

[delicate sail]

Thanks for the input, i'll revisit the scripts and automations they toggle.

[vast crane]

I think the upper image is auto mode with single setpoint, meaning it will heat/cool anytime you go above/below that value.

Bottom image is with dual setpoint.

[autumn swift]

I set high and low, do they need to be different values?

[vast crane]

I think it's confused by the presence of temperature key.

if you get rid of that you get the red/blue

like you have dual setpoint and single setpoint at the same time

these attributes are badly named 😞

[autumn swift]

Ah I see, makes sense!

[molten cipher]

any replacement? i just want to use my ecobee thermostat speaker as a solo notification speaker.

[vague blaze]

Not yet. No, but you will notice issues with AMP. Unfortunately, it's what we have right now until someone can do something better (and Amazon quits being Amazon).

[molten cipher]

Yeah.. i know the amazon changes and their side. Not unlike Google and messing with things.
I have it with hubitat and echo speaks, but i am transitioning things over to HA so just trying to get similar outcomes. Not that i can't just use hubitat since it works.

[autumn swift]

Its working thank you!

[wooden flicker]

As this is technically the dashboard(s) I'm on, I asking here - I've noticed that with Firefox (I've tested on two systems, one Windows 11 and the other Linux), the dashboard stops responding to when I use it. For example, toggling a switch, or displaying the current status of a device. That is, until I manually refresh the page, The Windows Firefox has No extensions installed whereas the Linux one does (Linux = home computer, Windows is work laptop). Firefox 127.0.2 in this case for both. Has anyone else encountered this? I've tested this in other browsers such as Vivaldi and can't replicate it there.
Core 2024.7.1
Supervisor 2024.06.2
Operating System 12.4
Frontend 20240705.0

[vague blaze]

Yup. Firefox does it to me as well. I think it's something to do with FF closing the websocket to save resources perhaps, but it never seems to want to reconnect it.

[carmine island]

Howe can i change the color of the title Speedtest and center the title?
https://dpaste.org/gLd7X

[tall crag]

Is it possible to have a dynamic icon for the different views in the dashboard? I would like this weather icon to change based on the status of weather.forecast. Is this only possible on a card and not the top bar there?

[tribal galleon]

I've never tried to card_mod the stack-in-card, but I imagine it can be done. I just got to work so I can't look into it to see. As an alternative to using title:, consider using a Markdown card to act as the title. Just add it to the stack above Download.

[carmine island]

@tribal galleon thanks I gone try it

[hard blaze]

Does anyone know if its possible toget the MAX in custom:bar-card with a sensor value?

[blazing wren]

I don't believe so, the docs for that card just say it's a number.

What are you trying to do with it?

[hard blaze]

well, im trying to make a bar that shows the energy_office_current_hour and other rooms, and uses the energy_all_current_hour as the max of the table.

I found a way to do it with custon:button-card, but i want to check if there is a easier way

[blazing wren]

It only says it supports a number, so I don't think it can be done with a template.

In fact, there's an open issue asking for that: https://github.com/custom-cards/bar-card/issues/163

[hard blaze]

well thank you for checking 🙂

[blazing wren]

There's a subscribe button on the GitHub issue, so you can follow it for updates.

[hard blaze]

oh i need to + that one 🙂

Will do! 🙂 in the mean time, i will use my super awkward button:card solution, changing the width of a custon_field based the % hehe

[blazing wren]

Good luck!

[hard blaze]

thanks again for checking, and have a nice evening/night 🙂

[shadow nymph]

Is there an easy way to see what yaml file is causing this error?

2024-07-08 19:40:27.752 ERROR (MainThread) [homeassistant.helpers.event] Error while processing template: Template```

I can see what the line it's bugging on, but doing a search of it in my files doesn't find it

[tribal galleon]

Is the error coming from a helper that you've made through the GUI? I dont think you'll be able to find it in a YAML file somewhere if you did, but you should be able to find it in the Helpers tab.

[tribal galleon]

I found some stuff you can use to modify the header. It doesn't look like it supports alignment but I could be wrong. That's where going with the Markdown card will probably still be the better option than modifying the title. (I couldn't figure out how to get into the .card-header selector, but these are some variables that it referenced.)yaml card_mod: style: | ha-card { --ha-card-header-color: red; --ha-card-header-font-family: stencil; --ha-card-header-font-size: 38px; }

[lament oyster]

Probably a simple easy question. Can the min and max values be set to a helper number in this card so that I can add a level of dynamic scaling to this gauge? https://dpaste.com/HAGNV5FWA

[fiery ledge]

did iframe change its properties? https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/6723?u=mariusthvdb I cant get my folded iframes to fill the complete space anymore..

i have more than this in the rest of the card and all iframes show (so no security or things like that) but all have that empty space to the right

[tribal galleon]

With the stock gauge card that you used, the short answer is probably not. Most stock cards don't (easily) accept templating which is what you would need to make it into something dynamic.
With some quick searching, if I were to try to make something like what you want, I would look at the custom:dual-gauge-card. It is written in JavaScript so templating would have to be done in that instead of the more commonly used Jinja. Then you would be able to use an input_number helper to handle the min/max values. Using min: "[[[ return states['domain.entity_name'].state ]]]" should work to "input" the value into the card. (You'll need to incorporate a method of making the changes to the value of the helper, but that can come later.)
MinimalistUI has an example that was incorporated using the dual-gauge-card. I might give you some more information to work with. LINK

[fiery ledge]

see the community thread for the fix: had to move some of the mod to the fold itself, and keep only box-shadow on the iframe

[vast crane]

That's about all you can do, unless you want to jump into writing PRs to fix it 😉

[oblique quarry]

is there a timer card that will allow me to update the timer duration as well as start/stop/restart etc ?

[vague blaze]

I use this one: https://github.com/rianadon/timer-bar-card

[oblique quarry]

it looks cool for showing the time left i dont see anywhere that it says it lets you set the time

[vague blaze]

It's a click through and brings up the timer settings. Are you looking for something that allows you to do that directly from a card itself without the popup?

[oblique quarry]

yea if possible. Since its a better interface for the non technical users in my house

[vague blaze]

Ah, sorry. Misunderstood. You'd have to build that yourself and probably use a script to set the timer duration.

[oblique quarry]

@vague blaze i was hoping its possible similar to the datetime card

[vague blaze]

I mean, there might be a HACS card that does something like that, but in my quick search, I didn't find anything to do it like that.

[oblique quarry]

this might work
https://github.com/pmongloid/flipdown-timer-card

[vague blaze]

But it's also why I use the timer bar card. One click to the settings.

[vague blaze]

Maybe, but that card is over 2 years old. May work, may not.

[oblique quarry]

yea seems like it might be a bit sketchy

[hard blaze]

You can create one, but I used automations to handle it. A button card showing the bar timer, and buttons calling an automation to start, stop or reset timer. Also you can add time to it, just don't remember how I did it. And it's on my old HA which is dead 🤣

I can help you make the card, just need 30 min to get to my computer 🙂

[hard blaze]

if youy scroll all the way down on this thread: https://community.home-assistant.io/t/add-time-to-running-timer/120730/29 you will se what i used for the automation process

[lofty remnant]

How can I change the default map to Google satellite? And is it possible to change this circle? So that each device has something different

[tepid locust]

So is there a known change between 20240104.0 and 20240207.0 which would cause memory leaks, possibly only when using custom cards? Since HA 2024.02, a good number of users, especially those with card-mod, have noticed that the HA dashboard will slowly use more and more RAM. I've seen my browser report upwards of 2.5GB before I'm forced to close the tab while others are reporting upwards of 6GB+. Sometimes it happens within a few minutes, other times I'll have the tab open for hours without any issues.

[vast crane]

Given how far back that is, I would say it's not a known issue. I don't recall seeing any issue like this on the tracker.

[tepid locust]

Yeah I was afraid of that. I just took a quick performance snapshot after my tab got over a gig again. I don't know how to read too much into it unfortunately, but the total nodes ended up near 800K while the total listeners are about 122K. When closing and reloading the tab, it is down to 50K and 8K respectively.

I pulled a heap snapshot to get more info. It's not perfect, though, since it only seems to pull JS memory which is maybe a quarter or a third of the total memory. It's showing a large number of detached elements, text, ShadowRoots, event listeners, comments, etc. Most are internal HA elements but some are custom. The snapshot file itself is 660MB, but I could send it if someone knew what to look for.

[lean prairie]

Hi there!

I have almost succesfully configured the lights counter. It however also counts lights in the other rooms and I only need it in my room. The rest can be excluded from the counter. Another problem is that whenever they're off, it shows a light icon with grey color. But when it's on it doesn't show any icon but just a yellow color. Can someone help me?

[toxic axle]

i.e. saturation? 😄

[tender wedge]

Looks like it will be resolved in 2024.7.2, having the same issue here : (
https://github.com/piitaya/lovelace-mushroom/releases/tag/v3.6.4

[scenic current]

I'm working on extending View Assist to also give feedback on HA built in voice commands like 'turn on living room lights'. I am able to capture these entities and store them in a list. I would like to conditionally show a button card per entity for the items in the list.

Can someone tell me an easy way to do this rather than a condition per card? Right now I can pull these values like this:

    card:
      type: custom:button-card
      entity: >-
        [[[ try {return
        hass.states[variables.var_assistsat_entity].attributes.data["intent_entities"][0]}
        catch { return "light.coffee_area"}]]]

I'd like to avoid doing the [1],[2],[3] etc

[wooden fjord]

https://imgur.com/a/WrY13KU difference?

[vague blaze]

Mushroom are the cards. Mushroom strategy allows you to create a dashboard filled with default Mushroom cards. Mushroom Themes are themes for HA that are tailored to the cards. Trash and sliders? No clue.

[hard blaze]

I would keep to the original thing, but I haven't used mushroom that much

The original mushroom cards are usually updated frequently and bugs are fixed fast. Forks might not be as reliable ( depending on who forks it OFC ).. just my personal opinion, not fact based hehe

[stuck spire]

is there a way to override the minimum layout sizing in the sections dashboard?

[vague blaze]

On the layout tab on a card you mean?

[stuck spire]

yeah

[proven shuttle]

Hey everyone, I've come up with a trick I'd like to share.

[stuck spire]

ideally want some of the tile cards to be 1x1

[proven shuttle]

  - type: conditional
    conditions:
      - condition: numeric_state
        entity: {{batz.entity_id}}
        below: 20
    card:
      type: gauge
      needle: false
      severity:
        green: 30
        yellow: 5
        red: 0
      entity: {{batz.entity_id}}
      name: {{batz.attributes.friendly_name}}
{% endfor %}

[vague blaze]

AFAIK, no. The few cards I tested though are able to go to 1x1 though.

[vague blaze]

Ah, yeah, I don't think there is a way to do that yet

[stuck spire]

I haven't been able to get anything smaller than 1x2

yeah

[proven shuttle]

If you put this in the templates resolver in the dev tools, it will spit out a yaml fragment ready to be put in the cards section of a grid.

[stuck spire]

let ME decide if something looks like junk haha

[proven shuttle]

representing one card for each battery, only to be shown if the charge is below 20%

[vague blaze]

lol I believe it's up to the individual card:

[stuck spire]

I definitely think that's correct

wasn't sure if there was a flag people had found in the backend that could put this into choose your own adventure mode

[vestal aspen]

You can edit the YAML to force it to do something the UI doesn't allow 🙂

In the UI, we put guardrails against users messing up the UX for their household

[stuck spire]

so where/how does one do this in the YAML

[stuck spire]

it also doesn't seem like this is needed as the UI has the reset to default function readily available

[hard blaze]

https://www.home-assistant.io/dashboards/energy/ is it possible to edit these cards ?

[vague blaze]

Nope.

[hard blaze]

Well Frick 🤣 thanks for the quick response!

[keen lichen]

If my solar panels get no more sun, then I have the value "undefined", but Apexcharts takes the last value >0. How can I query in the card in Apexcharts whether the value is "undefined" and then display it as 0?

[hard blaze]

You could create a template sensor, and set the state to 0, if the entity state is undefined and use a else statement return entity state

[stuck spire]

anyone around? I'm messing around with the mini-graph-card, and it shows the state value of one entity, I'd like to be able to show the current state of each of the entities. Anyone know if this is possible? Screenshots of the entities in an apex card setup vs. my current run of the mini-graph-card

yaml https://dpaste.org/pLj1e

oh I may have gotten it

[stuck spire]

temp on the left is house average.

[manic linden]

Hi, I'm looking for some card to show the current data from solar water heating (not photovoltaic, I have photothermal)... But I can't find anything that shows a schematic of a water tank with 3 thermometers and the temperature on the collectors on the roof. Is there such a thing? Thank you very much

[wooden fjord]

best plugin for the best lovelace?

[vital burrow]

If you mean cards, that is highly a matter of taste and personal preferences.

[wooden fjord]

which card for show it?

[vital burrow]

For showing what?

[wooden fjord]

nothing nothing

[vital burrow]

[fiery ledge]

can use all kinds of cards for showing that

[fiery ledge]

use picture-elements and position the elements as you wish?

a bit like this

[fiery ledge]

is it a Frontend issue the device page shows all disabled entities by default? Seems the user expectes nothing to see when actively disabling a device, and would need to click the show more for revealing those instead.

or would it be a FR...

[golden mist]

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

[prisma mortar]

anyone has an idea how to fit the picture to the div?

i want it to get stretched to fill it out, tried fit_mode: fill aswell

[fiery ledge]

opened a discussion here https://github.com/home-assistant/frontend/discussions/21355

[golden mist]

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

[warped yew]

I have two lights that i've grouped and said to hide original entities but they still show up on my dashboard. Any ideas as to why? ⬆️

[worn badge]

Hi! I am getting a "No viewes in this dashboard." error. But I can't add a view. After pressing the pencil button in the dashboard overview, there's nothing about adding a view

[stable lantern]

Does anyone else have issues with the Tile card no longer showing brightness in percentage?
Never mind, it seems to have been an issue with reloading the frontend.

[main meteor]

How to know the device id of the device being currently used?

[vague blaze]

Just use the area_id() method and give it an entity. If you have assigned the entity to an area, it will automatically get the area id. You don't need to know the device, just the entity. Ugh. Sorry. Thought this was your other question. You can use the device_id(entity) method to get the device id of the entity being used.

[main meteor]

And then I can use that to locate the room to where it’s assigned

Area_name(‘device_id(entity)’)?

[vague blaze]

You don't need the device_id at all. You can just use area_name(entity_id). That's it.

https://www.home-assistant.io/docs/configuration/templating/#areas

[fiery ledge]

so wish we could set the tile card to follow ha-card-border-radius we use in themes... as I can find it in the source https://github.com/home-assistant/frontend/tree/dev/src/components/tile the border-radius is hard coded to 8px on the individual elements (except for icon and image, which use 20px) Looking for a way to have the select buttons (like on alarm panel, or climate) to use my Theme..

see: https://community.home-assistant.io/t/style-tile-more-info/696240/10?u=mariusthvdb which seems to reveal it is set to 10px, but where?

[ripe gazelle]

After the latest patch update, I was hoping my sensor graphs would look normal. After the last monthly update, all my graphs became squished and illegible.

After the update, I assumed that would be fixed. It wasn't. Now instead of being small and squished, the graphs are larger sized, but now the text and lines are off screen and illegible.

This is the YAML for the swipe card which contains the graphs (just simple temp graphs of the floors in my house). Is there a way I can edit this to fix the legibility or text placement? It seems like a spacing and alignment issue but without a visual editor it seems next to impossible to fix.

https://pastebin.com/8Zz3mdtF

[main meteor]

Like this then?

[{% set area_filter = states('area_name(device_id)') %}

[vague blaze]

No. that won't work. I gave you a working example here: https://discordapp.com/channels/330944238910963714/672223497736421388/1260591184208986142

[main meteor]

Yes and thanks! But you set a fixed sensor. I’d like to use a dynamic device , the device id actually being used. Eg having a device of Eg a panel, assigned to an area. I’d like that area as filter.

Imagine have an iPad on the wall. The iPad is assigned to an area. It like to see only entities in that area

[vague blaze]

That's my point. Don't use a device. Use an entity OF the device. Device IDs can and do change. They are not static. Your automations and scripts WILL break.

[vague blaze]

The template I gave you does exactly that.

[main meteor]

Ok but I still would like it to be dynamic. Let’s say a got 2 areas. One iPad in each. I use the same dashboard and template but I would like the entities to be different because of the areas the iPads are assigned to.

[vague blaze]

That's what trigger data is for. Seriously, you are WAY over complicating this. 🙂

https://www.home-assistant.io/docs/automation/templating/

[main meteor]

I know but it would be slick if it worked. 😜

Having the same dashboard in all rooms. iPad/nspanel… showing all entities in that area

[vague blaze]

You should be able to make it work the way you want, but using devices is a bad, bad idea. Use entities of the device instead.

[broken marsh]

I have this template sensor with unit_of_measurement set to entities and entities in attributes. After a change to frontend I now have to go into dev tools to check attributes. Can I change the sensor somehow so that I can read the entities in attributes more easily? https://dpaste.org/vYBTM

[ripe gazelle]

any ideas from the group?

[shrewd saffron]

Quick question, how can I make a graph that shows the total energy consumption? I have found some code and templates but it never works.

[vague blaze]

Take a look in #energy-archived IIRC, there's some examples there.

[vast crane]

You updated to 7.2 this morning? Cleared cache?

[ripe gazelle]

Yep, just this morning. Did a developer tool open with hard reload and clear cache refresh. Still have the issue and is on my mobile as well.

[upper cove]

Hey guys whatsup
I've seen in the 2024.7.1 update that you can controling the cards now is much easier

how do I do that tho? I don't see an option for that and I did update the core to this version

[vast crane]

If you're referring to resizing, you need to have a "sections" view type.

the default is masonry type.

[upper cove]

oh neat! thanks!!

[pliant mural]

entity: sensor.minecraft_server_version
name: >
  [[[
    if (states['sensor.minecraft_latest_release'].state === states['sensor.minecraft_server_version'].state) {
      return "Version";
    } else {
      return "Update Available";
    }
  ]]]```
What is wrong in my formatting here?

It is just showing up as text

[golden mirage]

mushroom don't use javascript.
Try with below:
{% if states('sensor.minecraft_latest_release') == states('sensor.minecraft_server_version') %} Version: {{states('sensor.minecraft_latest_release')}}
{% else %}Update Available: {{states('sensor.minecraft_latest_release')}}
{% endif %}

[pliant mural]

Like this? type: custom:mushroom-entity-card entity: sensor.minecraft_server_version name: > {% if states('sensor.minecraft_latest_release') == states('sensor.minecraft_server_version') %} Version: {{states('sensor.minecraft_latest_release')}} {% else %}Update Available: {{states('sensor.minecraft_latest_release')}} {% endif %}

Or this? (Neither work) type: custom:mushroom-entity-card entity: sensor.minecraft_server_version name: |- {% if states('sensor.minecraft_latest_release') == states('sensor.minecraft_server_version') %} Version: {{states('sensor.minecraft_latest_release')}} {% else %} Update Available: {{states('sensor.minecraft_latest_release')}} {% endif %}

[golden mirage]

you must use Mushroom Template Card for template

[little gazelle]

Hello together, I am desperately looking for a graph card or something that shows me a value inside a range (like a gauge, but horizontally). I made an example

Any idea where I can find this?

[keen lichen]

ApexCharts: „stacked=true“ no longer works after update?
Yesterday I installed the latest update of ApexCharts and since then the bars of the bar chart are displayed side by side, no longer stacked. Cache has been cleared and also tested on different browsers.
Has anyone else had this experience?

[tacit cave]

closest you'll get is barcard

[little gazelle]

not exactly what I am looking for but I will give it a try thank you!

[golden mirage]

You can try with custom_button_card and custom_field

[golden mist]

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

[prisma mortar]

Hi how can i get an attribute from an sensor as state set? i dont know how to access it - type: grid title: Zuhause view_layout: grid-area: hemma columns: 1 # Adjust this to 1 for a single-column vertical stack cards: - type: custom:button-card entity: sensor.ical_jetter_event_0 icon: mdi:calendar show_state: true template: - base tap_action: action: more-info state_display: sensor.ical_jetter_event_0.attributes.Location styles:

[worn badge]

HIII!

How do I add the zigbee dashboard thingi to the side bar? much love

[toxic axle]

The what?

[worn badge]

I have seen a couple of vidoes that have a "Zigbee2MQTT" tab in their sidebar

I have just unboxed my skyconnect, and can't seem to find where to add it

[toxic axle]

Have you installed the addon? 🙂

[worn badge]

which addon? 😄

my zigbee devices are recognised and work

[toxic axle]

ZHA and zigbee2mqtt are two different "programs" for Zigbee coordinators. I suppose ZHA installes automagically for Skyconnect? I don't use it myself but I think thats the case. Anyway - disregard zigbee2mqtt and look for ZHA

[vague blaze]

@worn badge Ask in #zigbee-archived 🙂

(But if you already have ZHA setup, there's not a lot of reason to migrate to Z2M)

[golden mirage]

states['entity_id'].attributes.attr_of_entity

[tame oriole]

there's no way to like....hide or somehow minimize how big all the names take up on a graph is there? this is a bit chunky.

[tacit cave]

if that's a history card, rename them

you don't really need all that extra crap for the names. You should be able to do all that from the UI.

[tame oriole]

you mean rename the entity itself?

it is a history card, but theres no way to setup any sort of "nickname" for the entities.

[vital burrow]

Yes, you can overwrite the friendly names in YAML mode

type: history-graph
title: 'My Graph'
entities:
  - sensor.outside_temperature
  - entity: media_player.lounge_room
    name: Main player

[tame oriole]

i guess thats a bit better

[vital burrow]

And so easy to differenciate

[tacit cave]

very informative

test is definitly a problem

[vital burrow]

A peak of 7 tests

[tacit cave]

but don't forget about 6 tests

[vital burrow]

All within 16 tests

[tame oriole]

it is power outages from my provider in the areas near me

[tacit cave]

we just poking fun

[prisma mortar]

state_display: |
[[[
return states['sensor.ical_jetter_event_0'].Location;
]]]

?

Doesnt work

[proven shuttle]

Hey all, I'm fighting the button card. I want it to display the state of an input_boolean, and if clicked, set that input_boolean to off. I can't figure it out. I tried calling switch.turn_off but the editor indicates it doen't like that applied to an input_boolean. Am I going about this wrong?

[tacit cave]

it does if you follow what he wrote 😉

.attributes.<attr_of_entity>

[vague blaze]

It's input_boolean.turn_off. The switch domain is different 🙂

[proven shuttle]

Thanks, that was the missing piece of the puzzle

[vague blaze]

You can also use homeassistant.turn_off(entity_id) as well and it'll figure out the correct service to call.

[golden mist]

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

[unreal urchin]

sometimes it shows as expected, sometimes it is just an empty card, and sometimes i get the error UndefinedError: 'homeassistant.util.read_only_dict.ReadOnlyDict object' has no attribute 'device_class'

i'm sure i've wanged up the jinja somewhere, but don't know it well enough to spot the mistake

[dark dirge]

that just means that your statement includes entities that don't contain that attribute, but you're trying to filter on it

you can exclude those by adding |selectattr('attributes.device_class', 'defined')

this is clearly a #templates-archived question

[unreal urchin]

considered it, but also thought it possible that it's an issue with how templates work in markdown cards

i'll move it there. thanks

[dark dirge]

only if you didn't understand my answer

that's the answer

templates are the same everywhere

[lean prairie]

Hey! In my custom mushroom template card. I want to show the entity of my Galaxy Watch 6 Classic's battery as second information, so I can see my battery percentage as second information. How do I do that?

here is the card config

[dire yew]

I have a sensor entity that displays an end time for my 3d printer using the format YYYY MM DD HH MMSS.

However, I want it to instead output MM DD HH MM.

The time is also currently formatted in a 24-hour format. I would prefer the time be shown instead in a 12-hour AM / PM format.

How can I go about this?

Thanks

[golden mirage]

You can read more here https://docs.python.org/3/library/time.html#time.strftime

{{now().strftime('%a, %m-%d %I:%M:%S')}}

[rocky yoke]

using HA container. are dashboard lovelace resources removed in the container for some reason?

my 3 buttons on the top right are missing

[vast crane]

Check your Advanced Mode

[rocky yoke]

ah. you're a genius. that was it

thank you!

[prisma mortar]

Oops, added attributes but still doesnt change anything

[golden mirage]

state_display: |
[[[ return states['sensor.ical_jetter_event_0'].attributes.Location;
]]]

[prisma mortar]

yep - type: grid title: Kalender view_layout: grid-area: hemma columns: 1 # Adjust this to 1 for a single-column vertical stack cards: - type: custom:button-card entity: sensor.ical_jetter_event_0 show_state: true template: - base tap_action: action: more-info state_display: | [[[ return states['sensor.ical_jetter_event_0'].attributes.Location; ]]]

[tacit cave]

That’s the translated attribute, go to the states page to see the actual attribute name under the hood

[prisma mortar]

works thanks ! you have been right, it was translated already

[prisma mortar]

can i get the translated value somehow instead? the Start for example is messed up "2024-07-12T00:00:00+02:00

[tender pine]

ive installed sidebar-card using hacs but i can't get it to work when i used the template provided but it just returns an error what am i doing wrong ? can someone point me in the right direction ?

[lean prairie]

Hey! In my custom mushroom template card. I want to show the entity of my Galaxy Watch 6 Classic's battery as second information, so I can see my battery percentage as second information. How do I do that?

[vague blaze]

All you need to do is add a template to the secondary information line in the card: {{ states('sensor.galaxy_watch6_classic_battery_level') }}% (or whatever your battery level sensor is).

[lean prairie]

got this issue

this is the code now

this is what it says now

[vague blaze]

"{{ states('sensor.galaxy_watch6_classic_xf8l_battery_level') }}%" (You need the quotes)

[lean prairie]

Yeah it works! You just learned me something new today

[vague blaze]

Awesome! Happy to help 🙂

[lean prairie]

And I'm happy to join the Home Assistant community and learn 😀

[ripe gazelle]

Can someone please help me fix this? For whatever reason after the latest update my sensor graphs have looked really stupid. Even after the patch update it still looks like this. Any ideas? It’s a manual yaml swipe card so no visual editor.

[last marsh]

O.k. at a loss again. I have a history sensor up and running and working. When I go into devolopment and states to find the sensor, I see it and change the unit of messurements from h to min. I go into the entities to look at it and it updates there. But then when I go to add the card, it shows as xx:xx ie 20:12. Am I missing something somewhere?
I am trying to get the card to show it in min such as 20 min

[vast crane]

That is the default behavior for device_class: duration. If you set a display_precision for the sensor to anything but auto, it will instead show the exact sensor value in its original unit, instead of trying to present it as HH:MM:SS format.

[vast crane]

I think you need to be a little more clear what cards you're asking about. A swipe card I believe is just a container for other cards. You claim it is a "sensor graph", but that does not look like the default sensor card. Is that another custom card? Have you checked on their repo for issues?

[last marsh]

What do you mean? Regarding the display_precision?

[golden mist]

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

[vast crane]

Ok I guess it's a sensor card, but card-modded.

[ripe gazelle]

Good point. I guess I'll check that github for issues?

[vast crane]

Which github?

[ripe gazelle]

card-mod

[last marsh]

So I am using a custom sensor.

  name: DarkPlaystation Play Time
  entity_id: sensor.darkplaystation_activity
  state: "playing"
  type: time
  start: "{{ today_at() }}"
  end: "{{ now() }}"```

[vast crane]

Add a unique_id: key to that sensor

name it any random string

then after reload you should have the entity registry editor enabled (the settings from my screenshot)

[last marsh]

The unique id, is it just a trink of numbers? any specific amount or anything?

[lean prairie]

Another question, is it true I sometimes have to remove the quotes?

like if I do this with my phone it shows the percentage as quotes

[vast crane]

letters, numbers, whatever. any string

just as long as it's unique

[last marsh]

Awesome, that did it. Thanks again

[lofty remnant]

Hi, is there any way to change the map in this default widget? I would like to use google satellite or hybrid. It would also be nice if you could change the device icon. This map is completely useless to me because there are no buildings, etc., visible here.

[vague blaze]

No, this is not possible.

[last marsh]

is there a way to reset a history graph time backk to 0 every day?

[vast crane]

not with the stock card

[lofty remnant]

Damn, is there any add-on that adds a custom map to the widget?

[visual rain]

Is there a panel I can add that would be able to show me a bunch of buttons when I open it? Specifically so I don't accidentally toggle the buttons? They currently control power to devices

[vague blaze]

Not that I know of. At least, none that I could find through HACS.

[vague blaze]

https://github.com/Clooos/Bubble-Card

[vast crane]

Could maybe check out this custom card.
https://community.home-assistant.io/t/map-card-map-change/98618/13

I suspect there might be licensing/copyright concerns to officially allowing users to switch to other tilelayers without correct attribution.

[visual rain]

looks interesting, but not sure how to use it for what I was thinking. Through this I was able to figure out that regular buttons have a Press and Hold feature, so I am using those now

[vague blaze]

Well, you said a panel that could show a bunch of buttons. lol 😉

[hard blaze]

Hi, i want a custom button card to open side bar, and one to open settings. what is the navigation path?

earlier i used the chip card, but that does not show me the path

[vague blaze]

/config/dashboard for settings. I don't think there is a path for the sidebar.

[hard blaze]

oh lord.. i had the path in order, i just forgot to add action: navigate hehehe

🤦‍♂️

Is it allowed to say, im starting to get old? hehe

[vague blaze]

lol sure... you can say it... I can't agree or disagree with it and age has nothing to do with mistakes 😉

[vital burrow]

ring ring SHAME! ring ring

[hard blaze]

hehe

well i got it working, thanks for the help 😛

[vague blaze]

Happy to help! 🙂

[inland token]

JavaScript functions in custom button card: how do I reference the value of a sensor? Docs show sensorname.state, states[sensorname].state. Neither seems to work.

This produces nothing, as an example:

type: custom:button-card
name: >
[[[ if (states[pyscript.amp1_standby].state) return "Off"; else return
"On"; ]]]
color: red

Also produces nothing:

type: custom:button-card
name: |
[[[ if (pyscript.amp1_standb.state) return "Off"; else return "On"; ]]]
color: red

I can make it work by passing the value in as the “entity” parameter, but that’s no good if your button needs to be based on more than one entity

[worthy gyro]

Hi, I’m not sure why the temp card size was changed recently then reverted in last update. Was this a mistake? I preferred the smaller card. Is there a way to change this? Thanks.

[hard blaze]

Example from what i use to check sensor states, and return text:

label: |
  [[[
    if (states['binary_sensor.vehicle_running'].state === 'on') {
      return 'Bilen er ute å kjører!';
    } else if (states['binary_sensor.mg5_battery_charging'].state === 'on') {
      return 'Bilen er parkert og lader.';

[thorny karma]

Hello all
Firstly very sorry for my absolute terrible HA knowledge. So here is what I’m trying to do. I have a grid card and using the awesome card mod and some codes I found online, I managed to make them transparent and coloured the way I like.

My query is that I have a title for my grid card “Rooms”
it’s to the left and really small as compared to the rest of my buttons.

I’m trying to center it, change the font colour to white and increase the font size and maybe the form weight.

If I do an inspect element I can change the stuff in browser, however I have no idea how to change it in my dashboard. Below is my code.

Thanks

[golden mist]

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

[delicate lance]

Hello there! Do you guys know if there are active maintainers to the custom-cards organisation?

[lean prairie]

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

[inland token]

This produces a blank card:

type: custom:button-card
entity: pyscript.amp1_standby
name: >
[[[ if (states.['pyscript.amp1_standby'].state=='on') { return "Off"; } else
{ return "On"; } ]]]
color: red
show_icon: false

[inland token]

This works, but requires that I use the “entity” parameter, limiting me to using one sensor in the card:
type: custom:button-card
entity: pyscript.amp1_standby
name: |
[[[ if (entity.state) { return "Off"; } else { return "On"; } ]]]
color: red
show_icon: false

[hard blaze]

You can use variables. Sensor1: sensor2: and so on. And return variables.sensor1 or2 or what ever you want

Im out atm, but can help you setup a sensor template card with variables later if needed

[gaunt kestrel]

I use the home assistant app on my iMac. Everytime it starts, it offers me to show a readme-file. Can I automatically skip this without pressing 'No'?

[lyric prairie]

The problem there is the dot directly after states

name: >
  [[[ if  (states['pyscript.amp1_standby'].state=='on') {  return "Off"; } else
  { return "On"; } ]]]

[inland token]

Should be states[ ‘pyscript.amp1_standby’] with nothing after?

[lyric prairie]

No? states['pyscript.amp1_standby'].state

like in the example I send

You had states.['pyscript.amp1_standby'].state

[inland token]

If I do this, the name displays as “[object Object]”

type: custom:button-card
entity: pyscript.amp1_standby
name: |
[[[ return states['pyscript.amp1_standby'] ]]]
show_icon: false

Adding .state to the end displays “True,” but it treats it like string, even though it is a Boolean