#frontend-archived

1 messages · Page 17 of 1

cobalt trench
#

Thanks. How did I miss that chip type!? 🤦‍♂️

tribal galleon
#

Once I realized that the template chip was an option, I started looking a bit more into mushroom cards. majority of my cards are all custom:button-cards.

cobalt trench
#

I do like card-mod but in this instance, the mushroom-template-chip is ideal.

golden mistBOT
#

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

📎 message.txt
fiery ledge
#

is this even required? shouldnt the card use the state colors of the binary sensor natively?

tribal galleon
#

required if trying to use custom colors different from default (red/green for on/off instead of yellow/blue)

cobalt trench
# 
chips:
  - type: template
    entity: binary_sensor.contact_sensor_front_door
    content: Front
    icon: |
      {% if is_state(entity,'on') %} mdi:door-open
      {% else %} mdi:door-closed
      {% endif %}
    icon_color: |
      {% if is_state(entity,'on') %} amber
      {% else %} grey
      {% endif %}```
tribal galleon
#

I didn't even realize that's what it was called. Just know it works... 😄

cobalt trench
#

EDIT: Reminds me of the ternary operator syntax in C#
Me neither, will google it.

#

Haven't figured out yet why you sometimes need >- and other times | 🤣

rocky lichen
#

>- is for multiline string in yaml with newline stripping mode. I think | is more like commandline pipes.

tribal galleon
#

same. I just end up using whichever doesn't create errors and just go with it. Though I have noticed each one "reformats" the following code differently (breaks) once saved.

cobalt trench
#

Thanks again. This is working for me...

  {{ is_state(entity,'on') | iif('mdi:door-open','mdi:door-closed') }}
icon_color: |
  {{ is_state(entity,'on') | iif('amber','grey') }}```
vapid field
#

Does anyone know a graphical appealing card to show the temperature 🌡️ in a room? I'm currently using the standard gauge but I'd like to have a nicer looking one

drowsy void
#

How can I put in a very thin status bar?
For example showing battery state.

shy comet
#

Changing value precision updates my entities to what I'd like them to be, but does not change on my dashboard. They remain the defaults on the devices from when I set them up. I've tried reloading yaml and restarting home assistant. Is there something I'm missing?

shut robin
#

hey guys, i've got an input number that i want the user to be able to interact with an have it look good - the issue is the default card when you put it on your dashboard looks very meh and not user friendly at all - does anyone have any suggestions for some cards that i can use that'll make it look nicer and easier for people to fill out? if it helps, it's always going to be 4 digits long

image.png
#

