frontend-archived

[dark dirge]

it wasn't popular

[vast crane]

I know the more info has a huge list of attributes to exclude, so most "common" things will be hidden. only I think if you have some kind of special sensor that has some unusual attribute will it be shown there

would be nice to get some kind of link from an entity to zoom right to its devtools entry, but it's currently not possible.

[shadow nymph]

I have a grid card of a bunch of sensors and I have a question Is it possible to have a title for each card in the grid? I thought just adding the title keyword would work, but it isn't.

Edit: Got it working. Apparently title has to be at the top of the card YAML, not the bottom.

[tepid raft]

Any way to troubleshoot lovelace / UI errors? I've got a card that was showing up (I think before the last upgrade) and no longer does. It is a mushroom card, so not sure if this question belongs here or in another channel.

[tribal galleon]

Ensure the card is updated, clear browser cache, and/or restart HA.

[tepid raft]

I've tried these steps and still have the same issue. I do see console errors related to mushroom.js but it's obviously minified code so can't tell what the issue is.

[sonic rapids]

what's the error?

[tepid raft]

Uncaught (in promise) TypeError: e is undefined
    ee mushroom.js:59

There's more to the stack trace.

[sonic rapids]

hmm weird I do have mushroom installed/working

you could pretty print the file to get a better idea of where the JS error is coming from or debug it I suppose lol

are you using cloudflare by any chance?

[tepid raft]

Here's the card:

Actually, this isn't mushroom, just a button:

- type: conditional
  conditions:
    - entity: cover.garage_door
      state: closed
  card:
    type: button
    entity: cover.garage_door
    icon: mdi:garage
    state_color: false
    tap_action:
      action: none
    hold_action:
      action: toggle

I am using cloudflare, but internal routes directly to the host IP.

But I can clear that cache just in case.

[lyric prairie]

Button card is broken in 2023.4.3 an update to 2023.4.4 should resolve it

[tepid raft]

ah, got it. Upgrading now. Thanks!

[deep cairn]

I've got a sensor that is on my dashboard. I would like to get a detailed readout of the sensor data. Is there a better/more accurate way of reading this than the line graph?

[vague jewel]

Yall are a lot smarter than me. I want to display a picture from my PC, and I want it to change based on an MQTT payload. What is the best way to do this?

Details: I run blue iris and would like to get the most recent flagged alert displaying in home assistant. I can access the files by http://BI-IP:81/alerts/picturepath?user=user&pw=password and I can generate that picture path easily and post it to MQTT. What I'm not sure how to do is change/update the picture in blue iris based on a new mqtt post

[acoustic ore]

Hi, I am trying to fix the issue "You may not be getting optimal performance out of card-mod" It says to add

  extra_module_url:
    - /local/card-mod.js```
 to the configuration and the path will be different depending on where it's installed. I used hacs to install it and it is located at /config/www/community/lovelace-card-mod/card-mod.js however when I put that path in I get "Failed to fetch dynamically imported module..." how do I figure out what path to use?

[umbral harness]

@sonic rapids you linked https://ui-lovelace-minimalist.github.io/UI/usage/custom_cards/custom_card_wsly_pollen/ before right?

how the hell does this work? do i need to install like 10 different things in hacs to be able to use these custom cards?

[sonic rapids]

10 different things?! I gave up on the integration as the data for tomorrow.io didn't line up with the local allergy report lol

oh that's only if you do the manual install

I think if you just install via the HACS repo it does it for you? I haven't tried the minimalist one before

[umbral harness]

idk this is what i end up with after installing minimalist in hacs and restarting

[deep cairn]

Is there an easy way in a horizontal stack to have 2 cards (mushroom cards) where 1 takes a third, and the other takes 2/3rds?

[polar kelp]

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

[polar kelp]

The leading - makes that a list of card configurations rather than a card configuration. Remove the - and deindent every row appropriately and it should work.
I'm trying to hunt those things down. Where did you copy this code from?

[umbral harness]

https://ui-lovelace-minimalist.github.io/UI/usage/custom_cards/custom_card_wsly_pollen/ directly from their "usage" documentation

[sonic rapids]

guess they had it in a grid or something?

funny enough I clicked other random cards and the examples are similar

[umbral harness]

still no joy

[sonic rapids]

you might have to clear cache reload

[polar kelp]

Nah. It's a bad practice that sticks around from when all ui configuration was entirely yaml based.

[sonic rapids]

ah

[umbral harness]

oh

at the bottom of that page there is a big chunk of code for "custom_card_wsly_pollen.yaml"

suppose that is required...

[sonic rapids]

oh lol

guess that gives you fully customization at least...

[umbral harness]

idk where that needs to live 😦

[sonic rapids]

https://ui-lovelace-minimalist.github.io/UI/troubleshooting/troubleshooting/#most-common-errors

Custom card template does not exist/showing up

[umbral harness]

ya i just found it

[sonic rapids]

what a weird way to install it

[umbral harness]

weird they have an faq but not docs that explain how to install it

the docs link to a youtube video..

[sonic rapids]

lol

oh found it

https://ui-lovelace-minimalist.github.io/UI/setup/custom_cards/#custom-cards

[umbral harness]

ya i found that after clicking through the faq tho

lol

[sonic rapids]

yeah they should probably just repeat "copy this template code to x, y, z"

on every custom card page or something

[umbral harness]

i think the docs are all kinds of wrong

it says " Do not alter files in custom_components/ui_lovelace_minimalist as those changes will be overridden with each new release/update through HACS!!" yet the directory they want you to put them in under /config doesnt exist

only the dir they say NOT to use

[sonic rapids]

lol

[umbral harness]

maybe i'm just being silly. i think it requires me to add it as an integration first

https://ui-lovelace-minimalist.github.io/UI/setup/installation/#install-integration

[sonic rapids]

oh yeah I think so

I saw that with the webrtc integration too

[umbral harness]

definitely a weird workflow and not obvious on the site or at least not to me

[sonic rapids]

probably lets them install/configure stuff more easily. but yeah it's a bit weird that installing requires so many steps

[umbral harness]

i think this is all getting uninstalled

[sonic rapids]

what happened?

[umbral harness]

way too much fuckery to add a cute card happened

[lyric prairie]

The docs show that because they are written for a yaml mode dashboard and are not meant to be used in the GUI.
In yaml mode you will need the hyphen as each card is a list item under the cards: key 😉

[umbral harness]

I need my hand held too much and realized this is all meant to be used as a dashboard like Dwains etc and I just wanted a custom card

[white turret]

what do y'all think of this theme? just colors based on nord theme and a little tighter card border radius

[umbral harness]

i like tile cards better than those older ones

[white turret]

changed up colors a little bit

it'd be cool if i could somehow set a range of colors for the color temp lights but i can't find anything for that

[loud thistle]

Little frontend question. I am tinkering around with a JS I added to the Dashboard. For one question I still need answer though... can I get a specific entity state in that environment? If yes, any hint for me plz?

[cosmic imp]

is it possible to use the new macros function in the frontend? to reuse cards for example? Can't find any documentation on this

[karmic tendon]

'G;

D';G

[fallen badge]

I have this idea that I want two cameras split in one card. Like the first one shows 50% of it's 100% left sida shown and the second one same but right side shown. Is that possible with any card?

Like this https://imgur.com/a/vTUyyan

[loud thistle]

Am I in the right section here at all? Sometimes not easy to find the fitting one tbh ^^

[loud thistle]

Maybe with the custom "html-card". I use it to play ONE video, but you can set height and width in % values and maybe that way you can play both at once?

content: >
<center><video width=100% height=100% loop autoplay controls class="video-js"
data-setup="{}"> <source
src="https://www.dwd.de/DWD/wetter/radar/WEB_Start_Radarfilm_360.mp4"
type="video/mp4"> </video></center>
type: custom:html-card

This is my weather radar playback for example

[fallen badge]

Hmm interesting, I'll play with that one. Thanks!

[modest anchor]

Upon arriving here, I sought out this answer. I utilize this function to enable my Google Home to communicate with my children while monitoring them through the camera. This helps to avoid excessive shouting.

[upper lotus]

Any ideas why i get the "NaN" after my entity? Mushroom Card.

[loud thistle]

Because something passes on a String, but a number is expected. NaN == Not a Number

[tribal galleon]

Do you mean having some presets to change color temps? I have a couple of custom:button-cards for that purpose: colors red, green, blue, 5000K, and 288 color_temp. ```yaml

• type: custom:button-card
  template: rgb_selector
  styles:
  card:
  - background-color: rgba(255, 0, 0, 0.5)
  tap_action:
  action: call-service
  service: light.turn_on
  service_data:
  entity_id: light.bedroom_lights
  color_name: red```

There's also the RGB Light Card https://github.com/bokub/rgb-light-card (available in HACS) that might be useful to you. (Just set RGB to similar color_temp numbers.)

[cobalt trench]

On a regular entity card, the last_updated for the sensor seems to automatically display as a 'minutes/hours ago' rather than the date/time.

secondary_info: last-updated```

When using a Mushroom Template card, how may I amend the YAML on the secondary to achieve the '... minutes ago' rather than the datetime value please?
```type: custom:mushroom-template-card
primary: '{{ states(''sensor.waze_travel_time'') }} mins'
secondary: 'Last updated: {{ states.sensor.waze_travel_time.last_updated }}'```

[cobalt trench]

