frontend-archived

[vocal gale]

Is there any way to adjust the text color of a custom:hui-element section? Trying to get some free floating text on a picture-element but it's stuck on white.

    row_type: section
    label: test
    style:
      left: 30%
      top: 35%```

I can easily add a background-color but anything I think of like text-color, color, font-color etc don't seem to have any effect.

[tidal swallow]

show_icon: true
type: button
tap_action:
  action: call-service
  service: homeassistant.restart
  target: {}
name: Restart HA
icon: mdi:restart
icon_height: 30px
show_state: false
hold_action:
  action: none```

it works by giving the user admin rights, but id prefer not to

[vast crane]

Perhaps have your button toggle a boolean, and an automation that calls restart when it detects that change?

Just be careful you don't build an infinite reboot loop 😂

[vocal gale]

this might be the way. I haven't dove into it but typically reboots require admin access

[vast crane]

As long as its an automation I think it would run as administrator privilege.

[tidal swallow]

haha true. thanks for the idea, ill look into it. might work

[tacit cave]

You might be able to wrap it in a template button as well

there's a bug in templates where they don't get context

you can use it to your advantage

[tidal swallow]

nice. thanks for that.

[buoyant furnace]

Tried it, still stuck on north, whats wrong here?

[tacit cave]

you aren't using a weather entity

[buoyant furnace]

What do you mean?

[tacit cave]

You're using sensor.... he's using weather....

so his example, his weather entity has attributes that have those values

[buoyant furnace]

I see, how do people do this then. I saw plenty using this card.
I mean the direction is available, i just need a card that will point to that direction.

[tacit cave]

I'm sure other people use the card but your sensor may not have teh wind_bearing attribute

his example, he's using an entity that has those attributes

have you confirmed that your entities have those attributes?

[karmic tendon]

Aside petro's comments, the name of your sensor seems to indicate it provide the wind-direction as the state value, is that correct? then you could remove the line with 'attribute'

[night cape]

Hey, someone know how to implement this card? https://github.com/silviokennecke/ha-custom-components/wiki/Components#public-transport-connection

[karmic tendon]

Hey, someone know how to implement this

[simple ridge]

hello can someone here help me get a lovelace card working? I imagine it's easy, I just can't figure out what I'm doing wrong

[golden mist]

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

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

[late scaffold]

Is there a better way to hide a bunch of sensors from the dashboard rather than manually hiding them all?

I recently got a bunch of new smart plugs, and I'm hoping I don't need to manually hide all 6 sensors for each one.

[slate mesa]

In the settings/entities you can put in some basic search and multi select them to hide and/or disable

Or if you go from the Integration to entities it puts in a filter for that group

[late scaffold]

Ahh, good idea

[slate mesa]

Keep in mind that method can't un-hide them

[tribal galleon]

You can filter the entities tab to show disabled or hidden entities.

[unborn venture]

Yeah I have both. But do you know how can I implement it with mqtt if I have a switch to open and close the heater?

[tranquil hound]

I think in your case it will be better to create for neccessary entity separate sensors and use them in generic thermostat.

[worthy falcon]

Am I missing something or does the new 2023.12.0 release prevent adding entities from the integration page to Lovelace Dashboards? it says "Success" but the entities aren't added... Ive tried multiple integrations/entities. None are added.

[buoyant furnace]

This worked! Thanks. Wish someone would mention that on the documentation 😊

[vague vortex]

Statistics graph card

[fading musk]

does anyone know how I can do a "vertical justify" to eliminate the gap between "Bath1" and "off"?

grid: - grid-template-areas: '"i lfan n" "i lfan s"' - grid-template-columns: 1fr 1fr 1fr - grid-template-rows: 1fr 1fr

[karmic tendon]

You can always write a PR to improve ... it is a common goal 🙂

[bronze spindle]

Guys, I'm using the ios-dark-mode-blue-red theme however, it's still got the title text in black for my grid's.... how do I change this to white?

[turbid fulcrum]

ok, I'm not sure if this is the correct place to ask, but I'm looking for a component that will be able to display a "screen saver" (whatever it would be, could be just an <iframe>) on a pernamently mounted tablet. When movement is dtected by the tablet camera it should disable the screensaver showing the normal dashboard.

This can be done with JS, I even poked around... but I don't want to reinvent the wheel if something similar exists (and as we all know prototype is only the 10% of the working solution ;D)

[fresh tartan]

Wallpanel

The camera motion part would probably have to be custom but it goes away when you tap so making a tap when the camera notices something would be the second half of the project

[turbid fulcrum]

cool, then i will simply need to hook into wallpanel to trigger "un-screensaver"

[muted anvil]

Hi All,
I am trying to add the conditional card into custon:button card so I can have an expanding and collapsible button card but this seems to break the card. The card does not show on my dashboard 90% of the time I refresh. Anyone else manage to do this?

[muted anvil]

you could add - align-self: end / - align-self: start to each of those elements

[dense wraith]

Can i somehow change this temperature sensor ?

[vast crane]

change it how?

[dense wraith]

i want to use another temp sensor, because this entity have same target as reached

[vast crane]

hm, I don't think it will be simple to do, as that is baked into the climate entity

[dense wraith]

i know it will not be simple 😄

[vast crane]

I guess the options would be to

• find a new card
• create a template climate entity. this is not a feature of HA core, but I think there is a custom_component that allows you to create it
• maybe someone here can help you with some card mod to do it

[dense wraith]

i have tried custom template but i couldnt change temperature

[lunar ice]

I would like to understand how a custom Theme (ex: Noctis) does inhibit "Tap Action" on a Tile card? Is there a way to correct such issue?

[vast crane]

I believe that bugfix is already merged for a future release

[lunar ice]

Ok, it is a bug, nothing I can adjust in the Theme. Thanks for you answer.

[upper lotus]

Hi, Any ideas why this border is visible?

[pure galleon]

yes i have an idea

[upper lotus]

Added this without any luck

[vast crane]

if the state is actually 10.0 (it probably is), then you'll need to apply some kind of manipulation to remove that

[tribal galleon]