(for clarification, i'm not looking for a slider/+- buttons etc, it needs to be something the user can type in a value and exit out of it causing HA to update the value)

tepid torrent
#

Hello, pretty new to HA. I have a question but I can't seem to find a straight answer to it. For a basic card (say a light card for example) what controls the height that it appears on my dashboard as? If I have a brand new dashboard and I add one card to it, what is the easiest way to change its height? I've tried a few things from the forum and feeding google bard the documentation and github but I feel like I am overlooking something very simple.

image.png
vapid field
#

This while there's been candle lights since the beginning

dusky jackal
keen thunder
#

How can I target the grid-card, so that I can add:
'background-color: white;
border-radius: 8px;
border: solid 1px gray;'
So all the entities inside of it have one background?

image.png
#

I've tried various selectors via card_mod, but I cannot target the correct element to set those properties in the grid card 😦

thorn granite
sly frigate
#

Not sure this is the right place, but I am a bit confused what does state-icon-color actually does? I have tried to add a theme

frontend:
  themes:
    tube_theme:
      # Define colors based on entity states
      'state-icon-color': >
        [[[
          if (state === 'Severe Delays') red;
          if (state === 'Minor Delays') orange;
          return blue;
        ]]]

But when I apply it to an entities card, everything is the same white colour 🤔

dusky jackal
#

Should be diff color when state is on. That looks like its missing the entity like if weather_entity state is severe than red

vapid field
unborn venture
#

Can you give me please the code of the chip of the battery? I don't know how to put a color to the icon.
Thanks.

north notch
#

hey crew, something odd. i use thomasloven's auto-entities, with an exclude: hidden_by: integration to hide members of a light group but not the group itself. that worked fine on 2023.5.2. I upgraded to 2023.5.3 and suddenly the members are visible again. i checked the release notes and couldn't find anything that would explain this behavior. thoughts?

dusky jackal
vapid field
#

It has to look sexy without any graphs. We also have the Nest thermostat, but that design is purely for the nest. The other sensors, like the Aqara ones need a seperate and unique, beautiful card that don't exist in Home assistant.

dusky jackal
vapid field
#

Yes like that. Is that natively in Home assistant and is the 🌡️ icon dynamic?

dusky jackal
#

Yes sensor card, you can makevany icon dynamic, if > 75 then red etc. Another idea is custom button card you can make something really nice and be real creative but not native

vapid field
#

Looks good. Thanks, but I'll wait for home assistant to come with something natively on this part. I've a few hacs things, but I think it's better for Home assistant/ nabu casa to invest in things like visually appealing temperature cards for example, so others can show off their dashboards for marketing purposes.

#

Untill then I'll be looking into templating and css. But that's not that user friendly, especially for beginners that just start out.

north notch
tribal galleon
cobalt trench
tribal galleon
#

@vapid field When you start getting into the realm of customization (whether HA, cars, computers, etc.), one size does not fit all. HA provides you with a way to see the temperature your sensor is reporting, but it is not the way that you want to see it. Having the ability to customize the way you see fit is a big improvement over other automation systems where you may have no customization at all. You are correct to say that it is not "user-friendly". Years ago, I knew nothing about YAML, Python, Jinja, Node-RED and automation and dashboards was very overwhelming. I'm still learning, adapting, improved and adding to my dashboard all the time.

#

I followed the link @dusky jackal posted and got some ideas that I wanted to incorporate into some of my buttons. For example, the color temperature was shown on a button and I kinda liked that idea. But I adapted it for what I how I wanted to see it.

image.png
#

And, now, I'm going to change the brightness buttons from only being able to control the brightness for just that room with a tap_action but also control brightness for all lights that are on with a hold_action (via Node-RED).

tribal galleon
#

And, now that that is done, I'm going to try to go through and incorporate variables into to the templates I use (since I learned about variables after I made the templates) in an attempt to shorten the YAML. Point is, with a little extra work, you can make your dashboard exactly how you want it.

hidden tinsel
#

is it possible to "hide" the unit of measurement of an entity in some card, just in the frontend, without creating a separate template entity?

acoustic ore
#

I have hidden the sidebar of a user but now I don't know how to get it back

tribal galleon
tepid torrent
thorn granite
#

I tend to use the Grid card and horizonal and vertical cards to arrange as I am too lazy to maintain multiple dashboards so you will need someone more experienced with the grid template.

tepid torrent
thorn granite
#

What are you trying to achieve is it just square cards or something else? You can make all cards the same height and make them square. You could include a custom button card to force taller cards etc

tepid torrent
#

This is sort of what I am trying to do, basically make the second row a bit taller so it doesn't look squished (not square though). I've tried using the Css grid stuff with the layout and just a basic horizontal stack but both of those look exactly like this.

image.png
unborn venture
tribal galleon
golden mistBOT
#

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

📎 message.txt
mortal crystal
#

I'm trying to get my Zen Thermostat to make sense in the mushroom climate card. It's effectively got a separate control for mode (off/heat/cool) and fan (auto/on) and it shows fine in the Simple Thermostat control but I can't figure out how to get the Fan settings to show in Mushroom. Any ideas?

image.png image.png
drowsy void
#

How can I put in a very thin status bar?
For example showing battery state.

mortal crystal
#

I m trying to get my Zen Thermostat to

atomic glacier
#

@frosty flower got the swiper working, but only 2 state-switches deep, Had to do a few card size mods, but good enough for what I am needing (so far🤔 )

cobalt trench
#

What's the equivalent of   in template markup please?
I would like to add some white space between the two state values

primary: Bedroom 1
secondary: >-
  {{ states.sensor.bedroom_1_meter_temperature.state_with_unit }} {{
  states.sensor.bedroom_1_meter_humidity.state_with_unit }}
icon: mdi:thermometer
entity: sensor.bedroom_1_meter_temperature
icon_color: blue```
shut robin
# cobalt trench What's the equivalent of   in template markup please? I would like to add s...

i'm not 100% sure because i'm still quite new to HA but i'm pretty sure it just reads what you have in the secondary value, whitespace included

so if you wanted more whitespace between the temp and the humidity, change the secondary to something like this (i've just manually added in like 4 extra spaces)

  {{ states('sensor.bedroom_1_meter_temperature') | round(1) }} °C       {{ states('sensor.bedroom_1_meter_humidity') }} %```
cobalt trench
#

Thank you but it seems to delete repeated white space, similar to HTML.

shut robin
#

huh, you're right - i tried it in the dev options tab before sending my message and it works there, but in the actual mushroom card it doesn't!

image.png
#

i don't have any other suggestions unfortunately, but maybe someone else might know something

cobalt trench
#

Appreciate your help though. Thank you.
I gave this a try too.

  style: |
   .secondary {
      white-space: pre;
    }```
shut robin
#

add this to the bottom of your code (not card mod, in the mushroom template card)

multiline_secondary: true

#

doing that makes it read the whitespace as whitespace instead of trimming it all down

cobalt trench
#

Awesome, thank you.

polar radish
#

I was trying to edit a Home Assistant page and this is the error I get:
Configuration errors detected:

Loading chunk 6469 failed.
(error: http://192.168.50.201:8123/frontend_latest/6469-MlgeZbwNObg.js)

I get this for every item on the page I am trying to edit but I also see it on other pages. Going to the 'settings' tab I get "Error while loading page config". Home assistant still works but I can not do a lot of things. I suspect the latest HA update introduced a bug.
My last resort is to kill the power on the HA machine but I am worried that HA will fail to come up so I thought I would see if anybody else had similar issues recently.

shut robin
#

hey guys, i've got a bit of a weird question - there's some api i can access to find the cheapest fuel stations given a postcode which i've got working, but i want to make it a bit better by having a text input on my dashboard to let users choose the postcode they're in, in case we're out and about

i currently have an input_number, but the default card for input number looks terrible and i can't find any alternative cards that allow user input while looking good

the other option is i have a list of suburbs and their postcodes - is there a way to autocomplete the input field based on what the user is typing? so if they start typing a suburb name it shows the available postcodes, but if they start typing a postcode, it shows the available suburbs? hopefully that all made sense?

jovial copper
#

Does anyone have any experience using a remote image on the frontend? I managed to get it somewhat working using generic camera, but its a little janky

#

Ideally I would like to use a remote image as a entity icon, I've tested:

  customize:
    sensor.lost_sector:
      entity_picture: "{{ states('sensor.lost_sector_reward') }}"

Doesn't appear to support template elements tho.

#

I guess my issue is a two parter, remote image on frontend + support templating as its subject to change

earnest sun
#

Sorry if this has been asked before but I cannot for the life of me figure out what is happening. I have a UI Lovelace Minimalist YAML dashboard for mobile that I have made. I have it set as default on every device. Every now and then on my iPhone (and other iOS devices) I will open the app and it will default to the generic Overview dashboard and change that back to be the default. Why is this happening and how can I prevent it?

polar radish
hallow thorn
#

Hi all, was hoping for some helping lifting a bit of data from a a local webpage to get oil level in my tank. Really struggling, the garage has a login screen, then need to navigate to a certain page. To get the reading

shut robin
#

hey guys, does anyone know of a nice looking input helper (number or text) that i could use that fits in with mushroom theme? i want an input number/text that sits on my dashboard that fits the mushroom design

drowsy igloo
#

hi! need some help with apexcharts 🙂 I want to show a 24-hour graph with sensor's hourle averages from one month. I mean, first point on the graph should be an average of first hour of every day in the range. Is this doable?

hard blaze
#

Anyone know how to get the background color removed from the vacuum map ?

Screenshot_20230519-140808.png
tender bronze
#

What card would you recommend for a at-glance monitoring of nas drive stats like how full they are, health and the general temperature and status of my nas? I got the entities from the synology integration

hard blaze
tender bronze
hard blaze
tender bronze
#

Ok I've derped out. I just saw that it mentioned the apexchart card, and just installed that :D

jaunty fog
#

Is it possible to include other YAML files with substitutions? I have a very common auto-entities setup where I just get all the lights from a specific area. Ideally I'd love to do something like !include my_file.yaml Bedroom or something like that and then the include will do something vaguely C pre-processor like or so

drowsy void
#

How can I put in a very thin status bar?
For example showing battery state.

dark dirge
jaunty fog
dark dirge
#

Look at YAML anchors. That's the best you'll get

jaunty fog
#

I guess the idea here would be to factor out the common configuration stuff, but leave the parts that need customization?

dark dirge
#

Yes

jaunty fog
#

Gotcha

#

I'll give this a shot, thanks

dark dirge
#

What I really wanted were the config templates offered by custom button card, which are basically anchors + parameterization

jaunty fog
#

That'd be fantastic. Although I'd probably spend the majority of my time just refactoring everything instead of improving the dashboard lol

tawny marsh
#

anyone know how i could go about making it so that if either of these 3 are on, you arent able to turn on the other ones?
was trying to use automation but wasnt working so just wondering if theres a way to do it without those

image.png
dark dirge
#

I don't think there's any official 'radio button' functionality, but you can approximate it with a dropdown/input_select and an automation to turn on the selected zone

vast crane
#

What if turning on one, automatically turns the others off? It's hard to prevent them from turning on if you're giving raw access to the switch from the frontend.

vital bramble
#

anyone know how to turn the bulb from black to yellow when the light is on?

the code I am using:

          icon_hue: &icon_hue >
            [[[ const state = entity.state === 'on' ? 'animate' : null;
            return `<svg viewBox="0 0 50 50"><style>@keyframes animate{0%{transform: scale(0.85);}20%{transform: scale(1.1);}40%{transform: scale(0.95);}60%{transform: scale(1.03);}80%{transform: scale(0.97);}100%{transform: scale(1);}}.animate{animation: animate 0.8s; transform-origin: center;}</style>
            <path fill="#9da0a2" d="M27.4 47.3h-4.9s-.7.1-.7.8.4.9.7.9h4.9c.3 0 .7-.1.7-.9s-.7-.8-.7-.8zm3.3-2.9H19.3s-.8 0-.8.8.6.9.8.9h11.5c.2 0 .8-.1.8-.9-.1-.8-.9-.8-.9-.8zm0-3H19.3s-.8 0-.8.8.6.9.8.9h11.5c.2 0 .8-.1.8-.9-.1-.8-.9-.8-.9-.8zm0-2.9H19.3s-.8 0-.8.8.6.9.8.9h11.5c.2 0 .8-.1.8-.9s-.9-.8-.9-.8zm5.2-23.2c-3.3-5.3-7-5.6-10.9-5.6-3.8 0-8.4.4-10.9 5.6-.1.1-.1.3.1.7.4.8 3.3 7.2 3.2 18.8 0 1.1-.1 1.6 0 1.7 0 .1 0 .7 1.1.7h13c1 0 1-.5 1.1-.7v-1.7c-.1-11.6 2.8-18 3.2-18.8.1-.4.1-.5.1-.7"/>
            <path class="${state}" fill="var(--button-card-light-color-no-temperature)" d="M14.1 15.3c3.4-.3 7-.4 10.9-.4 3.8 0 7.5.2 10.9.4.4-.4.7-.8.9-1.1C39 8.5 38.9 6.5 38.9 6c-.2-4.4-8.4-5-12.1-5h0-3.4c-3.7 0-12 .5-12.1 5 0 .5-.1 2.5 2.1 8.2 0 .3.3.8.7 1.1z"/></svg>`; ]]]
Skrmbillede_2023-05-19_kl._21.45.43.jpg
agile quiver
severe flare
#
  • Circle graphic for light dimmer * Noob here, moving over from Homeseer...tired of it corrupting my DB. I have spent time looking but am unable to find out how to get the "circle" for my light dimmers like I show here. All of my dimmers show up as the slider I show, but that only shows after I click on the light dimmer original graphic. Thanks in advance
image.png image.png
vast crane
#

the left image is the "Light" card, which you would add to one of your frontend dashboards

#

the right image is "More Info", which is what pops up when you select a light entity.

cosmic remnant
shut robin
#

hey guys, does anyone know of a way for users to input text/numbers from the dashboard that fits in with a mushroom theme?

jaunty pivot
#

Hello, I'm creating a dashboard for my NSPanelPro. I'd like to know if it's possible to remove the 3 vertical dots upper right and replace them with a digital clock ?

severe flare
thorn granite
vital bramble
#

having a hard time creating a lights popup card.. what I am trying to do is have a double tap popup showing different lights controls... tried simple light card and mushroom card, but cannot seem to get it working... only popup working thus far is the HA light card with one single lamp... any ideas?

#

btw I am using button card templates in a pictures element type yaml

austere geode
#

I have a Markup tekst boks but would like to add a “last triggered or changed” how do I do that

austere geode
#

Tried this with no luck

#

type: markdown content: >- Der er post {{ as_timestamp(binary_sensor.lumi_lumi_vibration_aq1_vibration.last_changed) | timestamp_custom(' %H:%M',true | int)}}

vast crane
austere geode
tawny marsh
#

maybe should i add conditions that says that garden/front door need to be on?

#

will try this

image.png
#

nothing - if i turn on front lawn, then turn on garden, they will both turn off instead of garden going on and front lawn turning off

vast crane
#

you should not need to condition the actions with checking if they are already on

devout coral
#

Hello, is there any way to insert a simple text in the dashboard? I created a Vertical stack where I put a clock 🕰️ and the city name (I use a text input), I want to insert the name of the city over the clock but I can’t find the way to insert a simple text.

#

Text input is not correct because user can tap it and modify..

#

I’m do it wrong? How to simple write some text in the dashboard?

tribal galleon
#

The vertical-stack card can use a title: key.

dark dirge
#

Or a markdown card

tribal galleon
#

You can also use a markdown card (shown here in a vertical stack with a title). ```yaml
type: vertical-stack
title: Markdown with formatted date/time
cards:

  • type: markdown
    content: '{{ now().strftime("%m/%d/%Y, %H:%M") }}'```
image.png
devout coral
#

Oh fantastic It works thanks a lot

devout coral
shut robin
#

Hey guys, does anyone know of any input number/text helpers that fit in with mushroom theme that can be used directly from the dashboard?

raw stream
#

Is it somehow possible to hide views depending on the state of an input Boolean? I have a heating view and an AC view and would like only one to be visible at a time.

tribal galleon
raw stream
#

You mean put inside the conditional card the whole view as a stack?

tribal galleon
#

I misread your question. I was thinking you had a heating card and an AC card. Completely missed the views part.

#

I (generally) don't see the header on my tablets but I have "hidden" navigation capabilities.

atomic glacier
#

@raw stream you can use an entire page and control it via input_boolean by using https://github.com/thomasloven/lovelace-state-switch and even a combination with layout_card. My setup uses pages instead of changing views. Easier to automate changes when needed for events, especially when using video backgrounds so the view doesn't have to load on every view change. Faster IMO for the frontend
no navigation example here #frontend-archived message

thorn granite
vagrant vale
#

Hi everybody.. I've configured a local 'media' folder and play files through the "media" panel. I can play files but the player hasn't the ability to seek forward or rewind using the progress bar. Am I doing something wrong?

golden mistBOT
#

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

📎 message.txt
upper heath
#

heyy
how can i display a time value formatted? not 2023-05-21T18:23:04+00:00

upbeat geyser
#

Where do you want to display it?

split granite
#

As mentioned before, what card?

upper heath
#

I try to send it to the right channel but m seemingly always wrong, I'm really sorry

upbeat geyser
#

So what type of card on your dashboard do you want to display it on?

hard monolith
#

Hi everyone, is it possible to use the dark theme on the chromecast dashboard?

upper heath
upbeat geyser
split granite
#

It sounds like you need a template sensor to create a new entity with the new format

upbeat geyser
#

That link should help you indeed Scarriffle

split granite
#

You can also test templates out in ...

golden mistBOT
upbeat geyser
#

Can I do a simple calculation in a card? In my apexchart mentioned above (I've managed to partially solve it), I have a set of items, and I want to know the average of all the items, and put it in a variable. Any tips on how to do that?

tribal galleon
tribal galleon
upbeat geyser
past spindle
#

Is there a way I can merge the ‘shut off lights automatically’ and ‘when the time is’ cards together, but conditionally show the ‘when the time is’ section? I have a conditional to show that card now, but I’d like to have just one card like the one above it

image0.jpg
#

Basically match the layout of the card above but conditionally show the second half. I’m thinking that may not work though since there’s a time picker

tribal galleon
past spindle
#

I’ll take a look - that current approach is a vstack with a entity and a conditional card holding the entity

tribal galleon
#

Basically the same concept. The Stack In Card says it allows to group multiple cards into one card without the borders. By default, it will stack everything vertically.

past spindle
#

Sounds like exactly what I need 👍 I’ll test in a few and let you know. Ty

tribal galleon
# past spindle Sounds like exactly what I need 👍 I’ll test in a few and let you know. Ty

Tim0 suggested an entities card with a conditional. This works: ```yaml
type: entities
entities:

  • entity: input_boolean.tester
  • type: conditional
    conditions:
    • entity: input_boolean.tester
      state: 'on'
      row:
      entity: input_datetime.automation_nighttime_motion_detection_end```
      UPDATE: If you want a second entity to be shown (such as start & stop times), you can copy the conditional section and define the second entity.
image.png
past spindle
#

Oh sweet

vast crane
#

Oh yeah I did suggest that briefly, but I then subsequently deleted it since I misread the documentation since I got confused and thought it wouldn't work. Thanks for pointing that out 😅

tribal galleon
#

Tim0 I didn't think it would work either. But I went looking and found some examples. Took a minutes to get the conditions to work. Kept saying it needed to be an array. Copied another example (even though it looked identical) and it started working.

past spindle
#

Looks great - thanks guys! @vast crane @tribal galleon

image0.jpg
tribal galleon
#

Was playing with the stack-in-card and it actually wasn't producing the results that I was thinking it would (although I think the issue is with my theme settings somewhere). The entities card looks a bit better with the conditional applied.

hoary cedar
#

Hey guys, trying to get a custom badge image for my person entity. Not sure what I'm doing wrong here?

My customize.yaml

person.rich:
  entity_picture: /config/www/person_rich.png
person.kim:
  entity_picture: /config/www/person_kim.jpeg
image.png
plucky ermine
#

Hello I've been using the manual alarm panel for a while and it works just fine. (platform: manual). But, I'd now like to publish the sate of the alarm to mqtt so that I can use it in a second HA instance. I've changed the panel to platform: manual_mqtt, but, now I can't change the status of the alarm in the UI/Lovelace. Anyone know if this is possible? Or know perhaps another place to ask?

shy ledge
#

Guys it will be so ez for you i am sure but i spend more than 1h to figure it out, help me please 🙂

#

cards:

  • type: custom:mushroom-template-card
    primary: Bedroom
    secondary: |-
    {{ states('sensor.temp_humidity_bedroom_temperature') }} °C {{
    states('sensor.temp_humidity_bedroom_humidity')
#

how to add more "spaces" between °C and humidity reading?

#

making it this way:

#

cards:

  • type: custom:mushroom-template-card
    primary: Bedroom
    secondary: |-
    {{ states('sensor.temp_humidity_bedroom_temperature') }} °C {{ states('sensor.temp_humidity_bedroom_humidity')
#

didnt do anything

dark dirge
#

I would do this:

    secondary: |-
      {{ states('sensor.temp_humidity_bedroom_temperature') ~ ' °C` ~ states('sensor.temp_humidity_bedroom_humidity') }}
shy ledge
tribal galleon
#

If you don't want decimals, you can pipe it as an integer. yaml type: custom:mushroom-template-card primary: Bedroom multiline_secondary: true secondary: |- {{ states('sensor.bedroom_temperature')|int }}°F {{states('sensor.bedroom_humidity')|int }}%

image.png
proven pecan
#

Hey folks!

Has it been flagged before that the light round slider button is really hard to use on mobile unless you make the button massive because it tries to drag the screen instead?

Screenshot_2023-05-21_at_22.00.52.png
dawn moon
#

Did you ever happen to figure this out? As of lately I've started encountering this with the Z-Wave integration daily. Everything is working fine for hours, then randomly stops and the integration has a yellow outline.

honest moon
#

It’s BS

past spindle
quick marsh
#

Hey i wanted to ask if it was possible to set the light control ui element back to the old style. It got changed to this when I updated a few days ago

image.png
#

it used to have the color picker and effects shown on the same screen without any submenus

#

I'm not terribly familiar with HA yet so I dont even know what to really search for on google

half ember
#

i want to make it so that there is no buffer between certain cards and the sides of the ui for a clean overflow effect. is there a way to do this with themes or with card-mod?

image.png
#

this will be a better image to portray what i want to do
for the thermostat card i want no seam between it and the side of the browser window.

image.png
atomic glacier
half ember
atomic glacier
#

Ahh...probably padding or margin. Easy fix would be to change the background color to the card-background color then margins or padding wouldn't matter they would just disappear 🤔

vivid trout
fair pulsar
#

Hello, I use card-mod for my lovelace and it work great, I wanted to make another dashboard for my shopping list only but it doesn't work, or almost don't, it work fine in the editor, but in live view it work only from time to time and stop working if I refresh

#

If I save again it work live, but again If I refresh it stop working

#

already tried to restart HA and empty my cache

# 
card_mod:
  style: |
    ha-card {
    background: rgba(50,41,26, 255);
    border-radius: 0px;
    }
#

If I refresh it work every 3-5 times

#

for this view only, it work every time on my default view

plain mural
#

If i fiddle with the settings who is allowed to view the page. Every thing works for a short while

sturdy bough
#