Still keen to get the "ago" formatting but for now I have made use of timestamp_custom to format the value.

  Last updated: {{ as_timestamp(states.sensor.waze_travel_time.last_updated) | timestamp_custom('%a at %H:%M') }}```

[neon atlas]

Hello fellow Home Assistant users. I was wondering if anyone can point me in the right direction on how to override CSS in the frontend (specifically the class "column" max-width in a lovelace dashboard). I can't seem to find the correct search words as I keep ending up with CSS modifications to cards, which isn't what I'm looking for.

[cobalt trench]

This might be worth a look: https://github.com/thomasloven/lovelace-layout-card

Saw it mentioned in this video tutorial: https://www.youtube.com/watch?v=Ac02PzU17GQ

[neon atlas]

Thanks for the input, but I'm not looking for another card addon, it seems that plugin is really for adjusting card columns. I just want to override a single class in the UI, which actually is outside of card scopes.

Also, just noticed your question, in the docs templating examples there's the following line between the state examples. I think this is the calculation you can do to get the "x ago" @cobalt trench
{{ as_timestamp(now()) - as_timestamp(states.sensor.waze_travel_time.last_updated) }}

[cobalt trench]

Thank you. Hope you find a solution for your CSS override.

[tribal galleon]

@cobalt trench I made a little bit of progress on your friendly "updated x ago" using @neon atlas's suggestion. yaml type: custom:mushroom-template-card primary: '{{ states(''sensor.waze_travel_time'') }} mins' secondary: 'Last updated: {{ (as_timestamp(now()) - as_timestamp(states.sensor.waze_travel_time.last_updated)) | int }} seconds'I imagine it is possible to incorporate some sort of IF statement to handle formatting of min/sec, hr/min/sec, etc

[cosmic apex]

Hi there, am looking for a card (or custom card) to use for media control to control my plex server. My entity of choose it Apple TV.

[tribal galleon]

@cobalt trench This is kind of ugly but it works. python type: custom:mushroom-template-card primary: >- Travel time: {{ states("sensor.waze_travel_time") }} minutes secondary: >- Last updated: {% set t = ((as_timestamp(now()) - as_timestamp(states.sensor.waze_travel_time.last_updated)) | int) %} {% if t <= 10 %} Just now {% elif t <= 60 %} {{ t }} seconds {% elif t < 3600 %} {{ (t / 60) | int }}min {{ (t % 60) }}sec {% elif t >= 3600 %} {{ (t / 3600) | int }}hr {{ (t / 60) | int }}min {{ (t % 60) }}sec {% else %} error {% endif %}

[sudden lotus]

anyone know of a good card that can display time remaining of a timer?

one that fits in a grid

the entities one is the only one i can find that actualy shows the time remaining but it gets squashed in a grid

[naive topaz]

why are the states suddently not translated in lovelace anymore. its always just on / off. It used to be German and open / closed on doors

[brittle lava]

Hey! What is the easiest way to get a progress bar in my Dashboard?

I want a linear progress bar, not that gauge element that ships with HomeAssistant stock

[cobalt trench]

https://github.com/rianadon/timer-bar-card

https://community.home-assistant.io/t/lovelace-bar-card/87503

[brittle lava]

Can I also use this for not-time-based things? I want this to show Job Progress in %

[brittle lava]

This was last maintained 2020

these are the only two I found so far with search

[lament temple]

Ive been facing the same issue..... Futhermore some cards doesn't show correctly and then i need to restart

[lyric prairie]

Are u using Mushroom or Minimalist?

[clear sentinel]

Hello! Is it possible to have the Picture Elements Card always the same size?

I've tried to add a style with a width and height in pixels, but this doesn't seem to work.

The reason is that I'm making a pixel art dashboard. I've also tried "image-rendering: pixelated", because this also prevents AA or any other artifacts, but this also doesn't seem to be supported.

The elements seem to support width and height in pixels.

[verbal flame]

Hi,

im using themes for my lovelace but id like to change the background to an image. How can i do that?

[neon atlas]

I'm using this in the raw code editor with background:, the image is in my config/www/ folder, here's a snippet:

views:
  - theme: Mushroom Shadow
    title: Bedroom
    icon: mdi:bed-king
    background: center / cover no-repeat fixed url('/local/bg3.jpg')

[naive topaz]

yes, mushroom

[verbal flame]

Thx alot👍👍

does somebody know if there is a way to fadeout cards like in Apple Home?

[neon atlas]

Do you mean opacity? (I don't know what Apple Home looks like/does)

[steep drift]

is the Sidebar-Card (: https://github.com/DBuit/sidebar-card) not working at the moment ? i find the instructions as clear as mud :D. Doesnt seem like there are many helpful guides online but plenty of people have somehow figured this out. has any one had joy with this recently?

[verbal flame]

exactly!

[verbal flame]

Cant answer your question, but my sidebar changes dont work since 2023.4 and there are a lots of issues with ui/sidebar since then

[steep drift]

ahh im on 2023.4 too , maybe why im struggling to get it working, its a shame really because the sidebar view truly is a great addition

[verbal flame]

Looks like this

[tribal galleon]

@verbal flame Probably something you can achieve with card_mod. https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744/3620

I don't use opacity with my card but make them create a subdued effect when off. (When active the red icon flashes.)

[steep drift]

ive done same with my batteries

flash red when its below a set value

[verbal flame]

Ill give it a try, thank you!

[neon atlas]

You're in luck as I just did all of those things the past days haha.
You said you're using a theme already, in the theme/<themename>.yaml add ha-card-background: rgba(0,0,0,0.5) (again a snippet, make sure to fill in the RGB colors on the first 3 zero's, the 4th value is the opacity, mine is 50%):

    # Home Assistant override
    ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16)
    ha-card-border-width: 0
    ha-card-background: rgba(0,0,0,0.5)

[golden mist]

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

[steep drift]

using custom button card , also another way to change colour, set opacity etc.

[neon atlas]

This is what I built so far (WIP), so if you have any questions feel free to ask:

[steep drift]

love the colours! looks nice and crisp

[neon atlas]

Thanks, I have 4 dashboards for 4 tablets in different rooms in the house

Only thing I'm still having problems with myself is the actual width of the dashboard column, which I can't seem to find where to override the CSS class .column (even using custom CSS dashboard resource doesn't override it somehow)

[vapid field]

do you use a stand or mount for tablets?

[verbal flame]

Im lucky😂 ill give it a try. Thx:)

[steep drift]

this is the only thing that bugs me about HA. that the colums and spacing is set and its quite hard to make its exactly how youw want

a free form dashboard would make HA perfect

[tribal galleon]

My dashboard is available here: https://pastebin.com/gaFmay1B
Motion detector template begins at Line 280.
The generic template (used on almost all of my custom:button-cards) begins at Line 78.

[tribal galleon]

Have you looked into templating your custom:button-cards. Each of these icons only uses four lines of code. The template is called that defines everything else and doesn't have to be repeated for each entity. yaml - type: custom:button-card template: battery_custom_button entity: sensor.s22_ultra_battery_level name: Phone

[steep drift]

your joking..............................omg

i didnt no this

im gonna have to change it

so much more neat!

thank you! 😄

[tribal galleon]

Follow my link posted above and look at Line 223. Without the template, each entity would be over 30 lines of code...

[steep drift]

128 lines in total fo rthe 4 battery percentages KEKW

[steep drift]

dude your dashboard is so nice

[neon atlas]

I'm using a wallmount system

[tribal galleon]

Thank you. It is designed for my Fire tablets. There are some hidden stuff in there like toggling kiosk_mode settings (hidden behind swipe card on the top right of the Living Room page) and push&hold navigation from the Rooms page. Lots of experimental stuff on the "test-tube" page.

[steep drift]

impressed but annoyed

coz my dashboard looks shit now

so i have to change it hahahahaha

really imressive, i rate it

also with the custom card layout you technically can create your own sidebar ????

[tribal galleon]

I've been tinkering with it for quite a while. Still learning and incorpating new stuff. Learning how to work with layouts. The weather cards "sit" at the bottom right of the screen and the media player card is conditional (disappears when Plex is not playing). Lots of grid, vertical, and horizontal stack cards used.

[quiet tree]

Hey there, for graphs is there a way to plot the y-axis logarithmic? I saw a few older requests but didn't find a solution

[vapid field]

Hi, can someone help me with calling a service from a mushroom card? The service calls a URL to reset a leakage protection device. I just don't get it. What would the entity be in this case?

[vast crane]

Not with the stock cards. Maybe with a custom card.

[verbal flame]

Hi,

im trying to change the color of a mushroom title card. I got card mod, but i cant manage to change the color of the font.

Some ideas?

type: custom:mushroom-title-card
title: Hello, {{ user }} !
card_mod:
style: |
ha-card {
color: red;
}

[neon atlas]

If I remember correctly, the Title card doesnt have ha-card so it doesnt apply. Also the title card uses header tags which require specific styling (they arent normal text).

[verbal flame]

Ive worked around and using mushroom template card now. Works better.
But now im stuck with the font size

[verbal flame]

This did the job:
type: custom:mushroom-template-card
primary: Lampen & Funktionen
secondary: ''
icon: ''
fill_container: false
multiline_secondary: false
card_mod:
style: |
ha-card {
--card-primary-font-size: 170%;
--ha-card-background: none;
--primary-text-color: white;
text-align: center;
}

[tribal galleon]

 card_mod:
   style: |
     ha-card {
     --chip-font-size: 18px;```

I just noticed if you were to add --chip-background: none, it breaks the --chip-font-size but --ha-card-background: none; seems fine.

[tribal galleon]

--primary-text-color: orange; doesn't seem to work but --text-color: orange; does.

[polar kelp]

Lots of things changed recently regarding the color variables: https://www.home-assistant.io/integrations/frontend/#supported-theme-variables

whatever as a theme variable corresponds to --whatever in CSS.

[haughty vine]

Speaking of, I hope more theme variables are coming.
Especially for sensor entities, where only battery device class is supported atm.

[verbal flame]

I only know that this works fine for me😅 im not that much into css but trying my best

[haughty vine]

You can always wrap it in custom:card-mod helper

type: custom:mod-card
card:
  type: custom:mushroom-title-card
  title: Hello, {{ user }} !
card_mod:
  style: |
    mushroom-title-card {
      --primary-text-color: red; } 

[verbal flame]

Oh yes that works pretty good aswell! Thanks a lot👍

Same result, but alot less code, unfortunatly i changed my full config already😐 but your solution is way better
Does this work for every mushroom alike cards?

[haughty vine]

yes, but u might have to need to change the css selector

[fierce herald]

I'm having an issue with the UI, it seems like it quits responding to open connections after a minute or two. It behaves as if the browser thinks it's still alive but the server just never responds over that connection again. It started after I restored a full VM image from a backup after a raid failure. Does anyone know what might be causing this?

API calls/automations still run fine

[hot wasp]

what would cause a plugin or whatever to jsut dissappear? I just went to hit my dashboard, and now its saying mansory-layout not found

but as far as I know I havent updated or anything

[sterile crane]

I typically had this when accessing my instance remotely and the remote connection blocked something intermittently before it loaded properly later. For instance, I was using Caddy and Cloudflare, and there was a discrepancy that frequently caused any front-end cards to 'go missing' until a couple of refrehes later. Accessing locally was never an issue.

[hot wasp]

hmm

I had to reinstall lovelace

now its back working agin

[haughty vine]

how does one "reinstall lovelace" anyway ?

[golden mist]

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

[vapid field]

Hello w- is it possible to resize a picture entity card that sits within a custom-config card?
It shows as really large (40% of dashboard or so) where as I'd like it to be a subtle 100px square, or so....
My code is in above message. thanks!

[tawny spire]

Can you get other container services on the sidebar in core? (nodered, etc)

[glacial pumice]

Can my tap action be copy to clipboard?

[dark dirge]

What would you be copying to the clipboard? This is all you can do: https://www.home-assistant.io/dashboards/actions/

[supple fiber]

Posted this in the integrations channel on accident. Is there anyone that has a good dashboard for their car? I am looking to use the Fordpass integration and want to make a good dashboard.

[vapid field]

Hello, how can I sort this mis-sizing? (two picture entity cards in a horizontal stack not ending up the same size): https://ibb.co/Wz9DW1r

[glacial pumice]

IP address

I have an entity that shows my ip

So maybe there's a HACS plugin that creates a service that copies the value to clipboard? I know how to do this in JavaScript but not in HA xD

Maybe URL path? That could include JavaScript

But i still don't know how to pass the value to it.

[crude flame]

I have a number of devices I'm tracking in the "Monitor individual devices" section of the Energy Dashboard. The problem I have is 2 of the devices consume a considerable amount of energy, whereas the others have very low utilisation. This results in the low energy devices effectively showing nothing meaningful on the dashboard. I wondered if there's a way for the "Monitor individual devices" graph to use a logarithmic scale to address this.

[visual holly]

Anyone know if there's a setting that's needed for FullyKiosk to use the kiosk-mode addon correctly? Can't seem to get it to work despite working everywhere else. (And there's a ton of lag on FK as well on a Fire Tablet that I'm not seeing on Silk...which seems odd)

[burnt kite]

Is there a way to have the webpage card resolve as HA instead of your device? I want to be able to see an internal only page on HA so I don't have to expose it to the world. Is that possible?

[sonic rapids]

sounds like you want ingress but that's only for add-ons

personally I'd use a VPN instead to access stuff remotely without exposing it

[burnt kite]

Interesting lines HA draws. Nothing seems to be able to just "work". I don't want to connect to a VPN every time I want to access my home remotely. That's what proxies and proper firewall rules are for. But I appreciate your response.

For Blue Iris I agree though. Seems like that is the only way to view anything remotely in a safe manner.

[subtle edge]

IS there a way to add the Zwave tools (add/remove device, heal network) in a card in Dashboard ?

[frosty flower]

is their either a custom card i can use to navigate to a url that is defined by an entity, or a way to add templates to url_path?

[vague jewel]

If I point HA to a picture on my PC and then I change that picture (with the same name) will HA update real time to the new image? Or does it pull it once and cache it?