Consider adding Fully Kiosk Browser. It has screensaver capabilities (not sure if it meets what you're looking for). It has camera motion detection capabilities although in my experience it did not work well at night because the camera can't "see" anything. FKB has a nice integration which creates entities in HA. I have automation that watches the battery level and turns on a smart plug for the charger when needed and another uses a motion detector on the room to turn the screen on. It is free to use but only costs a couple of bucks for the Pro version. Pro version features can be used without paying but it puts a watermark on the screen (useful to decide if you want to pay for it.)

[minor plank]

Entitys for RGB Lights.

[fading musk]

hi, can someone explain to me what the four values of padding: are for? I put values of "padding: 5px 0px 0px 0px" into my fan icon and it started spinning funnily

[rocky bridge]

I've had strings missing from the UI for the last few months.. I update weekly. Mostly seems to be in the config flow on the integrations page, or in the Repair section on the config dashboard, if any repair items are present. I've tried changing the language, removing my custom theme, connecting directly instead of through nginx proxy_pass, clearing all browser storage and re-logging in.. but it still happens consistently, in different browsers, desktop browser, mobile browser, and mobile app (android)

example screenshots attached, taken when adding ZHA integration. Any ideas?

[rocky bridge]

In order: top, right, bottom, left.

[fading musk]

so how do I shift the icon down without having it spin funnily?

[vast crane]

https://www.w3schools.com/css/css_padding.asp
It's shorthand for 5px top, 0px for left, right, bottom

[fading musk]

When I hold on the button a "detail" window pops up after I hold press on the button. Is it possible to customise the entities in this "detail" window? I want to do some silders to dim the lights instead of just on and off

[rocky bridge]

It's spinning like that because by adding the padding to the top, it's no longer square, but still rotating around the same axis
You probably want to add padding to it's parent element

[rocky bridge]

What card type is that? It would be helpful if you posted the YAML

[fading musk]

custom:button-card

[golden mist]

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

[rocky bridge]

I'm not sure, but this may not be the best place to get help with a custom card like that

I use button-card a ton tho, I like it a lot

@fading musk It looks like you're using group.bath1 as your entity for it, so to customize what entities appear in the more-info popup, I think you need to change the entities in that group

I tried to create a new group to test it out for you but some of my UI text is missing

[fading musk]

do you mean change the entities so that all of them are dimmable lights?

[rocky bridge]

Oh, you mean customize what the entities look like in the more-info popup

[fading musk]

not the icons

[rocky bridge]

As far as I know, the more-info dialog is natively in HA, so you can't manipulate it

[fading musk]

I want to customise how I can control the different entities. for e.g. a slider bar for the lights that can be dimmed and on/off switch for the fan

[rocky bridge]

You can't do that using the more-info action

[fading musk]

is there another way to do this?

[rocky bridge]

Where there's a will, there's a way

but, off the top of my head, I can't think of anything that will accomplish exactly what I think you're after - using a custom styled button-card with long-press functionality to open a custom dialog

That definitely doesn't mean it's not possible - I just haven't done it. And I'm just some nobody.

[fading musk]

no worries. Thanks anyways. I was just trying my luck

[rocky bridge]

Have a look through the HACS frontend repos and scroll through their docs a few times - maybe something is out there. Or, you know, you could always roll your own

Maybe
combine this: https://github.com/thomasloven/lovelace-fold-entity-row

with either of these:
https://github.com/thomasloven/lovelace-slider-entity-row
https://github.com/piitaya/lovelace-mushroom

that wont get you the long-press functionality you want, it'll instead be a folding row, but hey, it's something
Good luck!

[fiery ledge]

Such a pity we dont have ‘or’ conditions in the conditional card… keep having to create helpers

https://github.com/home-assistant/frontend/discussions/18991

[tribal galleon]

@fading musk You can create your own pop-ups with browser_mod. It can take a bit of work but you can pretty much get it too look however you want. Check out this example linked from the docs. Also, Anatomy of a popup.
This is one of my animated radar popups (still work-in-progress):

Another one when I hold the button for the kitchen lights

[halcyon laurel]

I've got a bit of a complicated case I'm trying to figure out with the Mini Media Player card. I use Spotify family premium, HEOS for multi-room music, and Alexa for voice-controlling music. To get Alexa to work, HEOS has to be set to Aux In (the Echo connects to one of the speakers with an aux cable). To get the artwork to show when playing via voice, the media player card has to be set to the Echo. That works fine. But, if someone chooses to play of their phone, they stream directly to the HEOS speaker, so it won't be shown on the media player card. Any suggestions on how I can get the media player to show what's being played regardless, or perhaps another card to try?

[tribal galleon]

That's the code that you and I worked on a little while back ago, right? My version is still working and formatted the same as you posted. What is the state of the forecast_home entity reporting?

[hard blaze]

I found out the problem, looked like the "clear-night.svg" file was broken. I replaced the icons and it worked again 🙂

[bronze spindle]

Anyone know how to change the font color of the title for grid's???

[tribal galleon]

For something like that, normally you would need to use card_mod . But,

NOTE: card-mod only works on cards that contain a ha-card element. This includes almost every card which can be seen, but not e.g. conditional, entity_filter, vertical-stack, horizontal-stack, grid.
Honestly, I think it would be easier just to incorporate a Markdown card into your layout. You can add icons, colors, alignment, states, tables, HTML, all kinds of stuff to it. ```yaml
type: vertical-stack
cards:

• type: markdown
  content: <center><font size=5 color="blue">Insert Title Here
  style: |
  ha-card {
  background: none;
  border: none;
  }
• type: grid
  columns: 5
  cards:
  [Add some cards here]```

[halcyon laurel]

I've installed the https://github.com/thomasloven/lovelace-state-switch State Switch custom card via HACS. I also have Card Tools installed. Lovelace is returning me Custom element doesn't exist: state-switch. even when I cut and paste the example in the documentation. I have ensured it's showing under Manage Resources. Any suggestions?

[tribal galleon]

Try clearing browser cache and force refresh of the browser's page.

[halcyon laurel]

Thank you -- amazing how I get bogged down in trying to get complicated things to work and miss the most obvious solutions 🤦‍♂️

[tribal galleon]

Luckily, the response of clearing browser cache and refresh usually fixes 90% or so of the questions like yours.

[fiery ledge]

Id like to have some fun in a christmas theme, so want an background image, but what ever I try, I can find the right card_mod to kick in. Or even find anyone has done that before.

so please if youd know how, Id love to hear from you... And I mean in core HA, with card_mod only, no other custom card if possible

in regular card we mostly can set an image on the background: element itself, but in our themes, this seems to be only used for colors now.

[bronze spindle]

Cheers for that.... I was able to use normal html in that card

[tribal galleon]

These are both Markdown card examples that I have. First example relies on some Jinja in the content along with a bunch of card_mod. The second uses a table for the layout and Jinja for the "state".

[fiery ledge]

this is as far as I got now, all individual classes, an not the ha-sidebar.. leaves small gaps around the profile

[golden mist]

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

[fiery ledge]

aargghh, it was staring me in the eye....```
card-mod-sidebar-yaml: |

.: |
  :host {
    background: url("/local/season/kerst_smurfen.png");
  }``` whoppa

[zenith stag]

Add your margin to the img_cell and not the icon. Btw, there is also a css to move the anchor point so your animation is where you want it. But should not bee needed here if you just make sure to style the correct element

[turbid fulcrum]

That's a route I didn't think about! Saving the idea for next weekend for sure. Thank you!

[fallow flare]

I am trying to overlay images for picture elements card, showing light spread when on and dark when off. but it is not showing light spread from the picture. any suggestions?

[undone solstice]

why does one of these cards not have any background, and the other does?

[cosmic apex]

hi all, i have the code below running for my adaptive dashboard. this code is supposed to pop my media player but its seems not work on wall tablet and only works on my browse for awhile and its also stop

• view_layout:
  grid-area: "card6"
  type: "custom:button-card"
  template: card_media_player
  entity: media_player.living_speaker
  variables:
  ulm_card_media_player_name : Living Room Sonos
  ulm_card_media_player_enable_popup: true
  ulm_input_select_option: mediaplayer 1
  ulm_input_select: input_select.adaptive_dashboard

i have tried clearing the cache on both computer and tablet

anything am missing here

[quartz swift]

Hi! I am using an air quality entity and the ui looks maybe wrong?
https://imgur.com/a/h2m6zpr

I have 4 data points but I get one line on the graph and can't see a way to set anything?

[fiery ledge]

and so we can already, how undocumented... https://github.com/home-assistant/frontend/discussions/18991#discussioncomment-7809509 nice though, I can now spend the weekend deleting those dedicated binaries I made...

[dapper birch]

Hi all! I'm looking to extract the time from a datetime entity, which has the same format as the Sun Next dawn, I tried to look at helpers but honestly I have no clue how to accomplish this :/

Specifically, have an helper entity that parses
December 11, 2023 at 3:30PM to 3:30PM +1 (or just 3:30PM if it's a problem)

[willow garden]

Hey everybody, is it possible to hide the name within in a new tile card?

[golden mist]

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

[tidal swallow]

This worked great thanks. Trying to think now of ways to stop the button being spammable and indicate an active reboot is in progress (im guessing hopefully it can change the state before doing the restart)

[tribal galleon]

I have a sensor called dashboard_time added to configuration.yaml which returns the hour in 24hr format without the leading zero, the minutes, and the seconds. For strftime's syntax, check out this cheatsheet. ```yaml
sensor:

• platform: template
  sensors:
  dashboard_time:
  unique_id: 2853690a-0b7f-4b64-876d-bcec8493cd62
  friendly_name: -H:M:S
  value_template: "{{ now().strftime('%-H:%M:%S') }}"
  icon_template: mdi:clock-outline```You can also accomplish this without editing the yaml by creating a Helper > Create Helper > Template > Template a sensor and using the code from value_template (without the quotation marks).

[left sentinel]

I have a Button that is really just used as display for the value of a toggle helper. Is there a better way to do that? Semantically it feels like display should be a different one.

[tribal galleon]

Consider adding a condition that checks when the input_boolean was last changed. Too soon, automation won't run. Perhaps, another condition that checks if you're home. If you're home, they can't restart.
Lastly, you should be able to do away with the input_boolean and just call the automation directly with a tap_action (preferrably hold_action). You could still incorporate the input_boolean as a "prevent spamming the button" option.

[tribal galleon]

Can you share a screenshot of what you currently have? Are you just trying to figure out how to have a "status indicator" without it looking like a button like the others?

[left sentinel]

Don’t really mind the way it looks, that’s fine, I just don’t want to be able to toggle it. I’ve already got the tap redirected to more info instead of toggle, but what I really want is just the history screen, not the more info with a giant toggle button and a history behind a small icon top right.

(This dashboard is normally on my wall tablet so it looks a little funky on my phone, but look past that bit)

And I’m not sure any more if there is a status card that I tried and rejected because I hated the look, or if there just isn’t one.

[tribal galleon]

While I'm sure there is probably an easier way than what I'm about to describe, this is route I would take. I would use browser_mod to allow me to create my own pop-up via the tap_action.
Then, in the pop-up, I would use a home-feed-card with just that entity defined. Just realized that this card doesn't really show a history; more like only a last_changed.
Looking in HACS, I see there is a Logbook Card which may be an option and looks pretty configurable.

[halcyon laurel]

I'm looking for a way of displaying Spotify playlists, nicely in a grid with the artwork, that will play on a specified device when tapped. The thing is I need to be able to filter by name/genre, and the filtering on Spotify Card does not work correctly.

[stone eagle]

Anyone? 😔

[left sentinel]

I wish discord had a way to bookmark messages. But hopefully I will remember and be able to use the search function.

I realized that one of my other cards was a Gauge card, and that one already has History as the default tap action (and no customisability of tap actions for that matter). But gauge doesn’t allow a Boolean as input, which makes sense.

And also I should probably update my home assistant if I want to get help from y’all, is another thing I realized.

It’s not too bad, I thought it had been longer ago. I’m on September apparently.

[jade tendon]

Question is there a way to add a Title to a grid ?

like so, only then baked in ?

[vast crane]

https://www.home-assistant.io/dashboards/grid/
Yes in YAML mode.

just add a title: key.

[jade tendon]

weird i tryed that

prob then quz i used a T instead of t

[vast crane]

yes T would not work

[jade tendon]

and to center i guess just use spaces ?

[vast crane]

I doubt that would work, they're probably trimmed. I guess you can try.

[jade tendon]

nope

oh well

[tribal galleon]

Similar question asked yesterday. I recommended, instead of using the Grid card's title, incorporate a Markdown card to act as the title. Way more flexibility in formatting. #frontend-archived message

[jade tendon]

you mean make a seperate markdown card above it ?

because adding them to 1 thing doesnt work 🙂

[tribal galleon]

Yes, but you can incorporate a vertical-stack card, for example. (Or custom:stack-in-card.) Adding some card_mod to remove the border and background will make it look integrated.

[tribal galleon]

Error will clear when you add a card to the Grid

You'll also need to add card_mod for the background and border.

[jade tendon]

ah yes

now to make it a bit more like this

[tribal galleon]

Your indentation is probably wrong in the first screenshot. It should be something like ```yaml

• type: grid
  columns: 3
  cards:
  • type: custom:mushroom-light-card
    entity: light.lamp_door
    ...and so on...```

[jade tendon]

getting an error

[golden mist]

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

[jade tendon]

@tribal galleon

i just copyed the conf out of the grid card

[tribal galleon]

yeah. your conditional card is not in the grid card. Highlight everything from the conditional card down and press Tab twice.

[jade tendon]

almost XD

ah wait

that because of the colums

awsome

and now its just copy paste

and done

[tribal galleon]

Do you have each of the lights in conditional cards? If the lights are off, how are you going to navigate to the bedroom page?

[jade tendon]

uhh

not XD

but you prob know something for that 🙂

[tribal galleon]

If you like having the lights disappear when off, consider adding the tap_action to the Markdown card. Then you can at least still get the navigation like the lights would let you do.

[jade tendon]

type: markdown
tap_action:
  action: navigate
  navigation_path: /lovelace/slaapkamer
content: <center><font size=6 color="White">Slaapkamer
style: |
  ha-card {
    background: none;
    border: none;
  }

like this

doesnt work tho

[tribal galleon]

Normally that error is okay. The error is just telling you that you won't be able to use the Visual Editor because you've added stuff that it can't show.
However, I just tried it myself (and Googled) and realize the Markdown card cannot use actions.

[jade tendon]

oh well

[jade tendon]

Question in the markdown, can you use the name of an entity?

like i have a area slaapkamer, but when i change the name can i make it that it also changes?

[tribal galleon]

All is not lost. You can use the same concept used with the Markdown and use a different card (if you want the tap_action). I use custom:button-cards for most of my stuff. With the right styling, you can make it look (and usually do) whatever you want.
This is a custom:button-card showing two sensors:

[jade tendon]

ah

that card can also do prob the same

showing the name of the area

[tribal galleon]

More than likely but it would rely on templating to get the information that you want to show.
First example shows a state and the second shows an attribute: ```yaml

• type: markdown
  content: '{{ states("input_select.navigation_test_variable") }}'
• type: markdown
  content: '{{ state_attr("timer.automation_auto_office_lights", "remaining") }}'```

[jade tendon]

it doesnt like the -type

[tribal galleon]

Those examples are individual cards. Not intended to be added into the custom:button-card. Also, the templates shown, won't work in the custom:button-card because it uses JavaScript while most of other cards (if they can use templates) use Jinja.
Delete Line 1, remove the hyphen on line 2 and "de-indent" lines 2-3

[jade tendon]

- type: markdown
  content: {{ states("input_select.navigation_test_variable") }}

so like that

[tribal galleon]

If you're adding it as a new card, yaml type: markdown content: {{ states("input_select.navigation_test_variable") }}

[jade tendon]

but i need to use the custom-card right ?

to get the tap-action working

[tribal galleon]

Yes, but those examples were just showing that getting a state or attribute with a Markdown can be done. They have nothing to do with the custom:button-card.

[jade tendon]

ok but how to fix this then ?

because i can do name: on a button card, but i keep the boarders

first of all the text is ugly

and i have those boarders

[tribal galleon]

Try addingyaml styles: card: - font-size: 50px - height: 65px - border: none - background: transparent - color: red - font-family: scripthttps://github.com/custom-cards/button-card#styles

[jade tendon]

oeh

aswome

and it works

type: custom:button-card
tap_action:
  action: navigate
  navigation_path: /lovelace/slaapkamer
name: Slaapkamer
styles:
  card:
    - font-size: 50px
    - height: 65px
    - border: none
    - background: transparent
    - color: White
    - font-family: script

for any1 who wants to grab the same

Change
Name: (To the name you want)
navigation_path: (To the path you want)

[tribal galleon]

You must not have the script font on your system. It must have defaulted to something else.

[jade tendon]

dunno what it is, but its something diffrent

because when i change it to default

kinda ugly

dunno what font s is

its litterly everything else except default

if i change it to r e h j

it al changes in to that font

[tribal galleon]

It seems to be working with whatever font I throw at it (found in C:\Windows\fonts) on Firefox.

Try arial, tahoma, terminal, courier, or calibri (think those are pretty common ones)

[jade tendon]

yea it changes

[jade tendon]

tbh i like this 1

XD

[tribal galleon]

First result when I tried to detect the font is Times New Roman.

[jade tendon]

yea it is

Awsome it works like a charm thx allot @tribal galleon

i can even add cards to it

[tribal galleon]

The custom:button-card is probably, IMO, the most powerful card out there. Just remember that it supports JavaScript and not Jinja for templating. Understanding configuration templates (different from templates mentioned a moment ago) allows you to define how cards will look without having to repeat your code for each one. Makes updates and changes a lot quicker and yaml easier to read.

[jade tendon]

yea thing is i only started 1 month ago with HASS, and there is soooo much to learn

[tribal galleon]

I've been using it for years; still learning.

[jade tendon]

like i also have a entity (Me)
And when i go to bed i want my state changed to sleeping

still dont know how i do that

Like i need to give that custom state somehow

how, dunno still figuring it out

[tribal galleon]

For something like that, you would probably need to create a custom entity. I don't think you would be able to incorporate that into the standard person entity. I'm sure you can develop an "activity sensor". Like, if you're at work, your state could be "Working". If you have one of those bed sensors, you're in bed, and the time is after midnight, you could be "Sleeping". #templates-archived is going to be a better place to get help with that.

[rocky hinge]

why is there in automations for numeric status a option for how long it has to stay above or below a number, at the trigger level. but at the condition level, there is no option to define how long.

the YAML editor does not accept "for", in the condition either.

seems like something to fix.

is there a way to circumvent this?

[vast crane]

I think it's actually intended to be this way, there's like an architectural reason I forgot why for would not work in the condition.

The backend doesn't support it either.

[tribal galleon]

You can probably do it but it will require a template of some sort to get it to work. While not directly related to your question this is a condtion that I use for one of my automations. yaml {{ is_state('input_boolean.automation_auto_bathroom_lights', 'off') and (now() - states.input_boolean.automation_auto_bathroom_lights.last_changed).total_seconds() < 10 }}#automations-archived would be able to better help.

[vast crane]

That only really works with a boolean or a single state though, it wouldn't work for numeric state.
Since the state could be frequently changing, but still above the threshold.

So the last_changed value is not really relevant for numeric_state.

[rocky hinge]

ok il ask there as my next question would be how to fix it in the automation

thanks. really frustrating though, stuff like that

it seems so incredibly simple

[vast crane]

the way to solve this is create a template boolean that is true/false based on the condition being true. Then you can check how long that has been true.

[tribal galleon]

karwosts would a "persistence" entity work for something like that. Like it could "keep track" of a certain amount of previous values or something?

[vast crane]

I can't really speculate on that. I'm sure it could be solved, but it just doesn't really fit with how the state machine currently works.
The solution is to use a template, even if slightly unweildy.

The only things in the state machine are: what is the current state, and how long has it been that. There's no easy way to look back across many state changes and see if they were all above or below the numeric state condition. You'd have to hit the recorder for that I guess.

[tribal galleon]

So the sensor would go true if above the certain state; back to false when below. With each state change, if the sensor remained high, the input_boolean would still be true. Then the last_changed could come into play, say after 5 minutes, then that would signify the state has been high for five minutes straight.

[rocky hinge]

really annoying

cant understand why this cant be fixed

seems so simple. if x amount then go/continue/execute

[tribal galleon]

Well, it can but you're adding a time threshold to it which like karwosts was saying, is the issue.

[rocky hinge]

why is it a issue

[golden mist]

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

[tribal galleon]

because that is not how the number entity functions. It is mean to just give the number. Not the numbers for the last five minutes.

[fierce iris]

is it possible to have any animated weather-card which has a transparent background? Basically only picture of clouds or sun and the temperature, no or transparent background... I tried many cards and i couldn`t get the background away, no css or card mod was working for me

[tribal galleon]

is it possible to have any animated

[golden mirage]

Hi,
How can I have an icon in Secondary in mushroom card like image.
Thank!

[lost epoch]

Hello, does Markdown card support script tags (i.e. Javascript inside)? The doc says it uses Marked.js, it supports markdown 0.30, script support is there - https://spec.commonmark.org/0.30/#example-170. But in my case it just displays the tag.

[crisp zephyr]

Who can see the accounts on the login page? Can ppl connecting to my outfacing HA see those? Seems unsafe

https://imgur.com/rcQkzEs.png

[fierce galleon]

Hi Getting this on a few cards that normally work. Visual editor is not supported for this configuration:
s.entries is not a function. This is without formatting the card in anyway.

[willow garden]

You could use a tile card and set the action to "navigate", then you need a separate (hidden) dashboard with a history card on it where you can navigate to.

[crisp zephyr]

Apparently they can't see them. Still feel needs a toggle setting.

[vapid field]

hi there, how can we activate yaml mode?

i'm having some troubles with honeycomb buttons

and maybe is because i'm using UI mode instead of yaml mode

[dapper birch]

I finally managed to get it working by creating a template sensor as you described, and since my value wasn't the current time I had to modify it to be

{{ as_timestamp(states('sensor.my_sensor_value'))| timestamp_custom('%I:%M %p') }}

[wise apex]

is there a way to get the old thernastat card back? cause this new one is not usable at all

[vast crane]

not unless someone re-releases it as a custom card.

[shell moss]

Hey yall! Does anyone know of a way to "invert" the % slider on a Roller Shutter Tile? Right now 0% is fully open and 100% is fully closed wich really pisses me off.

And before anyone asks, no, the slider does not follow the entity settings

[thin nebula]

Hi!
I was using Mushroom for frontend, but I'm not able to get how can I arrange the cards for full screen view? The cards are not covering the full screen. Please help me with this. Thanks.

[exotic stirrup]

Can someone explain to me why this won't work
I try to change display attribute in the .vacuum css class.

I tried it with this code
- type: "custom:vacuum-card" entity: vacuum.nobby styles: | .vacuum { display: none; }

[tacit cave]

well the class name is vacuum docked

[exotic stirrup]

I want to change this class

I tried changing it in the .js file but that does not seem to update

[tacit cave]

pick an element in chrome dev tools, right click and select copy js path

find ha-card and delete everything before that, and post the result here

or just post the result here

[exotic stirrup]

ha-card > div.preview > img

[tacit cave]

that doesn't look like the selector

it should lok like this

document.querySelector("body > home-assistant").shadowRoot.querySelector("home-assistant-main").shadowRoot.querySelector("ha-drawer > partial-panel-resolver > ha-panel-lovelace").shadowRoot.querySelector("hui-root").shadowRoot.querySelector("#view > hui-view > hui-masonry-view").shadowRoot.querySelector("#columns > div > hui-vertical-stack-card").shadowRoot.querySelector("#root > hui-vertical-stack-card").shadowRoot.querySelector("#root > hui-horizontal-stack-card:nth-child(1)").shadowRoot.querySelector("#root > button-card:nth-child(3)").shadowRoot.querySelector("#icon")

[exotic stirrup]

Full path is this
document.querySelector("body > home-assistant").shadowRoot.querySelector("home-assistant-main").shadowRoot.querySelector("ha-drawer > partial-panel-resolver > ha-panel-lovelace").shadowRoot.querySelector("hui-root").shadowRoot.querySelector("#view > hui-view > masonry-layout").shadowRoot.querySelector("#columns > div > hui-vertical-stack-card:nth-child(3)").shadowRoot.querySelector("#root > vacuum-card").shadowRoot.querySelector("ha-card > div.preview > img")

[tacit cave]

try

  style: |
    img {
      display: null;
    }

or div.preview img

[exotic stirrup]

nope both don't change a thing

I should've just need to refresh the dashboard right

[stiff cipher]

tried google, but haven't had much luck. is there a way to get it to where my calendar just lists the events as text?

something similar to how this guy set his up?

[vague escarp]

I've tried using spotify on media cards in a view but i really can't get along with it, I much prefer to use the music assistant UI from my side bar. Only trouble is, on my tablet dashboard I want to completely hide the dashboard & move the music assistant icon to the top bar as a view. is it possible to shift the side bar buttons to the top bar amongst the other views?

[main sundial]

Is there a way to bring the entity view for lights into a card in lovelace? It's so nice to use

[kind wren]

Does anyone know if I can pass variabies to a script from a front end card tap action

[vast crane]

sorry misread that

when you say "variables", what do you mean exactly?

scripts have fields, and you can pass fields to the script as part of the tap action.

[kind wren]

lol I mean variables.

https://www.home-assistant.io/docs/scripts/#variables

[vast crane]

I think you mean to use fields, not variables.

actually maybe they are the same thing. this doc is kind of confusing.

[kind wren]

Sounds like maybe they are from what you’re saying but I’ve only ever heard people refer to variables and that’s all I’ve used. They can also be dynamically defined with templating

[vast crane]

Did you try just following this example?
https://www.home-assistant.io/integrations/script/#passing-variables-to-scripts

[kind wren]

I have passed variables to scripts. I just haven’t tried from the front end

[vast crane]

I've done things like this in a tap action

        type: button
        tap_action:
          action: call-service
          service: script.script_cardio_decrement_custom
          target: {}
          data:
            minutes: 30

[kind wren]

I don’t really like the climate card options. So I want to make a custom card and will need a “temperature up” button and “temperature down” button. This will need to call a script to perform the action because I can’t template in the tap action

So I need to pass along to the script (hopefully dynamically) which entity to control based on which card is being pressed.

[vast crane]

Looked at tile card climate? That's another more compact option with up/down buttons.

[kind wren]

yeah still not what i wanted

the bigger trick is if i can figure out how to let it dynamically figure out which entity i'm controlling but i'm not 100% on that yet. was using mushroom chips cards, but they don't have to be pegged to an entity so i may need a different card

[tribal galleon]

This was just a proof-of-concept to see if it could be done. Note the tap_action at the bottom. (This was also done with a custom:button-card. In theory, you could pass variables in the data: section to your script. ```yaml
type: vertical-stack
title: Tap navigate based on variable from entity
cards:

• type: entities
  entities:
  • input_select.navigation_test_variable
• type: custom:button-card
  entity: input_select.navigation_test_variable
  size: 25px
  name: '[[[ return entity.state ]]]'
  tap_action:
  action: navigate
  navigation_path: '[[[ return entity.state ]]]'```

[vast crane]

When you say "make a custom card" do you mean like an actual custom card with javascript and all that?

if that's the case you wouldn't really need to call any script.

[kind wren]

no just customize with vertical stack in card etc.. make buttons etc

i need buttons for fan strenght for the aircons.. the climate cards focus on temperature being displayed

[kind wren]

nice! thank you

i'll mess with button card i think this is what i need so its tied to an entity

[fading musk]

hi does anyone have examples of javascript for tap_action?

I am trying to set the tap_action of the custom button to call services based on state of an entity

e.g. if the state of the curtain is open, then call service to close the curtain. if the curtain is closed then call service to open the curtain

[dark dirge]

Won't toggle work?

Otherwise, call a script

[fading musk]

Can I have an example of a code?

[dark dirge]

?

[fading musk]

like for example:

tap_action: action: call-service service: | [[[ if (states["switch.bath1_fan_sw_l2"].state == "on"){ return "blue"; } else if ((states["switch.bath1_fan_sw_l2"].state == "off"){ return "white"; } else { return "yellow"; ]]]

[dark dirge]

That's neither of my suggestions

[fading musk]

actually its a logic based button. i.e. just one button to call different services based on the state of an entity

[dark dirge]

Call a script, decide there

You can't just put JavaScript there

[fading musk]

how will the script know whether the curtain is open or closed?

[dark dirge]

How would you know?

[fading musk]

from the state of my curtain

[dark dirge]

Then, that

[fading musk]

so there's no way to use javascript in tap_action?

[silk wadi]

Is there a way to move the icon to be next go the value in the Glance card? I'm trying to conserve space

[silk wadi]

Ok I found multiple entity row: https://github.com/benct/lovelace-multiple-entity-row

[main sundial]

Bumping this? 😅

[tribal galleon]

I haven't used it to determine the service, but I have used JavaScript (and Jinja) in actions for a card (primarily for determining the entity to be targeted). In fact, I posted one example before your conversation earlier; scroll up. It may not work in stock HA cards but it (potentially) can work in custom:button-cards and Mushroom Template Cards. I will post a couple more examples when I get home from work but that won't be for several hours.

[vapid field]

hi there guys, I have installed honeycomb menu through UI and I have configured some buttoms but they are not showing up

[golden mist]

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

[fiery ledge]

did you try the more-info card by Thomas?

[main sundial]

I did not, that looks very promising!

Yes that's exactly what I was looking for, thanks a lot @fiery ledge !

[tribal galleon]

I completely forgot about that card. I just recommended it to someone else a couple of days ago for a similar question too.

[polar kelp]

Still can't believe that still works

That's what you get for only using documented functionality, I guess...

[tribal galleon]

I remember noticing that it hasn't been updated in a while. Was afraid to recommend it but it seems to still be working well.

[main sundial]

I mean, my setup is quite old, I still have custom HACS stuff for when HASS didn't even have horizontal/vertical stacking capabilities

Follow-up question - do you have any tips/inspiration for making a front-end that's also convinient to use on the mobile app?

This is my current inspiration - https://github.com/Clooos/Bubble-Card - but I'm wondering if there's something more built-in 🤔
That guy also had a new minimalist example of his own dashboard, but he also said he no longers maintains that view.

[zenith stag]

Custom Layout Card with Media Queries will let you have the most control instead of having to guess/hope it works on different views

[fiery ledge]

ye me too, but as Thomas said, only documentead features. We might be able to not show the toggle atop, and make it an exact copy of the current more-info. The toggle seems a bit superflous now we have that same button in the controls below the slider

[main sundial]

I've tried that, it works nicely when the cards themselves are small enough - it does not resize the cards to fit in place, just the columns/rows.

So it's definitely a good element to have, but I'm looking for cards/frontend elements that are directed at mobile view

[tacit cave]

Yeah, Sorry, I'm not great at the selectors.

[zenith stag]

ah ok. I use it with custom-button card mostly and using min-content and height: 100%, the cards and/or the grid is always ajdusted. So there are never any gaps or too big/small card anywhere. But might not be so easy with other/stock cards then :/

@main sundial just to give you an idea

[acoustic ore]

I used the "Always hide the sidebar" for the user but now I have not idea how to turn it back on again

[vast crane]

There should be an icon in top left to pull out the sidebar? Three horizontal lines. Once you do that click on the last item for the profile settings.

[acoustic ore]

It's not there

[vast crane]

ok well you got some custom resource UI thing going on that deleted it. it's part of the top navigation bar

if nothing else you can go to <url>/profile to open the user settings page.

Or type c for the navigation overlay, and then type/select "Profile"

[acoustic ore]

the url/profile worked but it looks like your right I do have some custom thing enable because it's not checked... No to try and remember what I did... Thanks

don't suppose you remember what I did. LOL

[halcyon laurel]

Has a way to have a ring camera live feed been devised yet?

[vast crane]

Maybe something with fully kiosk? idk

[tribal galleon]

@halcyon laurel That's not something FKB would do but Kiosk Mode might. Try adding ?disable_km to the end of the path in the address bar.

Or Browser Mod can do it too, but I haven't used its capability to hide the header.

[tacit cave]

think you replied to the wrong guy

[halcyon laurel]

I'm sorry I don't understand how kiosk mode can display a live feed. I don't just mean the camera card -- I've set that up through Ring MQTT, but it still just does a snapshot and it's delayed. I'm trying to get a live feed to show when the doorbell is pressed.

[acoustic ore]

they are replying to me

ugh. I don't remember what the heck I did. I did have Kiosk Mode installed but I removed it and checking the raw view and I don't see anything for kiosk_mode. If I restart HA the sidebar will show up for a while and then disappear again.

[tacit cave]

how old is your HA?

[acoustic ore]

Current version 2023.12.1

[vast crane]

Check Dashboards->Resources and make sure you don't have anything lingering there for things you removed

[tacit cave]

it's gotta be card-mod, right?

custom header was deprecated in 2020ish

I don't reemember anything that replaced it

[tribal galleon]

@halcyon laurel sorry about that. Meant to tag @acoustic ore . Working outside and kind of cold. Misclicked the user.

[halcyon laurel]

No worries!

[acoustic ore]

I don't think it's card-mod. As I don't think you can do that per user in card mod. Maybe I did it in Browser mod...

[vapid field]

Hi everyone 🙂

[acoustic ore]

Son of a Gun. It's BrowserMod. Thanks everyone for the suggestions and help. @tribal galleon you got it. Thanks a bunch

[vapid field]

Im currently trying to integrate rss-feeds into my HA and sucessfully added thegpodder via HACS - but unfortunalty I gezt an errro500 / overload when registering at https://gpodder.net/register/ => do you also get this error? can I use an alternate service for install a gpodder locally ?

[main sundial]

Thanks! As mentioned, I'm already using that, but the cards themselves aren't resized (or they end up being that 1 card takes the entire mobile screen, and the columns are collapsed into rows).

[fiery ledge]

I’ve got it all covered with card-mod And the magnificent Kiosk-mode

And more.

[tribal galleon]

The original Kiosk Mode stopped being developed a few years back but a new Dev took over development with their own fork.

Was on the doc earlier today and realized he had added some stuff that I hadn't noticed before.

[lean prairie]

Good morning, I want to make a home assistant server and smart control panel soon. I'm gonna use a HP T520 Flexible thin client for this and a samsung tab 4 10.1 as a smart control panel. I also want a nice dashboard and came across this https://community.home-assistant.io/t/homeplay-a-wall-tablet-dashboard-update-version-2-2-0-aug-2023/551973. But i still can't figure out how to set it up even after reading the guide, is there any tutorial or detailed guide for this specific dashboard? I'm asking this question in advance

[honest fable]

Is sensor display precision not applied to all the GUI cards?

[vast crane]

it's per card. and it's up to whatever custom card you're using to respect it.

the main frontend cards will use the precision, but I can't comment on what custom cards will do.

[tribal galleon]

Just reading over that article is not going to make any sense to you until you start working with Home Assistant and designing your own dashboard. You're not going to find a specific tutorial or guide for that dashboard; everyone's set up is going to be different. Honestly, the author put a lot of information in that article. He mentions his hardware, describes the layout configuration, links to the custom cards he uses, and there's even more useful stuff in his Github. Everything with Home Assistant is just a matter of taking baby-steps and learning as you go.

[honest fable]

Indeed. Thank you. About time I switch to Mushroom cards.

[tribal galleon]

@honest fable It might be a fair assumption that the custom:banner-card has been abandoned. Precision for sensors #150 was posted over a year ago, but (now that I've scrolled to the bottom of the page), I'm assuming you've already seen it. 😉

[golden mist]

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

[gloomy iris]

Nevermind, made a mistake 🫣

But does anybody know if there is an "easy" way to make the font of the name smaller?

type: custom:auto-entities
card:
  type: grid
  columns: 2
card_param: cards
filter:
  include:
    - entity_id: climate.eq3*
      options:
        type: thermostat
sort:
  method: friendly_name

Some names fit, some don't

Ah, cannot paste a picture

[golden mist]

Please use imgur or other image sharing web sites, and share the link here.

Image posting is blocked in most channels to discourage people from sharing text as images. Sharing text as images assumes that everybody sees the world as you do, which isn't the case. Some people are colour blind, or have visual impairment that means they can't make sense of an image of text.

[gloomy iris]

[digital swallow]

Discord uses markdown but there's no need to obfuscate the link. People should be able to post pictures here, btw.
Triggering the bot was just a reflex to your cannot paste a picture as it's so common in other channels where it's not allowed.

[tacit cave]

Odd, you should be able to post photos here.

You using a browser or the application on a desktop?

[halcyon laurel]

Is it possible to use Browser Mod with a nest hub that I’m casting a dashboard to via CATT?

[halcyon laurel]

What I’m trying to accomplish, overall, is to have that device navigate to a different view on the dashboard that’s being cast based on a trigger

[fading musk]

Thanks! I am following Robc's script suggestion and that works for me!

[frosty flower]

in theold browser mod, a toast, or "notifcation" as its called now, would cause my mobile device to vibrate, but it doesnt seem to do that now, is th3ere a wy to make it do that?

[tribal galleon]

@kind wren Using a custom:button-card, I was able to write a small piece of JavaScript to determine a service to be called in an action. Writing similar code in Jinja did not work using a Mushroom Template Card. (Both cards, however, accepted code for the entity_id of the action.)

type: custom:button-card
name: custom:button-card
show_label: true
label: '[[[ return variables.var_service ]]]'
variables:
  var_service: |
    [[[ if (states['input_boolean.tester'].state == 'on') return 'light.toggle';
      else return 'light.turn_off'
    ]]]
tap_action:
  action: call-service
  service: '[[[ return variables.var_service ]]]'
  target:
    entity_id: light.living_room_lights```

[fading musk]

nice! I try this! it does help to have it in one place rather than to create a script for each button.

Thanks!

I did find something in the forums: https://community.home-assistant.io/t/how-to-call-a-tap-action-navigate-action-from-a-script/464930/3

but I dont understand the code there

[tribal galleon]

If you plan on using the custom:button-card to each button, I would suggest making a configuration template that it can reference. You can add another variable (such as var_entity) to put into the var_service variable. (Note: this new entity needs to be before var_service alphabetically in order for it to work.)

[tribal galleon]

So, that is something that I recently came across in a different post. Custom button - 2 actions under 1 tap I haven't had a chance to play with it, but, I think its usefulness is if you're wanting to call two different services (such as light.turn_on and switch.turn_on) without having to use a script.

[fading musk]

yes thats what Im trying to do. control my blinds from 1 single button. so there is some logic to it. e.g. if the blind is fully opened> close the blind. If the blind is fully closed > open the blind. IF its in the middle somewhere then depending on whether it is above or below the mid point, then open/ close accordingly.

else I would have to use the hold action and d-tap action and that would add some issues with my not so advanced users

[tribal galleon]

You wouldn't need to use the examples from the links that we each just posted. Your logic is going to come from the IF statement in the var_service. You just need to re-write that based on the state of the blinds and pass the appropriate service using the same logic you just mentioned.

[fading musk]

yes, I believe your example would be good enough, Thank you!

I haven't gone to learning about configuration templates yet. right now I basically editing the buttons on a text file.

[tribal galleon]

I'm running Demo Mode in HA and have a couple of cover entities. I notice the state is open/closed but there is an attribute for current_position. The example code would have to be modified to be able to read the attribute instead of the state.

[fading musk]

yes for e.g. (states['cover.hall_cover'].attributes.position < "100")

[tribal galleon]

Bad example. That one didn't have a position. This one does.

[fading musk]

mine does

[tribal galleon]

Probably something more like yaml (parseInt(states['cover.hall_cover'].attributes.position) < 100)

[fading musk]

what is parseInt for?

[tribal galleon]

converts a string into an integer.

[fading musk]

ah, so I dont have to use the ""?

[golden mist]

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

[tribal galleon]

has something to do with comparisons (greater-than/less-than). Strings can be "matched" but not compared. Something like that. Sometimes it is not needed but I tend to include it to ensure the code works the way I want.

[gloomy iris]

Android app on mobile phone. But not really the issue I am focused on 😃

[tribal galleon]

Dynamic cover button

[vapid field]

So gpodder is facing login / Outage / data space / 500 issues a long back as january last year & it still does not work as of this. Is there any way to support solve or work around this? can I host & use a server locally? Was not alone on the search for it (see here: https://github.com/custom-components/gpodder/issues/24) => Any otherworking plugin/ solution /workaround anyone can suggest for using an rss feed in HA ? THANK YOU 🙂

[vapid field]

hi there, i want to add like an extra panel to my picture-elements card where will show up my battery level sensors

and i want to add something like this

[kind wren]

thanks for this. its slightly different than what i was doing as i need to somehow dynamically get the entity id. i'm changing fan speed or temperature on an aircon, and hope i can dynamically get the entity id from the card, rather than manually key but i can do that if all else fails

[tribal galleon]

Check out the thread where a couple of us were talking about the example. You might be able to adapt some of the information in there for what you need. https://discord.com/channels/330944238910963714/1184380429432791091

[kind wren]

this! thank you!

[torn python]

Can I trigger an automation from the front-end, like the "run" button on the Automations page does?

[vast crane]

You can call the automation.trigger service.

[tepid sleet]

Hi, I'm folowing this guide the create my own card. https://developers.home-assistant.io/docs/frontend/custom-ui/custom-card/ .. and i have tied /homeassistant/www/ isted of /config/www. but i get 404 when i try to retrive the file. Its a new installed HA.

[timid beacon]

"Add a resource to your dashboard configuration with URL /local/content-card-example.js and type module (resource docs)."
Did you do this?

Only other thing I can think is to do a hard refresh

[polar kelp]

Just remember that automation.trigger ignores any conditions and runs the automation no matter what.

[torn python]

That is fine with this one, it has no conditions

[polar kelp]

Good. It's the kind of thing that can bite you hard if you're not aware.

[tribal galleon]

I was not aware of that especially if the conditions are used as a means of "preventing" the automation....

[vast crane]

There's a lot of confusing use of the word "trigger". E.g. "Last Triggered" also means the last time it ran, not the last time it was simply triggered and then not run.

[tender wind]

Is there any way to add a date range picker (day/week/month/year/custom) to a statistics graph card?

[vast crane]

no

you'd have to look for a custom card that supports that.

[tender wind]

Ok thanks, unfortunately. Would be great to have that on the stock statistics graph card available. Same as fill or gradient options 😃

[dreamy roost]

hi guys, I can't figure out something here.
I'm using HASS.Agent on my Windows PC and I'd like to add a button that shows the state of an entity called "lastboot", but does the action of an entity called "restart" upon single press

I have the following as a card right now. It shows correctly, but it doesn't work upon pressing. The "restart" entity fires correctly if go fire that directly

[golden mist]

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

[dreamy roost]

this is how it looks: https://imgur.com/a/dSl7fhX

figured it out ..was missing "call-service"

[slate mesa]

Looking to display the status of an active timer on a button card in MM:SS , can't seem to get the examples I found on home-assistant.io to work. If I click on the settings/helpers/timer the more info, that displays what I want to show in a button

[gloomy iris]

Does auto-entities support templating in the options that are passed to a card?
I wanted to pass the entities' areas as names but could not get it to work.
So either I am doing it wrong (not unlikely) or it is not possible.

[tacit cave]

yes

pretty sure you and I worked through this before

like, 99% sure we did

99.9999999%

[devout socket]

That's a high percentage

[tacit cave]

I'm looking through history, it might have been someone else with a similiar name

[slate mesa]

We worked through displaying the variable from ISY, I am creating timer in HA and looking at your post on https://community.home-assistant.io/t/display-remaining-seconds-of-timer-in-frontend/119835/39

[tacit cave]

note, found it -> #templates-archived message, it was @gloomy iris

[slate mesa]

I tried it in the legacy template format and the modern format, both say unavailable

[tacit cave]

that's old

so you just want a timer that updates every second in the UI?

if yes, that's doable but not suggested

is it goign to be above 24 hours?

[slate mesa]

No

[drifting bough]

hi, I wanted to give some feedback about the new thermostat design, is this the right place?

[tacit cave]

template:
- trigger:
  - platform: time_pattern
    seconds: '/1'
  sensor:
  - name: Countdown
    state: >
      {{ state_attr('timer.test', 'finishes_at') | as_datetime - now().replace(microsecond=0) }}
    availability: >
      {{ state_attr('timer.test', 'finishes_at') is not none }}

@slate mesa ^

[vast crane]

https://github.com/home-assistant/frontend/discussions would be best.

[tacit cave]

@slate mesa that work?

FYI, i recommend excluding that entity from your database

[slate mesa]

playing with it, seems to be. I am trying to hide the unavailable.

How do I do that?

[golden mist]

Recorder

Instructions on how to configure the data recorder for Home Assistant.

Quality scale

:house: Internal

IoT Class

Local Push

Integration type

system

Documentation

View the documentation

Source

View the source on GitHub

Issues

View known issues

[tacit cave]

via recorder ^

[slate mesa]

so this will exclude just that sensor:

  exclude:
    entities:
      - sensor.bathroom_light_end```

Prob going to drop that to recorder.yaml, I have some other stuff that should be in there too

[tacit cave]

yah

to get rid of unavailable...

[dark dirge]

Some frontend UI for that would be really nice. We lost the ability to use History to see the entities that toggle a lot (almost the only thing I use(d) that screen for), and excluding things from the database is a pretty techy thing right now

[tacit cave]

template:
- trigger:
  - platform: time_pattern
    seconds: '/1'
  sensor:
  - name: Countdown
    state: >
      {% set end = state_attr('timer.test', 'finishes_at') %}
      {% if end is not none %}
        {{ end | as_datetime - now().replace(microsecond=0) }}
      {% else %}
        No Timer
      {% endif %}

[dark dirge]

some way to identify what should be excluded or what should be recorded in the "entity" list, perhaps

[tacit cave]

@slate mesa ^

[tacit cave]

yeah, it would for sure

paging @vast crane

[dark dirge]

I want to know a) what is bloating my database with frequent, useless state changes and b) kill them with fire quickly and easily

even a warning in the log might be useful

as often folks are annoyed at how long backups take to restore and how big they are, and it's often due to the database

[tacit cave]

it's always the database

well, probably not always

[dark dirge]

sometimes it's the logs

but I think that got better when the debug logger level was changed from "debug"

[tacit cave]

that whole aspect needs a indication, I made a comment years ago on the forums about "feel free to add the functionality" about implementing a backup status

and I still get weekly pings from people hating that comment

[livid sphinx]

Did you find an answer to this issue?

[fierce galleon]

No the issue still remains

[livid sphinx]

Did this start with 2023.12.1?

[fierce galleon]

No. I just realised it when the certain card was updated to include visual editor.

[livid sphinx]

Are you by chance using a mac, or using nuc?

[fierce galleon]

Both.

[slate mesa]

{{ state_attr('timer.bathroom_light', 'finishes_at') is not none }} doesn't seem to work, still says unavailable, with that condition it's False when it's not timing

[tacit cave]

right

that's the goal

cause the timer isn't running

i.e. it's not available

if you don't want unavailable ever, use the second template I posted

[tribal galleon]

@slate mesa I'll have to get the code for you this evening but there is one stock card that is capable of showing the timer countdown in realtime. I was able to embed it into a custom: button-card. It is hidden (with the use of a conditional card) when the timer is not running.
I believe I posted some of the information in here. Think karwosts helped me with it.

@slate mesa not the code but where I mentioned it with a screenshot #1167984195545595934 message

[slate mesa]

I need some of those cards in my life 🤩

[stiff cipher]

how would i go about changing the state colors of the glance card? i've got card mod installed, but not sure what style entries would be required

i see these states when i inspect them, but not sure how to translate that to card-mod styles

[stiff cipher]

nevermind, just got it figured out

[fallen oar]

quick question: does anyone know if there is a card (hacs or standard) that allows more user friendly input of datetime entities on touchscreens? The default card works fine for me in the date part, but the time needs a keyboard. Something similar to how Google Calendar app on Android works (with pseudoanalog clock) would be awesome

[solar venture]

is it possible to hide the entity friendly name in the apexcharts-card ?

[compact pebble]

I have two Unifi devices that have an update entity, restart button, and an update entity, What is the best way to have a card that displays this info neatly with a little picture of the device on the left?

[gloomy iris]

Of course, why did I not think of that?
But I think that helpers template does not know areas.

[tribal galleon]

I have more card_mod stuff for the Glance card. Changing fonts, sizes, different icons with animations for states.
EDIT: Actually, I already have a good bit of it posted in a thread that I linked to earlier today. https://discord.com/channels/330944238910963714/1167984195545595934

[gloomy iris]

Hmmm, trying to transfer the previous work to the thermostat card but thermostat card of course has different parameters/options so I am not quite sure how to correctly transfer (especially since it does not offer a "series" option by default.

[golden mist]

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

[tacit cave]

area_entities

[solar venture]

what is the name of this card? https://community-assets.home-assistant.io/original/4X/e/7/2/e7200570f63297ce34d41e356d9a4b2e09893824.png

[compact pebble]

Looks like the built in gauge card

[slate mesa]

Can you cycle through icons like the clock ones, mdi:clock-time-one-outline, mdi:clock-time-two-outline, mdi:clock-time-three-outline in a custom button card rather than spinning the icon?

[solar venture]

yes, it is, thanks

[gloomy iris]

isn't that just for filtering/piping?
So area_entities('Living Room') to filter out entities.
But not to show the area name of a given entity?

[gloomy iris]

Found it: area_name()

{% set ns = namespace(list=[]) %}  

        {% for item in states.climate | selectattr('entity_id', 'search', 'eq3', ignorecase=True) %}
          {% set ns.list = ns.list + [ item ] %}
        {% endfor %}
      
      {% set merged = namespace(items=[]) %} {% for item in ns.list %} {{
    area_name(item.entity_id) }} {%- endfor %}  

[gloomy iris]

But Ido not understand why I am getting no card type configured

[golden mist]

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

[tribal galleon]

@gloomy iris Even though you have the layout card defined, you don't have a card type defined for the entities to be shown in.

[gloomy iris]

But type is "thermostat"... or so I thought

Layout cardis being used together with dashboard options:

grid-template-columns: auto auto 30%
grid-template-rows: auto
grid-template-areas: |
  "main main sidebar"
mediaquery:
  "(max-width: 1000px)":
    grid-template-columns: auto
    grid-template-areas: |
      "sidebar"
      "main"
  "(max-width: 1600px)":
    grid-template-columns: auto auto 40%
    grid-template-rows: auto
    grid-template-areas: |
      "main main sidebar"

[tribal galleon]

I think that is just for the list that it generates to put into a card. Posted example in thread above.
EDIT: Re-read the whole code. I see what you're saying now. Not sure how to make it work with a template though.

[gloomy iris]

I am wondering if I somehow messed up thr namespace because I am getting one long string rather than a list.

{% set ns = namespace(list=[]) %}  

        {% for item in states.climate | selectattr('entity_id', 'search', 'eq3', ignorecase=True) | list %}
          {% set ns.list = ns.list + [ item ] %}
        {% endfor %}
        
    {% for item in ns.list -%}
      {{ item.entity_id }}
    {%- endfor %}

[golden mist]

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

[gloomy iris]

Sorry, conversion to text -.-

[golden mist]

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

[gloomy iris]

gives

Specify an entity from within the climate domain
cards: []
type: thermostat```

[tribal galleon]

Post in the thread we were using. Less restrictive in threads.

[compact pebble]

Recommended Card for Unifi Devices

[gloomy iris]

Thanks to @tribal galleon for his testing help I now have found the solution.
The card that is being populated must not be the thermostat card as it only accepts one entity.
But when I use grid card with thermostat cards I get it to work

[golden mist]

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

[pearl locust]

Is it possible to make it so a button card when long pressed opens up a entity panel with multiple entities?

[pearl locust]

I have many different lights in a single room that I want to be able to turn on and off with a single button in the web panel but when I long press It opens a panel so I can individually control each light.

[tribal galleon]

I use browser mod to make a pop up and use it exactly for what you're wanting to do. Tapping toggles the room group; holding brings up the pop up where each light is listed with individual sliders for brightness.

[vast crane]

If you make a sub-view, you can set the hold action to navigate to the sub-view.

[tribal galleon]

But sub-views aren't cool. Pop-ups are cool. 😛

[jagged trellis]

Trying to enable 2fa external to my network and direct access from my internal network. Does my configuration.xml look correct? https://dpaste.org/6sRGh

[golden mirage]

Hi,
How to add animation for icon of chip card in mushroom
Thanks

[hard blaze]

@pearl locust i use bubble card as a popup, and works perfectly for me. I use it in all rooms with more then 1 area / zond

[zenith stag]

Smart Home Junkie has a tutorial on Youtube 👍🏼

[golden mirage]

thanks

[hard blaze]

@zenith stag i like your dashboard 🙂 i forgot to tell you last time it looked pretty nice 🙂

[remote glen]

Hi, is it possible to have a history graph with only one value of the entity provides 2 numeric values?
See #general-archived message for more context

[zenith stag]

why thank you 🙂

[tall dragon]

looking at the main dashboard and wondering whether I have a good way to visually separate upstairs and downstairs. so far I have ordered my rooms logically, but the order I specify is then seemingly disregarded and a the boxes are floated onto the page

I guess it doesn't help that the boxes are all differently sized

doesn't make for an easy automatic layout

[hard blaze]

I seperate my floors with swiping left to right.

So i have 1st floor as "main", and swipe right i get into the 2nd floor.

[tall dragon]

so there's a way to add a second page somehow

[hard blaze]

are you using the dashboard that HA automatically makes?

[tall dragon]

it all fits on one page but having a solid divider between downstairs and upstairs would be logical

yeah

[hard blaze]

You can create your own, and add as many pages as you want 🙂 depends on how much manual work you want to do

[tall dragon]

yeah

as little as possible LOL

obviously I could reimplement Home Assistant too

how hard could it be (years)

[hard blaze]

its really strength forward actually to make new dashboard, if you would want to try, i would suggest a quick trip into youtube

[tall dragon]

oh at least immediately, what I didn't realise is you can add multiple dashboards, I'm just not sure why that isn't immediately obvious in the UI

[hard blaze]

tha my friend, is a good question 🙂

[tall dragon]

like I see Home, but no indication anywhere that it's one of potentially many

I'd expect maybe in the sidebar Home would be one entry

I'd like Downstairs to be below Upstairs but the UI consistently puts it above regardless of which order I create the two entries...

I have no idea what order it's choosing either

it isn't alphabetical

Overview
Downstairs
Upstairs
Energy

but in the Dashboards list the order is different

LOL

[simple grotto]

is there a way to force dark mode in config file? I know I can change it for each user in settings but it keeps reverting back to auto.

everytime I change it to this:

I come back and it changed back to Auto

[hard blaze]

@simple grotto im not sure if it gets overwritten.. but you should be able to use theme: themename in the dash config.
But then you need to choose a dark theme instead of dark mode it self.

[tall dragon]

where do I find this theme colour selector? I don't think I have seen it

the default scheme is perfectly fine anyway, I'm just curious because I thought I had visited everything already

[simple grotto]

homeassistant:8123/profile

[tall dragon]

ah under the user icon, thanks

[simple grotto]

yep 🙂

[simple grotto]

hmm I dont get it haha

[tall dragon]

and that's where the reorder the sidebar setting was hiding too, nice LOL

doesn't seem like that setting syncs properly though, if I reorder on desktop it doesn't reflect on iOS app

[buoyant furnace]

can anyone help me with card mod
i need to set a color change based on state in an entity glance card

[gloomy iris]

Does anybody know if the vacuum map card works with the roborock integration? Or do I have to install additional integrations?

[tribal galleon]

For changing the color of the icon in a Glance card: ```yaml
card_mod:
style: |
state-badge {
{% if states(config.entity) | int < 50 %}
color: white;
{% else %}
color: red;
{% endif %}
}````div.name {is used for the top text;div {` for the bottom.

[buoyant furnace]

card_mod:
style: |
state-badge {
{% if states('sensor.door_state_modify').state== 'on'}
color: red;
{% else %}
color: green;
{% endif %}
}

tried this way, doesnt work

whats wrong here ?

[buoyant furnace]

.

[tribal galleon]

@buoyant furnace yaml card_mod: style: | state-badge { {% if states('binary_sensor.living_room_door_on_off') == 'on' %} color: red; {% else %} color: green; {% endif %} }

[buoyant furnace]

still wont work

its not a binary sensor in my case , if that matters

• entity: sensor.door_state_modify
  icon: mdi:door
  name: Front Door
  card_mod:
  style: |
  state-badge {
  {% if states('sensor.door_state_modify') == 'Closed' %}
  color: red;
  {% else %}
  color: green;
  {% endif %}
  }

how do you paste code here so it doesnt mess with it

[gloomy iris]

Start end end with three `

[buoyant furnace]

    icon: mdi:door
    name: Front Door
    card_mod:
      style: |
        state-badge {
          {% if states('sensor.door_state_modify') == 'Closed' %}
            color: red;
          {% else %}
            color: green;
        {% endif %}
       } ```

ah , there , thanks

[gloomy iris]

When you say "doesn’t work", do you mean it always goes to the else?

[buoyant furnace]

means doesnt go to either

stay white color as if no condition at all

[gloomy iris]

And you sure it is state-badge?
Try changing the state-badge colour in Chrome dev tools. If it works there, then it is a code problem.

[buoyant furnace]

im not that clever lol

donno how to do that

[gloomy iris]

Sorry, I am at work so cannot post pictures (no dev tools on mobile).

But take a look here:
https://developer.chrome.com/docs/devtools/open#chrome-menu

You will see all the different elements' code and you can change their values on the fly (will be reset once you refresh the page).

It allows you to find the culprit

[buoyant furnace]

searching for it in the search box doesnt find any element , or maybe im looking at the wrong palce

[left sentinel]

Okay, sooooo… turns out I found a card in my existing dashboard that already had the exact behavior I want. Still a button card, but it’s hooked into a template binary sensor instead of something binary that can be changed. So I’m pretty sure that if I make a template binary sensor that just copies the state of the helper, I’m already there and I won’t have to mess around doing weird things to the display layer.

(In retrospect, I should therefore have been asking in a different channel, I guess.)

[gloomy iris]

there is a dedicated search box in the dev tools' code area

Filter at the bottom

But you can enable a "select" option (not sure what it is called) to hover over an element and see the respecitve code

It is called "Inspector mode".
All explained in the link I posted above

[crisp sun]

is there a way to make small icons like "mdi:water-percent" appear in line with the humidity number?

[tacit cave]

Only if that allows html rendering

I owuld think mushroom cards doesn't allow that

[tribal galleon]

@buoyant furnace don't use closed in your IF statement. It is either on or off, but HA will translate that into open or closed.

[tidal swallow]

is there anything easier to work with card position on the overviews than to just simply +/- stuff to be where you want (and half of the time it doesnt even use the part of the screen it should). maybe just dragging it kind of non-snap-to-ruler style

[vast crane]

There are custom resources you can install that let you define fixed layouts, but there's no drag and drop editor in the default frontend (to have such would mostly defeat the purpose of the masonry layout).

[tidal swallow]

gotcha. thanks so much. I just realized the different layouts, gonna try and play around with that

[vast crane]

You can always design your own also with a 1-card panel that holds a series of grids/stacks, but it won't scale well to varied screen sizes.

[tidal swallow]

True true. Thank you tho, ill mess about some

[compact pebble]

Could use some help here with anyone that knows how to use the custom button card. (Unifi Device Card Thread)

[tacit cave]

ask your question, don't ask to ask please.

[compact pebble]

I have two Unifi devices that have an update entity, restart button, and an update entity, What is the best way to have a custom button card that displays this info neatly with a little picture of the device on the left?

[tacit cave]

You can add custom fields and use templates in those fields to output the other sensor states. You can also just use a normal picture for your entity. Or omit the entity all together and just fill the information out in the card.

[compact pebble]

So far I have this:

[golden mist]

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

[compact pebble]

But nothing is displaying, no errors

[tidal swallow]

@compact pebble is that your own code that is attempting to run or an example from somewhere?

[austere dagger]

I found a color-scheme bug on the HACS-page in HA. Should I report it on Girhub/HA or on Girhub/HACS ?

[compact pebble]

This is my own

[vast crane]

hacs

[austere dagger]

ok ty

[tidal swallow]

Alright. Have you got the Unify integration installed that creates the sensors mentioned in the code?

[compact pebble]

yes, the entity ids are set correctly

[tidal swallow]

what's your intention with the button? you want to initiate the update?

or restart

[compact pebble]

restart, so button.press

I am confused as to why my image isn't showing, I used the same url in a image entity card and it worked fine

[warped marten]

Have question according mushroom cards

[tidal swallow]

something like this seems to be working in creating an active button to start with, maybe you can expand the customization from there

show_icon: true
type: button
tap_action:
  action: toggle
entity: button.lounge_u6_lite_restart```

[warped marten]

Here is my text according my mushroom questions

[tidal swallow]

you might need to first install all the different mushroom type cards yea. Well not all, but those you specifically wanna use. If you click on HACS and then frontend and then search mushroom and its not there you can go to the bottom right and try the fuller search across all repos

[hard blaze]

Hi
Anyone know if the bubble popup card can sue default theme background colors instead of the standard set color?
I know i can set new colors with hex code, but cant find a way to change to theme colors

[warped marten]

I think I have insalled them:

[hard blaze]

Did you reboot after installing?

[warped marten]

yes

[hard blaze]

can you paste a screenshot when you try to add cards?

[warped marten]

Here is the screen part when I search for mushroom:

[hard blaze]

try to remove it, and install again

[warped marten]

I did this already several time, also installed Home Assistant several times, my installation is allmost emty, only ssh addon

[vast crane]

have you tried adding the card manually?

[dark dirge]

a) Check in -> Dashboards -> -> Resources that there's a line for the Mushroom cards
b) Clear your browser cache

[warped marten]

when trying to add a card manually, I have this dialog

and it never stops waiting

[vast crane]

did you type in the desired card type?

[warped marten]

no

what shall I ttry to type?

[hard blaze]

type: custom:mushroom-template-card

as an example

[warped marten]

in in -> Dashboards -> -> Resources there aren't any resources

[hard blaze]

go back into hacs, then read the "manual install"

[tribal galleon]

Refresh browser.

Clear browser cache and then refresh.

[compact pebble]

Why doesn't this replace the icon with the specified picture? ```type: custom:button-card
entity: update.u6_mesh
entity_picture: local/UnifiU6Mesh.png
show_name: false
show_icon: false

[tribal galleon]

try adding show_entity_picture: true. The default is false.

Replace the icon by the entity picture (if any) or the custom picture (if any). Falls back to using the icon if both are undefined

[compact pebble]

I added that and now have a missing picture icon, I know its at that path because I can use that image path in another card

[warped marten]

I've cleared the cache, now this is shown, the two lovelace elements could be mushroom and bubble (which I also installed)

[compact pebble]

Got it, had a missing / before local

[tribal galleon]

I was thinking that may have been the issue but wanted to check before I mentioned it.

[warped marten]

How can I "reload" them?

[tribal galleon]

Something strange has happened, click on the card for it to get to the repository page and then click the 3 dots in the top right corner and select "Redownload".
https://hacs.xyz/docs/faq/status_not_loaded/

[compact pebble]

Im trying to replicate something with this layout that looks more neat

[tidal swallow]

i run something like this, which you could potentially experiment with. uses a bunch of mushroom cards

[warped marten]

At the end of the "reload" is the question whether I want to clear the browser cache. Is this sufficiant to answer with "neu laden/reload"?
This is what I didi allways.

[compact pebble]

Can you paste the config for that? Also How did you get the utlillzation and other chips with the integration

[warped marten]

ok now I have the resources in the dashboards, will try if adding card works

[tidal swallow]

that part isnt fully working yet. that's actually the stats of my RPi. never got around to updating it

[warped marten]

and they are available, thanks

[golden mist]

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

[tidal swallow]

this is code to update tho, could just change the update entities to restart im guessing

[compact pebble]

Thanks this will work nicely, too bad I can't replace the unifi logo picture with a local image.

[tribal galleon]

@warped marten I'd suggest, just for good measure, going through the browser and clearing the cache that way. In Firefox, click the hamburger button > Settings > Privacy & Security > Clear Data > uncheck Cookies and Site Data (leaving Cached Web Content checked) > Clear.

[tribal galleon]

IMO, you could incorporate the picture, title, uptime, and restart button all within a single custom:button-card using custom_fields.
For example, I have an oversized custom:button-card that shows me the lights are in Automatic Mode (automation active), the current timer until they turn off in real-time, the current bulb temperature or RGB, and how long they've been on. Tapping turns on/off, double tap to enable/disable the automation, hold returns to an overview-type screen.

You can even embed other cards. In this example, I have a entities card card_modded to only show the toggle. The other is another custom:button-card that looks and acts like a toggle.

[compact pebble]

Ok, this is what I have now:

[golden mist]

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

[compact pebble]

However, I only see the picture centered on a gray background, not my uptime or update entity anywhere

[buoyant furnace]

can anyone help me

i need a color change based on state on a glance entity card

using card mod, cant get it to work

    icon: mdi:door
    name: Front Door
    card_mod:
      style: |
        state-badge {
          {% if states('sensor.door_state_modify') == 'Closed' %}
            color: red;
          {% else %}
            color: green;
        {% endif %}
       } ```

tried this

no go, even with a different sensor which has on/off sattes

[tribal galleon]

is the entity a sensor or binary sensor? usually door sensors are binary sensors.

[buoyant furnace]

its a template sensor i made

for this purpose can also use a helper that the template sensor is based on

if that makes a difference

[tribal galleon]

Go to HA Developer Tools > Template and drop this in {{ states('sensor.door_state_modify') }}. Let's see what it returns.

[buoyant furnace]

returns Closed

[tribal galleon]

Do you at least get the color green from the ELSE?

[buoyant furnace]

no nothing

no reaction

[tribal galleon]

Does the card render or just sit there with a problem?

[buoyant furnace]

render as in loading or something you mean ?

it just stays this one

this way

[tribal galleon]

Let's start with simple: yaml card_mod: style: | state-badge { color: red; }

[waxen sphinx]

Can any help me to understand why my dashboard has disappear from the navigation bar? I am able to see it in my desktop

[tribal galleon]

Press and hold the Home Assistant at the top of the sidebar to add/remove and re-order items. See if that helps.

[waxen sphinx]

It does not for some reason i don’t see it there

Neither in my profile I can’t change anything there 🤔

[tribal galleon]

Using the same user account on both the phone and desktop?
If no, Is the dashboard set to Admin only? (Settings > Dashboards > Click the name of the Dashboard)

[waxen sphinx]

For some reason I do not see it there either

this is my desktop

and that's what I see in Settings > Dashboards

[tribal galleon]

I'm confused. You said:

I am able to see it in my desktop
What dashboard are you referring to?

[waxen sphinx]

Overview the default one that I should be able to see also from the mobile app

I tried from my iPad and I am able to see it something odd with the iPhone

[tribal galleon]

Again, I'm confused. You said:

For some reason I do not see it there either
Then:
Overview the default one
But in the screenshot that you said you don't see it there either, it is the first one listed.

[waxen sphinx]

Isn’t supposed that I should see a menu overview on the sidenav on mobile like I see in Desktop?

Or it just show up if i have more than one dashboard?

[tribal galleon]

On the iPhone, click here (in screenshot) and ensure 'Show in sidebar' is toggled.
(That pasted way bigger than I expected...)

[waxen sphinx]

I do not see such option but I clicked on Make it default on this device and now is back on the sidenav

Thanks for your help

[tribal galleon]

Interesting. UI between phone and desktop is different. That is kind of a weird setting.

[buoyant furnace]

doesnt make a difference to it

[tribal galleon]

Do you have card_mod installed and working elsewhere? I'm literally copying and pasting code from my dashboard.

[final cypress]

Hello, looking for some guidance on a logistical problem I have. I have made a custom button card container with several buttons. This looks great on my desktop; however I have a tablet using HA companion app and it cuts off one of the buttons. Has anyone else found a solution to this? I have several of these containers with 4 buttons in them and each one of them has the 4th button cut off.

[buoyant furnace]

is this in a glance card ?

[buoyant furnace]

crap, what im doing wrong

could you paste the whole card code ?

ah wait wait

ok i got it to work now

had a space missing

so now the icon is actually red

yayyyy

i think condition works

one sec

yes !

you king!

is there a way to make the icon a tad bigger ?

its a bit small compared to the others for some reason

also shade of green looks different

ah ok i can hex color it

so just the size then, any idea how to modify ?

[tribal galleon]

I can't seem to figure out how to change the size for an individual icon but could do it for all of them in the Glance card. yaml type: glance card_mod: style: | ha-card { --mdc-icon-size: 115%; } entities:

[buoyant furnace]

got ya, that helps

lastly, how about changing the icon with the state

and not just the color, possible ?

[tribal galleon]

@buoyant furnace From what I can find, the icon can't be changed by state. However, with that said, if you can change your sensor template to a binary sensor template, you can set it to show as a Door and the card can handle the icon. And... I kind of figured out some more stuff regarding card_modding the Glance card...yaml card_mod: style: | state-badge { height: 75px; width: 100%; --mdc-icon-size: 100%; --state-binary_sensor-door-off-color: green; --state-binary_sensor-door-on-color: red; }EDIT: Revised code. Applied better styling to ensure button is centered in the div space. Changed variable to binary_sensor-door

[buoyant furnace]

ahhh

so can control individual sensors

how would i change the current template sensor to a binary one ?

    sensors:
      door_state_modify:
        friendly_name: "front gate door open_close"
        value_template: >
          {% if is_state('input_boolean.front_door_gate_helper', 'on') %}
            Opened
          {% else %}
            Closed
          {% endif %} ```

this is what i currently have

it is depended on another helper sensor

if i set it as a binary template sensor, then i can control the device class ? so the icons are automatic basically ?

[tribal galleon]

Yup. Also, you can set it through the UI without having to go through configuration.yaml. Settings > Devices & Services > Helpers tab > Create Helper > Template > Template a binary sensor yaml {{ states('input_boolean.front_door_gate_helper') }}

[shut robin]

hey guys, i currently have a layout grid installed (https://github.com/thomasloven/lovelace-layout-card) that i'm using to have dynamic views for mobile/desktop

my mobile dashboard has 2 columns whereas the desktop one has 3

i want to change it to use conditional cards instead (https://www.home-assistant.io/blog/2023/11/01/release-202311/#new-conditions-for-the-conditional-card) but i'm just struggling a little on how to set it up - it seems like i can only do conditions on each card, right?

one option would be to make my desktop and mobile dashboards using a combination of vertical and horizontal stacks, and then have each one wrapped in a conditional card to hide it if it's in the wrong mode - so if it's on mobile it won't show the desktop dashboard and vice versa - but this seems tedious and prone to error if i need to make changes in the future

is there a better way to do it using conditional cards, or do i just have to keep using the layout-card for now?

[buoyant furnace]

perfect, thats exactly what i wanted to do from the start, didnt know it was possible, thank you so much for the huge help

@tribal galleon bless you

[zenith stag]

with layout-card you can combine "show" with media queries, instead of using conditional cards. But still, yuo would need to add that to every card. What exactly are you trying to achieve? Maybe better to just have two different dashboards?

[shut robin]

So at the moment I'm using layout card but I was wondering if I could replace it with the default HA

at the moment I have a few media queries and a layout set for each one, so fro mobile I have 2 columns with 7 rows, but for desktop I have 4 rows of 4 instead, and since it's using the layout card, I can set the position of any card to a specific spot in the grid

I was hoping to do that with HA, but it seems like it can't do it just yet, so maybe I'll just stick with layout card for now

[buoyant furnace]

how do i change the color of this text here, the blue one, im on a dark theme and its next to impossible to see

[zenith stag]

As far as I know, no. It cannot be done without the layout-card. That’s why it’s so popular 😉 besides, using vertical and horizontal stacks, is really complicating things imo. More code and easier to get lost in hierarchy

[shut robin]

Yeah, I think so too - I'll stick with layout card! Thanks!

[tidal swallow]

No problem. Be sure to share how it came out. I'm certain there has to be some way to manipulate the image, but that's more for the smarter ones to comment on

[tacit cave]

use f12 to determine the properties to override.

each color will most likely have a different variable. e.g. codemirror-number codemirror-property codemirror-string etc

[halcyon laurel]

I'm setting up a Mini Media Player card. I would like the background color of the card to change dynamically based on the dominant color in the artwork of the song (I would use "material" for the artwork but it always has that little cover art circle on the side). Is this possible?

[errant zealot]

hey, i have a question
i would like display a live load cell reading from my hangboard in combination with a (smooth updating) stop watch
i have the values already in HA, but what im unsure about is, is it possible to create a smooth animation like for example the android stopwatch has?

that is updating with like 90 hz or something, i would basically want something very similar to this screen, but with a display/graph of the load cell reading above/below
what would be the best way to achieve this?

[tacit cave]

you aren't going to get that in the HA ui unless you have that many state changes

[errant zealot]

i would have thought about doing the calculation in the frontend with some custom js
the cell reading is fine with 500ms or something

my calculation would be now() - period_timestamp_start and render that aggressively

would this be somewhat easily achievable?

i tried updating the state with 10 hz, doesnt feel good and isnt as smooth as id like 😄

[tacit cave]

I don't see how that will change the result from a load cell as the information from the load cell will be static during that time

[errant zealot]

its a hangboard for climbing training
either hang with your body weight/extra weight or do it standing and apply as much pressure as possible
for the training you usually do 10s sets and i would like to time those 10s when im actually hanging

so its
0kg
i start hanging/applying a force -> period_start
display load cell value for those 10s and stop watch counts up/down

10s hang, 20s rest

for motivation or idk psyche id want the fast moving timer cus it feels like time is moving faster

[errant zealot]

(reset the stopwatch whenever the value changes from 0 -> something or from something->0)

[near ivy]

Hi guys,
I already posted this in #ios_and_mac-archived and with a little help from @glad sand, we could determine that the issue is propably more related to #frontend-archived .
I`m kind of lost with a situation here... maybe someone has a hint for me on how i should continue to investigate.
Here's the thing:
I'm running an old iPad air as a home assistant touch panel in my kitchen. It runs on iOS 12.5.7 and displays a home assistant dashboard 24/7. A few weeks ago, suddenly the configured dashboard startet showing errors because custom-cards could not have been found.
I reinstalled the app, checked for Updates, renewed logins, cleared caches, reinstalled custom-cards and checked if the behaviour is the same in safari(it is). Nothing really helps.
The funny thing is: The dashboard looks fine on other devices.
Does anyone know what this could be about?

[errant zealot]

@tacit cave should i look into a custom card with a simple timer that takes in the value from ha state and updates the html with my timer as i want?
or is it not possible to trigger a html update without an state update?

[tacit cave]

If it's just for a timer, you can probably do it all in the frontend. If you're trying to get the value from the loadcell to update smoothly, it's not going to happen without elimating HA from the equation.

[errant zealot]

the load cell value are fine with like 500ms
thank you very much for the support! \o/

[near ivy]

interesting idea! my first step would be to figure how often the frontend is beeing updated with data -values. I have a countdown-clock to track the extraction time of my coffee machine and I`m realizing that even if mqtt updates come in fast, the frontend-values only updates at a certain rate/speed. therefor I guess this would be the constraint you have to adjust to.. 🤷‍♂️

[errant zealot]

i tried a 100ms interval rate from esphome, but im guessing its not recommended to spam that many "dumb" messages (which could be locally computed) and its sometimes lagging some.. 😄

i will store the start of the timer in HA

and do the second/ms part in purely frontend

should be fine i suppose

[near ivy]

would be intersting to dial in an amount of ms you have to add/substract to match the real measurement in the end... otherwise, if you always compete against yesterdays value it wouldn't even matter, I guess...

[errant zealot]

it doesnt really matter if its off by like 200ms or whatever

its about training, not about realtime gps

xD

[minor plank]

Hi. This isn't super neccesary but it would be cool if i could change this card, so it doesn't just display the unedited art. i would like to have it a bit darker, is it possible to put something like a layer of slightly transparent grey in front of the picture, so it blends in better with the background?

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

[autumn swift]

Hi, I'm looking for chart card that is not in time domain. I want to draw linear function between input_number helpers. Cant find any.

[fossil rampart]

Not sure if the right channel, I have an integration that pulls my previous days electricity usage, it has a total kwh in the "state" but "state values" has an array on an hour by hour basis usage of that day, how do I get the built in energy page to account for this, also how do I make it account that the usage is for the previous day, as it thinks it's the current days because the value doesn't get updated until the day after.

total: 8.155999999999997
charges:
  - start: '2023-12-14T00:00:00+00:00'
    end: '2023-12-14T00:30:00+00:00'
    consumption: 0.206
  - start: '2023-12-14T00:30:00+00:00'
    end: '2023-12-14T01:00:00+00:00'
    consumption: 0.157
  - start: '2023-12-14T01:00:00+00:00'
    end: '2023-12-14T01:30:00+00:00'
    consumption: 0.147
  - start: '2023-12-14T01:30:00+00:00'
    end: '2023-12-14T02:00:00+00:00'
    consumption: 0.165```

Example

[warm bolt]

Is there a way to load resources in the individual dashboard yaml files? The config changed to make the into the front end section of the main config. The issue is that I just different cards and different dashboard and I think loading all the JavaScript resources is killing my tablets

[thin pumice]

Wow, this is exactly what I also want in my smarthome! Could you explain how you made the connection between home assistant and the nest hub?

[covert wren]

So this might not be a Home Assistant issue, but ever since updating to 2023.12, the fully kiosk browser that has been running on an android tablet in my kitchen for years now is suddenly completely unresponsive.

Pages take minutes to load or fail to load at all.

I tried a factory reset of the tablet and re-installed Fully Kiosk and the behavior persists, so I'm wondering if there has been any recent change to Lovelace that might be causing this?

[buoyant furnace]

this what i got

[opaque parrot]

Do you get any errors in the browser‘s console?
What is the error message?

[buoyant furnace]

where do i change the code matching to that var ? , looking at the menu under themes it says im on "use default theme"

[icy patrol]

Hello; is it possible to change the background color of a markdown card?

[tribal galleon]

This can be done with card_mod. Depending on your card's content, you might be able to set it through there with some HTML code. yaml card_mod: style: | ha-card { background-color: pink }

[polar kelp]

Don’t forget that you can set the theme for individual cards.

[icy patrol]

Thank you. I am trying to see how I can make title cards for each of my tabs. Example Lights, Climate etc.. is there also a way to reduce the height of the markdown card? Thanks again..

[hard blaze]

Hi.
I have a custom:button-card where i want to put in a custom:mini-graph-card as a background... but i lack som experiance with the grid layout.
It should look like the picture attached, but ends up a bit messed up, any one that can help me get the grid stuff correct? 🙂

Yaml: https://dpaste.org/eFhZ5

[tribal galleon]

I was able to change the height of a Markdown card using card_mod. yaml card_mod: style: | ha-card.type-markdown { height: 40%; }

[icy patrol]

Thank you, I will try this.

I assume I can add both the background color and height all under style: |

[tribal galleon]

You can use both height and background within the ha-card.type-markdown. I have another example saved that applies font-family, text-alignment, margins, padding, etc. to really change the appearance of the card and basically dial it into what you specifically want it to look like. Some stuff goes into ha-card, other stuff in ha-markdown. (I just realized ha-card.type-markdown was an option.)

[acoustic wyvern]

hi guys, I'd like to have vertical sliders in my dashboard, for lights and covers. Something like the more info dialog (but just the slider). Can you please help me?

[hard blaze]

https://github.com/konnectedvn/lovelace-vertical-slider-cover-card

[acoustic wyvern]

thanks, I've tried it but it's not very pleasing nor flexible. Something like the philips hue app would be perfect

[hard blaze]

i do belive the tile card can be used?

never mind, i lied

[tribal galleon]

@acoustic wyvern I think the my-slider-v2 to be pretty good.

My Slider V2 is a customizable card for light, input_number, covers, fans, switches, locks & media_player volume_level entity sliders, for the Home Assistant Lovelace frontend.

It is completely customizable now and fully templatable.

[acoustic wyvern]

@hard blaze double checked, not yet..

@tribal galleon thank you, I'd give a shot but still trying to understand how to install it

[tribal galleon]

Do you have HACS?

[acoustic wyvern]

yes, could not find it

I've tried to search in HACS addons, frontend and integrations

[tribal galleon]

1. Add this repo to HACS (Detailed explanation)
   In HACS, click the three dots in the upper right corner > Custom repositories
   Use https://github.com/AnthonMS/my-cards for the repository and Lovelace for the category.

[graceful ether]

hey :)
I'm slowly migrating my old HA to the new one, and i use to use this frontend extension to lock the tablet to an "alarm panel" when the alarm was armed (with the help of fully kiosk)
https://github.com/maykar/kiosk-mode
What is the replacement people use now ? most google search still point to it ...

[tribal galleon]

I use Kiosk Mode but I use the fork by https://github.com/NemesisRE/kiosk-mode. The one by maykar has been abandoned.

[graceful ether]

oh, good to know someone took on the project :D i'll look at that repo

ok, it's not just a fork gosh Oo
This person is active and that level of option is very nice

[tribal galleon]

Yeah. The Dev has definitely put a lot of work into it and is frequently updating and adding new features.

[queen briar]

Greets!

Anyone here tinker with the LCARS UI theme ?

[graceful ether]

Thank you for this, i gave him 5 bucks for taking on this project, it work like a charm :)

[mild ocean]

I'm sure this question has been asked many times before, and I did search for it but didn't quite find an answer. Is it possible to add our own custom css to overwrite the UI's styles? Not just card styles as I already know how to do that with card_mod. The shadowDOM makes it very difficult. I have tried the following but it does not work (as well as a few other things). The theme'ing is very limited so I'm trying to customize things a bit more. Aside from cloning the repo and building my own frontend, I would think they could make it at least a little bit easier for developers who know what they are doing.

const host = document.querySelector('#paper-item-shared-styles');
const shadow = host.attachShadow({ mode: "open" });

const style = document.createElement('style');

style.innerHTML = `
.ha-scrollbar a:hover {
  background-color: #f00 !important;
}
`;

shadow.appendChild(style);

[icy patrol]

i tried the height: 40% but nothing happens and if i do 40px then just the bottom gets smaller nothning to the top of the box

not sure how i can allign the text center to the box

got it..

type: markdown
content: |
  # <center> Climate </center>
card_mod:
  style: |
    ha-card.type-markdown {
      background-color: lightblue;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

[icy patrol]

One thing i notice is when you go to each tab of the frontend - I see the title box showing without any mods then within a second, i see it take the settings and apply the (height) And once in cache then the mod does not flicker

Anyone seen this before with cod-mod?

[zenith stag]

Hey, did you manage to figure this out?
I prefer to not include background elements in the grid, and instead use "position: absolute". Then you can position it wherever you like, without having to adjust the other elements in the card. You can use z-index to make sure it is placed behind the other items. This is the css for my graph in this card:

custom_fields:
  chart:
    - align-self: end
    - align-items: end
    - position: absolute
    - bottom: 0px
    - width: 100%
    - margin: 0
    - opacity: 1
    - overflow: hidden
    - z-index: 1
```

[hard blaze]

Custom field inside another card ?

[zenith stag]

yes

in your custom button card

hmm looked at your code now and I got confused. I thought you were using custom button card to include everything

[hard blaze]

i belive i might have started it wrong.. because i started with a grid card

[zenith stag]

If your goal is to have one card with all the data including the graph in it, then just use custom button card. Wit custom_fields for anything that won't fit into name, label, state or icon

perhaps to grid card can achieve the same, but I don't know how to use that so then someone else will have to step in and help you 🙂

[hard blaze]

hmm.. i can try to make it all from scratch, but then you will have to stay put all day hehehe

[zenith stag]

haha I'm here ;P

[hard blaze]

do you know any good guides to help me in the start?

[zenith stag]

the card documentation gives a good starting point. Study this example for a few minutes and you should get the hang of it
https://github.com/custom-cards/button-card?tab=readme-ov-file#custom-fields

[hard blaze]

Thank you good sir! i will check it out 🙂

i do get the grid part for 1 entity... but getting two cards side by side, there i get lost 😛

[eager ocean]

Hi. Is there a way to input the K of a light temp instead of using the slider?

Using the default light card with Philips hue

[near ivy]

any ideas about this?

[tribal galleon]

@near ivy While this won't necessarily be helpful, I've seen messages where iOS users will mention something not working right (even though it did before) but works fine elsewhere. I think it is just something that happens and it is just a matter of someone updating something to fix it and then get it pushed out.

[near ivy]

thank you for your response! I´m afraid I´m expecting something similar... super weird that several custom-components stopped working after updates. what worries me the most thougt, is the fact that it started with one and now it's three already... i don't like the direction in that development. 😦

[tribal galleon]

that's the thing with custom-components. the dev may not know about the issue until the update has been pushed out. Between issue posts and PRs, that's usually what gets things fixed. That, and using custom stuff that is still being actively developed. Something that is stale or abandoned just won't get fixed (unless someone forks the project.)

[gloomy iris]

Is there a way to make each row of a grid card start on the same row/level. Right now, if I use a grid card with different e.g. glance cards and I turn off e.g. icon, then the rows are no longer parallel.

All created with the same auto-entities approach but not aligned properly:

[vast crane]

I would guess it must be something with your mods that is causing that, as the default grid makes all the cards in a row the same height, at least as far as I can tell

[tribal galleon]

I'm wondering one of those areas doesn't have a temp/hum sensor and it is throwing everything out of alignment.
Edit: nvm. Miscounted... 🤦‍♂️

[gloomy iris]

I honestly do not know. I have been struggling to get those kinds of "single" cells because the only card that lets me hide name and icon is glance but glance card always creates multiple items per row.

[golden mist]

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

[gloomy iris]

P.S.: It does work if I set all of them to be square but that bloats the entire table with lots of empty spaces for some reason

[vast crane]

even without square, a grid of glance cards for me looks like this:

[tribal galleon]

What happens if you take this out text-overflow: unset !important. I think wrapping is disabled by default.

[vast crane]

oh wait you don't have a single grid though, it looks like you have multiple 1-column grids?

those wouldn't line up...

[gloomy iris]

It is by default, yes. I can test.

[gloomy iris]

Yes, unfortunately I have to force everything into single columns because glance creates multiple "columns" per card automatically.
Essentially this is the only approach I found working to create a table.
1 grid with four columns and each columns contains a grid with 1 column. Those are then auto-filled with glance cards using auto-entities

[gloomy iris]

That would work but then the content is not shown properly.

Btw. happy to try any other approach, if someone can think of a better way of creating a table (populated with auto-entities) 🙂

[tribal galleon]

What if you change the width of the first column? Instead of auto, try hard-coding a value.

[gloomy iris]

I am hestitant to use fixed widths. I can set to e.g. 35% and then it will fit. But if a name becomes longer at any point, I will have to re-do it all.

I will take a quick look at flex-cable-card even though I would quite like to stay with stock cards

[gloomy iris]

Does not look like the flex-table is the answer. I will need to figure out a way to create a table as simply as possible 🧐

[vast crane]

I'm still not quite clear why you couldn't use a 4-column grid, instead of a grid-of-grids

[grim frost]

Does anyone know what theme this may be if a theme like this exists? The result looks really awesome for a “master control” dashboard. From what I was able to find when looking around is it looks like a mashup of:

kb-frosted-cards, Home-Assistant-Mobile-First, ui-lovelace-minimalist And some other library and utilities

Was wondering if there is a premade theme for a nice frosted card look like this or I will have to create it myself by mix mashing the libraries I listed above. With a custom theme for the base card styling. Kibbit has an okay frosted card look, but it’s much different from the screenshot I am trying to replicate

[sturdy bolt]

is it possible to create a .well-known file, so external hosts can check it without login

[tribal galleon]

I don't think your question will fall into the frontend category. I think that would be a question more for #installation-archived or #general-archived.

[bright sky]

Can anyone tell me how to remove the background and border from Mushroom Cards? (e.g. Chips Card)

Tried the following but it doesn't work:

style: |
ha-card {
border: 0px;
background: transparent
}

[tribal galleon]

Border, background and a couple extra for the Mushroom chip cards. yaml card_mod: style: | ha-card { border: none; --chip-box-shadow: none; --chip-background: none; --chip-font-size: 24px; --chip-padding: 0 0.3em; --text-color: red; --chip-height: 75px; --chip-border-radius: 45px; }

[fiery ledge]

Happy to announce a new Plugin: Custom Attributes (for More-info cards)https://community.home-assistant.io/t/new-plugin-custom-attributes-for-more-info-cards/657222 Thanks to @opaque parrot for making this all come true

[sturdy bolt]

it could be nice, if I can just add a head tag in the html, but its not possible to change the html template, right?

[bright sky]

@tribal galleon Great, but "border: none;" doesn't work for chips, there is still a border..

[tribal galleon]

Is there a way to define a filter and put it somewhere in configuration.yaml (or somewhere) so I can hide attributes for certain entities regardless of where I try to access the more-info?

[tribal galleon]

border: none and unset work for me. Try --chip-border-width: 0px;

[fiery ledge]

Yes exactly that

[tribal galleon]

Here's the screenshot for the example from the code posted above using an entity type chip:

[fiery ledge]

Write a config file per dashboard just like eg kiosk-mode and filter/unfilter what you want. By_entity_id, glob, domain, and device_class

Just check the examples I posted

There also an ‘all’ option to hide everything 😉 I use that on light and Google device trackers

[tribal galleon]

But that's at the dashboard level. I'm wondering if I can go a level higher and prevent attributes from showing if I were to access more-info from Dev Tools > States, for example.

[fiery ledge]

Yes those are filtered too in the more-info, not in the attributes column of course

Any more-info should be filtered, if not, let us know and we’ll check and add

[bright sky]

@tribal galleon "--chip-border-width: 0px;" works for Chips! For other Mushroom Cards "border: none" works.. Thank you 🙂

[tribal galleon]

Yeah. The syntax between the regular cards and chips varies a bit. I'm still not sure why border: none; didn't work for you but at least you got it working.

[rancid vortex]

Hello ,
I updated my HA 2023.11.1 to 2023.12.3 but after the update, I have a problem with my dashboard. I have the following message related to button_card.
Have you seen this before?

[gloomy iris]

I could not find a way to auto-populate each column with a different filter using auto-entities.
At least not with the mentioned glance card. And all other cards that would create one line per entity, do not allow showing only the state.

So if you want to build a table where the first column shows the area name and then each following column shows one sensor series (e.g. sensor.xiaomi*temperature and sensor.xiaomi*humidity), a normal grid does not seem to work with the existing cards. 😦

Happy to be proven wrong, of course 🙂

[warped marten]

I've created now en entity "sensor.timestamp_workingroom", which I can display in an entity card. Entity is also found in entity list.
For my needs I want the timestamp in the content of a markdown.
I read it should be something like this "content: '{{ sensor.timestamp_workingroom }}'", but I get an error
"UndefinedError: 'sensor' is undefined". Even, when I edit the template, intellysence shows me the sensor.

[tribal galleon]

content: '{{ states("sensor.timestamp_workingroom") }}
Or take it a step further:
content: '{{<center><ha-icon icon="mdi:clock"></ha-icon> states("sensor.timestamp_workingroom") }}

[warped marten]

Nice, works, in this case Goggle/ChatGPT was wrong, they said "content: '{{ states.sensor.lediga_dagar.attributes.test }}'"

But also one more question, The entity is a string, but I want to format it in german time format. Any further hints?

TemplateError: unexpected '<'

[tribal galleon]

What is the template you used to create the entity? Essentially, you can put that same code directly into the Markdown card and not need the entity.

[warped marten]

It is a value sent via mqtt

[tribal galleon]

Okay. But, the template that you used to create the entity is written in Jinja, right?

[warped marten]

What is Jinja? Sorry I'm beginner.
I've added a mqtt section in the yaml configuration

  sensor:
    - name: "timestamp.workingroom"
      state_topic: "HAS/Berlin/workingroom/sensormodule/tele/SENSOR"
      value_template: "{{ value_json.Time }}"

[humble meteor]

hey, i am currently trying to create a list of entities and would love to sort them, what is the syntax to sort them by the value?

`type: entities
entities:

• sensor.aral_...
• sensor.totalenergies_...
  state_color: false
  sort:
  method: value`

it constantly tells me that sort isnt supported, however i see plenty of forum entries, so what do i do wrong?

[vast crane]

I think you're probably mixing up some custom card with the stock entities card, which does not support sort, per its documentation: https://www.home-assistant.io/dashboards/entities/

[humble meteor]

hm not too sure, i tossed multiple entities into a stock entities card afaik

can't see a sort option on that link tho

[tribal galleon]

Sounds like you're trying to use an auto-entities card. https://github.com/thomasloven/lovelace-auto-entities#sorting-entities

[humble meteor]

well, i used entities, but apparently gotta go for the auto one, thanks!

[tribal galleon]

I think you're going to have to apply the formatting within the value_template. I'm not the greatest at templating. I did find this though: value_template: "{{ (value_json.timestamp|float(0) / 1000) | as_datetime | as_local }}". Not sure if it helps.
That was written by petro and he's usually in #templates-archived. Someone in there would probably be able to better assist. I think it would be easier to get it done there rather than trying to change it in the Markdown card.

[warped marten]

I'm trying to format it with timestamp_custom("%-H:%M"), but getting an error, the input for that method is invalid

[untold trail]

https://i.imgur.com/uT2ipyj.png any clean way to make both of these lights look like they're in the same column? like this https://i.imgur.com/fYUJmL0.png

the backgrounds make them look like separate groups

[tribal galleon]

Use a stack-in-card with a little bit of card_mod to hide card borders. [Example](#1185873894159171605 message)

[simple grotto]

when I look at my history over a year I see:

but I saw in the HA release party you can now show a whole year but mines only showing the last few months

I do have MariaDB set up with:

  db_url: !secret mariadb
  purge_keep_days: 60```

so my question - is if I remove it will it still cap me at the default 10 days?

[untold trail]

ugh alright what am I missing? its only showing the default ones

installed through HACS

[tribal galleon]

Try refreshing your browser.

[untold trail]

yeah I have, also rebooted HA

[tribal galleon]

Clear browser cache.

[untold trail]

did that too, in configuration.yaml I have

frontend:
  themes: !include_dir_merge_named themes
  extra_module_url:
    - /local/community/stack-in-card/stack-in-card.js

the file is in www/community/stack-in-card/

[vast crane]

The longer term graph comes from your Long Term Statistics table, not the recorder.
For you to get the longer history, you would need to check if your particular entity is having statistics recorded, it needs to have an appropriate state_class.

[tribal galleon]

You shouldn't have to add that. That is if you did the manual install and not the HACS method. Look at the conversation [here](#frontend-archived message) where Wernfried had a similar issue. He had to re-download the card.

[untold trail]

Ok.. really nitpicky but anyone have an idea why the circled cloud looks so pixelated on mobile? Looks great on desktop

[nocturne field]

Hi everyone, I hope I'm in the right category here. I would like to build a weather dashboard. I would like to use an IFrame as a background to display the view from Wetteronline.de and position other data such as temperature etc. above it. is there a possibility?

[jade tendon]

Question i have a Custom:Button-card and i wanna let it show 2 icons dependend on a state of a entity
Is there a easy way to do this ?

Entity: device_tracker.desktop_hhoua3d state = away or home

type: custom:button-card
entity: input_button.wol_pc
tap_action: tap
styles:
  card:
    - border: none
    - background: transparent
    - color: White

is it something like
yaml Icon: '[[[ if (entity.state > home) show "Icon1"; else show "icon 2" ]]]'
?

[golden mist]

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

[jade tendon]

state:

• operator: template
  value: |
  [[[
  return states['device_tracker.desktop_hhoua3d'].state === 'home';
  ]]]
  icon: mdi:fire

• operator: default
  icon: mdi:fire-off

so like that for me

[fiery ledge]

anyone opposed to changing https://github.com/home-assistant/frontend/blob/8a6cea12e10b9def978f94fecc8bbce5262e9f69/src/common/entity/binary_sensor_icon.ts#L95 to the default for active> currently all my home utilities show as music players when they're 'on' using the device_class: running . Seems a way to specific icon for a generic class like this. My suggestion would be to simply let it default to the https://github.com/home-assistant/frontend/blob/8a6cea12e10b9def978f94fecc8bbce5262e9f69/src/common/entity/binary_sensor_icon.ts#L106

really silly imho

https://github.com/home-assistant/frontend/pull/10400 changed them to the audio player icons..