i just noticed that the map shows the last time the zone changed instead of the last update event, for every device tracker
It's a nonsense
is there a way to change that?

vast crane
#

What part of the map do you mean?

sturdy bough
#

either. I fyou click on a tracked element, you will se the time of the last zone change

image.png
#

it would be far more useful to see last update

lyric prairie
#

It follows the device tracker state which state is zone based and not lon/lat based

sturdy bough
#

i meant the last update, from the android companion. It can be seen, on a browser, hovering mouse over the "3 hours ago"

the last update is way more meaningful than last zone change.

Is there a way to show that, instead of last zone change? or show always both ?

image.png
vast crane
#

ok yeah that's the "more info" screen

#

I think i saw a feature request somewhere with that same request, let me see if I can find it

#

To answer your direct question, no there's no option or configuration to change what is shown there.
As to if there should be, that would probably need to be a feature request.

#

On my install I just made an entities card right below the map with last updated time for the various persons.

fallen sand
#

I have a MySensors device. It sends battery voltage, humidity and temperature to HA. The temperature data is not changing, but the humidity and battery voltage are. I have 3 other identical devices and they do not have the problem. The data is arriving because I can see it change in Studio Code Server.

#

Home Assistant 2023.5.2
Supervisor 2023.04.1
Operating System 10.1
Frontend 20230503.3 - latest

#