(I'm trying to figure out how to have HA show my most recent security camera alert image so I can quickly reference what turned the lights on)

[tribal galleon]

I found this for a custom:button-card yaml tap_action: action: navigate navigation_path: > [[[ return (window.location.pathname.split('/')[2] == 'home') ? '/ui-data/home_assistant' : '/lovelace/home'; ]]] so perhaps returning states['input_select.page_to_navigate_to'].state would do that. https://community.home-assistant.io/t/lovelace-button-card/65981/4688

[tribal galleon]

This worked for me using an input_select helper: ```yaml
type: custom:button-card
entity: input_select.navigation_test_variable
size: 25px
name: '[[[ return (states["input_select.navigation_test_variable"].state) ]]]'
tap_action:
action: navigate
navigation_path: '[[[ return states["input_select.navigation_test_variable"].state ]]]'

[shell kraken]

Hello, maybe someone can help me.
On the right card (button-card) i can put the shadow, but on the left card (light-popup-card) i can't.
The objective would be the light-popup-card show the shadow according to the state. I've read the card documentation and I can't do it, does anyone know?

[raven nacelle]

Looks like lot of custom cards are broken in this update

[dark dirge]

a lot of the ones that were broken have been updated

[visual holly]

Responding to my own message. If you have problems with kiosk mode and an Amazon Fire Tablet, it's most likely the webview you have. You will need to find/install an updated webview APK. Webview v100, for example, works on a Fire HD 8 6th edition, for example and made Kiosk mode and Home assistant dashboards work in general on my tablet. Versions are available via various XDA posts/messages/threads. (For example: https://forum.xda-developers.com/t/fire-os-7-3-2-7-updated-apks-amazon-apps.4514785/#post-87679951)

[raven nacelle]

In my case, the card appears fine for a second, but then I get this

for many of the cards

[lean fossil]

is there a way to replace the numbers by graphs?

[sonic rapids]

maybe this: https://github.com/custom-cards/bar-card

though I think it's somewhat unmaintained and might break shortly with the polymer deprecation

[lean fossil]

thanks, gonna give it a try

[jaunty topaz]

What is required to enable lovelace so I can see the frigate card that I added.

[remote barn]

trying to figure out how to make the Sun card display absolute times instead of relative times. (e.g. 6:09 PM instead of "in 4 hours" ). is there a frontend conversion for this somewhere or is it more complicated than that?

[wooden flicker]

Hello, what is supposed to be in the spinning loading circle Above the Custom Light Entity Card? (I'm not sure if something isn't loading or it's something else)

[frosty flower]

Tysm

[obsidian coral]

I added three lights to a group with ui and set hide members. I later removed one of those members and even later, unhid the remaining two members.
The first light I removed shows as a hidden entity but I can’t enable it. Where should I be looking to fix this? (The other two light entities are fine)

[brazen shoal]

I have a JSON sensor that I would like to show on a card as a list. Do you guys have any suggestions on how I should implement this?

[obsidian coral]

core.entity_registry shows "hidden_by": "integration"

Platform (and integration?) is mqtt and has been untouched. Device is enabled, just the group flow I described seems to have caused this state.

Oh… janky break = janky fix
Added the entity back to the group, hide members, update, unhide members, update, remove entity from group.
Working now!

Note to self : don’t remove hidden entities from a group (or delete a group with hidden entities?)

[full topaz]

Is there a way to have an actionable notification that links to the Persistent Notification page in home assistant? I'd like to be able to click a notification on IOS to show the persistent notifications tab in the HA app. More specifically I'm looking to do this because the notification text is too long and does not show fully on my phone, so I'm thinking a link to the text of the notification would be a decent work around.

[jaunty topaz]

Error I just saw: you have 1 lovelace element that are not loaded properly in lovelace.

[jaunty topaz]

https://github.com/dermotduffy/frigate-hass-card#basic-cameras-configuration - have installed this using HACS and added lovelace: resources: - url: /hacsfiles/frigate-hass-card/frigate-hass-card.js type: module to the configuration.yaml and restarted.

[queen briar]

Hi all, trying to do a layout for a dashboard but I'm having the oddest problem

In the automated dashboard the system adds 3 of my entities side by side : https://imgur.com/a/7xkujsu

when I try to recreate this in a new editable dashboard, I can only get 2 aside : https://imgur.com/hO68Xj5

no matter how I click on the arrows or change things it won't do more than 2 aside

any thoughts?

I searched google and saw someting called lovelace, but it's not an option in the layout

[dark dirge]

That's just the name of the UI

[queen briar]

yeah its not available in teh version I have

apparently

[dark dirge]

It is

[queen briar]

do tell where it's hidden then 🙂

[dark dirge]

It's the name from of the frontend

You're using it

It's all there is

[queen briar]

that's odd becasue none of the features are there

[dark dirge]

That makes no sense

[queen briar]

I know

that's why I'm trying to sort it out

it seems to me you can only put 3 cards side by side in teh default automated uneditable dashboard

but this google link says you can if you use lovelace

but .. .as I mentioned, it's nowhere to be found

[dark dirge]

Again, that's the name of the UI

[queen briar]

Hm

It's not called that in my install

[dark dirge]

Ok

The name was dropped, but it's the same thing

[queen briar]

I have masonry, Sidebar and Panel

that's it.

[dark dirge]

All part of what was called Lovelace

[queen briar]

ok

so is it just not possible to stack cards 3 across?

I can live with that, I just would like to know

ther is supposed to br a card called "layout-card" but that is missing as well

this google link is from 2018 though, so ... it might be outdated

[frosty flower]

made a sensor to scrape the ha update page and one to list all my integrations, then made a template to only show me the core changes that are relevant to the integrations i have
https://dpaste.org/oDuBp
very handy

not perfect, i dont have that first integration lmao

[queen briar]

teh joys of outdated manuals

lolz

[frosty flower]

have you checked out layout-card https://github.com/thomasloven/lovelace-layout-card

[queen briar]

yeah doesn't exist

[frosty flower]

wdym

[queen briar]

It's not an option

and the references to it are from 2018

[frosty flower]

have you added it from hacs?

or is it gone

[queen briar]

No, the instructions are missing

It points to a github repo that says" followinstallation instructions but there arent' any

[frosty flower]

no? theyre right on on the link

[queen briar]

again, prb outdated link

yeah that doesn't exist anywhere

other than that repo

[frosty flower]

you can download the repo with hacs

[queen briar]

ok , I'm game what / where is hacs?

it it an add-on?

[frosty flower]

https://hacs.xyz/

youre not gonna find much in terms of customization in the frontend without custom cards imo

[queen briar]

I'm fine with that

so long as they 1. exist 2. work

like grid cards, they are tehre but crunch everythign together and cut off tewxt

see .. first step in install : get ssh add on , only ther are no ssh add-ons in teh add on store

lol

I need to go hit my head on a wall for a minute

[golden mist]

Various settings are hidden unless your user profile has Advanced mode enabled. These include some add-ons, the Lovelace Resources menu, server control options, and more.

[queen briar]

'connection refused'

rabbit hole #3 🙂 looking for suser profile now

[frosty flower]

home assistant is all about rabbit holes lmao

[queen briar]

no kidding

ok adv mode is on

installing official SSH

running HACS install command line

says I have to restart HA now

looking for reboot button

settings > system says " blah blah or reboot your system " but no reboot button

do you know where teh current manuals are ?

manual says " select hardware , select elipse and choose reboot " only it's not there, it's a hardware > all hardware > universal power symbol

[frosty flower]

top right of your screen

on the system page

[queen briar]

not quite 🙂

settings > system > hardware

I found it

it's a power symbol not an elipse

you knwo whats really weird , everyone seems to ahve a diff name for the elipse " ..."

some call it the " vertical burger "

which I find weird

ok on to add integration

[frosty flower]

things change, if you want to suggest changes whatever docs youre looking at, itll stop the next personf rom running into issues

[queen briar]

Truth, but I dont know where to suggest them

I might just hve outdated docs and the current ones are right

thus why I asked if you knwo where the current docs are 🙂

right now I"m searchign for ' add integrations'

( this is like that old game hunt the wumpus )

"I know that everything inside HACS is custom and untested by Home Assistant
"

lol this will be fun, a rabbit hole with a slide!

now I have to log in to github and give a sekret code

ok launch code enterd

why I eed to auth my server to go to github to get something to configure something is .. .odd but I'm on it

annnd erstarting post configuration

ok the next step is REMOIVE , so I assume HACS isinstalled

so now that HACS is installed

what's next?

oooh its doing a buncha automates stuff

@frosty flower This is gettign exciting 🙂

installing layout-card

ok it seems to make the card but still stacks vertically

so all that for the same result 🙂

time for a beer!

yeah the insteructions say it stacks them horizontally, but it doesn't , its the same vertical stack no matter what you select

so it looks like only the automated dashboard can do 3 cards horizontally

foo

[queen briar]

person with similar issue : https://community.home-assistant.io/t/horizontal-layout-not-working-on-custom-layout-card-no-idea-why/263417

oooh I think I have found the problem

[wooden stream]

Hello friends, when I try to add the ha-card { card-mod, the animation breaks. But I really wanted to remove the background of the box.
https://paste.debian.net/1277901/

What am I doing wrong?

[tribal galleon]

Instead of background: rgba(0,0,0,0);, try background-color: transparent or --chip-background: none;

[sudden agate]

Possible to use include: to bring in yaml to multiple dashboard pages?

I created config/dashboards/locale.yaml

But no dice with this

views:
  - include: dashboards/locale.yaml

[fresh pike]

Hello everyone. I was wondering how people implemented their saved recordings from their doorbells etc. In home assistant. I can't really find a nice wat to get that done.

[haughty vine]

views:
  - !include dashboards/locale.yaml

note: it's only possible to add it on yaml dashboard since ui mode doesn't support any "advanced yaml stuff" (like !include or anchors)

[torpid notch]

Is there no easy way in the front end to set the scale for a graph? I have a thermometer that I want force to display the line including zero to only see bigger changes

[haughty vine]

afaik, out of vanilla cards only *Sensor Card supports manual min and max.
Most custom graphs supports (mni graph, history explorer, ect) way more options including setting bounds.

[true sorrel]

My entity status (off/on) has recently turned from my language (av/på) to English, also docked, locked and other statuses, why is that?

For example this one

It used to say På

[sudden agate]

As in I've gotta do the steps listed here?

https://www.home-assistant.io/dashboards/dashboards/#using-yaml-for-the-default-dashboard

[haughty vine]

yes

personally I would not set yaml mode on main dashboard just on additional ones because I like HACS managing resources for me

[sudden agate]

OH ok cool - I can do that at the top of the dashboard I'm creating, not necessarily in my configuration.yaml ?

[haughty vine]

not sure what you mean by "top of the dashboard I'm creating"
the dashboard config is always located in its separate .yaml file
any !include directive can be used only inside a .yaml files, never in any (including "raw config editor") ui editor, to split it further

[sudden agate]

Ok ok I'm following now - all this is done in config.

This entry is giving me grief.. preventing HA from restarting

lovelace:
  mode: storage
  dashboards:
    LocaleTest:
      mode: yaml
      filename: dashboards/locale.yaml
      icon: mdi:home-city
      title: Locale

nvalid config for [lovelace]: Url path needs to contain a hyphen (-) for dictionary value @ data['lovelace']['dashboards']. Got {'LocaleTest': {'mode': 'yaml', 'filename': 'dashboards/locale.yaml', 'icon': 'mdi:home-city', 'title': 'Locale'}}. 

Pretty sure I copied exactly from the second code box here

https://www.home-assistant.io/dashboards/dashboards/#adding-more-dashboards-with-yaml

[haughty vine]

"LocaleTest" is not a valid key, it should be lowercase 2+ words name, as it's used as path for that dashboard. Using "locale-test" would work.

[torpid notch]

Thanks for the advice for the custom cards!

[jaunty pivot]

Hello, I'm trying to use theme in my frontend but the option in my user profile is always disabled :

Anyone know how to enable it ? my frontend section in confuguration is as follow : frontend: themes: !include_dir_merge_named /themes

[hot wasp]

man

every other day my dashboards wont load because some component wont load. Is there a trick to avoid that?

"Custom element does not exist: vertical-layout"

I dont think I manually installed vertical-layout

I have been really really really impressed with the existing integrations for diff smart home devices etc

but getting ui working well, and keeping it runnign well has been... well challenging so far

[opaque kiln]

I have the same issue too. Probably related to this: https://github.com/home-assistant/core/issues/90957
I'm hoping it will be fixed centrally soon.

[frosty flower]

any ideas here? everything works except icon color for some reason

[golden mist]

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

[frosty flower]

not entirely the same thing but my living room is vardagsrum and literally every other area is in english lmao

[frosty flower]

also if an yone can tell me how to m,ake this card mod work with that template that would be amazing

 style: |
   ha-card {
     margin-bottom: 14px;
   }```

[haughty vine]

it works fine for me

[quiet tree]

Hi, I like the energy-bubble-diagram (the one with grid, solar, home) in the energy dashboard. Beside of the accumulated daily energy in kWh, I would love to have the same graph about the current power from different sources and sinks in W. Is there a way to create a similar diagram for that ?

Well the widget calls " Energy distribution" and I am looking for an addtional " Power distribution"

[haughty vine]

ups, you're right... it doesn't work on unavailable entities (bug?) 🤷‍♂️

[golden mist]

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

[haughty vine]

this should work thou

[wooden stream]

Hello Hello,
Is there any way to make this work with two states instead of one?

blue-grey
{% elif states('binary_sensor.occupancy_hall') == 'off' %}
disabled
{% endif %}```

With that I mean, creating a second elif with binary_sensor.occupancy_hall') == 'on' and another 'on' state of another entire.

if occupancy hall - on + presence state on
if occupancy hall - on + presence state off
if occupancy hall off

pretty much

or even:
if occupancy hall - on + alarm home or night
if occupancy hall - on + alarm away or vacations
if occupancy hall off

Maybe this should've gone on #templates-archived

[jaunty pivot]

any idea on how to enable theme ?

[white turret]

hey wtf

[steady wadi]

I am getting massive amounts of errors in my log from both google TV and apple TV 4k - After a few days the Apple TV integration falls out and I have to reboot HA to make it work again. I have the thread integration installed, but not the matter integration. I know the Apple TV supports matter/thread, but I dont know how to make it work on matter/thread. But anyway. Anyone interested in looking in my logs to see what could be wrong?

[white turret]

that doesn't really seem like a frontend issue

[atomic quartz]

How do I now control a group switch...before I used to be able to click on more into (long press) and see all the switches in the group...now it only shows a single new "fancy" vertical switch 😕

[tribal galleon]

you could do something like this to test the three conditions you were asking about (just replacing your sensors and options, obviously):

{% if is_state('light.hallway', 'off') and is_state('person.derek', 'home') %}
  --card-mod-icon: mdi:light-switch-off;
  --card-mod-icon-color: red;
{% elif is_state('light.hallway', 'off') and is_state('person.derek', 'not_home') %}
  --card-mod-icon: mdi:chat-question;
  --card-mod-icon-color: white;
{% else %}
  --card-mod-icon: mdi:light-switch;
  --card-mod-icon-color: yellow;
{% endif %}```

my example is for a card_mod and sets a couple of things for the style but you could just use the icon colors from your example

technically, your example only needs to be written as python {% if states('binary_sensor.occupancy_hall') == 'on' %} blue-grey {% else %} disabled {% endif %}the elif is used when you want to test for something else but the else is for when nothing else matches, do that one. so if on=do_this, elif off=do_that, else signal_error. Although, I'm not sure what color would be returned for "disabled".

[minor garden]

Hi, Can someone tell me why the texts to the left of the graphic are not justified?

[golden mist]

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

[plain mural]

Hi, I have hacked my self some plasma widgets. Can I make the home assistant widgets "transparant" (showing parts of the background image)
https://imagedump.nl/kmdwrrPkDNq76Iv

[frosty flower]

Oh it's only on unavailable entities? That's interesting

Ty for the fix I'll check it!

[frosty flower]

Two suggestions, try straight pixel value instead of a percentage since maybe the boxes have different bounds. Or inspect element to see if there's some padding or something there causing that to happen

[frosty flower]

Omg watching this literally pains me

[frosty flower]

i am very inexperienced with card mod, im trying to change the swiper scrollbar color, which i have narrowed down 2 being background for .swiper-scrollbar and .swiper-scrollbar-drag for each part of the scrollbar, but i cant figure out how to make it work in card-mod

[golden mist]

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

[frosty flower]

oh wise users of #frontend-archived please do tell

[severe isle]

hello,

from the last update I get an dubble scroll bar on the right side 1 for the left menu bar and 1 for the main page

[cedar hedge]

As I'm no developer but trying to figure out how to update some plugins I maintain from Polymer to Lit it's taking a lot longer to figure out how to do it. In the meantime I saw that there is the possibility to load polymer on our own in cards. I know it's not ideal but how would someone do that in a plugin temporarily until I figure out how to convert everything over?

[polar root]

Hello, just deployed yesterdays update and now all custom cards on my dashboards claim they don't exist. I don't see anything listed under breaking changes, do I need to reconfigure all custom cards?

[tribal galleon]

clear cache, ensure cards are updated, reboot HA (even if you already did during update)

[polar root]

already checked 2 and 3. with cache you mean local browser cache?

[tribal galleon]

correct. some times an extra refresh may be needed. (I've personally noticed if I'm editing a dashboard custom:button-card and mushroom-cards disappear. have to click Done, refresh, the go back to editing.)

[polar root]

thanks, will try that. appreciate your fast help and feedback!

it worked, thank you very much!

[dark dirge]

Better in #devs_frontend-archived

[true sorrel]

It’s weird, seems like it has been an issue for over two weeks

[wooden stream]

Hello friends, I'm having issues with properly configuring this card the card on this link: https://paste.debian.net/1278130/

What happens that I'm trying to make the animation work on that chip, that's inside a custom:mushroom-template-card. Meanwhile, if I use the code copying and pasting the exact animation souce ( https://paste.debian.net/1278131/ ), it works. I think it is because it's a chip and I can't make that work. If I use another animation like sunny for example, my code works. But it's breaking with this lightbulb animation.

By sunny I mean:

            style: |
              .content {
                animation: sunny 8s ease-in-out infinite alternate;
              }
              @keyframes sunny {
                70% { transform: rotate(360deg) scale(1); }
                80% { transform: scale(1); }
                90% { transform: scale(1.15); }
                100% { transform: scale(1); }
              }```

That one works no issue

[jaunty pivot]

Hello, how can I enable theme in HA user profil ? I've looked around but didn't find any howto.

[fiery ledge]

Did you check https://www.home-assistant.io/integrations/frontend/ ?

[steep drift]

@tribal galleondid you manage to fix your side bar?

[blissful cipher]

Hello! I have Life360 attached to my HA, and I love it. When I click on a person, and then click on "Attributes" I can see that person's Battery Level. I have not yet found a way to access that data. I want a card that says everyone's Battery level. Any Ideas? Thanks in advance!

[deep moth]

Hi all, I'm experiencing an issue with the YAML code editor on a couple of HA addons (wireguard, mariaDB). The issue happens specifically on Safari - the text editor just does not render. It appears to work fine on Chrome. Does anyone know of an existing pending issue with that regard?

[compact pebble]

Is there a way I can switch between home assistant instances based on location so I don't have to manually go between the default dashboard set for each home assistant server?

[jaunty pivot]

Thx. i did already have a look at. As I'm running a dev install, i've reinstalled it from scratch and now it's working. Don't know what was wrong...

[tribal galleon]

I don't use a sidebar on my dashboard. We last talked about hiding the header and using layout cards to take control of where cards are rendered on the screen.

[steep drift]

ahh slept since then haha

i lost my dashboard

so i gasve up for a bit , but ive started it again

[tribal galleon]

yeah. I had to look back and double check our conversation.
that sucks. no chances of recovering from a backup of HA?

[jaunty pivot]

I'm looking for a card to show battery percent remaining. Any suggested one ?

[tribal galleon]

make your own. custom:button-card or mushroom cards.
EDIT: I should probably find my tablet since it is probably dead at this point...

Unless you're looking for something like this (auto-entities)

[jaunty pivot]

i have in mind something like an horizontal bar

[tribal galleon]

The first screenshot I posted is 5 custom:button-cards in a grid card. Template applied so minimal code is repeated.

[steep drift]

nahhh i went in a huff and then left it for a week and then pied it off 😄

[tribal galleon]

I would have probably done the same. 4300 lines and a lot of trial and error...

[jaunty pivot]

Question (even if I think I know the answer) : is there a way to define a card with all settings we want and then just reuse it like template in other software ?

[young bobcat]

Hi I’m settings

[tribal galleon]

the custom:button-card card use templates. https://github.com/custom-cards/button-card#configuration-templates

[jaunty pivot]

i'm using bar-card... to bad 🙂

[young bobcat]

My question is how do I cange my email when I put the wrong one in

[jaunty pivot]

in which section did you mistake your email ?

[tribal galleon]

I'm not sure how to incorporate it but it looks like the custom:button--card can "use" the bar card and then a template can be utilized. https://ui-lovelace-minimalist.github.io/UI/usage/custom_cards/custom_card_bar_card/

[frosty flower]

backups backups backups

i would be devastated if i lost my ha

[jaunty pivot]

thx i will have a look at it tomorrow.. late here 2:24 am !

[jaunty pivot]

I can suggest you to have a dev/test instance of HA (what i'm doing now) to prevent this kind of problem

[frosty flower]

Honestly I just make a backup before I do anything stupid and if I really have to I can restore. On the other hand I moved over to Proxmox so I may start taking Proxmox snapshots before I make changes more

For front end stuff though I'll always make a new card in a separate test view, or copy over an existing one if I'm making significant changes and I won't put it on one of my main views until I've got it squared away

[tribal galleon]

I have a whole page of nothing but "experimental" cards...

[young bobcat]

I put some of letters wrong

[verbal flame]

Hi,

is there a way or a card to control a thermostat with a slider (like for lights)?

My first idea was a numeric helper and than set the value with an automation and display it with a mushroom number card, that that seems over complicated

Okay, this actually worked pretty well

[steady wadi]

Hello, anyone know why HA doesn't recognize two functions from my humidifier? It's a humidifier I can control via Tuya integration. I can control everything in my humidifier except "Plasma" and "Heat" via HA. I have looked in the diagnostics file of the tuya integration and I can see there is a status for "heat" and "plasma" and they are boolean. I can read them as true or false (I have tested with the buttons on the humidifier, and I can read from the diagnostics file that it has changed. And I also can see them as a function.

They are like this:
"heat": {
"type": "Boolean",
"value": {}
},
"plasma": {
"type": "Boolean",
"value": {}

Anyone know if its possible to implement those two boolean values in HA?

[steady wadi]

Also, theres a fault signal I cannot implement as well

[verbal flame]

Hey, i want to change the temperature marked red. Its the standard thermostat card

But that displays only the measured temperature of the thermostat, but i want it to show it the temperature that is shown in the right corner.

Some ideas?

[tribal galleon]

can you share your yaml to show what you're working with?

[golden mist]

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

[verbal flame]

This is the updated one
https://pastebin.com/Fejriekd

Schlafzimmer = bedroom
Schlafzimmerheizung = bedroom thermostat

Im not that much into css and card mod, so dont wonder about the much card mod lines

besides, there was an vert stack in card too much, i updated the link

[tribal galleon]

@verbal flame At first glance, the thermostat card seems limited on customizability. Second, by changing the sensor displayed, I think it would interfere with the slider's ability.

[verbal flame]

Oh the sensor displayed is not directly linked to the slider. The slider does the same like the green slider of the standard thermostat card

i just didnt like the standard slider😐

[tribal galleon]

Then perhaps check this out: https://smarthomescene.com/blog/top-8-home-assistant-thermostat-cards/

[verbal flame]

Im gonna take a look, thanks a lot!

Do you know if theres maybe a way to overlay something above this position, if i cant find an alternative in your link?😅

[tribal galleon]

Without looking too much into it (and I don't know much about it), but I'm willing to bet you might be able to do a custom layout that could cover it up.

For example, this is a custom:button-card that I added the automatic in the top left corner to show the lights in that room are running in automatic/motion detection (based on an input_boolean allowing the automation to run).

But, I would suggest, moving away from a stock card would give you more customizability options. (Basically, not worth trying to reinvent something that someone may have already made to do what you want.)

[verbal flame]

I will try!

Thanks!

[crude crane]

in home assistant how do i separate thinghs like this

im stuck on this

[verbal flame]

What do you want to seperate exactly?

[crude crane]

i want to have sub groups like this

[verbal flame]

if you want to stack things horizontal, than you can use the horizontal stack card.

[tribal galleon]

Consider using layout cards, such as grid, horizontal, and vertical stack cards. (Like @verbal flame suggested as I was typing this.)

[verbal flame]

Or if you mean the icons in the „taskbar“ you can create views when youre in the edit mode with the „+“

[crude crane]

yes but they get stacked on top of eachother

and i want the text but i dont know how to turn it on

im talking about this

[tribal galleon]

type: vertical-stack
title: Icon based on charging state (chip)
cards:
  - type: custom:mushroom-chips-card
    chips:
      - type: template
        entity: sensor.fire_computer_desk_battery_level
        [...code shortened...]```

[crude crane]

oh

so i have to add title:

[tribal galleon]

Some cards have a title that can be set.

[crude crane]

works

thanks

and how do i get it to be spread out

and not be in one colum

[tribal galleon]

regarding being stacked, that is probably just HA doing a default layout. for my dashboards, I usually use a layout-card at the beginning to define two columns and each of those columns can be further "layed-out".

[crude crane]

how do i do that

i have layout-card installed already

[tribal galleon]

Here, there's two columns 50%-50%, left column then has 3 columns at 66% 17% 17%. The Right column has a swipe card at 100%, then a grid card with 4 columns. the weather stuff at the bottom (not shown) is 35% 67%.

It is just a matter of nesting the appropriate layout cards how you want them.

[crude crane]

but i dont know how to set it to be like that

[tribal galleon]

The screenshot you posted, was that from JuanMTech's page?

[crude crane]

wich one?

[crude crane]

u mean this

[tribal galleon]

yup.

[crude crane]

yes

[tribal galleon]

IIRC, he has his yaml posted somewhere.

[crude crane]

its from his Google Dark Theme

ok i think i figured it out

[tribal galleon]

Check out this video by Smart Home Junkie. https://www.youtube.com/watch?v=Ac02PzU17GQ He does a good job of explaining how to work with the layouts.

[crude crane]

thanks for the help

[vapid field]

In the energy distribution widget (see screenshot) the blue bubble is moving from left (grid) to right (home), allthough my grid power counter is negative, which means I supply grid with my solar energy because I produce more solar energy than I consume in home. I have a grid counter that has three counters: power [W], consum [kWh] and supply [kWh]. So, when power value is negative, consume counter would not increase, but the supply counter would increase. Why ist the blue bubble moving from home to grid in this case? Confusing

(In the screenshot violet bubble is moving to grid, yellow bubble moves to home and blue bubble is moving to home)

Also, currently I produce e.g. 120 W solar power and consume 110 W in home. So I consume 10 W from grid. In this case I would expect the blue bubble move from grid to home very slow in relation to the other twoo bubbles. But the blue bubble moves even faster then each the violet and yellow bubble.

Or is this just not real time but for the whole day/week/monthe etc.? That would not be intuitive. The moving bubbles make me think it's real time movement.

[steep drift]

anyone got a card for the total number of sensors

Ideally wat im after, ( after long trial and error ) is a card the displays the total number of sensors that have the motion class

then the card will be

Motion detected in :
[ ICON HERE ]
0/3 Rooms

when movemen is detected it would increment 0/3 to 1/3 etc etc

[dark dirge]

you can make two relatively simple template sensors that would provide both values

[wooden fjord]

Hello, i want to connect my legrand devices to my home assistant but it gives me error 500

[steep drift]

ah ok , never though of that 😄

ill give it a try thank you

amazing idea!!! thanks RobC!

[dark dirge]

You can also create a single template sensor that outputs what you asked for:

{% set binary_sensors = states.binary_sensor|selectattr('attributes.device_class', 'defined')|selectattr('attributes.device_class', 'eq', 'motion')|list %}
{{ binary_sensors|selectattr('state', 'eq', 'on')|list|length ~ '/' ~ binary_sensors|list|length }}

-> 3/48

[steep drift]

i need to up my sensor game 😄

[formal plinth]

Any ideas why the buttons for my blinds controls do not appear?

Used to be working but they have suddenly stopped working. Any advice would be much appreciated! Thank you in advance!

[lyric tiger]

Is there any way to make home assistant take control of the dashboard again? after i took control of it?

Nevermind i figured it out

[tribal galleon]

@steep drift Here's something along the same lines. Card set to look at the all_lights group (which consists of light groups for each of my rooms). It does essentially the same thing, without the need for a template sensor.yaml type: custom:button-card entity: light.all_lights name: > [[[ var i; var entities = entity.attributes.entity_id; var count = 0; for (i = 0; i < entities.length; i++) { var state = states[entities[i]].state; if (state == 'on') {count += 1;} } if (count == entities.length) return 'All ' + entities.length + ' lights on'; if (count == 0) return 'No lights on'; return 'Lights on: ' + count + ' of ' + entities.length; ]]]

[steep drift]

thats actually perfect for what i need anyway , i can use that and change it for my other sensors etc

thank yooooooou!

[vagrant ice]

Hi All,
I have a Raspberry PI Zero 2w on which I have installed Ubuntu core and the HA snap. I have a LCD display connected to the PI. I want to build a custom dashboard for this setup which must not be browser based one. Are there ways to accomplish this? Thanking you in advance.

[steep drift]

how big is the LCD?

@tribal galleon
how the blinking hell do u remove the horrible white border??

[tribal galleon]

      style: |
        ha-card {
          border: none;
        }```

[steep drift]

does it still apply to
type: custom:stack-in-card

[vagrant ice]

approximately the size of a tablet

[steep drift]

done it never mind

its just me being a complete tit

[tribal galleon]

keep it indented for the button-card. tip: button-cards can be templated so you don't have to keep repeating code. (forgot we talked about that a few days ago)

[steep drift]

yeah , still figuring out how to get the layouts like some of the proper nice ones

seems more of a challenge than styling lol

[steep drift]

hell yeah dude! simple mate

[vagrant ice]

any references for me to start with. I am kind of getting lost reading the documentation.

[steep drift]

oh gosh, well where do u start,

so many custom cards , types etc

what id deffo say , is get an idea in ur head how u want it to look

d_sellers1 imo is a fkin G when it comes to this sorta stuff , big respect to you sir!

[tribal galleon]

@steep drift problem with his set-up: which must not be browser based one.

[steep drift]

not even done my own yet on my browser, never mind tablets 😄 hahaa

but practice and have fun.... if you get to a state where u like the layout....... BACK THE CODEUP!

[vagrant ice]

I have an idea as to how it has to look. Say for instance somewhat similar to a display in Kiosk

[steep drift]

so like windows 8? 😄

[tribal galleon]

@vagrant ice might be a question more for #diy-archived (at least until it comes time to design the frontend). I'm not sure how to go about setting up your stuff using a Core OS.

[vagrant ice]

Good analogy 😆 Yup something like that

[steep drift]

i assume not too difficult, get layout-cards, mushroom cards and button-cards

also card mod is great for styling

id edit on ur PC and have ure tablet on that dashboard so u can see how things look

[vagrant ice]

thank you, let me start, 😃

[verbal flame]

How exactly did you add this overlay? Seems very useful!

[tribal galleon]

take a look at my dashboard. https://pastebin.com/gaFmay1B Template called oversized_custom_button_with_auto at Lines 142-166. Then, in the dashboard: yaml - type: custom:button-card template: oversized_custom_button_with_auto entity: light.kitchen_lights hold_action: action: navigate navigation_path: /fire-main/room variables: var_entity: '[[[ return ''input_boolean.automation_auto_kitchen_lights''; ]]] (Don't mind the hold_action; I use it to navigate back to the rooms screen since I don't use a header.)

The template does allow a double_tap to toggle the input_boolean (essenstially, turning on/off the automation).

double_tap shown at the end

[wooden fjord]

HI! i was trying to make a map of my house to turn on the lights from there. I can't show the lights turning on on the map like in this video:
https://www.youtube.com/watch?v=3Umo0vkLxRY
at 59:30
pls help me

[verbal flame]

Thanks!

[steep drift]

use a file editor addon

go to folder www

create a new folder called images

upload the images to the images folder

path would be "/local/images/<NameOfYourFileHere>.png

this is the path bit

[wooden fjord]

I did so I followed all the steps of several videos (especially the attached one) but it doesn't work

[golden mist]

Don't ask to ask, just ask your question. Then people can answer when they're around.

When you do ask a question, try to provide as much background detail as possible. Ask yourself these questions first so that others don't have to:

1. What version of the Home Assistant are you running? (remember, last isn't a version)
2. What exactly are you trying to do that won't work?
3. Is the problem uniform or erratic?
4. What's the exact error message?
5. When did it arise?
6. What exactly don't you "get"?
7. Can you share sample code, ideally with line errors where the error occurs?

[split granite]

☝️

What "doesn't work"?

[wooden fjord]

I did that but it doesn't work

[wooden fjord]

does it work for you?

[steep drift]

ive never done this before but i assume its the same principle to change an image

is the actual path in www/images/3d_floorplan/on/ ?

[wooden fjord]

oh yeah, I think so too

yes

this is:

type: picture-elements
image: local/images/3d_floorplan/light_off.png
elements:

• type: image
  entity: switch.banco
  style:
  top: 43%
  left: 58%
  width: 5%
  state_image: null
  'on': local/images/3d_floorplan/on/banco_on.png
  'off': local/images/3d_floorplan/off_transparent.png

the first image(the base image)does work

[steep drift]

u do know that the first path is

www/images/3d_floorplan/on

and the second ISNT
www/images/3d_floorplan/off

its just www/images/3d_floorplan/

[wooden fjord]

and the first is in teh same folder

[steep drift]

are the on and off in the same folder?

[wooden fjord]

yes

[steep drift]

your "on" path is
www/images/3d_floorplan/on

your "off" path you specified there is
www/images/3d_floorplan/

2 different file locations

[wooden fjord]

this is my error I fixed it but nothing changes

[steep drift]

so id create a new folder in floorplan called "off"

www/images/3d_floorplan/off/

put the image in there, then the file path to specify is

www/images/3d_floorplan/off/nameoffile.png

[wooden fjord]

but i have to put the base image ie: light_off.png?

hey?

[steep drift]

If the file is called light_off.png then put it in

The off folder

[wooden fjord]

ok let i test i

it doesn't work

[steep drift]

On works but off doesn't

Show me ur config file

Show me ur image structure

[wooden fjord]

we use private chat

i send to you the image in private chat

hello?

can someone help me with mi 3d floorplan problem

[cobalt citrus]

Wow how you do that

[prime narwhal]

I wonder how many people have /ignore BIG* so far.

[tribal galleon]

Take a look a couple of posts above the video. My yaml is posted along with the lines for the template and usage in the dashboard.

[wild lava]

hi

is it a way to hide entities only used in chrismas?
I am tired to see them as error ("entity not available")

[frosty flower]

click on the entity -> settings gear -> advanced -> entity status

[tribal galleon]

Do you mean so you don't have to remove them from your dashboard if they are hidden or unavailable? If so, maybe wrapping them around a conditional card first.

That is how I "hide" my Plex media card. If nothing is playing, the entity state is unavailable. With the conditional, the card only shows while Plex is playing or paused.

[frosty flower]

the conditional card is great but state switch is such a step up i think ive only ever touched the conditional card once or twice

[wild lava]

I try a condition card but it don’t lets me since the entity is not available

[rich lotus]

hey.... is it possible to use a template (from a dropdown) or a dropdown to change a cards entity????

[frosty flower]

whats the entity

[rich lotus]

temp sensors. The card is the canvas gauge card from HACS. Just need to know if I can use a template in the place of and entity????

[frosty flower]

im confused, what are you trying to do?
you want to change the entity displayed by a certain card based on some unknown parameter?

[rich lotus]

I want to change what a card displays based on the value of a dropdown list

so I have one gauge card and one dropdown list. dropdown list has lounge, bedroom, bathroom. Based on what is selected in the dropdown list, the gauge card shows that entities value

[frosty flower]

state-switch custom card is the best way to go

you can probably do this with the built in conditional card but it would be much more wonky

[rich lotus]

thx - i will give it a look

[tribal galleon]

Didn't we talk about navigation with an input select as a variable a few days ago? I wonder if the same concept could be applied with his idea?

[frosty flower]

with state switch or with something else that im forgetting?

[golden mist]

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

[upper heath]

can someone help me?

[shut robin]

hey guys, i'm trying to use https://github.com/custom-cards/button-card and i want to have a play/pause button for my tv - so when the tv is playing, it shows and acts like a pause button, but when the tv is paused it looks and acts like a play button

i've got the icon working by doing this:

  [[[
    if (states['media_player.tv_google_cast'].state == 'playing' )
      return "mdi:pause";
    else
      return "mdi:play";
  ]]]```

but i can't do the same thing for the entity - it just doesn't work for some reason

does anyone have any ideas on how i can get it to work?

[wooden fjord]

someone can help me?

HI! i was trying to make a map of my house to turn on the lights from there. I can't show the lights turning on on the map like in this video:
https://www.youtube.com/watch?v=3Umo0vkLxRY
at 59:30

?

with this ^
|

pls

🥹

[tacit cave]

Your spacing is probably incorrect as the spacing in the video is incorrect. Also, no one is going to help when you don't post your configuration. Break it down to what's not working and show via text (not an image) where it breaks. Don't post an hour video, no one wants to go through that just to help someone.

[wooden fjord]

I have followed many videos and they are all like this

after state_image: i don't write null it writes it himself and in the video he doesn't show it. Anyone know what it is?

[vapid field]

hi I wanted to ask does anyone know how to change the distance between the entities with card mode when you group them on the same card

Help

[tacit cave]

because you don't have 2 spaces in front of 'on' and 'off'

look at the video, you'll notice they are indented

remove the null, and indent the 2 lines after.

[wooden fjord]

ok i test it

nothing change

[tacit cave]

probably because it's still not correct

🤷‍♂️

[wooden fjord]

you have a soluction^

?

[tacit cave]

post what you tried

i'm not a mind reader

[wooden fjord]

ok

[tacit cave]

dude

[wooden fjord]

what

[tacit cave]

do you understand what indent means?

[wooden fjord]

no

[tacit cave]

this:
is:
indenting:

[wooden fjord]

what

[tacit cave]

...

[wooden fjord]

what do you inted

[tacit cave]

you don't know what an indent is?

[wooden fjord]

send here a correct code

[tacit cave]

no

you have to do this

[wooden fjord]

what

[tacit cave]

you have to learn it

[wooden fjord]

learn what?

[tacit cave]

I told you exactly what to do

remove null and indent 'on' and 'off' lines

here's an example of an indent:

the_next_lines_are_indented:
  indent_example: ...
  indent_example2: ...

here's an example of something that's not indented

the_next_line_is_not_indented:
this_is_not_indented: ...
this_is_not_indented2: ...

[wooden fjord]

this is indent?

[golden mist]

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

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

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

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

[minor garden]

Can you tell me which function I should use to position directly with pixels.
I don't see anything strange with the drawing.
thank you

[wooden fjord]

this is indented?

[frosty flower]

just right click -> inspect element. i honestly dont know css well and am sh it with card mod so im probably not the best help

[tacit cave]

Yes, also you don't need to repeat yourself.

[wooden fjord]

ok it doesn't work

[tacit cave]

🤷‍♂️ my car doesn't work, what's wrong with it?

Oh you don't know? Is it because I'm not providing information on what's wrong?

[wooden fjord]

do you know the error?

[tacit cave]

No, because you aren't sharing any information.

[wooden fjord]

i share you the code

[tacit cave]

Yes, I see the code, and it should work

[wooden fjord]

this

[tacit cave]

but you saying "it's not working" doesn't tell me what isn't working

[wooden fjord]

I want when I turn on a light on the map to come on but it doesn't work

[tacit cave]

I'm about to walk away for a number of reasons:

1. You aren't explaining yourself
2. I asked you to share the code as text, not images, yet you keep posting images
3. You don't bother to understand the basics, even a simple indent.

[tacit cave]

and that tells me nothing

"it doesn't work"

[wooden fjord]

wait

[tacit cave]

what doesn't work

does the l igth turn on?

does the image show up?

does it launch a space ship?

does it send you a notification?

what does it do?

[wooden fjord]

in my home the light turns on but in the map no

[tacit cave]

state_image: should be at the same indent level as style:

you have...

style:
  ...
  state_image:
  ...

It should be

style:
  ...
state_image:
  ...

[wooden fjord]

the light part should be all the right-top room not just the button

type: picture-elements
image: local/images/3d_floorplan/off/light_off.png
elements:

• type: image
  entity: switch.banco
  style:
  left: 58%
  top: 43%
  width: 5%
  state_image:
  'on': local/images/3d_floorplan/banco_on.png
  'off': local/images/3d_floorplan/off_transparent.png

[tacit cave]

Yes, did you see my last response?

[wooden fjord]

this is the code

[tacit cave]

please format it properly

3 backticks

`

before and after.

[golden mist]

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

[wooden fjord]

type: picture-elements
image: local/images/3d_floorplan/off/light_off.png
elements:

• type: image
  entity: switch.banco
  style:
  left: 58%
  top: 43%
  width: 5%
  state_image:
  'on': local/images/3d_floorplan/banco_on.png
  'off': local/images/3d_floorplan/off_transparent.png

[split granite]

You need to use code markup

Posting it unformatted into the channel isn't helping us help you

Alternatively if you can't work out how to use code markup, use a code share site <#frontend-archived message>

[wooden fjord]

https://paste.debian.net/1278297/

this is the code

it's correct?

[tacit cave]

should work

[wooden fjord]

but the image is smaller then room

[tacit cave]

you need to size it properly

and position it

[wooden fjord]

ok i do some testing

tnx

for the moment

[cobalt citrus]

I was looking at it. I’m new to HA I tried to copy and pasted the code you posted for the light to flash but it just keep loading. I’m guessing I need to add some code to the template. But I’m no sure how to do that

[wooden fjord]

https://paste.debian.net/1278299/

this is the code

modified

but doesn't work

[warm plank]

anyone done mushroom cards? followed a guide but when adding a chips card it does not come up?

[tribal galleon]

Are you referring to when the button is pressed the white light that radiates outwards? If you're looking for just an individual button-card, this is what does that.

type: custom:button-card
  entity: light.bedroom_lights
  styles:
    card:
      - '--mdc-ripple-color': white
      - '--mdc-ripple-press-opacity': 1.5```

[tribal galleon]

Chips are wrapped in the mushroom-chips-card. Here's the start of one of mine (plus some extra modifications with card_mod). ```yaml
type: custom:mushroom-chips-card
chips:

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

[warm plank]

yer i hadnt installed the extra mushroom stuff needed

[cobalt citrus]

Yes 👍🏼

[warm plank]

i do have a question how do i add a tuya function to a card tho

[cobalt citrus]

Do ai need to add anything to the template or just use that code to create the card

[tribal galleon]

You can incorporate just that into the button. However, if you find yourself repeating the same code, then it would be worth it to turn it into a template. Then, you just reference the template. Anything added will overwrite the template (such as entities, for example).yaml - type: custom:button-card template: oversized_custom_button entity: light.living_room_lights hold_action: action: navigate navigation_path: /fire-main/room

Each of these only needs four lines to show on the dashboard but the template itself is something like 30 lines long.yaml - type: custom:button-card template: battery_custom_button entity: sensor.s22_ultra_battery_level name: Phone

[cobalt citrus]

Ok will try that later

[tribal galleon]

Also, button-cards can use more than one template and templates can refer to other templates. So, I have one called generic that sets most of the layout. Then I have one called oversized and battery (for example). Both of those refer to the generic template. (So less code being repeated.)

[warm plank]

hmmmm i need to find a good looking dashboard design

[tribal galleon]

Just make it as you start incorporating stuff. IMO, custom:button-cards and mushroom cards are the most customizable. (But frustration can follow as you fiddle with them to make them look just the way you want...)

Lots of examples, code, and questions (each has thousands of posts... I scroll looking at the pictures until something catches my attention.):
https://community.home-assistant.io/t/fun-with-custom-button-card/238450
https://community.home-assistant.io/t/mushroom-cards-build-a-beautiful-dashboard-easily/388590

[cobalt citrus]

@tribal galleon I get this error when I added to the card code ‘’’Configuration errors detected:
can not read a block mapping entry; a multiline key may not be an implicit key (10:5)

7 | entity: light.master_bed_room_close ...
8 | name: Master-Bedroom Closet Light
9 | yaml
10 | type: custom:button-card
----------^
11 | entity: light.bedroom_lights
12 | styles:’’’

[tribal galleon]

Guess it was five days ago that we talked about navigating with a variable in the path from an input_select. #frontend-archived message

[tribal galleon]

indention is important and if the cards are wrapped within some sort of layout card (like grid, vertical-stack, etc), they usually start with **- **type: custom:button-card.

[tacit cave]

Your indentation is off again in the new thing you added. Please make sure your indentations match the examples you are copying.

This is yaml 101 stuff, I suggest you learn yaml if you plan to continue the path you're going

[wooden fjord]

Meaning what

[tacit cave]

exact same issue as you had before, but with the new thing you added.

[wooden fjord]

ok i learn yaml

[tribal galleon]

@cobalt citrus If you're trying to add what I posted to an existing button, just add yaml styles: card: - '--mdc-ripple-color': white - '--mdc-ripple-press-opacity': 1.5 and ensure styles: lines up under the entity and name (indentation).

[wooden fjord]

can someone help me with this

hacs doesn't update

and this is some error

[polar kelp]

"Github API calls are ratelimited, this will clear in less than 1 hour." That error?
Try waiting less than 1 hour.

[warm plank]

ANY IDEAS?

soz caps

[somber bison]

clear browser cache?

[warm plank]

yer worked thanks

[warm plank]

quick q if i deleted all my cards on the stock dashboard how do i reset it ?

[vast crane]

You mean you want to go back to the auto-created dashboard? I think if you just create a new dashboard that is the default behavior, so you would just create a new one and delete the unwanted one.

[split granite]

If you Edit as YAML and delete everything you'll get back to the default

[warm plank]

hmm ill look

its the overview one i think

wat about having the popout show as the card?>

[tribal galleon]

@warm plank I just clicked Add Dashboard, gave it a name, icon, and path and it recreated the default (overview) dashboard.

[warm plank]

ill give it a bash

grrrrrrr

[lone crag]

My Cam-View on my Dashboard keeps reloading on my Android device. The Webview Debugger just said that the requests are canceled

How can i find the error?

[cobalt citrus]

@tribal galleon this is what I have now still doesn’t work. I’m missing something ‘’’show_name: true
show_icon: true
type: button
tap_action:
action: toggle
icon: mdi:lightbulb-on
entity: light.master_bed_room_closet_light_switch
styles: null
card:

• '--mdc-ripple-color': white
• '--mdc-ripple-press-opacity': 1.5
  name: Master-Bedroom Closet Light’’’

[tribal galleon]

At first glance (currently mobile), your indentation is probably wrong. Styles shouldn't be null if formatted properly.

Also, are you trying to use a stock button card? Don't know if it is able to be styled. My example was with a custom:button-card; not a button card.

[golden mist]

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

[cobalt citrus]

Yeah stuck button. And was editing from my phone I will try later when I get home.

[wooden fjord]

I've been waiting for 3 hours, does anyone know the problem?

this is the error

pls

what is the error?

Now if I search for hacs it doesn't find it anymore, any solution?

[wooden fjord]

pls help me

[split granite]

You're ratelimited, until that resets there's nothing you can do - that's entirely in GitHub's hands

[steep drift]

Bigbroccoloo, you literally spammed my discord all last night and all today

even though i said i was trying to sleep

u need to chill man

[wooden fjord]

ok excuse me

[steep drift]

try and fix the issue and ask where u get stuck

[wooden fjord]

ok

[dark dirge]

the repeated "please", "please help me", "help", etc. aren't helping

it's just like a small dog yipping and nipping at my ankles

[wooden fjord]

okokokokokok

[muted saddle]

is it possible to display time up in the "tabs bar"?
I need somewhere to display the clock on my google home display in the kitchen

[verbal flame]

Hi,

is there a way to hide the background of mushroom chip cards?
Im trying with card mod and wrapping the complete card in „custom:mod-card“ but that doesnt work so far.

Some ideas?

[verbal flame]

yes it is, im using the custom „header card“ from hacs

These are mushroom chip cards, but u can use almost every card that fits in there

[muted saddle]

thanks!

the pop-up that comes when you click the "browse media" on a media player entity... can i call that from somewhere else? for example the mushroom media-player card and the mini-media-player card dont have this button

the pop-up is so much smoother and nicer than having to go into "browse-media > select device > select source > select playlist"

[earnest plover]

hello guys, i am stucked with a card issue. i am trying to display a state_image filter only if a sensor is above or below a value

    entity: sensor.0x00158d0002c4ccb9_device_temperature
    state_filter:
      ">28": brightness(50%)```

this is not working, only works without >

but only if sensor is exact 28, i need add > or <

[steep drift]

use a conditional card

[earnest plover]

can i place it on type: picture-elements ?

[verbal flame]

Just use the conditional card, add your condition and use your picture-elements as the card in the conditional card

[west fog]

I installed Mushroom with HACS but I cannot find a slider. Only a number card :\

[verbal flame]

yes, thats the right.

But you need an entity for it aswell. Go to settings -> devices & service -> helper -> number

Define this helper and than u can use it in the number card.

But im not sure how you can define min and max. Should work with a template i guess

[west fog]

Doesn't let me choose an entity

[verbal flame]

create

go back to your dashboard

create the mushroom number card with the entity something like: input_number.thoughput_max

Than you should have a slider and with that you can define this number entity.

And with that you can continue automating

but you still need to set the min and max value with a template and im not sure how to do that

[west fog]

hmm 😅

[tribal galleon]

Ensure you have the button-card installed https://github.com/custom-cards/button-card#installation (preferably via HACS). Here's the code you will use based on what you posted earlier. Note how the lines are indented. You don't need the tap_action: toggle because that is set by default. If you don't define the name:, the card will display the friendly name for the entity also by default.yaml type: custom:button-card entity: light.master_bed_room_closet_light_switch name: Master-Bedroom Closet Light icon: mdi:lightbulb-on show_name: true show_icon: true styles: card: - '--mdc-ripple-color': white - '--mdc-ripple-press-opacity': 1.5

There are a lot of examples on the link posted above and syntax for configuring the card.

[warm bolt]

Yaml question.... I have a bunch of dashboards setup (tablets) that are all a little different. I use separate yaml files to be able to reuse cards between. My issue is that I have a card that is almost identical between the tablets, but needs a different parameter passed to it.

Ideally I'd like to not make a different yaml, but it's there a way to make a function or some way to have a "template" that I can pass a parameter to or something like that?

[tribal galleon]

The only one that I am aware of that is capable of templates is the custom:button-card. https://github.com/custom-cards/button-card#templates-support The only thing that might be a problem with your set up is the template is only accessible within that specific dashboard. (So separate yamls might be an issue.) An alternative would be to have the individual dashboards within one yaml but have each respective tablet "use" its designated page. (Hope I explained that correctly.)

[warm bolt]

Thought about something using merge and include....

Eg my card:
<<: !include base.yaml
Param:1

Or something like that

Either that or try to use Lovelace gen

[tribal galleon]

I don't think Lovelace is capable of using !Include but I could be wrong. Think someone had asked something along the same lines a few days ago.

[warm bolt]

Currently using includes working fine. Only thing missing is to be able to change the included card

I'll play around with it some more. Was just curious if anyone had experience

[tribal galleon]

In that case, check out the custom:button-card. The template goes in the Raw Configuration. Perhaps there is some way to incorporate the !include with the template. My dashboard's yaml: https://pastebin.com/gaFmay1B. Templates start at Line 62 if you want to see how they're implemented.

[warm bolt]

Thanks

[warm plank]

ughhh trying to find a clean dashboard is hard lol

i like big clean button

quick q tho on tablet how do i hide the side bar for now?

[tribal galleon]

I use kiosk-mode https://github.com/NemesisRE/kiosk-mode (available in HACS). Can also hide the header and some of the various dashboard UI buttons like search and assistant.

[warm plank]

thought it was not being supported anymore?

is it this one Fully Kiosk Browser

[tribal galleon]

This is a fork from the original. Last updated two days ago. I use it with FKB and Firefox.

I do recommend using per user settings and consider using input_booleans to toggle options. Follow my link above to my dashboard and take a look at Lines 1 - 61. These are my toggles:

[warm plank]

wait can i add the code from github?

oh wait i use the app and not the url on the tablet

is that also why

[tribal galleon]

Just tried loading my tablet's dashboard on my phone via the app. It stopped responding to touch... (But there's a lot going on there.) I started on a basic phone dashboard (WIP) but the kiosk-mode options set for that one do not seem to have any affect.

[warm plank]

yer think its only for URL based

all g i dont have a lot going on in my dash yet

just trying to find some cards that are big buttons and look clean

[karmic tendon]

Hi, thanks for the tip and it works nicely on my pc/laptop but it completely overwrites the header'menu' on my iPhone making it unusable, did you find out a solution for that?

[frosty flower]

what would cause a card to show the "correct", updated version in edit view but not in normal view, except sometimes innormal view after you go into edit view

except it does show in normal view i incognitto

its uh....a swiper card, nested in an auto entities card, nested in a card mod card...

nvm i think if ound out why lmao

caught (in promise) TypeError: Cannot read properties of undefined (reading '0')
at e.updateSize (swipe-card.js?hacstag=192732887500:1:36658)
at r.update (swipe-card.js?hacstag=192732887500:1:84289)
at ee.updated (swipe-card.js?hacstag=192732887500:6:684)
at ee.$AE (swipe-card.js?hacstag=192732887500:1:6456)
at ee.performUpdate (swipe-card.js?hacstag=192732887500:1:6236)
at ee.scheduleUpdate (swipe-card.js?hacstag=192732887500:1:5818)
at ee.$Ej (swipe-card.js?hacstag=192732887500:1:5726)

it actually just straight up breaks my entire dashboard

[wooden fjord]

Hello, if i download mushroom the folder www isn’t showen. Any idea?

Oh this is the wrong cyan le

[warm plank]

anyone got a sexy front end for me to use?

i like big bold buttons

[tawny cloak]

Since a couple of weeks (2023.4?) I get a black tooltip-like title every time I re-enter the HA window in Firefox. Anyone else having this?

[clear compass]

im using the climate card for my Tado TRVs - i always heat up my trv to the same temp (20 degrees). is there a way to set the temp on the card by default without having to press the button to increase the temp every time?

.

[cobalt citrus]

Thanks that was the problem. I did not have the custom-card installed. Did that yesterday when I got home and now it is working fine.

[grim marten]

Hi, hopefully a quick question.

I have created my own custom card from scratch as per the link below.
https://developers.home-assistant.io/docs/frontend/custom-ui/custom-card

I would like to add a click action so that my card will navigate to a view? This is my own custom card so I have no tap_action/navigation_path functionality to tap into.

I am hoping there is a JS method somewhere that I can call to simply navigate to "lovelace/test".

Can anyone please point me in the right direction?

Many thanks in advance

[verbal flame]

im using the chips card on my iphone and only 3 of them so its not messing up. And all my views are hidden views , so no navigation bar. Im navigating with a selfmade, again mushroom chips, system

[tame spire]

When I am using specifying "Navigate" under "Tap Action", can I navigate to a specific card on another view? if so, how?

[dark dirge]

What would it mean to navigate to a card?

The card is part of a view, right?

[tame spire]

Yes

So I have a card for Sleep Score that I need to see 2 weeks worth of data graphed. So I want to navigate to that particular card (in a view with multiple cards) on "Tap Action"

[dark dirge]

again, what does it mean to navigate to a card?

scroll to it?

I don't think there's any way to move focus to a specific card in any context

[shut iris]

I'd rather use the good old <a href='/lovelace/test'>.

[golden mist]

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

[verbal cloak]

Hi, interesting question, problem, thingo

I'm using the custom button card and I'm running into an issue... it can't press a button, ex

                  - type: custom:button-card
                    entity: button.tc2_move_down
                    color_type: card
                    color: rgb(66, 134, 244)
                    icon: mdi:pan-down
                    show_name: false
                    tap_action:
                      action: toggle
                    styles:
                      card:
                        - height: 50px

I've tried a different type of action, ex, call service

But the other actions in the documentation (https://github.com/custom-cards/button-card#action) don't seem applicable

it seems like I'm probably doing something wrong that a custom button card can't press a button...

But this issue seems to suggest that it can't https://github.com/custom-cards/button-card/issues/572

[tribal galleon]

I think what the OP was trying to do is something like <a href='/lovelace/test#Sleep-Score-Card'>

[vivid trout]

quick one, I have this [[[ if (states['sensor.living_room_climate_temperature'].state == 'I want temp range here') return "green"; if (states['sensor.living_room_climate_temperature'].state == 'I want temp range here') return "yellow" if (states['sensor.living_room_climate_temperature'].state == 'I want temp range here') return "red" ]]]

how would I change to ranges, or am I over thinking it and it just needs to be float?

[frosty flower]

for cards that allow templated values, is it possible to show a default value until the template has figured its shit out?

id like to avoid the former picture here looking like the latter if possible

[frosty flower]

its javascript so if (yourstate > minvalue && yourstate < maxvalue ) return "red"

also im assuming this is config template card. suggest using the variables, cause it would make this easier to read

[vivid trout]

its custom button card, thought I could cheat as I do with icon which I use i icon: | [[[ if (states['cover.living_room_blind'].state == 'closed') return "phu:ikea-blind-closed" if (states['cover.living_room_blind'].state == 'open') return "phu:ikea-blind-open" ]]]

thought i would just adapt to see if it changes colors, but after trying it out on the icon color it does not seem the case 😛

[frosty flower]

i mean technically if you wanted to do less javascript you could make a template sensor and call that rather than having to do it in javascript lol

[vivid trout]

my templating skills are still so so, have my fingers in too many pies at the moment 😛 ill have to read more, but I am doing a lot of research at the moment on android automotive as well as work lol

[frosty flower]

lol

im still learning too so

no previous coding knowledge at all so, lots to pick up

but hey, its not that complicate imo, just about learning new ways to do logic and what options are available. takes some research and some knowhow

[vivid trout]

probs being lazy tbh and sticking to the front end as my css is pretty good 😛

[frosty flower]

haha, ive been digging a lot into card mod lately, so im starting to learn css. its more of a headache imo. ill say that much

[grim marten]

I tried onclick="window.location.assign('lovelace/test')" which worked but resulted in the UI reinitialising itself (HA loader pops up), so I assumed a hyperlink would do the same. I was wrong, thanks! 👍

[warm plank]

can anyone help me a front end design?

i just want somthing clean and big buttons tbh

[open seal]

Hi! Sometimes if I open my HA Dashboard on a new computer/private tab and I log in, after a few seconds staying on the Dashboard, the page reloads, and I have to log in again. The automatically reloaded page's URL looks something like this: https://myHA.com/auth/authorize?response_type=code&redirect_uri=https%3A%2F%myHA.com%2Flovelace%2Fstats%3Fa [...]
Why does this happen?
My setup is HA supervised running on Debian, behind Nginx Proxy manager.

[vapid field]

Is there a setting that makes sure that a specific user only gets its own menu items and dashboards visible? I already have the visibility settings correct, but on one device the relevant user gets the correct subset of views, but on a second device that same user does not seem to be restricted in its views

so in short: 2 devices, both use same view only user: 1 device gets correct view set, one does not

[tribal galleon]

You were close. (I used a light in this example since I don't have blinds.) Using entity.state will return based on the entity defined in the card. yaml type: custom:button-card entity: light.bedroom1 name: Bedroom1 color: auto icon: | [[[ if (entity.state == "on") return 'phu:ikea-blind-closed'; if (entity.state == "off") return 'phu:ikea-blind-open'; ]]]

Your method is useful for when you want the icon based on a different sensor. So, here, the light is on but the input_boolean that I used is off. yaml type: custom:button-card entity: light.bedroom1 name: Bedroom1 color: auto icon: | [[[ if (states['input_boolean.tester'].state == "on") return 'phu:ikea-blind-closed'; if (states['input_boolean.tester'].state == "off") return 'phu:ikea-blind-open'; ]]]

[tribal galleon]

This is what I use for a card that shows battery levels. The custom:button-card can pass the entity as a variable; for a card that does not, you can use states['sensor.living_room_climate_temperature'].state. The first line just sets a variable to make the code shorter and easier to read.

 [[[ 
   var battery_level=entity.state;
   if (battery_level >= 70) return 'lime';
   else if (battery_level >= 30) return 'yellow';
   else return 'red';
]]]```Also, you don't specifically define a range. Instead, the code will return at the first true statement.

Some cards use Javascript, others Python Jinja. The above works for custom:button-cards while this works for Mushroom cards.python {% set state = (states(entity) | int) %} {% if state >= 90 %} green {% elif state >= 70 %} light-green {% elif state >= 50 %} orange {% elif state >= 30 %} yellow {% else %} red {% endif %}

[dark dirge]

Or Jinja. I'm not aware of any cards that use Python

[tribal galleon]

Good point. When I was trying to work with IF statements, Javascript docs weren't working for me but Python docs were. So I just assumed they were Python.

[dark dirge]

Jinja uses a lot of the same syntax as Python and uses Python object types behind the scenes, so there's definitely a relationship. But there are also many differences

[graceful wedge]

Just wanted to check if I'm going down the completely wrong path here, as I can't see to get this to be error free. I just want a simple card that shows red or green if the temp and humidity are both in the acceptable range. But keep getting key errors.

[golden mist]

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

[tribal galleon]

I'm not sure if the conditional card is the best approach. IMO, it is best for simple on/off type conditions. The custom:state-switch card (which I just started playing with) might be a better option. But, perhaps better yet, why not just incorporate styles into a card based on your criteria.

[graceful wedge]

relatively new to this so this was the first thing I came across and tried it. But I'll look into those options.

[tribal galleon]

What temperature and humidity ranges are you considering? I'm trying to put an example together for you.

[graceful wedge]

Humidity 30-60%

18 and 25 for temp range

[atomic glacier]

custom:state-switch card Your gonna love it 💯 Endless possibilities...made a video with tons of options and it's one of the few that hasn't broken over the last few years 💪🏼 Thanks again @polar kelp (finally going to have to change over to the new browser-mod been avoiding that one forever 🫢

[polar kelp]

Hey! Speaking of forever. Where’ve you been?

And I’m surprised that one’s still going too…

[atomic glacier]

Lurking in the shadows LOL I keep looking at all the great stuff you've been working on, but not a lot of time to play around

Had to make a couple changes...still have q-card loaded up 🤓

[polar kelp]

For real? I never came up with a use case for that.

[atomic glacier]

Good to chat at you...it has been forever.
I just used it instead of !includes on a few views...just 'cause you made it LOL

                      tap_action:
                        action: fire-dom-event
                        browser_mod:
                          command: popup
                          title: " "
                          large: true
                          auto_close: false
                          <<: *popuptoolbar2
                          card: !include /config/lovelace/popup-cards/input_boolean.mobile_office.yaml

finally swapping everything over to this and then gonna bite the bullet and install the new BM

[dark dirge]

State-switch is critical in my dashboard for differentiating between mobile/desktop layouts in one place. I settled on switching based on the logged-in user after trying lots of other options

[atomic glacier]

👍 yep...on my tablets I swap entire dashboards and views...can do some powerful and crazy stuff. I found using input_selects to be the best fit for me. Easier to automate the changes or just use the select_option for the button presses 👻

...especially if nested inside of a layout-card to keep everything in place🥳

WIP

started playing with this a bit since I'm off work with back issues 😖

[tiny seal]

is there a way to change the side bar color to blue not black in home assistant

[sturdy bolt]

Do any here have a nice way to display status and controls of 16 climate controls for my central heating?

[sturdy bolt]

custom:auto-entities and muchroom climate control it is for now

[marsh wyvern]

Gotta be something small im missing or I cant wrap my head around the argument

      - type: entity-filter
        entities:
          - entity: binary_sensor.sliding_door
        state_filter:
          - open```

That is my attempt to have a badge show only when the state of the door is "open"

Please DO "mention" me if you can see what I messed up. Have allot of busy discords 🙂

[vivid trout]

thank you, the blinds one worked, I just wanted to know what would work with weather, I suppose I could try to use the jinja as a template though for all climate entities so this should work then ? icon: - color: | [[[ if (entity.state >= 36) return 'red'; else if (entity.state >= 26) return 'orange'; else if (entity.state >= 22) return 'yellow'; else if (entity.state >= 16) return 'green'; else if (entity.state >= 14) return 'blue'; else return 'red'; ]]] or would this be served better by a template to call for all temperature devices, so I can just use color: auto in card

[open seal]

Hi! A second vertical scrollbar appeared on my dashboard, which I don't think should be there.
https://imgur.com/a/S2KazZe
If I recall correctly, it appeared when I updated to:

Supervisor 2023.04.1
Frontend 20230411.1 - latest```

The scrollbar in the red rectangle scrolls the header only.

[tribal galleon]

This example is written in Javascript which has the includes() function. In theory, you could create an array of items that would be the conditions you want to include (sunny, partly cloudy, etc.) For example, javascript const fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.includes("Mango");would return true. https://www.w3schools.com/jsref/jsref_includes_array.asp
I was looking to see how to do the same thing in Jinja/Python but nothing seemed as easy except perhaps a FOR loop that would iterate through a list.

Perhaps creating a binary sensor that would check if all the conditions match then it would return true. Then your card could just check the state of the sensor rather than having to repeat the checks (code) in subsequent cards.

[dark dirge]

Python just does it the other way

'Mango' in fruits

I much prefer Python's approach

[tribal galleon]

But will Jinja handle in as easily? Came across a lot of questions asking how to do it but that would seem very simple.

[dark dirge]

Yes

It's just that

[tribal galleon]

That could be useful. Looks like not in is another option that could be useful too. https://stackabuse.com/python-check-if-array-or-list-contains-element-or-value/

[dark dirge]

Yes

Python is great, and Jinja inherits from it 🙂

[west fog]

Hey guys, where can I find the settings to give sensor values a unit?

[tender mural]

and my own question

any ideas how to prettify this?

I'd love to use the tiles here and the markdown is ruining everything

Any ways to make the titles look good and more attached to the respective sensors?

[tribal galleon]

You could consider wrapping the temp/humidity sensors in a horizontal stack card and setting a title:. I have a page of 'experimental' cards and wrap them in vertical stack cards and set the title so I can remember what their purpose is.```yaml
type: vertical-stack
title: Custom last updated info
cards:

• type: custom:mushroom-template-card
  [...]```

[tender mural]

ooh, let me try that

[tribal galleon]

maybe some styles and card_mod magic to remove the border (which might give you some more formatting and alignment options). yaml styles: card: - background-color: transparent card_mod: style: | ha-card { border: none; }

[tender mural]

it is much cleaner that for sure

let me just get card mod lol

[formal falcon]

Hello, trying to set up a mini media player card, but i cant get the material fade to work properly. Here is the configuration:

[marsh wyvern]

Can anyone spot what I messed up here?

      - type: entity-filter
        entities:
          - entity: binary_sensor.sliding_door
        state_filter:
          - open```

[marsh wyvern]

figured it out... states it was actually looking for were "on" and "off"

[verbal cloak]

This has gotten us all at some point or another

"Binary sensors" are always on/off, the UI cleverly translates these to various states depending on the type of device for us down the line

[marsh wyvern]

Ahh alright

Cause I was getting the states from the UI and couldn’t figure out what was going on

[tribal galleon]

Kinda crazy because I was thinking that may have been something to try. But I was like "nah... it can't be that easy..." 🤷‍♂️

[verbal cloak]

I did similar a while back with water leak sensors, which get presented as wet/dry

[amber ferry]

Can anyone talk me through changing over to the lcars theme? I've followed the guide and it shows up in my profile section. But it only changes the colors and font. How do i make everything else change to the lcar layout?

[timid moss]

Does anyone know if it's possible to add a shadow to the perimeter of this vertical stack? I tried passing a card mod to it like I did for the buttons, but nothing changed. I also tried dropping these cards within a custom:layout-card and adding the card mod to that, but still nothing

Wow that second picture didn't work

^^ quick photoshop of what I'm going for

[frosty flower]

Am I the only one who feels like vertical and horizontal stack cards are useless. I can just use the grid card to accomplish both or better yet the custom layout card with the grid option for even more control

[frosty flower]

Are you sure you're targeting the right CSS element

[timid moss]

@frosty flower Turns out my problem was twofold. First, I was trying to pass the card mod class through ha-card, which I don't think is possible. Or maybe it is but I couldn't figure it out. Second was that card-mod only works on visible cards, and specifically says it probably won't work for layout cards. So I took the whole vertical stack and dropped it in a custom:mod-card, which allowed me to do this ^^

Only thing I gotta figure out now is how to constrain them to fit in one screen. I've set each area to 0.33fr but they're still massive

[frosty flower]

you dont pass it through ha-card because you can always target the innermost ha-card

with custom layout card you dont need card mod because you can adjust css parameters for the layout-card itself

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

[rancid vortex]

I don't understood why my gps signal is always gray even if I'm at home instead of being green like wifi signal. However, HomeAssistant shows the right address when I am outside the "Home" area.

[frosty flower]

home area goes by gps coordinates not geolocation, so it can technically have the right address but if youre outside of the geofenced area you wont be "home"

[vivid trout]

I use a vertical stack combo of vertical stack and grid, the long card at the top is a turn off all lights button for that room, this way keeps it safe for mobile too

[deft belfry]

Hey guys I'm looking for some ideas I have a light that is it's normal cooler warm settings on and off your dimming controls but it's also an RGB light is there a separate panel I can add to my dashboard for each one of the settings like to change the color or the warrants to basically where I don't have to hit the little three dots and click on the paint palette

[frosty flower]

based on what i think yours asking, mushroom light card can add a color slider to a card

[deft belfry]

Yeah I can do that and still have the other card for just dimming and turning on and off thank you

[frosty flower]

you can add brightness control to that card too if you want