the voltage data does not get to the HA database config/home-assistant_v2.db and it does not appear in the card on the Dashboard and it does not appear on the device (Settings–>Devices & Services–>n_devices (mqtt MySensors)–>sensorName 130

kindred dirge
#

Does anyone have an idea for a grid-like view of 6 different values with a title above them?
Want to display power usage and costs for "Today", "Yesterday" and total but my current way of just displaying each in a single row takes up 2 phone screens basically...

#

Thought about it like this but that doesn't really look neat enough tbh and the values on the right are not centered to each other depending on the values they have

IMG_1994.png
vast crane
karmic tendon
hexed herald
#

(perhaps a)silly question: building the latest frontend - 20230503.3 - only english translations built, how to build them all ?

raw stream
kindred dirge
tacit cave
kindred dirge
#

I didn't even know that works mindblown

tacit cave
#

You can create HTML directly in markdown cards

#

or you can make a markdown table

#

very simple

#

if you go the HTML route, you can have the table expand the whole card with styling, but it requires a bit of HTML hand holding

#

the markdown route will make the table but it won't span the whole card

#

Also, you can create your own grids on a custom button card too

#

so you ahve alot of options

vapid field
#

Hello, does anyone know how to use a grid card inside of a grid card in javascript? Here's my grid card code:

const gridCard = {
type: "grid",
columns: 1,
cards: horizontalareaCards
};

Instead of horizontalareaCards I wanted to insert another grid card with 3 columns where I would then put the horizontalareaCards

golden mistBOT
#

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

📎 message.txt
fresh flame
#

Hi, 👋
i'm kinda new to HA and was wondering if it was possible to edit / add data in the calendar card like gas & power usage while an event was active? Made an little mockup. But not sure where to look/start to build it myself

image.png
unborn venture
#

How can I change the name of "not_home" and "home" to another language?

image.png
verbal flame
verbal flame
#

If youre using mushroom cards for that, just set your language as system language and it will get displayed like that

modest frost
#

Question regarding the logbook card, is there a way to use some thing like the name field to present a friendly name? I have my numerous contact sensors named contact ## but then that device is assigned to an area. If I create a logbook card that holds all of the sensors for exterior doors, it would be a lot nicer if the entries stated Front Door - was opened instead of Contact 03 - was opened. I would rather not rename my sensors to make this work.

#

Similar to how the entities card allows for:

  - entity: sensor.name
    name: Friendly name here```
unborn venture
lyric prairie
cedar breach
#

I have a sidebar.yaml file, which I'd like to include in my "regular" ui-lovelace.yaml, how to do? 😦

dark dirge
#

What is in it?

#

A set of cards?

unborn venture
lyric prairie
#

How does the code looks like by the label ?

tribal galleon
#

@unborn venture ui_lovelace_minimalist cards are based off of custom:button-cards; they make use of templates and other resources for the design. Generally, you should be able to take information for the button-cards and adapt it for minimalist.yaml type: custom:button-card entity: person.derek name: >- [[[ if (entity.state === "home") return "At the house"; else return "Not at the house" ]]]

image.png
lyric prairie
golden mistBOT
#

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

📎 message.txt
unborn venture
unborn venture
grim grotto
unborn venture
tame meteor
#

Hello everyone. I'm trying to get custom-button installed, but I can't get it to work. I installed via HACS and can see the resource has been added, but I still get the "Custom element doesn't exist: custom-button" error. I've tried restarting HA, refreshing the browser, and clearing browser cache.

tame meteor
#

got it working!

shut robin
#

hey guys, does anyone know of an input field that can sit on a dashboard and accept numbers and look good (rather than the default input number needing to go to more info to change the value for it?)

sullen abyss
#

Hi Guys, i'm using minimalist as my HA dashboard and since the upgrade of Passive BLE monitor it is not handling the rounding anymore. I want my temperature sensors rounded to 1 decimal. How can I do this in the custom-button-card without creating an new template for the sensor.

- type: horizontal-stack cards: - type: "custom:button-card" template: - card_esh_room - yellow_on name: Zolder entity: light.zolder_dimmer_1_s1 icon: mdi:ceiling-light tap_action: action: navigate navigation_path: "zolder" label: '[[[ return states["sensor.zolder_xmwsdj04mmc_temperatuur"].state + "°C" ]]]'

tribal galleon
#

@sullen abyss '[[[ return parseFloat(states["sensor.zolder_xmwsdj04mmc_temperatuur"].state).toFixed(1) + "°C" ]]]'

# 
type: custom:button-card
entity: sensor.bedroom_temperature
name: '[[[ return parseFloat(states["sensor.bedroom_temperature"].state).toFixed(1) + "°F" ]]]'```
image.png
sullen abyss
#

@tribal galleon I'm getting the error:

Unexpected identifier 'toFixed' in 'return parseFloat(states["sensor.zolder_xmwsdj04mmc_temperatuur"].state)toFixed(1) + "°C"'

tribal galleon
#

forgot the period before .toFixed(1)

#

technically, you can also use [[[ return parseFloat(entity.state).toFixed(1) + "°C" ]]] if the entity was already defined in the card.

sullen abyss
#

@tribal galleon Thanks! It's working. I use another entity in the card itself to switch the main light in the room so I need to specify the temp sensor.

vast crane
shut robin
limpid dune
#

Hi guys,

Maybe a stupid question but i want to have different design/functions on my computer and on our iPhones.

Now i have a admin user (owner that i log in on my computer and can to stuff and change all settings that i don't want my girlfriend to do by misstake.

Then i have only one control panel and the only icon/button that is visible for all users is home with the alarm control and shopping list.

Then i have like two camera icons, one with full screen mode and the hi res stream that only is visible for me as Admin/owner on my computer. The other camera icon is only visible for me and my girlfriends iPhones user accounts and there i have low res stream.

I think you get what i mean but my question is: can i solve this in a better way?

Have a nice day

vast crane
#

You can make multiple dashboards, and change which dashboard is the default shown for each client. Note this is purely for convenience, and shouldn't be assumed to be "secure". Any user in home assistant can still see all the entities and toggle all the things, if they dig enough.

limpid dune
#

thank you @vast crane ,

its not really an security issue but lets say i want my girlfriend to see cam1 and cam2 and i only want to see cam 3 and cam 4

with my solution i'll have to create three different "camera pages". Is there a way to set visibility on each item/card on a menu's page?

More realistic example. We both want the alarm card on the Home page but only she want the shopping list and i want something else there.

vast crane
#

I think there are maybe some custom cards you could install that change visibility per user, but I don't believe that's part of the default package.

limpid dune
#

Ok, thanx.
As a newbie i want to stick to as much as default stuff as i can 😁

vast crane
#

I would just create two dashboards

#

unless that's too much duplicative work

dark dirge
#

yes

golden mistBOT
#

To format your text as code, enter three backticks on the first line, press Shift+Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks.
```yaml
example: here
```
Don't forget you can edit your post rather than repeatedly posting the same thing.

dark dirge
limpid dune
#

well, thats me, a complete newbie. i will remove it. Sorry

dusky jackal
#

Is there a way to control the full height of a dashboard so it doesn't extend lower than the browser window? This dashboard only used on my desktop.

lapis linden
#

i'm looking for simple, short code for change element color in Floorplan if state is on or off

tame meteor
#

I keep having trouble adding custom cards from HACS. I follow the installation steps as outlined. Install via HACS, verify the resource shows in the Settings/Dashboards, but the card doesn't show up in the list. I've refreshed the browser, restarted HA, cleared cache, tried Firefox and Chrome. Never shows. Any other options?

dark dirge
#

What path did you use for the resource?

tame meteor
#

/hacsfiles/text-divider-row/text-divider-row.js?hacstag=179788256141

#

this is what HACS created when installed

unborn venture
#

Hi! Can someone say me how can I with minimalist make the subview to false?
I've tried some things but didn't worked...
Someone has an idea?

river basin
# 
Hi, I am new to HA and would like some help with the following card config. Error reports bad indentation of a mapping entry (5:3). Thanks in advance.

type: button
name: Net Power Consumption
styles:
  icon: mdi:transmission-tower
  - color: |
      [[[
        if ('sensor.grid_import_power' > 0) return 'red';
        if ('sensor.grid_import_power' == 0) return 'green';
      ]]]  
tap_action:
  action: none
hollow sand
#

hi, I'm asking to see if this is a known issue: the automation frontend gets refreshed everytime a trigger is actioned, this holds true for firefox and the android companion app as well

#

for instance, in the companion app if you have an automation with a /1s trigger and you go into the overall automation screen (not the indiviudal entry) and click the hamburger menu for one of your automations, it cancels the menu each time a triggering happens

#

on firefox, I am scrolling down within the automations screen and every time that trigger happens it takes my scrolling just a bit upwards to where I was a seocond ago before the trigger

tribal galleon
# 
type: button
entity: light.hallway
tap_action:
  action: toggle
card_mod:
  style: |-
    :host {
      {% if is_state('light.hallway', 'off') %}
        --card-mod-icon: mdi:light-switch-off;
        --card-mod-icon-color: red;
      {% else %}
        --card-mod-icon: mdi:light-switch;
        --card-mod-icon-color: yellow;
      {% endif %}
    }```
image.png
unborn venture
cinder mango
#

I do wonder about translation for the Settings/System/Network and then "Network Adapter" part?
"Configure which network adapters integrations will use. Currently this setting only affects multicast traffic. A restart is required for these settings to apply"
Where can I find that? Tried to search for it in Lokalise...but no success yet 🤔 Would like to translate that part. Perhaps it's not possible?

upbeat geyser
#

How do I put an icon in the sidebar for a specific part of HA? I would for example like a button to the logs

upbeat geyser
#

Is it just via config file, or are there "toggles" for general internal links?

south wolf
#

I'm hoping someone can help me. I am trying to pin a header to the top of my dashboard that when I scroll, the card at the top stays and cards below should scroll behind it. Anyone know of a way to accomplish this?

wide niche
#

Does somebody know why this is not working?

type: custom:button-card
entity: media_player.denon_avc_x3800h
icon: mdi:audio-video
show_name: false
state:
  - value: 'off'
    icon: mdi:audio-video-off
tap_action:
  action: call_service
  service: media_player.toggle
  service_data:
    entity_id: media_player.denon_avc_x3800h
#

it doesn't toggle the avr 😦

dark dirge
#

Can't you just use action: toggle?

#

As always, review the logs

wide niche
#

action: toggle doesn't work..

#

never mind.. it's

tap_action:
  action: toggle
#

got confused since the readme said it's default

tribal galleon
wide niche
#

nope, then it opens the info thingy

tribal galleon
#

interesting. maybe it has something to do with the media_player entity.

south wolf
#

Anyone have any suggestion for pinning a card to the top of the page?

upbeat geyser
#

Do I need Custom Panel if I want a direct link to my log in the sidebar?

nova bloom
#

what is better for a wallmounted android tablet: HA companion app, wallpanel, or fully kiosk browser?

verbal flame
verbal flame
nova bloom
verbal flame
#

custom layout cards lets you even edit the width of the columns if you need that

nova bloom
#

my goal was to have 3 columns. would using a grid reduce the overall width

south wolf
verbal flame
#

Thats „header cards“ and then im using custom mushroom chips card

verbal flame
nova bloom
#

excellent! will try that now

verbal flame
#

If you even want different columns, you can use the custom layout card, than you can create grids like 10-30-60 or whatever you need

fiery ledge
#

You can check my Gists or lookup the link via the community post. Or see the issue on Thomas repo for the sidebar mods

south wolf
blazing galleon
#

Any way to disable the temperature display? Reason 1: it's ofcenter reason 2: it doesn't update fast

Screenshot_20230525_235659_Home_Assistant.jpg
lyric prairie
#

Hard to know by only able to guess what card it is and how it is configured from only this image

karmic tendon
#

Hi all, after no luck on the forum... does anyone know how to horizontally scroll a card? I have a meteo card which I can set to (say) 24 hours wide, which looks great in panel view. Now I want to have it in a normal view and scroll to the right. So in essence my question is :can a card be 'bigger' than its column and scrolled, e.g. by adding it to a hor/ver stack?

verbal flame
verbal flame
faint vortex
#

Is there any way to rearrange cards on a page with more control?

I'm trying to put two cards in the middle on top of each other, but whenever I click the up/down arrows they skip that middle column

Should I exclusively use grid cards for things like this?

karmic tendon
faint vortex
#

Thanks for the tip!

wooden stream
#

Dumb question but you certainly know a good alternative

#

What's the best option / card to add my camera streams into my UI?

vapid field
#

adjust the offset

#

but be carefull when you do that with tuya hardware. Tuya is a reall mess when it comes to local adjustments, and is more cloud based than local based. I find it illegal that they never got a fine for the amount of data collection they do

simple rock
#

Hi,
Is there a thermostat card with fan and swing mode available on the card itself so it's accessible without clicking the more options button?
I'm using the latest HA version and lovelace. Thank you.

swift eagle
#

Need some help with custom:stack-in-card. Getting unexpected results.

golden mistBOT
#

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

📎 message.txt
swift eagle
#

This is the result. I am trying to group everything into a single card without space in between but it is resulting in 2 rows.

image.png
tribal galleon
#

@swift eagle Try ```yaml
type: custom:stack-in-card
mode: vertical
cards:

  • type: horizontal-stack
    cards:
    • show_name: true
      show_icon: true
      [...shortened...]```And then the same for the second horizontal stack-in-card.
image.png
swift eagle
#

@tribal galleon thanks. Look like your post was truncated. Could you resend?

tribal galleon
#

I didn't send the whole yaml. only the top couple of lines. Changed your lines 5 & 33 from - type: custom:stack-in-card to - type: horizontal-stack.

swift eagle
#

That did it. Didn't think to just use a regular stack card

#

Again, much appreciated

sullen plank
#

Can you get this yourself on a page or is it only visible in the Energy tab?

image.png
tribal galleon
#

@swift eagle Added this to each of the button cards to remove the borders: yaml card_mod: style: | ha-card { border: none; }Requires lovelace-card-mod (https://github.com/thomasloven/lovelace-card-mod).
UPDATE: Since custom:button-cards were used, this works too: yaml styles: card: - border: none

image.png
swift eagle
#

@tribal galleon Awesome! Looks great!

vast crane
nova bloom
#

using fully kisok browser, is there a way to get notifications to popup? in the HA settings for the user in fully kisok browser, the option for push notifications if greyed out and says requires SSL eneabled.

pallid zephyr
#

When I look at the Overview dashboard that was default in HA, I see "lovelace/0" in the URL. When I go to Settings/Dashboard and create a new one, it doesn't have "lovelace" in the URL. So ... I'm not using lovelace?

#

Maybe I should rewind a step. I followed some instructions to add this frigate-hass-card and restarted, but when I edit a dashboard I don't see any way to add this card. That sent me off to try to figure out why.

simple rock
#

Hi,
Is there another thermostat card that lays out the options in the more options menu (3 dots or hamburger menu) on the card itself so that I don't have to click the more options menu to access them? Or is there a way that I can add them separately?

tribal galleon
simple rock
#

@tribal galleon Thank you.

dapper grotto
#

Hi all

#

I have a picture-elements card

#

where I have some elements (IP webcam, switches, lights etc...)

#

and as background I have the floorplan map of my house

#

Is there a way to avoid the background image to be reloaded

#

each time the page refresh?

small osprey
errant sonnet
#

Hey,
I have a picture elements card and I was wondering, if I could somehow check the color/transparency of a pixel, that got clicked and then do actions accordingly. In my example I want an action but only if the pixel clicked is non-transparent

tribal galleon
# small osprey In lieu of using care_mod to remove the border, is using glance card an alternat...

I think it depends on what you're trying to achieve with the card. While the vertical-in-stack and glance cards will basically look the same, the glances card is more intended just to show the state of a couple of entities while, in the example above, chrismo16 used custom:button-cards which can do just about anything you want to design. The card_mod is used because, IMO, the vertical-in-stack has not been updated in three years and some card design elements have changed over that time.

small osprey
#

i'm trying to remove all those borders

#

i'm wondering if i should just use card_mod to remove the boarders

#

or there is another method

#

each HDD icon will flash when there is IO activity. it will switch from gray color to green

small osprey
tribal galleon
#

I'd say give the vertical-in-stack card a try. It might remove the border like the card is intended to. It just depends on how it reacts.

#

What card are you using in the screenshot above?

small osprey
#

custom button-card

golden mistBOT
#

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

📎 message.txt
small osprey
#

how do I paste codes properly here?

tribal galleon
#

use three backwards tick marks ` <code> then three more backwards tick marks. But you're limited to 15 lines.

small osprey
#

ok

#
  • type: custom:button-card
    entity: sensor.netdata_sdm_busy_activity
    icon: mdi:harddisk
    name: SDM
    aspect_ratio: 1/1
    styles:
    icon:
    - color: gray
    - width: 60%
    card:
    - font-size: 12px
    state:
    • operator: template
      value: |
      [[[ return entity.state > 0 ]]]
# 
    styles:
      icon:
        - color: green
        - animation: blink 1s ease infinite
tribal galleon
#

Since you're already using the custom:button-card, I would say go with the card_mod route to remove the border.

small osprey
#

okie dokie.

#

i will do that.

golden mistBOT
#

To format your text as code, enter three backticks on the first line, press Shift+Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks.
```yaml
example: here
```
Don't forget you can edit your post rather than repeatedly posting the same thing.

small osprey
#

i'm new to all these. i spent hours searching on home assistant forum to put these custom cards together

tribal galleon
small osprey
#

i still want to make more modifications on those six hdd icons

#

but one mod at a time

tribal galleon
#

Here, four lines of code is used instead of ~40 lines and I have seven sensors shown.```yaml

  • type: custom:button-card
    template: motion_detector_animated
    entity: binary_sensor.living_room_motion_detector_on_off
    name: Living Room
image.png
small osprey
#

ohh nice.....look a lot cleaners with just 4 lines

tribal galleon
#

yup. and like I mentioned, one spot to make changes to the template that will update the cards that use it

faint rampart
#

best way to cast a dashboard to a google hub screen 24/7 but still show time when on screensaver mode on the hub

small osprey
#

i remove the border...but i can still see the grid

#

the card color doesn't blend into the background

#

guess i have to change background color?

tribal galleon
# 
    styles:
      card:
        - background-color: transparent
        - '--ha-card-box-shadow': none```
small osprey
tribal galleon
#

IIRC, it might be the shadow element that goes along with a border.

small osprey
#

styles:
icon:
- color: gray
- width: 60%
card:
- font-size: 12px
- background-color: transparent
- '--ha-card-box-shadow': none
- border: none

tribal galleon
#

I forgot. This might work instead of the card_mod... yaml styles: card: - background-color: transparent - border: none

#

I see you noticed it too. 😄

small osprey
#

right. i don't need the '--ha-card-box-shadow': none

#

thanks a lot!

#

it works nicely now

#

one more question. it's another card. hold on

#

I researched for like a couple days trying to see how I can put 33c onto the same line as others

#

just couldn't figure it out. let me paste the codes,

#

i'm using apexcharts for this one

#

adjusting the font size doesn't adjust the spacing

tribal galleon
#

consider a grid card or custom layout card where you can set the number of columns.

small osprey
#

here are the codes under apexcharts

#

on desktop, the card display fine. it's just on my cellphone where 33c expand to a second line

tribal galleon
# 
      - type: grid
        columns: 4
        square: false
        cards:
          - type: custom:button-card
            template: generic_custom_button
            entity: light.bedroom1
            name: Nightstand
            icon: mdi:lamp```
image.png
#

Changing to 5 columns

image.png
small osprey
#

ok thanks. will have a look

tribal galleon
#

wait, that might not work. didn't realize the temps were coming from the series data in the apexcharts card. I imagine there has to be some way to define something similar.

small osprey
#

yup, that's right. it's from a series data

small osprey
tribal galleon
#

If there isn't a specific setting that allows you to easily change the series data displayed, you could always create your own card. From UI Lovelace Minimalist, an apexchart card was designed "inside" a custom:button-card. By the layout was defined with three entities displayed. https://ui-lovelace-minimalist.github.io/UI/usage/custom_cards/custom_card_apexcharts/
Might be bunch of work but at the least the cards would show up how you want it.

small osprey
#

thanks again.

#

oh i actually have UI Lovelace Minimalist card installed, just haven't explored it yet.

tribal galleon
#

@small osprey We talked earlier about box-shadow. Forgot that I use it on my brightness selector buttons. When the light is at the specified percentage, it "lights up".yaml styles: card: - box-shadow: inset 0px 0px 5px 1px yellow - border: 1px solid yellowRemoving inset allows the shadow to go outwards.

image.png
tribal galleon
# south wolf I'm hoping someone can help me. I am trying to pin a header to the top of my das...

A couple of days ago you had asked about pinning a card to the top of the screen that won't move when scrolling. Perhaps this can get you started. yaml type: markdown content: '{{ now().strftime("%m/%d/%Y, %H:%M") }}' card_mod: style: | ha-card { background: red; } :host { position: fixed; top: 0px; left: 75%; z-index: 99; }Using card_mod, the red markdown card shown in the screenshot is "pinned" on top of the header (top:), will not move upon scrolling (position:), and other cards move underneath it ('z-index:).

image.png
mortal zealot
#

I feel like I'm missing something fundamental but once you install a them from HACS. How to I enable the theme?

dark dirge
#

From your profile:

image0.jpg
mortal zealot
#

I found it right when you sent that msg. Thanks so much. I knew I was missing something simple.

small osprey
#

Need some help. I intentionally display the border to show you guys. Is there a way to make a card narrower?

#

i feel that there are too much unused space between the cards

#

styles:
card:
- background-color: transparent
icon:
- color: gray
- width: 50%
name:
- font-size: 10px
- height: 30px
img_cell:
- height: 60px
- background-color: transparent
- margin: '-10px 0 -13px'

#

custom_fields:
io_activity:
- position: absolute
- left: 70%
- top: 5%
- height: 20px
- width: 7px

#

i feel that my codes must be un-optimized / not streamlined. I wanted to get things to work first and then re-visit the codes to streamline things

#

i guess one way is to make my icons bigger...

#

yup, making the icons larger works. But not sure if this is the optimal way

steep drift
#

this is amazing

#

i got bummed out on HA coz notthing was going right so i packed it in for a hwile

#

im trying to get a more dynamic way of getting entities that have set attributes and then using them for my cards

#

so i dont have to list every device that has a battery for exa,ple

#

any ideas?

steep drift
#

figured it - auto entities 🙂

upbeat geyser
#

Do I need an add-on or something to add my own shortcuts in the sidebar?

dark dirge
upbeat geyser
#

Thanks, that should work. And that's not a file that will be overwritten at any point during a HA or HAOS update?

dark dirge
#

No. It's a resource + some configuration in configuration.yaml

#

It also depends on what you mean by 'shortcuts'. That will add sidebar items to redirect to other HA pages, panel_iframe can embed other sites into HA

vapid field
# 
type: iframe
url: https://www.youtube.com/embed/itdpuGHAcpg?autoplay=1&mute=1
aspect_ratio: 50%

Does anyone know how to get the autoplay working? I still have to press play to start it.

#

It's for a magic mirror.

golden mistBOT
#

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

📎 message.txt
tranquil tiger
#

Hi all, trying to change the text to red based on the humidity value. I'm not very proficient in Yaml yet can someone review and let me know why the text isn't changing to red ( at all)

card_mod:
style: |-
${ if ( sensor.temp_sensor2_humidity_2 =>'65') {
'ha-card {color: red;}'
} else {
'ha-card {color: red;}'
}}

golden mistBOT
#

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

📎 message.txt
steep drift
#

@tranquil tiger

upbeat geyser
#

Anyone know if I can get a vertical line on a grafana bar graph to indicate a certain time of day? For example if I have a graph that spans 48h and I want to show midnight?

random relic
#

Does anyone else notice scrollbars disappear from web ui after a while? A refresh of the browser/tab resolves it but...

open isle
#

Can somebody helps me out with CSS in custom cards?

#

I tried it via Webpack and DOM Style Element, but it's not recognised by Browser...

#

I see the Style Tag in the Head Section but its not recognised by the DOM Elements...

verbal flame
plain pike
#

webpage card

verbal flame
#

yes but then i only see the conplete page, i only want to see the map

plain pike
#

find the code for the map only then?

verbal flame
#

i tried, but the markers seem to he manually written into the html code, so if i copy it, its not always updated

plain pike
#

yeah, they are

#

['May 24, 2023 ', 37.82931081282506, -72.79541015625001],
['May 26, 2023 ', 37.91170058826019, -72.68554687500001],
['May 28, 2023 ', 38.04592811939912, -72.72399902343751],

#

it's also pulling from 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'

verbal flame
#

is there a way to scroll down the webpge card by default?

plain pike
#

i used the scroll wheel

#

I just added one of those to my dashboard to see what you'd see

verbal flame
#

of course, but the idea is to not scroll and just see the map

open isle
#

Can somebody helps me out with CSS in custom cards?
I tried it via Webpack and DOM Style Element, but it's not recognised by Browser...
I see the Style Tag in the Head Section but its not recognised by the DOM Elements...

autumn storm
#

One message removed from a suspended account.

tribal galleon
# autumn storm One message removed from a suspended account.

Have you tried using user defined settings just to ensure Kiosk Mode is working? yaml kiosk_mode: user_settings: - users: - derek ignore_entity_settings: true hide_sidebar: true hide_search: true hide_assistant: true - users: - tablet hide_header: true hide_sidebar: true hide_menubutton: true

cursive flax
#

kmc

small osprey
# 
[[[ if (states['sensor.netdata_sde_read_activity'].state &&
    states['sensor.netdata_sde_write_activity'].state> 0) return `<ha-icon
    icon="mdi:circle"    style="color: rgb(116,195,101); animation: blink 1s
    ease infinite"> </ha-icon>`
        return `<ha-icon icon="mdi:circle"
    style="color: gray;"> </ha-icon>`; ]]]
#

need some help. I'm trying to create a condition if either sde_read OR sde_write is greater than 0

#

what is the code for OR condition?

dark dirge
#

||

#

That's just JavaScript

small osprey
#

thanks. I have no IT background

#

just learning from scratch

# 
(states['sensor.netdata_sde_read_activity'].state > 0 ||
    states['sensor.netdata_sde_write_activity'].state > 0)
#

this seems to do what i'm looking for

delicate parcel
#

Hi! I have for example multiple windows in one room and want to show "open" if at least one is not closed. Is there a more elegant way then using templates? Thanks!

lyric prairie
delicate parcel
#

Exactly what I was looking for. Thanks!

fierce dagger
#

`template:

  • sensor:
    • name: "gas_zahlerstand_kWh"
      unit_of_measurement: "kWh"
      device_class: energy
      state_class: total_increasing
      state: >
      {% set kwh = states('input_number.gas_zahlerstand') | float %}
      {{ ((kwh) * 11.539) | round(1, default=0) }}`

I have this template sensor in HA. How can I add a friendly name to that?
Since I created it in the configuration.yaml I can't use the UI for that

tribal galleon
lyric prairie
tribal galleon
#

I can't remember. I used to have unique_ids set for my light groups (before light groups were a thing in HA). I forget why I had to do it back then. I have since migrated away from "light groups" and now just use light. defined through the UI. Though I still have the remainants left behind in a lights.yaml file. ```yaml

- platform: group

name: Living Room Lights

unique_id: 706c70ba-4a38-11ec-81d3-0242ac130003

entities:

- light.living_room1

- light.living_room2```

fierce dagger
tribal galleon
#

In theory, to answer your question, yes. I believe you can.

#

So, I just plugged in a unique_id and did a quick reload. Before:

image.png
#

After:

image.png
fierce dagger
#

Ty I got it. But you don't need generator for the UUID. You can write anything you want

tribal galleon
#

While that's true, a UUID ensures it a duplicate is not already defined. In fact, a v1 UUID uses the timestamp and the MAC address of the computer it was generated on. v4 is random with 5.3x10^36 possible combinations. (I was bored and reading Wikipedia about UUIDs... https://en.wikipedia.org/wiki/Universally_unique_identifier)

tacit cave
#

and typically, if the integration offers a uniuqe_id option, then you can put anything there. It does not have to be unique across your whole system just that integration.

mortal zealot
#

I have something strange happening with my desktop UI where the cards are appearing in the wrong position. However, if I go to mobile, they appear in the correct position. What could cause this?

vast crane
#

Define "wrong position". You're aware they dynamically rearrange based on viewport size?

mortal zealot
# vast crane Define "wrong position". You're aware they dynamically rearrange based on viewpo...

Yes, I know they move around on desktop. However, it might just be easier if I show you an example. You'll notice there are sections, specifically we can look at the "devices" section. While the vacuum and display appear correctly underneath "devices" on mobile, that is not the case on desktop. Furthermore, something odd is happening now where a newly created card will not append to the end of the cards.

image.png
vast crane
#

Is this autogenerated dashboard, or something you created?

mortal zealot
#

I created it.

vast crane
#

What is "Devices" and why do you feel that a vacuum should display beneath it?

mortal zealot
#

because of the defined order of the cards.

vast crane
#

But the cards are not laid out in order.

mortal zealot
#

Let's simplify the problem. Why would the order differ from device to device. I get that they dynamically change based on the viewing medium but the order should not necessarily change.

vast crane
#

I think you are not using the same definition of "order" as me. The way the layout engine works is that each card is assigned to one of the three columns based on the estimated height of those columns. If you have 5 cards in order 1,2,3,4,5, you might see 1 & 5 in the left column, 2 in the center column, and 3 and 4 in the right column.

#

The "order" of the cards does not dictate which column they go in.

mortal zealot
#

Okay, that answers my question. My idea of how it worked was different.

tacit cave
#

well it does and it doesn't

#

the calc is simple, but it doesn't make sense when you don't know it

lyric prairie
#

You could use something like layout-card to have better control over card placement

mortal zealot
lyric prairie
#

Yes it is

tacit cave
#

it plops the cards in the order it receives, 1 card in each column. However, it will minimize the vertical scrolling when it starts building up cards in each column, so then it gets confusing to follow

vast crane
#

Before jumping to custom cards, I would just suggest use vertical stack to put your devices in a stack under "devices" heading. Then they will always appear together, though not necessarily in a consistent column.

tacit cave
#

but it's all based on screensize

mortal zealot
#

Okay, you guys have given me some good pointers. I'm going to play around some more. Thank you for the help.

tacit cave
#

oh yeah, and it doesn't recalc live. So when you refresh the page, things jump. 🎉

#

and it doesn't optimize either

#

so it minimizes the scrolling for the last few cards, not all the cards together

#

it's not a great algo

mortal zealot
#

Is it possible to move a card so I don't have to re-create them again?

tacit cave
#

switch to yaml mode

vast crane
#

You can move them in yaml if you're comfortable with that, cut & paste, etc.

mortal zealot
#

Yup. That makes sense.

candid lintel
#

I have the companion app on my phone. I want my friend to also be able to access the home assistant companion app, but I don't want them to have access to my full dashboard. Is the users the best way to achieve this?

tacit cave
#

if they know what they are doing, they will have access to the system

candid lintel
#

I see. This isn't the kinda guy who is gonna plug a url in there, so the end goal here is to give him the companion app, without him signing in as me.

tacit cave
#

Then you can just set up a basic user

#

but he will still have access to dashboards

#

unless you hide them based on the user

candid lintel
#

oh awesome

#

thank you sir, doing this now!

tacit cave
#

np

mortal zealot
#

I have a GE washer/dryer/oven and I'm looking for recommendations on how to display information on them in my dashboard. Is entities the best way?

fiery ledge
#

Is this a FE bug? No Confirm or Safe when deleting an Alias

IMG_2211.png
plucky hill
#

Is there a list of variables you can use like {{ user }}?

dark dirge
#

Depends on the card. Most cards don't support Jinja at all

plucky hill
#

The title card apparently does by allowing the user variable. What I want to do is display the current time and date in a text. Are there variables for that?

dark dirge
#

that's just standard Jinja via now()

small osprey
#

Hi sorry, im relatively new to
HA and still learning. In coding, what is the difference between == as opposed to a single =

tribal galleon
#

== is used in comparison. (is x == y?) = is used to set a value of a variable. (variable = true)

dark dirge
#

don't get me started on === 🙂

tribal galleon
#

I was thinking about that one too but decided to leave it out. 😉

atomic glacier
#

<REDACTED>

Thanks for the pointers @errant plover ponder

small osprey
#

This is causing brain damage

#

But thanks for the responses and i get it now with the examples provided

errant plover
vivid trout
#

quick question, is it possible to have only one state label use custom font in picture elements?

#

or is it only markdown or others specific?

#

building up my dashboard start url and after a custom font for clock

image.png
maiden talon
#

Hi, could someone help me on this?

#

How to add services in HA sidebar while being secure in reverse proxying?

wooden stream
#

Hi friends, how could I add a 'and" to this? I'm trying and I can't seem to make it work.
{% elif state_attr('fan.bedroom', 'percentage') | int == 100 %}. This way it works.

But if I try and add a and, like this: {% elif state_attr('fan.bedroom', 'percentage') | int >= 75 and state_attr('fan.bedroom', 'percentage') | int <= 100 %}
What am I doing wrong?

tribal galleon
#

You technically don't need to include the second conditional since any percentage greater than or equal to 75% is already going to be less than or equal to 100%. So, just using {% elif state_attr('fan.bedroom', 'percentage') | int >= 75 %} will give the same result.

#

Subsequent percentages are the same way. If your next line is for 50% and larger, {% elif state_attr('fan.bedroom', 'percentage') | int >= 50 %} will "catch" the next range of numbers. You don't need to define is as >= 50 and <75.

#

Here's a short example that looks at battery state of an entity and shows an icon: yaml {% set state = (states(entity) | int) %} {% if state >= 75 %} mdi:battery-90 {% elif state >= 33 %} mdi:battery-40 {% else %} mdi:battery-10 {% endif %}

wooden stream
#

This is great, let me try this. The first code you gave me worked, but I certainly wanna give this a shot cus this will make everything so much easier.

#

I always assumed you had to specifically define them otherwise they'd... Overlap(?) think that's the word

#

So it would be this way?

{% set state = (states(fan.living_room) | int) %}
{% if state >= 75 %} mdi:fan-speed-3
{% elif state >= 33 %} mdi:fan-speed-2
{% else %} mdi:fan-speed-1
{% endif %}```
tribal galleon
#

I think if you had multiple IF statements (without using elif and else) you would want to specify the range. So, java IF (state >= 75 and state <= 100) THEN ... IF (state >= 50 and state < 75) THEN ... IF (state >= 25 and state < 50) THEN ...But using elif and else statements, only one true event will happen. Checking: *Nope, nope, This one is true * --done checking.

#

Entity in quotesjava {% set state = (states("fan.living_room") | int) %}

#

some cards can pass the defined entity: "into" the code as the variable entity allowing you to not have to explicitly define it again. This becomes useful when copy&pasting cards and using templates like with custom:button-card.

#

@wooden stream you may need your first line to read {% set state = (state_attr('fan.bedroom', 'percentage') | int) %} since your first post showed you looking at an attribute but using my bit of code returns the state (which I'm assuming is just on/off).

wooden stream
#

@tribal galleon Thank you so much for this explanation. This managed to make me understand how it works much better, and also, it works for what I intended too.
I never understood the {% set state = (states(fan.living_room) | int) %} when it came to if's and I thought I had to specify everytime, and now for the attributes and everything it's getting much clearer.

#

Just out of curiosity, what does the "int" mean, most of the times I'm breaking a principle on those codes, it's related to the int part.

plain pike
#

integer I think

tribal galleon
#

int returns an integer. More specifically, in your example, take the value of the fan attribute and turn it into an integer because HA stores the value as a string which cannot be compared arithmetically.

wooden stream
#

Got it! Thank you again ^^

tribal galleon
wooden stream
#

I understood that, yeah, I was that guy that was defining the variable in every single line, sometimes twice in the same line with 'and' lol.

plain pike
#

it happens

#

we code what works, then someone tells us how 'dumb' we are, then we get better

#

cycle of code

tribal galleon
#

agreed. as you learn new stuff, you can always go back and adapt to the new techniques that you've learned. ultimately, ending up with better, more efficient or more useful code.

plain pike
#

yup, you watch it go from large slow code, to quick and dirty one liners and it's magnificent

wooden stream
#

I still find myself a really dumb potato but definitely if I look back a few months ago... there's many improvements and efficiency going on.

#

It's quite magical hahahaha

plain pike
tribal galleon
#

I keep a couple of sections on my dashboard strictly for experimenting and figuring out how to do different stuff.

image.png
wooden stream
#

Very interesting. Card-mod?

plain pike
wooden stream
#

Most of the "drama" I've been asking for help with has been here:

image.png
plain pike
#

I was helping someone with a custom card and I was like WHY haven't I done this for myself

wooden stream
#

And I don't think people actually understand the struggles to make those icons move and show sometimes hahahahaha

tribal galleon
wooden stream
#

Yeah, I been using card-mod for a while but they're so versatile it's quite impressive what we can pull off with it.

tribal galleon
plain pike
#

like currently I'm working on a scraper to track a leathrback turtle

#

and almost done

#

why? cuz someone asked how

#

lol

#

even got it to where it will work being hosted in HA (i think)

tribal galleon
#

I recently incorporated some overlays into my main custom:button-cards. The Automatic shows the automation to automatically turn the lights on/off is active. Color temp and time on is shown in the other corner (but only when the card is on).

image.png
#

Double-tapping the card, turns the automation on/off.

plain pike
#

that's slick

tribal galleon
#

that idea came from someone's person card where they added more info that they wanted to see. phone's battery, for example.

plain pike
#

classic

#

im working on something to stop me burning food in the kitchen, and forgetting my laundry in the washer/dryer

#

well, in my head at least I am working on it

tribal galleon
#

I recently figured out how to make the icon for phone "adaptive" depending on its state. (Basically, like how HA already does it but Mushroom Template cards need a little bit of help.)javascript icon: > {% set battery_level = states('sensor.s22_ultra_battery_level') | int // 10 * 10 %} {% if is_state('sensor.s22_ultra_charger_type', 'ac') %} {% set charging = "charging-" %} {% elif is_state('sensor.s22_ultra_charger_type', 'wireless') %} {% set charging = "charging-wireless-" %} {% else %} {% set charging = "" %} {% endif %} {% if battery_level == 100 %} mdi:battery {% elif battery_level >= 10 %} mdi:battery-{{charging}}{{battery_level}} {% elif battery_level >= 0 %} mdi:battery-{{charging}}outline {% else %} mdi:battery-unknown {% endif %}EDIT: Fixed bug with wireless charging variable not showing the proper icon. Removed extraneous "wireless" variable and simplified to use the charging variable for ac and wireless charging. Simplified two IFs into if/elif/else.

plain pike
#

shoot I didn't even realize there was a wireless mdi icon lol

#

well wireless charging

tribal galleon
#

I just noticed a bug in that portion of the code. Was not showing the wireless icon. Updated code above any it is working now.

image.png
#

But now that I did that, I can actually simply the code a bit and use only one variable for the charging portion instead of two.

plain pike
#

See

#

This is the way

#

I read your code and didn't even realize it wasn't the right icon

#

But that one is new to me

#

how come that one is orange tho

tribal galleon
#

When I originally made it, I had it working but then I made a change to the wired charger type. That line looked at the .battery_state and if it was charging, appended the charging- portion. I changed it to charger_type to make it more inline with the wireless portion, not realizing it broken the wireless charging icon because "charging-" was gone.

# 
icon_color: |
  {% set battery_level = (states(entity) | int) %}
  {% if battery_level >= 90 %} green
  {% elif battery_level >= 80 %} light-green
  {% elif battery_level >= 68 %} orange
  {% elif battery_level >= 56 %} yellow
  {% elif battery_level >= 44 %} amber
  {% elif battery_level >= 32 %} orange
  {% elif battery_level >= 20 %} deep-orange
  {% else %} red
  {% endif %}```
plain pike
#

ahhhh I should have known when the percentage was different

tribal galleon
#

yeah. it just so happened to go into the different threshold between screenshots.

#

@wooden stream Here's another way of wrapping your head around IF statements: python icon: > {{ (states(entity)=="on") | iif("mdi:home", "mdi:home-off-outline") }} icon_color: | {{ (states(entity)=="off") | iif("green", "red") }}

wooden stream
#

Let me try and understand this last one... If it's off it'll show green?

plain pike
#

no, if it was green change it to red

wooden stream
#

Got it.

#

If > Off and green, red.

plain pike
#

if state is off and color was green

#

losing a battle with a cat here brb

wooden stream
#

I was like, that's a big waaaaassssssssss hahahahahaha

plain pike
#

my cat has a habit of jumping on my keyboard when she wants attention

tribal galleon
#

two separate values. one for the icon; one for the icon_color. However, I should have them both checking for on and the results accordingly. My example is confusing to read...

plain pike
#

or swiping my phone out of my hand

#

why the pipe after icon_color: ?

wooden stream
plain pike
#

more like if off + green then red

wooden stream
#

Yeah, other random question. What's the difference between | and > after the :

#

In all cases I tried, both worked, but I don't know when I should use which

tribal galleon
# 
- type: custom:mushroom-chips-card
  chips:
  - type: template
    entity: input_boolean.guest_mode
    content: Guest Mode
    icon: |
     {{ (states(entity)=="on") | iif("mdi:home", "mdi:home-off-outline") }}
    icon_color: |
     {{ (states(entity)=="on") | iif("green", "red") }}
    press_action:
      action: toggle```Off:
image.png
wooden stream
#

That's shorter. I like that. I might adapt mine with that new code.

plain pike
#

if input_boolean.guest_mode = on hide catvideos.library

tribal galleon
#

You can essential do that with conditional cards/statements: ```yaml

  • type: conditional
    view_layout:
    grid-area: media
    conditions:
    • entity: media_player.plex_plex_for_windows_desktop_p54jk04
      state: playing
      card:
      type: custom:mushroom-media-player-card
      entity: media_player.plex_plex_for_windows_desktop_p54jk04```Only shows when Plex is playing:
image.png
plain pike
#

I want a button like that so I know I left the washer on

#

but still going thru in my head how

#

wait, you run plex for desktop?

#

🤔

tribal galleon
#

The player. Server is on Unraid.

wooden stream
#

That's what I do (with conditional)

plain pike
#

why am I doing it in web browser

#

I have plex app on all my TV's but when I'm using the PC as well I just usually have it in a browser

tribal galleon
#

I have webplayer too but I use the app full-screen on a 42" screen on the wall.

plain pike
#

because my office TV is also connected to my PC as a screen

#

yeah this 55" has it installed as well

#

but I just normally open a browser cuz I can have my CCTV cameras and plex open on the same screen

#

I don't know why PiP wasn't really a thing with smart TV's

tribal galleon
#

laptop now on an arm mount and Steam Deck too.

plain pike
#

I really really really need to clean my desk

tribal galleon
#

same. that's an old picture. made pretty just for the picture at the time.

plain pike
#

Lmfao

#

Why are we like this

deep solstice
#

possible to do a "round robin" for light brightness with a button press? off > 33% > 66% > 100% > off

tribal galleon
#

what card are you trying to use?

deep solstice
#

it's a physical button

tribal galleon
deep solstice
#

lol I was told to ask here 😄

plain pike
#

well I didn't know you meant a button, rather than on a card

deep solstice
#

ah, gotcha.

tribal galleon
#

I do something similar via Node-RED. javascript var entity = "light.living_room1"; var entity_group = "group.living_room"; var brightness = parseInt(global.get('homeassistant').homeAssistant.states[entity].attributes.brightness); msg.payload = {domain: "light", service: "turn_on", data: { entity_id: entity_group, } }; if (brightness > 200) { new_brightness = 200 } else if (brightness > 150) {new_brightness = 150 } else if (brightness > 100) {new_brightness = 100 } else if (brightness > 50) {new_brightness = 50 } else {new_brightness = 255 } node.status({text: "From: " + brightness + " To: " + new_brightness}); msg.payload.data.brightness = new_brightness.toString(); return msg;https://pastebin.com/Y82bc7eQ

#

Have dedicated buttons on dashboard for brightness.

image.png
deep solstice
#

that's neat, but I am looking to do this with a physical button.

lyric arch
#

Hi, I am Marc, a recent (just a month or two) convert from Domoticz to HAS. So please bear with me.
I have connected HAS to Honeywell total connected, which is based on an evohome. Now I have integrated in HAS several rooms, and I want to plot the current temperature of those rooms in a history graph. So for the history graph I have selected the involved entities for example "climate.woonkamer" which is my living room. However the history graph automatically includes two temperatures, the current temperature and the "goal temperature". While I am interested in the first I want to disable the second. I concur I am a noob, but I cannot find how to achieve that?

tribal galleon
deep solstice
#

thanks, looking now.

tribal galleon
# deep solstice thanks, looking now.

This is what I've come up with so far. Not sure how to make it change to light.turn_off. This at least cycles down and returns to 100%. #automations-archived is still the better place for assistance.java service: light.turn_on entity_id: light.living_room_lights data: brightness: > {% if is_state('light.living_room_lights', 'on') and state_attr('light.living_room_lights', 'brightness') | int >= 250 %} 168 {% elif is_state('light.living_room_lights', 'on') and state_attr('light.living_room_lights', 'brightness') | int >= 165 %} 81 {% else %} 255 {% endif %}

image.png
vast crane
#

Instead of cramming all that into a single light.turn_on service, suggest using a "Choose" action, in which case you can call a different service depending on the current state.
I think maybe you meant to say #automations-archived is the better place for assistance.

tribal galleon
#

yup. typo. corrected.

cerulean panther
#

how do I change the background color of the yaml editor?

deep solstice
#

tyvm

deep solstice
vivid trout
#

can we change the font in picture elements card for just one of the state labels, I tried the fonts.css, and wolf conversion and it does not seem to work on anything lol. even markdown

deep solstice
vast crane
vivid trout
# 
  font-family: "led_counter-7";
  src: url(/local/led_counter-7.woff2) format('woff2');
}```   this is fonts.css
# 
    let css = '/local/fonts.css?v=0.005'

    let link = document.createElement('link');
    let head = document.getElementsByTagName('head')[0];
    let tmp;
    link.rel = 'stylesheet';
    link.type = 'text/css';

    tmp = link.cloneNode(true);
    tmp.href = css;
    head.appendChild(tmp);
    console.info('%c Font Style sheet loaded', 'color: white; background: #000; font-weight: 700;');
}
loadcss();``` this is the loadfonts.js
#

and added to the loadfonts.js to resources but still no joy

lone belfry
#

Brooos anyone could give me a hint here please:

image.png
#

how can i apply styles to that <mod-card> element?

golden mistBOT
#

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

📎 message.txt
lone belfry
abstract trail
#

Can someone assist here:

using the card-mod integration to try and add some color visualizations. I'd like to change colors based on values:

  • entity: sensor.sutro_acidity_sensor
    card_mod:
    style: |
    :host {
    {% if states.sensor.sutro_acidity_sensor < 7.4 %}
    color: red;
    {% endif %}
    }
    secondary_info: none
    name: PH

This doesn't seem to work, what am I missing?

plain pike
#

scroll back a bit in here

#

just did this today

wicked sapphire
dark dirge
tribal galleon
# abstract trail Can someone assist here: using the card-mod integration to try and add some col...

Adjust for your sensor and values but this should put you on the right track.javascript card_mod: style: |- :host { {% set level = states('sensor.s22_ultra_battery_level') | int %} {% if level >= 80 %} --card-mod-icon: mdi:check; --card-mod-icon-color: green; {% elif level >= 40 %} --card-mod-icon: mdi:thumb-up; --card-mod-icon-color: yellow; {% else %} --card-mod-icon: mdi:thumb-down; --card-mod-icon-color: red; {% endif %} }

wicked sapphire
#

how do I create a cusstom element?

tribal galleon
#

@wicked sapphire Try refreshing your browser, clearing cache, and/or restart app or HA

wicked sapphire
#

thanks man that was it

abstract trail
tribal galleon
#

--secondary-text-color: blue; can also be useful depending on the card.

mortal zealot
#

How can I get a little bit more control over the height of each of my vertical stacks? Ideally, I'd like for them to be all the same height. I was looking at "layout-card" in HACS but I don't think that will do what I'm looking for, unless of course I'm missing something.

image.png
tribal galleon
#

You can also consider a grid card for each of your rooms to give a different layout configuration. Here, the first grid card is set for four columns while the second is set for three columns (with a "hidden" button in the middle).

image.png
#

I think if you consider that most of your buttons could be shown at 50% of their current width, things may look a bit more to your liking.

mortal zealot
#

Yeah, that might be an option. Thanks for the pointers.

tribal galleon
#

you can also use custom:layout-card for a lot of control. I still don't know how to get it to completely cooperate but I got it roughly to my liking. Various vertical- and horizontal-stack and grid cards scattered throughout. (It doesn't look lined up on the desktop but looks better on the tablets.) yaml type: custom:layout-card layout_type: grid layout: grid-template-columns: 49% 51% grid-template-rows: 40px 370px 75px 90px 300px grid-template-areas: | "col1 header" "col1 main" "col1 media" "gap footer2" "footer1 footer2" margin: '-4px 4px -4px -4px' padding: 0 card_margin: 0

image.png
mortal zealot
#

I think that's more inline with what I'm looking for.... I'll do some more research there.

lone belfry
#

modded the mushroom light card to support a 2nd entity 🙈
(currently used for smartsocket of the light)

image.png
tribal galleon
#

so the power button controls the smartsocket and the rest of the card controls the light?

mortal zealot
#

Anyone have luck aligning cards with card mod? I'm trying the following but it doesn't really go to the start, kind of offset:

type: custom:digital-clock
card_mod:
  style: |
    ha-card {
    background: transparent;
    text-align: start;
    }
formal tide
#

anybody have a simple/powerful frigate card config at hand? I'm too lazy to go through the docs rn 😅

#

oh, its configurable via ui. how handy!

glacial ledge
#

Is there a dashboard "on load" trigger that can trigger an automation when a specific page of the dashboard is loaded?

lone belfry
rigid spindle
#

Hi all. I've starting putting together a new energy dashboard but the layout is very inconsistent, even on the same device/browser.

Sometimes I load it in a browser and the energy flow diagram and solar graph are on top of each other, which isn't what I want. Then I'll refresh and they'll be side by side, which is what I want. Same device, same browser, same resolution.

Any way I can make the behaviour consistent?

Screenshot_2023-06-01_at_11.42.37.png Screenshot_2023-06-01_at_11.42.25.png
vivid trout
#

has anyone been able to get a custom font working in picture elements card? or on any card, I have tried both ways, resources adding googlefonts and via the fonts.css way none havve worked 😦

lyric prairie
plain pike
formal quest
#

Hi guys, since I'm using https via a reverse proxy, the page refresh every 30sec ("reconnecting", I think). That give me issues by flushing what I'm doing. Any ideas?

rigid spindle
plain pike
#

you tried setting it to 3 wide?

#

I use vertical stacks for everything because that's how they look the best on my phone

rigid spindle
vast crane
#

There's no "3 wide" setting for a horizontal stack. You can use a 1-card dashboard in which case the root horizontal stack card will take up the entire page, or otherwise have to go to some custom cards maybe.

lone belfry
vast crane
rigid spindle
tribal galleon
# rigid spindle That idea worked! 1 panel view and just have everything in nested stacks. Thank ...

If you look at my dashboard posted a bit higher up (the one with the big Lights button), I start with a layout-card defining two columns - left side & right side of the screen.
The left side uses a vertical-stack to contain everything, a layout-card with three columns at 68%/18%/18% to hold the big button, brightness presets and RGB buttons. An entities card sits at the bottom wrapped with a layout-card that allows it to sit in the area defined as footer1.
The right side starts with a vertical-stack card, followed by a swipe card with some mushroom chips. Beneath that, a grid card with 4 columns holds the various custom:button-cards. A conditional card appears beneath that but only when Plex is playing. A layout-card pinned to footer2 area and defined as two columns at 35%/67% hold the weather-forecast and a picture card for the radar.
There are also gap-cards in between the dead space on each side.

rigid spindle
#

If you look at my dashboard posted a bit

glass ibex
#

Hi,
I have 10 button cards to create a numpad. When pressing one of the buttons I want to append the respective number to a text entity. This works when I run it in the dev console for services but when I press the button nothing happens and the text helper stays as it is. Why is that?

This is the service call that works in dec console but not on the card.

service: input_text.set_value
data:
entity_id: input_text.enter_code
value: '{{ states(''input_text.enter_code'')|string + ''7''}}'

tacit cave
#

you can't template in the frontend

#

make a script

glass ibex
# tacit cave make a script

Is it possible to use something like trigger id's in scripts so I can make one single script for all buttons instead of one for each?

tacit cave
#

just make the script accept variables

glass ibex
mortal zealot
#

Does anyone know if align-self works with the integration Layout Card? I'm trying to use it but I keep getting a card that spans the height of my column.

tacit cave
#

You most likely have to set the height of the card as well

mortal zealot
#

with card mod? or does css grid have a trick for that as well?

tacit cave
#

probably with card mod

mortal zealot
# 
card_mod:
  style: |
    ha-card {
    height: 10px
    }

Am I doing this wrong? It didn't seem to change anything.

#

Still spans the entire height of the column.

tacit cave
#

you probably have to style it from layout card, not from the card itself

mortal zealot
#

Hmm, okay, I'm not sure I know how to do that. 😦

tacit cave
#

check out the cardmod thread on the forums

glacial ledge
#

I want to trigger an automation when a certain dashboard view is viewed. Is there an event to watch for that , or some other kind trigger?

daring wren
#

is anyone here able to assist with card mod by chance?

acoustic python
#

Im wondering if anyone would be able to help, I have 3 smart speakers in the house, I would like a button with a few stations on it and when i click one it will bring up a option for what speaker to run it on? Im new to home assisant!

daring wren
#

That section is probably best

acoustic python
#

Thank you, I will take a read!

golden mistBOT
#

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

📎 message.txt
shut robin
#

Hey guys, does anyone have a text box that can use a string list to fill in autocotrect? I want something on my dashboard where you can start typing a suburb name and it shows you all the matching options in a list

tacit cave
#

that's a combo box that allows typing, it does not exist for HA

tired ridge
#

How can I style the inactive background of the mushroom light card brithness bar?

#

I already found how to change when active.

golden mistBOT
#

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

📎 message.txt
tired ridge
#

no one?

plain pike
#

when people are around who can help, they will

pine cairn
#

hey, i had a similar view like this before but every block was colored differently, how do i get that again?

image.png
grizzled ravine
#

Hi everyone, so im trying to create a custom card and im getting this error: Custom element doesn't exist: template-entity-row.

#

im going by an old post on how to build this card and im guessing HA updates have removed this?

lyric prairie
#

It's a custom card, so need to be added by yourself trough something like HACS

grizzled ravine
#

OK thanks!, will look for it

#

ok got in installed in HACS, Thanks!!!

karmic tendon
#

Hi, I have a few input_select helper and using that in a entities card. Is it possible to trigger something based on changing the values wihtout (!) using automations? I am not against automations but it becomes blurry to maintain if (!) I can do the same through the card settings (or tweaks). e.g. the change of a value should kick of s service

glass ibex
#

Is there a way to create a popup/flash message in the dashboard?
Note that I don't want a message as a notification but rather it to be displayed inside the dashboard.
I am currently using a conditional card that displays and entity with the message but was wondering if there are smarter ways out there?

verbal flame
lofty remnant
#

Hi, does anyone have a very nice widget that shows information about solar charging, how much power the inverter consumes, etc?

verbal flame
lofty remnant
# verbal flame the built in energy dashboard should show that very good

I was thinking more about a custom widget in the panel, I have an emergency power system created in my workshop and I wanted to display information about charging from the solar panel, how much the inverter draws from the batteries and how much electricity is taken from the inverter for the workshop. I like the power panel

wispy sleet
#

why on earth does setting a different default dashboard hide the auto-generated overview dashboard? I want a default screen with a handful of switches, but then I also want to be able to see the overview

agile ginkgo
#

How do I change device names? Is that not something I can do from the web UI?

#

I just figured it out... The layout on desktop isn't the best in this specific matter

thin path
#

I've embedded Proxmox as an iFrame in HA and it works great. However, I was wondering is there a way to get a longer lived token or extend the Proxmox UI timeout so I don't need to keep logging into Proxmox UI so often?

glass ibex
glass ibex
cloud prism
#

Hello, I hope you are well tonight or today, wherever you may be. I am using a picture elements card and I have a couple images that are assigned with tap_action set to call _service: automation.trigger that triggers a reset for the timer when clicked or pressed. Then below those images I use a custom:button-card to display the value of the actual timer which counts down from 24h until the image above is clicked at which points it resets and starts counting down again from 24h. Its a medication countdown if that matters. I want to make it so the actual timer displayed below the image, ie: the actual numbers, can also have the same tap_action as the image so that touching the timer itself will also reset it to 24h. But when I copy and paste the code, it tells me I need an entity_id or device_id, even though the coding I am using works on the image and does include an entity_id. Does anyone know if it is possible to display the value of a timer and make it so that clicking it calls the service of an automation that resets the timer, or can someone tell me why it works with an image but not on a custom_button-card? This is my first time on here, but I've been using HA for about a year and came up with an awesome dashboard

Screenshot.jpeg
vivid trout
#

ok so I got it, I know how to customise the font in each card by looking at the cards referance, so for example style: | clock-weather-card-today-right-wrap-center { font-family: "Orbitron"; } chages just the time font, but is there a way to change via code a state label font in other cards (edit its ok figured it out how to do the clock using custom button card and custom font (via mod card)

sweet crater
#

Is there a custom card similar to the custom-button that can have a graph "background"? I have buttons set up for each room and I want to put a temperature graph in the background my current version doesn't work the way I want the graph is in front

Screenshot_20230603_101011_Home_Assistant.jpg
hidden tinsel
#

I have a template mushroom-chip-card (bc I dont want it to show the unit of measurement or more than 1 decimal to save space) but also would like to show the more info popup for the same entity when clicked. How would I do that? Tried this, which doesn't work (does nothing):

type: custom:mushroom-chips-card
chips:
  - type: template
    icon: mdi:ph
    content: '{{states("sensor.ezo_ph_tsma"|round(1))}}'
    tap_action: more-info
    entity: sensor.ezo_ph_tsma
true sorrel
#

Is it possible to translate the met.no integration?

true sorrel
#

Also is it possible to translate Mushroom Cards?

umbral harness
golden mistBOT
#

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

📎 message.txt
dark dirge
#

"doesn't work correctly" isn't helpful

tribal galleon
#

he's referring to the code uses | int but he needs the values as floats.

abstract trail
#

so would does that mean I put float?

tribal galleon
#

I'd say, just take that part out and see what it does. EDIT: This won't work. Forgot the numbers are reported as a string. Requires | float per RobC

abstract trail
#

Doesn't work at all

#

Basically ignores the if statement all together

tribal galleon
#

what card are you trying to mod?

golden mistBOT
#

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

📎 message.txt
abstract trail
#

Its a vertical stack, but others work fine without the decimal point

dark dirge
#

you at least need |float

abstract trail
#

Oh yup. I put that and it works perfectly.

Thank you!

shell kelp
#

Hey, is there a way to change the labels of the statistical graphs ?

#

(I'm talking about this)

3fa3b9cc32d235001cb34942e35712ec.png
tribal galleon
#

@abstract trail Also, you don't have to define the phlevel range. Meaning you only need to say if phlevel >= 7.8 then do stuff, followed by if phlevel >= 7.6 and then if phlevel >= 74, etc. The code is going to follow the first one that if find to be true and then it is done. Also, technically, the way your code is written, it will not fire properly at phlevels of 7.2, 7.39, 7.4 or 7.59 and will return else. (You're missing some equal signs or better number overlap.)

golden mistBOT
#

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

📎 message.txt
true sorrel
worthy tapir
#

Anyone use the hacs custom expander card? Its great but the cards expand to wider than my phone screen

silk igloo
#

i can't get notifications to work. i've allowed them, and they show up in the registrations file, but i can't find the service. i've tried in chrome and firefox.

image.png
#

also notify.notify sends out the notification fine

#

also target works

#

issue raised in HA core

devout coral
#

hello, i'm try to display a grid whit 4 card, the fist card is a button and i want the icon to be green, why my style not be applied?

tribal galleon
#

I don't think the button card can use style:. You can do it with card_mod though and add a bit extra to it. yaml card_mod: style: |- :host { {% if is_state('light.hallway', 'off') %} --card-mod-icon: mdi:light-switch-off; --card-mod-icon-color: red; {% else %} --card-mod-icon: mdi:light-switch; --card-mod-icon-color: yellow; {% endif %} }

devout coral
#

perfect exactly what i need

lofty remnant
#

How can I hide this checkbox? I'm using the picture elements widget and it's brilliant, but there's one little detail that bugs me which is the checkbox when you click on something, I mean a photo that has a transparent background and the checkbox is visible

tribal galleon
#

That's not going to help you get a response...

lofty remnant
#

You mean I sent some inquiries? It wasn't intentional, my discord got lagged and when I sent one message it was greyed out, then I sent another and it was greyed out too, and after a while a few were sent.

tribal galleon
#

spamming the board. If someone can help, they'll see your message and respond.

#

fair enough. just noticed my messages lagging too.

lofty remnant
#

So don't think I did it on purpose, I never send so many requests at once. It's just discord's fault.

unborn venture
#

Hi everyone! I had a difficult question... How can I put the button-card template in the default dashboard of Home Assistant??
I am stucked for 1 week...
Thanks.

dark dirge
#

I don't understand the question

#

What part of that do you need help with?

unborn venture
#

I am using Minimalist, and I want to put it in the default dashboard, because so many dashboards are not good...
This error "Button-card template 'card_esh_welcome' is missing!" appears when I try to copy one card of the minimalist dashboard to the default dashboard.
How can I solve it?

#

I tried to put this code: button_card_templates: !include_dir_merge_named templates/button-card into the configuration.yaml but didn't work...

dark dirge
#

That definitely doesn't belong there

#

You need to define this templates in the dashboard where they will be used.

unborn venture
#

I put it also in the dashboard, next to title and before views and didn't work.

#

That's the error if helps: "YAMLException: unknown tag !<!include_dir_merge_named> (3:70) 1 | ... 2 | ... 3 | ... rge_named templates/button-card"

dark dirge
#

you can't use a !include unless you manage your dashboard in YAML mode

unborn venture
#

And the default dashboard is not in YAML mode ?

tribal galleon
#

@unborn venture My dashboard's YAML: https://pastebin.com/gaFmay1B
Look at Line 62 which starts the button_card_templates section. I have several templates defined (generic_custom_button @ 78, blank_custom_button @ 111, oversized_custom_button @ 126, and others). You can see template usage at 1001-1006, for example.

#

The default dashboard is generated by HA. You would need to make your own dashboard in order to use custom:button-cards and templates.

#

This dashboard is currently being maintained by Home Assistant. It is automatically updated when new entities or dashboard components become available. If you take control, this dashboard will no longer be automatically updated. You can always create a new dashboard in configuration to play around with.

unborn venture
unborn venture
dark dirge
#

I only have one dashboard, and it's in YAML mode

unborn venture
dark dirge
#

sure

tribal galleon
#

Sure. But, the default dashboard can be useful even if you don't look at it all the time. So just hide it in the sidebar.

image.png
unborn venture
unborn venture
dark dirge
#

it's just a file

#

I did it by editing a file

#

specifically, ui-lovelace.yaml

unborn venture
#

I did it, but now I have the problem that it says that the custom element doesn't exist: vertical-layout...

unborn venture
unborn venture
#

Could you @dark dirge send me your ui-lovelace.yaml? Or at least the start? When I do exactly what they say in the link you send, it appears the error of vertical-layout...
Thanks.

dark dirge
#

nope

#

that's not a default card and I don't use it, so what would that do?

#

nothing in my config is going to help you

unborn venture
#

And how can I add custom cards?

dark dirge
#

?

#

with the instructions that come with them

unborn venture
#

Thanks the problem was solved.

midnight pilot
#

Hey Guys..

I am thinking about how I would achieve something and looking to see if anyone can point me in the right direction or if I am not thinking about something the right way..

Using NodeRed I have a JSON object that has an array of items in it.. The order of these items is important for the operations the node red logic performs.

Sometimes, I want to change the order of these items, or maybe someone non technical wants to change the order of the items..

I was imaging in a dashboard where someone could drag could reorder a list of names and that order would then be used to order the JSON in NodeRed..

Any pointers in the right direction, I can't seem to find something quite like what I am talking about, but also maybe there is a better way and I am asking the wrong question

gilded vessel
# devout coral

what are you using to edit your dashboard, it is cool to see the live view

tribal galleon
gilded vessel
#

don't see code editor

#

are you using visual studio ?

#

that is all I see

sharp wren
#

if you go to edit dashboard, then go to edit a specific card, you have the option to "show code editor" and it shows the results of changes to that code in real time.

gilded vessel
#

what am I doing wrong

#

got it , you learn something new every day 🙂

small monolith
#

I have created this custom Dashboard, I created a custom menu bar. Using Kiosk Mode (and more other tools). On the left you see the search icon, and I am wondering if there is a way to add the actual "assist" function as a button next to it. Do you guys know if there is a service for "assist" I can call in a pop-up?

solar venture
#

hello, can you please help me to add these state icons in a button card?

Screenshot_from_2023-06-05_12-16-55.png
vivid trout
solar venture
tired ridge
#

How can I add CSS to mushroom title cards?

golden mistBOT
#

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

📎 message.txt
tacit cave
#

@vivid trout did you get that from chatgpt?

vivid trout
tacit cave
#

just seemed odd with the lingo you used and the coding seems generic. Using that style coding didn't exist in the past

golden mistBOT
#

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

📎 message.txt
vivid trout
#

thats how it is for my lights, just did not know if he wanted it for lights and plugs so made it generic

dark dirge
#

it has a lot of extra characters

vivid trout
#

yep I am know pro tbh 😛

tacit cave
#

{{ ['light.tv_strip', 'light.living_room_spots', 'light.living_room_ceiling', 'light.monitor'] | select('is_state','on') | list | count }}

dark dirge
#

that's the right number of characters 🙂

tacit cave
#

TBH, i'm surprised the if statement even works

#

that means somethign has changed in JINJA in the past few years that I completely missed

#

back in the day, scoping wouldn't allow you to do global variables like that

vivid trout
#

works fine 😛

tacit cave
#

Yeah, but my point is: That used to not work

dark dirge
#

I don't think scoping around "if" statements has ever been a problem

vivid trout
#

they probably updated the script to make it easier for people wet around the ears 😛

dark dirge
#

loops, sure

tacit cave
#

maybe I'm remembering loop scoping incorrectly

#

I could swear it worked that way for if statements too

vivid trout
#

i made it so I just a one for all button on top of all other buttons for that room

tacit cave
#

Yes I do the same

austere geode
#

okay - so using button-card (i guess) i would like to see the value from a template sensor and only the date from a datetime helper, and some text...could somebody help ?

dark dirge
#

Just put it all in the template sensor. You could either do some string manipulation, or this:
{{ "The date is " ~ (states('input_datetime.date_test')|as_datetime|as_local).date() }}

#

The date is 2022-08-22

austere geode
#

{{ "Last cleaning day was on " ~ (states('input_datetime.rengoeringstid')|as_datetime|as_local).date() ~ " and lasted " (states('input_datetime.rengoring_slut')|as_datetime|as_local - states('input_datetime.rengoring_start')|as_datetime|as_local) }}

is this allright ?

dark dirge
#

Try it

austere geode
#

have no idea whats wrong...was hoping for Last cleaning day was 05-06-2023 and lasted 01.30.33

dark dirge
#

You missed a ~ at least

austere geode
#

thanks man 😄

dark dirge
#

But debug it by breaking it down into parts

torpid harbor
#

Two questions: 1) When did the history graphs change to show % change/minute, and 2) is this what's being now reported to my automations that determine whether my vent fan should be on or off?

image.png
vast crane
#

It looks like "%/min" is just the unit_of_measurement for your sensor. I don't think that's any special new behavior of history chart.

#

what does devtools say for that sensor?

small osprey
#

I'm not a programmer and I'm stuck writing an if-then statement, can someone please help? I'm trying to write if this sensor called sensor.netdata_jellyfin exists, then y

#

i'm basically trying to detect if the app is running.

#

i looked up is_state but i'm not sure this will work

#

is it if (states['sensor.netdata_jellyfin'].state == true

#

the issue is that when the app is not loaded, this sensor won't exist.

#

it's only when this app is loaded, then this sensor shows up.

vivid trout
#

ok so working on my automotive only dash, I want to change the temperature reading in card to be in a solid circle similar to the way I have the light one, but a solid color with white text any ideas (i currently use this for the colors of the temps) - color: | [[[ if (entity.state >= 28) return 'red'; else if (entity.state >= 22) return 'orange'; else if (entity.state >= 16) return 'green'; else if (entity.state >= 0) return 'blue'; else return 'red'; ]]]

image.png
vivid trout
#

ok worked it out now, probs a jank way of doing it but it works

solar venture
vivid trout
solar venture
vivid trout
#

ah ok I will try thanks

rain scroll
#

Hey is there a way to only show the full Number and not 4 decimals?
Already changed it in the entity itself but in the Card it always shows 4 decimals?

image0.png
vivid trout
rain scroll
zealous vine
#

hey
I'm totally new to this server. I use hac's big-slider-card (https://github.com/nicufarmache/lovelace-big-slider-card). It's written in Typescript and I was able to find and fix 1-2 bugs in the code, but I can't get it to compile for Javascript. Sorry for my bad english. Can anyone help me pls?

vast crane
rain scroll
small osprey
tribal galleon
#

You might use something like yaml icon_color: >- {{ is_state('binary_sensor.fire_computer_desk_plugged_in', 'on') | iif('yellow', 'gray') }} or yaml icon: | [[[ if (states['input_boolean.tester'].state === 'on') return 'mdi:lightbulb'; else return 'mdi:lightbulb-auto'; ]]]

small osprey
small osprey
tribal galleon
#

The custom:button-card can also do some state: settings. ```yaml
type: custom:button-card
header: State modifiers
entity: input_boolean.automation_override
show_name: true
name: Automations
icon: mdi:lightbulb-auto-outline
state:

  • value: 'off'
    operator: '=='
    styles:
    icon:
    - color: red```
# 
  - value: 'on'
    operator: '=='
    styles:
      icon:
        - color: green
        - icon: mdi:lightbulb```
#

@small osprey the second bit of code posted above (with the icon: | works with custom:button-card.

small osprey
small osprey
# 
    custom_fields:
      service_on_of: |
        [[[ if (states['sensor.netdata_jellyfin'].state === 'on') 
              return `<ha-icon icon="mdi:circle" style="color: rgb(116,195,101)"> </ha-icon>`;
            else 
              return `<ha-icon icon="mdi:circle" style="color: red;"> </ha-icon>`; 
        ]]]
#

doesn't work.

#

let me provide more context.

golden mistBOT
#

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

📎 message.txt
small osprey
#

I think it's the way how I setup that sensor.

# 
    "cgroup_jellyfin.cpu": {
        "name":"cgroup_jellyfin.cpu",
        "family":"cpu",
        "context":"cgroup.cpu",
        "units":"percentage",
        "last_updated": 1686087884,
        "dimensions": {
            "user": {
                "name": "user",
                "value": 0.0039455
            },
            "system": {
                "name": "system",
                "value": 0.0013370
#

When the jellyfin docker app is loaded, the above will appear in Netdata. so that sensor.netdata_jellyfin in HA is to check the "system" value, whi his always an numerical value, so I'm not sure of 'on' or 'off' state will work. Also, when the jellyfin docker is not loaded, those outputs above will not appear in Netdata at all and HA will throw out errors complaining about that sensor

tribal galleon
#

@small osprey If the value is a number, then on/off won't work. Maybe something like yaml if (parseInt(states['sensor.netdata_jellyfin'].state) >= 0 ) if the sensor returns an integer (even though HA still sends it as a string). If the value is less than 0 (like in terms of a decimal percentage), maybe parseFloat with <= 1.

#

But, does the state actually return the value or is an attribute (system)?

# 
parseInt(states[sensor.netdata_jellyfin].attributes.system```
small osprey
tribal galleon
#

If you go into Developer Tools > States and take a look at the sensor, it might give you more insight. For example, the sun entity (shown in screenshot) has a state of above_horizon but has other attributes that can be accessed.

image.png
torpid harbor
# vast crane what does devtools say for that sensor?

Thanks for the response. Posted that and got busy with other things around the house.
Here's what dev tools says now and has always said. I've always looked at that as the actual Rh, and it's always acted that way. In the last couple of weeks, the fan has started turning off during a shower. There's no way the actual humidity is dropping below my ambient (in another room) Rh, causing the turn off automation to fire unless it's now somehow being interpreted as a change/minute instead of just actual value. 😦 🤷‍♂️

image.png
zealous vine
atomic glacier
zealous vine
#

Thanks for the advice :)
Actually I have another question. I programmed a IR Remote with esphome and now I want to use custom:button-card to activate the virtual buttons.
..I can't get it to work. A normal button card works by using tap action: toggle but if I use a custom: button-card with the same code the error message occurs "button/turn_off.service not found"

vapid field
#

Does anyone know a beautiful looking card for our double curtains? They open from the center.

#

The standard option in home assistant isn't very appealing and seems to be for shades that open vertical

solar venture
#

is there a ready to use (fancy) view for realtime power consumtion (in W) and historical energy (in Wh) for different kind of devices?

plucky wagon
#

Hello all 🙂

Is there a way to take an existing card (for example the TIle Card), copy it so u can make it custom and adjust the way it looks?
I am trying to get the picture that is included to show up larger and not so small.

Thanks in advance

lyric prairie
#

You could look into card-mod. Mushroom has a lot of documentation on their community forum with card-mod. As Tile-card looks basically like mushroom

tribal galleon
#

Wanted to throw this out there. Now that I understand how it works, I'm going to go back through some of my frontend's code and use this to simply it some.

#

Originally, part of the code wasyaml {% if is_state('binary_sensor.s22_ultra_is_charging', 'on') %} {% set is_charging = True %} {% else %} {% set is_charging = False %} {% endif %}But this works too. (The is_charging variable is used throughout the template.)yaml {% set is_charging = is_state('binary_sensor.s22_ultra_is_charging', 'on') | iif(True, False) %}

#

The final code turns into yaml icon: > {% set battery_level = states('sensor.s22_ultra_battery_level') | int // 10 * 10 %} {% set is_charging = is_state('binary_sensor.s22_ultra_is_charging', 'on') | iif(True, False) %} {% set charging = is_state('sensor.s22_ultra_charger_type', 'ac') | iif("charging-") %} {% set charging = is_state('sensor.s22_ultra_charger_type', 'wireless') | iif("charging-wireless-") %} {% set charging = is_state('sensor.s22_ultra_charger_type', 'none') |iif("") %} {% if battery_level == 100 and is_charging == True %} mdi:battery-charging {% elif battery_level == 100 %} mdi:battery {% elif battery_level >= 10 %} mdi:battery-{{charging}}{{battery_level}} {% elif battery_level >= 0 %} mdi:battery-{{charging}}outline {% else %} mdi:battery-unknown {% endif %}

dreamy pond
#

Looking for some help if possible. I've got a room card that I'm slowly modifying to get to where I want, and I'm stuck with getting an icon to change colour. I want the icon for entity switch.0x943469fffed2b3dd_l2 to be green. I've tried icon_color (which usually works) as well as style.icon_color under Style: but neither seem to work. Any help would be appreciated.

#

Anything I've tried so far does nothing to the icon 🤷‍♂️

tribal galleon
#

@dreamy pond I'm confused. Are you using the actual custom:room-card or one of the mushroom templates to make a room card?

#

Looks like your using a Mushroom Chips card.