frontend-archived

[limpid shadow]

I'll try that out in a few moments 🙂

I was going to try Dwains Dashboard... but it errored out at first attempt, and I don't want to sink a bunch of time into something that's probably just a transition tool

[fiery ledge]

nice, I just learned I can also add an anchor in that notation:```
card: {title: "Batteries", type: "entities", card_mod: *scroll}

[polar kelp]

JSON is valid YAML

But I did not know you could use anchors in it either. That's cool.

[fiery ledge]

yah, I realize(d) that, just never used it like that. and yes the anchor is really cool. 👍

[polar kelp]

Oh it was you. You have a new avatar?

Still not used to seeing you in purple too...

[fiery ledge]

yes 😉 had a haircut today after 2.5 years..... coupe corona finally gone!

purple?

[polar kelp]

Your name is purple to me since you were raised to padawan.

[fiery ledge]

Right..well Ill be... I hadnt noticed that at all, I thought it was merely to easily distinguish in the dialogue

[spice meteor]

(I wish we could post simple graphics here.)
I'm trying to get a compact set of buttons to start scenes or turn individual lights on/off.
The glance card is compact but I can't work out how to start scenes with a single press -- it opens a details sheet instead.
The button cards are great, but they're huge, and I can't seem to make them smaller.
What do y'all use for this?

[polar kelp]

Button cards in a grid card.

[spice meteor]

Thanks -- that looks much better.

The scenes though don't really act like I hope. It always pops up an info panel rather than starting the scene. Any ideas?

[polar kelp]

You need to set tap_action to activate the scene via a service call, I think.

[spice meteor]

Oh. I had looked at "call service" but it wasn't obvious what to do with it. Looking again I see there's a "Scenes: Apply". Would that be it?

[polar kelp]

Most likely

[spice meteor]

Hmm, no. I'm getting an error about "expected dict for @ data['entities']

My scene is called "entity.all_off"

[polar kelp]

Try scene.turn_on

[spice meteor]

Bingo! That works. Many thanks.

[hot swan]

I am trying to use nginx to setup access in my local network for anyone connected to my wifi and to be able to type kitchen.lights and get the kitchen lights lovelace. I used Pi-hole to create a DNS entry and I can pull up my router by typing router.home but I can't pull up Homeassistant.local:8123 for the life of me. I am not a guru so I could be missing something. I installed the nginx HA proxy manager but I am not sure on the definitions.

Not sure this is the right forum, if you can redirect me I'll be thankful

[formal tide]

#general-archived maybe

relying on .local mdns as your local dns is a poor choice

you should set up a local domain with traditional dns, .local can be very unreliable depending on your setup

and do not try to use .local as your local domain dns

[hot swan]

Can I use Pi hole for this

it's a DNS server that I have

[formal tide]

i think it should handle that, yes

if its also your dhcp you should be safe

[hot swan]

I use the router for dhcp

[formal tide]

then you need to make pihole aware of the hosts registering on your dhcp

[hot swan]

all the hosts or just HA and ngnix

I mean iphones, laptops, etc

[formal tide]

all

[hot swan]

Pihole does it automatically, I think, as it has a list of all the network devices and keeps statistics

[formal tide]

sounds good

then .home is your local domain?

[hot swan]

this is where I get lost, it asks for a local domain like lights.home and a server address

[formal tide]

who asks?

do you create manual redirects to certain hosts with .home?

[hot swan]

pi hole. So I put in lights.home and then 192.168.68.1 as a server

to get to the router

[formal tide]

that is a manual entry

[hot swan]

got it

[formal tide]

you dont need those

[hot swan]

I have no idea how to create a domain then, is it a wild card

[formal tide]

i believe pihole also starts out with a usual .lan domain

so you can try lights.lan if you have a „lights“ host

[hot swan]

I only have homeassistant

server

[formal tide]

homeassistant.lan then

[hot swan]

homeassistant.local gives me the nginx page Congratulations!
You've successfully started the Nginx Proxy Manager.

If you're seeing this site then you're trying to access a host that isn't set up yet.

Log in to the Admin panel to get started.

[formal tide]

then mdns is working alright

but mdns != dns

[hot swan]

ok

[formal tide]

so homeassistant.local:8123 should also work

[hot swan]

let me add this entry into nginx manager

[formal tide]

do not rely on mdns as your local dns.

[fickle nymph]

Is there a way to show a picture on a dashboard where the URL comes from a sensor attribute?

[tribal herald]

Hey y’all! I’m working on setting up Lovelace UI-Minimalist and I seem to be hitting a snag with setting up the welcome-weather card. It doesn’t actually appear (and doesn’t throw an error), and sends the iPhone app in a weird infinite reload until the YAML is edited to remove the welcome card.

Has anyone else hit this issue before?

Small edit: doesn’t seem to be generating anything when looking at the console, besides 999 errors with some of them being max call size and an Undefined error

[sick lichen]

Hi all
I have several Elements cards in my HA and some of the values which are displayed should Not be changed.
Is there a way to "WriteProtect" those?
In this case, I have an input value which will be set by an automation every day...but it should not be changed from any user.

[polar kelp]

Why do you have it in the interface at all then?

And do you mean Elements (as in picture-elements) or Entities?

Because if it's entities, you can do ```yaml
type: entities
entities:

• entity: input_text.my_value
  type: sensor-entity```

[quasi path]

Ello, hope this is the right place.
Is it possible to extract one of the lovelace "cards" to a custom URL and embed it in an iframe/webview?
In my case: I have KDE plasma that allows widgets, and I wish to emulate the mobile experience and pin my room controls to the desktop. But short of embedding the whole lovelace UI I cannot find a way to do that.
Is there some magic URL that can do that, or am I out of luck?

I am running a stock OS install if that helps

[haughty vine]

My guess would be:
a) put card in specific dashboard/view.
b) install Kiosk mode (https://github.com/maykar/kiosk-mode)

[polar kelp]

Something like this? https://cdn.discordapp.com/attachments/489894324876607500/912451669588066324/cardserver.gif
Afraid not.

[quasi path]

Kiosk mode seems to do the thing. Thanks!

[quasi path]

Is this a planned feature?

[polar kelp]

No, that's just me playing around. It's much too clunky and unstable for now.

[quasi path]

icic, best of lucks! Hope to maybe see it in a future release!

(edit to not ping)
Kiosk mode + https://store.kde.org/p/998902 works great and did exactly what I needed!
https://imgur.com/PQp6ZaB.png

[proven tangle]

Hey guys, whenever I add a Front end love lace. my HA can't seem to recognize hacfiles director even if i installed it via HACS

[quasi path]

I also had that issue just now!
Got around it by pulling the js file straight from a cdn, but that is definitely not ideal

[proven tangle]

yeah... cuz you're pulling online

not really sure why

[fair crescent]

Total noob question coming in.
How can I add or remove the bubble icons on the top of a dashboard?
Have done it before but forgot🤣

[mild veldt]

Those are badges; when in Edit mode, select the pencil icon on the view tab

[dark acorn]

I have a very strange problem, my thermostat is configured by supervisor... in other words, when I set it to 20, after a couple of minutes supervisor sets it back to 14

Living Room Setpoint changed to 14.0 by Supervisor

I've removed the thermostat, used different platforms, but it doesn't change anything...

[winged cliff]

can i set and offset in energy tab ? I want to match the month with my company's billing

[trail jewel]

Hey guys, just installed Home Assistant last night on Ubuntu 20.04 LTS, Home Assistant Core, it's running fine... I want it behind an Apache 2 Reverse Proxy, but it's failing.

[spice meteor]

I’m new here as well, but I’d try one of the other channels about installation.

[trail jewel]

Ahh cool, thanks I wasn't sure which channel to ask in. lol because my installation is fine, it's just an additional thing that I can't get working.

[ember shell]

Hello all, I'm creating my own dashboard and I like how people look in the overview.
I'm creating entity pictures cards inside grid with each people entity assigned to the different cards, although it requests me introduce an image url, which I don't know.
Is there a way to tell the picture entity card to get the image from the person?

[patent scaffold]

I use apexcharts for some temperature sensors etc. But I'm looking for something that show me the states in list-form. Is there any good repository you can recommend?

[fair crescent]

Thx for your response. I’ll try tomorrow

[cedar nacelle]

Hello. I am interested in changing the colour of the Fan mode on state for my air conditioner. As you can see from the linked image, the fan on state is very similar in colour to the off state, I'd like to change it to blue or green so it is obvious. I'm not sure if it is part of the core climate code or the thermostat card

https://media.discordapp.net/attachments/310703743165399040/944418052404051968/Screenshot_20220219-131622.png

[errant plover]

There is a theme variable for that colour. https://community.home-assistant.io/t/icon-color-on-specific-state/386169/2?u=tom_l

[cedar nacelle]

Thanks Tom, I'll give that a crack tonight.

[fast sedge]

Is there a way to pop up a card / notification on a browser looking at the lovelace dashboard? I want to pop up an image in my browser sessions when an event happens (motion on camera)

[vapid field]

Hi, i have an sensor with a date for example 25-02-2022 my goal is how many days are left to today. That the sensor shows 6 days. Is that possible ?

[cedar nacelle]

I have a tablet displaying HA using fully kiosk browser.Using browser_mod (a hacs addon from memory) I was able to configure my camera feed to pop up (live) when motion was detected

[fast sedge]

Thanks, I'll check that out!

[odd barn]

is there a good list of all css-identifiers for themes?

[polar kelp]

This is the best there is for now, I think. Not perfect, but... https://github.com/home-assistant/frontend/blob/dev/src/resources/styles.ts

[fiery ledge]

yes, and thats in addition to https://github.com/home-assistant/frontend/blob/master/src/resources/ha-style.ts which is linked to on https://www.home-assistant.io/integrations/frontend/#defining-themes . But unfortunately this documentation is rather unfinished. illustrated by the fact the mentioned mdc-theme-primary: variable is not in that document..... also, its confusing, eg the styles.ts file has: "mdc-theme-primary": "var(--primary-color)" Now, which is leading here, primary-color or mdc-theme-primary...

Ive been trying to create a mapper for the paper-colors, but gave up. And now fix when in need of a fix opportunistically. Not my habit, but there are too many variables to have overview.

btw, anyone knows what 'This legacy format is still supported ' means? (just below the Dark mode support examples)https://www.home-assistant.io/integrations/frontend/#dark-mode-support

[karmic ridge]

Home Assistant is reachable remotely through my reverse proxy and reachable locally when I'm connected to the 5ghz network, but not reachable over 2.4ghz

and most importantly, my tasmota devices aren't able to reach home assistant when connected to the 2.4ghz network

my 2.4ghz network is fine on the internet. I just cannot communicate with my HA instance for some reason when on 2.4

[polar kelp]

That’s the one I was actually looking for. Thanks!

[rough coyote]

Is the build in YAML editor part of the front end questions?
Can i configure it somehow so HOME does not go top top of page but to start of line?

And how can i make an entity where it only shows the value with unit?
I was trying show_icon etc but it did nothing it seemed. That is the way right?

Kept showing the name. :/ will keep at it

ow https://i.imgur.com/3pvG9Ka.png

Werks

[primal wolf]

Anyone know if there's a way to do a 2 column grid but not have it be 50/50 even split? I'd almost like to simulate a 3 column grid, but 1/3 and 2/3 combo with the two column sizes.

[polar kelp]

layout-card

Or try the sidebar layout

[odd barn]

What's the variable for the circle around people in the map?

[sacred rampart]

      $: |
        .mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
        background: rgba(42, 40, 45, 0.3);
        }
      .: |
        :host {
          --mdc-dialog-min-height: 0%;
          --mdc-dialog-min-width: 1000px;
          --mdc-dialog-max-width: 1000px;
        }```

I am trying to increase the size of the browser_mod popup card

Doesnt seem to be going well... What am I missing?

got it xD

[fast sedge]

Just wanted to say thanks. Browser mod did exactly what I wanted 🙂

[fiery ledge]

did you check inspector? didnt test it but it seems to be:border: 1px solid var(--ha-marker-color, var(--primary-color));

meaning, if you havent set a ha-marker-color, it uses primary-color

[odd barn]

Will try

Didn't work

[fiery ledge]

well, it does work on the more-info of a person. so you need to figure out more....

[split granite]

Sure, but the whole thing was over 15...

You don't have to, it's right there for everybody

[cedar nacelle]

Hi sorry to jump in, you just seem very familiar with styles. I am trying to override a few themes with one file rather than editing all of them individually. I tried this yesterday: https://www.toptal.com/developers/hastebin/vewezibasi.coffeescript

I assume document.documentElement.style.setProperty is incorrect but have not found a resource to help me define it

[fiery ledge]

never used a js resource for that, so cant help you there, but I do set a few theme variables and use these in all my themes, easily enough with a few yaml anchors, see my gists in my bio, themes.yaml

[odd barn]

What's inspector?

[fiery ledge]

right click in the browser window to reveal it, select inspect.

you'll see a plentitude of options..... for this, you need to select the elements tab, and when hovering with your mouse, you'll see it highlight the element. there 's also a pointer icon top left you can click

[hasty island]

hi guys , anyone knows how can we change column size on layout-card? column 1 - 70% and column 2 -> 30%

[dull token]

Is there any way to resize a picture element card when panel: true? It's currently too large and I have to scroll to see the bottom 3rd. I'd rather have it smaller.

[errant plover]

Change the aspect ratio. Or if that messes up the image, change the aspect ratio of your image to match your screen by adding transparent borders using an image editor.

[dull token]

Thanks, I'll try that

[plucky ember]

Getting the following error displayed in my Lovelace UI:

TypeError: e.attributes.entity_id.forEach is not a function

I am getting this error after deleting the SQL database and the .storage/ directory to reset; same YAML as prior, same Lovelace.

After another ha core restart command, the error disappears.

[crude cave]

I have a data set with an hourly solar forecast, so it's an array with dictionaries of dateTime and globalRadiation. Is there an existing appropriate template for displaying time vs value data? I want to be able to look at the graph for the next day or so to plan when to run laundry for example.

[patent scaffold]

Hey! I tried out the "layout-card" frontend, I like that I could change the width of the cards on a page. The Panel 1 card makes them too big and you cant really see the data on the edges.
But if I change the width of a card with layout-card to lets say 900 I cant see everything in my phone!
Is there a way of making them adapt to phones?

[polar kelp]

It’s all CSS. There are lots of ways to specify width, so You should be able to find something that suits you.

[patent scaffold]

What CSS? care to tell me how to? I want the cards to adapt to the window size, and also then to a phone. What should I use for that?

[versed forge]

Good evening all! I gavee the swiper-card a chance to clean my dashboard a bit. Sadly the Buttons I use are all rectangles. I try to achieve squares (homekit like) which i can swipe. I had the first success with integrating a custom-button-card but only one of two entities are square while the other one is still a rectangle. Tried scaling in percentage and PX but no success. Any ideas?

[hallow mango]

has anyone else run into --paper-item-icon-color not working anymore? I think it stopped a few months ago and I've never been able to figure out the solution

I use something like:

style: |
  :host {
    --paper-item-icon-color: #E50914
  }

on a button card

but doesn't work at all anymore

[hallow mango]

is nobody else using that for anything? I've asked a few times in the last few months and gotten not a single answer

nor do I have any idea how to figure out the solution

[patent scaffold]

Hm, so you cant have one slider as a card for 2 lamps?

trying this without success:
type: entities
entities:

• type: custom:slider-entity-row
  entity: group.matbordslamporna
  title: Matbord

[dark dirge]

I don't know what a slider would do with a group

perhaps you wanted a light.group

[patent scaffold]

Right!

yes light group should be it, thx 🙂

[lucid sorrel]

Hi all, I'm working on a new integration and I have a problem with a select entity.
Initially the select has a list of options and a current_option. Then my integration calls self.async_write_ha_state() and the next those properties are called they return a new set of options and a different current_option that wasn't a part of the original options list. This causes the frontend to set a call to async_select_option() with an empty string "" as the value. That fails with an exception on the backend and leaves the select box empty on the forntend.

any idea why that would happen?

[dark dirge]

better in #devs_core-archived

[crude cave]

Apex-charts card seems to mostly do what I want, in case anyone else needs to plot forecast data.

[cinder iris]

How can I show the timestamp of a temperature entity in a card?

[lucid sorrel]

But this seems like a frontend issue because the frontend generates a call as if the new option was selected by the user, but it wasn't

[dark dirge]

you're less likely to find any developers in the non-devs channels

you can post wherever you like, but if you want to get the right audience...

[lucid sorrel]

oh, I though this was the frontend devs channel, got it, thanks

actually, now I see it's under support, silly me.

[dark dirge]

yes. #devs_frontend-archived

[hallow mango]

how about: how do I change the color of the icon on a button card?

[dark dirge]

the custom button card lets you customize nearly everything

[hallow mango]

I just find it odd that this used to work and now just doesn't

will look at changing them to custom cards, I've just been frustrated before with how "difficult" it is to get the custom button card to look the same as a stock one lol

in fact, i also don't see that the color: field for a custom:button-card works either

[dark dirge]

for the icon?

[hallow mango]

yeah

type: custom:button-card
name: Netflix
icon: si:netflix
color_type: icon
color: rgb(229, 9, 20)

for example

[dark dirge]

random example:

    styles:
      icon:
        - color: >
            [[[
              if (states['sensor.armed_status'].state == variables.armed_state) return "green";
              else return "#696969";
            ]]]

[hallow mango]

https://imgur.com/Es8IKA9

hmm, does it need to be in styles then?

ahh i see

odd that the documented way from github doesn't work though 🤷

i know styles are also there, but they suggest that the way i did should work

[dark dirge]

there are many ways to do things in that card. I do this all over the place:

                      state:
                        - value: 'off'
                          operator: '=='
                          color: green
                        - operator: 'default'
                          color: red

[hallow mango]

i dunno but i finally got it

not sure why the "old method" broke on the stock card

https://imgur.com/4xkoMcW

[tropic snow]

Did something change recently with the adding of cards to a lovelace page? I use to be able to select an entity, select a card and have it appear on the page. Even when I edit an existing card and want to add an additional entity on the car the next entity line appears but no listing appears of my known entities. Did something break on my HA? I just see a white block window during typing of entities. Any help direction would be appreciated. I've got 2 separate HA systems running as VM's and both are acting the same way

[hallow mango]

@tropic snow do you use a theme besides the default?

also a screenshot may be helpful

[fiery ledge]

anyone around that can have a peek at my grid/decluttering issue at https://community.home-assistant.io/t/grid-card-with-decluttering-creates-gap-on-conditional-while-regular-cards-dont/395025 please? seems the decluttering causes an issue (gap in the grid) on conditional being 'off', while regular (verbose) conditionals dont

[tropic snow]

default, no themes, here are 2 screen shots. first everything looks normal and wanting to add a 3rd entry, 2nd screenshot is the white block with no entries being reflected, even while typing, nothing presents itself as entries available from HA (of which are many). It use to filter as you typed. ex. sensor.garage and so on and allow you to select the entry. https://imgur.com/a/q1Da8sq

[tropic snow]

I also noticed in the process of listing entities, selecting one of the them and adding them to lovelace you would have another window pop up suggesting a card for the entity which you selected or select a different card. In my case the suggestion is blank. It's like something broke.

[hallow mango]

that is... odd as hell

what installation method did you use? seems like something's buggered in your frontend imo

[tropic snow]

OK I have and installed variation of VM running on ProxMox

[hallow mango]

hmm, same

[tropic snow]

But the new entry would take if I type it correctly and add it, so that does connect with db and find the entity and add it too

[hallow mango]

what version of HA then?

[hallow mango]

yeah frontend is the part that handles displaying stuff for the most part

[tropic snow]

core is 2022.2.9 with frontend reflecting latest 20220203.1

[hallow mango]

I haven't seen anything like that... what browser are you using?

[tropic snow]

edge and chrome both perform the same

I guess I can try firefox

[hallow mango]

well that's about all I could think of 😅

chrome is best from what I hear

I've heard ff often has issues

[tropic snow]

can I activate a selectable debug trace somewhere

my bad, works using Chrome, fails using Edge.

thanks

[manic maple]

Hello, is there any way to disable a button based on a condition?

in other words, only allow a button to be pressed if a condition is met

[hallow mango]

you could use a conditional card/row to just hide the button if the condition isn't met

[rugged orchid]

Looking to use the conditional card to switch a video feed from webrtc to ffmpeg when the user is not at home. Given that we have 2 users is their a way to have a condition reference the user of the app, not a specific person entity or location? If that makes sense...

[vapid field]

Is there any way to replace the state or any other text on a card when the an entity is in a certain state?
I have a card that toggles the Wallbox (on/off). I would like it to display the charging speed, when it is on (provided by a sensor).
Sadly, the state-switch card does not work for me when I cast a view to Google Nest. Otherwise it would have been easy.

Any way to achieve that with button-card or the like?

What I have right now, is this: https://pastebin.com/ns0LRCJ4
This essentially can either be a grey "Wallbox Aus" (off) or a green "Wallbox Ein" (on).
What I would like to have, is the card to display "Wallbox [sensor.go_e_wallbox_current_power_supplied]" instead.

[manic maple]

The conditional card only works as a chained AND condition. I need something a bit more complex, with ORs as well

[opal jay]

hey,

im running upcoming components for radarr/sonarr/plex. Sonarr & Radarr are good and i see the images. But for plex im not seeing any images.. Iv cleared cache and disabled addblocker without result. Does anyone know how to get to show the images?

[vapid field]

Even though the conditional card reply was for a different question, it gave a hint in the right direction.

[crude cave]

https://developers.home-assistant.io/blog/2022/02/18/paper-elements/

[hallow mango]

ok but that's just from a couple days ago, this has been broken for months lol

[mild veldt]

same reasoning though, paper-icon was replaced with mwc-icon awhile back

[polar reef]

I am getting these "Reset Adapter" lines in the terminal window. Why?

[polar kelp]

There’s a special var for icon color introduced by card-mod too. You can try that.

[hallow mango]

I figured them out by using custom:button-card in the end

[dark dirge]

custom:button-card is like a Superhero 🦸

[hallow mango]

my main complaint against it is I think it should look more like a standard Lovelace button card without having to fiddle so much

margins on text, icon size, 1/1 aspect, etc

but yes it is quite powerful

[kind shell]

@worn parrot posted a code wall, it is moved here --> https://hastebin.com/loroyowiqi

[worn parrot]

oh, right 🙄 trying again, shorter this time.

_ _
So I have to give it to you, @polar kelp ... YAML anchors are amazing. I'm so glad I stumbled upon your guide (http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/). I've reduced my ui-lovelace.yaml by around 500 lines by re-using things.

I have a question though - is it possible with card-mod to re-use a style, but define a custom variable each time you use it? Here's something I'm working on, as part of a state-label in a picture-elements:

- type: state-label
  entity: sensor.no_text
  card_mod:
    style:
      .: &style-picture-elements-person-battery-charging-icon-animation |-
        {% set charging = is_state('binary_sensor.pet1_tractive_battery_charging', 'on') %}
        @keyframes battery-charging { 0%, 100% { content: ''; } 50% { content: '🔋'; } }
        div::before { content: ''; visibility: visible; animation: {{ 'battery-charging 3s linear infinite' if charging else 'none' }}; }
        div { visibility: hidden; }

This works on the first pet, but I can't figure out (if it's possible) how to override the charging variable to point to the second pet when the style-picture-elements-person-battery-charging-icon-animation anchor is later referenced on the second pet's card.

[quaint snow]

for the life of me, i cannot get my background to change in my lovelace ui. I have added this into my raw config

views:
  - title: Home
    type: custom:horizontal-layout
    layout:
      panel: false
    theme: Google Dark Theme
    background: center / cover no-repeat fixed url("/local/config/www/wallpaper_1.jpg")

[worn parrot]

should be /local/img/... these days I believe

[quaint snow]

and where would the img folder sit exactly?

[worn parrot]

in www

[quaint snow]

ah

[worn parrot]

/config/www/img

anything inside /config/www is just /local now - so yours would be like /local/wallpaper_1.jpg

[quaint snow]

boom, sorted, thanks!

[worn parrot]

yay 🙂

[worn parrot]

it's neat that you can use the additional css properties like cover and contain. I had to test it myself, pretty trippy using a camera feed as background image for a page 😄

[quaint snow]

any idea how to make a button transparent with card-mod?

[worn parrot]

you'd have to use your browser's developer tools to figure out the selector and style it accordingly

something as simple as opacity: 0.5; would work, but depending on the card it changes what you need to style

let me get a sample button and i'll give you an answer

[quaint snow]

or maybe just an outline around the button

[worn parrot]

so just the background, or the whole card transparent (including the image)? whole card is easy:

- type: button
  entity: light.bedroom_lights
  card_mod:
    style: |-
      ha-card { opacity: 0.5; }

[quaint snow]

ah beauty

[worn parrot]

background only, i'm testing now

[quaint snow]

card_mod:
  style: |
    ha-card {
      background-color: var(--primary-background-color);
      background: none;
      box-shadow: none;
      }

[worn parrot]

can't do that on the background 🙂

[quaint snow]

that is what i have in a button

[worn parrot]

that should work i think

[quaint snow]

i figured it out

card_mod:
  style: |
    ha-card {
      background-color: var(--primary-background-color);
      background: rgb(20, 11, 64, 0.2);
      box-shadow: none;
      }

adding the fourth one is the opacity

[worn parrot]

yup that's cool too

same as '#rrggbbxx'

xx is opacity

[quaint snow]

ahh cool

https://imgur.com/YkWr4DP

now to set a contrasty colour to the icons

[worn parrot]

looking very good

plain jane here, white buttons and white background
https://i.imgur.com/wExLcFv.png

[quaint snow]

gotta start somewhere

[worn parrot]

oh i've been at it for years, just never cared to mess with styles really tbh

function over fashion. too many things i want to do, i'll come around to it maybe one day

[quaint snow]

i had it on a wall mount tablet at the last place so had to make it look half pleasing to the eye

haha yeah the list is never ending

[worn parrot]

yeah i've got two tablets too. but i hear ya.

[quaint snow]

I'll have to re-design the UI, in an apartment it was fine as all the lights fit on one page, now with a big house its a bit tricky

[worn parrot]

hehe yes. i made a custom button for mobile for that reason.

https://community.home-assistant.io/t/lovelace-threshold-stack-card/174290

3 days shy of 2 years old now, wow how time files

[quaint snow]

ah nice! I have been working on my mobile version

[worn parrot]

it's always a challenge. i use custom:state-switch (https://github.com/thomasloven/lovelace-state-switch) pretty liberally.

mostly depending on the screen width, that's usually the easiest way to do it.

[quaint snow]

i will have to make a vid of mine shortly

any idea how to make a template for buttons in your lovelace?

[worn parrot]

but also depending on the user as i want some cards to be hidden on some devies.

a template for buttons?

[quaint snow]

yeah so I don't have to slap in the card mod parameters for 100 buttons 😄

[worn parrot]

i mean, you can use node anchors to define a horizontal stack of buttons, for example

then reference them in a horizontal stack on desktop and a vertical stack for mobile

same with other things like cameras, etc

if you define a thing as a node anchor, you can just reference it in different ways later.

[quaint snow]

googling that now

[worn parrot]

here's an example.

https://i.imgur.com/aqqme3V.png

also see http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/

ampersand & defines an anchor, asterisk * references it

and you can also use double left carets << to import an anchor

[quaint snow]

bit of reading to do haha

[worn parrot]

but for example on my screenshot:

• on screens 800px and wider, there's a horizontal stack of:
  • on screens 1200px and larger, there are two empty vertical stacks on the left
  • the "actual" cards are all in the center
  • on screens 1200px and larger, there's two more empty vertical stacks on the right
• on other screens (smaller than 800px), there's a vertical stack of:
  • two horizontal stacks of three cards each, with the second stack having an empty vertical stack to make it fit right

[quaint snow]

also, great if i could get rid of the bar at the top on the mobile app, is that possible?

like kiosk mode i guess

[worn parrot]

once upon a time, that was possible with custom header (https://github.com/maykar/custom-header)

but it's been deprecated and no longer maintained due to the number of changes in Home Assistant, as it would take a significant amount of work to fix it. (https://community.home-assistant.io/t/custom-header/155399/1100)

[quaint snow]

yeah i remember when they ousted it

[worn parrot]

for now, i don't know of a solution personally. it'd be nice to have that again. another solution would be to simply create another dashboard, but the user could go into the mobile app config and re-pick another one (unless you set it to require administrator)

personally i just use state-switch for now and hide any card i don't want visible to specific users. and i created two separate tablet accounts (one for each) to dictate which cards are hidden from the common-area tablet and which ones are still visible on the bedroom tablet.

- type: custom:state-switch
  entity: user
  default: default
  states:
    'Chris': &card-something
      type: ...
    'Tablet': *card-something
    default:
      type: markdown
      content: Nah, you can't see this.

entity: user goes by display name, not username or entity id

[quaint snow]

ah nice

[hallow mango]

this only works in yamp dashboards right?

anchors, specifically

[quaint snow]

I swear there was a way to set up a template tho in the raw config above everything that then you just needed one line in the card properties to grab the config from the top of the yaml

[worn parrot]

you can still define cards in the interface with yaml i believe right?

isnt there a "show yaml" button, to add extra things?

[worn parrot]

if you mean node anchors, you kinda can do that with putting your node anchor in a fake key like node_anchors:

# Reusables
node_anchors:
  - &style-some-style |
    ha-card { background: red; }

# then do the card later in your view
- type: button
  card_mod:
    style: *style-some-style

[quaint snow]

yeah, but i think it was possible without node anchors

ahhhh

[hallow mango]

ahh ok

[quaint snow]

https://imgur.com/a/MEzL1bh

little vid of my mobile version

[worn parrot]

nice work.

[hallow mango]

I just use the same dashboard on everything tbh

[quaint snow]

doesn't work for me, the horizontal layout of a tablet, when it goes into a vertical stack on the phone, is way out of order

[hallow mango]

only thing I do is restrict some views to only me instead of wife/wall/etc

[worn parrot]

my mobile view "dashboard" https://i.imgur.com/NevWWlo.png - got some more buttons below that but the most important stuff is right there

[hallow mango]

I use different combinations of layouts and layout-break to make sure the columns work the way I want

or close enough anyways

how are you doing dog tracking?

[worn parrot]

Tractive (via https://github.com/Danielhiversen/home_assistant_tractive)

[hallow mango]

hmm

ah ok

[worn parrot]

you can do that, or Fi, but we wanted one that can be used with existing collars (Fi is a whole collar thing, but you can buy their swappable collars)

[hallow mango]

I need something for my daughter

lol

[worn parrot]

🤣

to be fair, the average dog collar fits an average human.

that's not to say that people wouldn't give you death stares in public

[quaint snow]

is it an & or * before the name?

[hallow mango]

I was thinking a surgical implant might be less noticeable 🤣

[worn parrot]

& when defining, * when referencing

[quaint snow]

node_anchors:
  - &card-style |
|
                ha-card {
                  background-color: var(--primary-background-color);
                  background: rgb(20, 11, 64, 0.2);
                  box-shadow: none;
                  }
                  :host {
                    --card-mod-icon: hue:room-front-door;
                    --card-mod-icon-color: rgb(255, 0, 0);
                  }

that look right?

doesn't to me lol

maybe this is better

node_anchors:
  - &card-style:
    style: |
      ha-card {
        background-color: var(--primary-background-color);
        background: rgb(20, 11, 64, 0.2);
        box-shadow: none;
        }
        :host {
          --card-mod-icon: hue:room-front-door;
          --card-mod-icon-color: rgb(255, 0, 0);
        }

[worn parrot]

try cleaning up the spaces.

[quaint snow]

ah

[worn parrot]

don't use : after defining it, and use a | at the end since it's multi-line

there's two ways that i've found so far you'll need to define them

think of it as replacing something. take, for example:

card_mod:
  style: |
    ha-card { ... }
    :host { ... }

if you want to replace that with an anchor:

anchors:
  - &anchor-name |
    ha-card { ... }
    :host { ... }
card_mod:
  style: *anchor-name

you have to move the | to the anchor and just reference it in the card_mod key.

[quaint snow]

sweet got it working!

this will make the yaml file so much smaller

[worn parrot]

the other way i've found you have to reference them sometimes is when you're dealing with lists, for instance a list of device IDs to be in a group

anchors:
  # the key here doesn't matter, but take note of the anchor node's name
  - asdafadadsdqad: &anchor-phones
    - device_tracker.mobile_app_xyzzy
    - device_tracker.mobile_app_asdff

then you can reference it in place of a list of things:

group:
  phones:
    name: Phones
    icon: 'mdi:cellphone'
    # reference the anchor node's name here
    entities: *anchor-phones

[quaint snow]

can you use hexadecimal color codes in these files?

[worn parrot]

yeah i don't see why not , just quote it

style: |
  ha-card {
    color: #c0ffee
  }

[quaint snow]

and how does the opacity work?

08 on the end for 0.8?

[worn parrot]

another byte (two nibbles) at the end

well, hex of 0.8 would be 0.8 * 255

or CC (204 decimal)

[quaint snow]

hmmm doesn't work for background colour for some reason

[worn parrot]

it did for me while testing on a card

[quaint snow]

it just bounces back to the themes default for me

[worn parrot]

do it without quotes. i forgot we're dealing with effectively a text block ("multi-line scalar")

if you're doing a hex code in a value you have to quote it. but not as a part of a string. state labels have corrupted me.

- type: state-label
  style:
    left: 20%
    top: 10%
    color: '#00ff00'
  card_mod:
    style: |
      div {
        background: #ff000066;
      }

[quaint snow]

hmm it thinks its a comment now

[worn parrot]

yeah if you defined it as a value for a key, it would do that. but in the middle of a block of text with a | it should just work

- type: button
  entity: light.bedroom_lights
  card_mod:
    style: |
      ha-card {
        background: #ff000066;
      }

[quaint snow]

hmmm seems if the config is saved and when you load back in, the node_anchors just disappear (well still there but its like its copy and pasted everywhere and the node anchor no longer has an &abc123 at the start)

[worn parrot]

you doing yaml manually or configuring in the interface?

[quaint snow]

manually

[worn parrot]

perhaps you've got some sort of code tidying thing running?

visual studio code might have something like that, i don't know though.

[quaint snow]

haven't turned anything like that on to my knowledge

[normal pond]

Guys, what display screen are you using for your HUB?

There are multiple themes I can see like this one for example. What are these running on?

Or this one for example

[polar kelp]

The second one is a very old screenshot, but just using the built-in stuff. You can start setting that up with the three dots in the top right corner and never see a line of code in the process.

[fiery ledge]

must admit that small developer tools 'widget' was very nice, allowing us to directly click to dev/templates...or any other ofc. wondering if there is a custom way to do something like that now?

[ancient geyser]

good morning - i've been able to modify the HA dashboard themes but how do I change the color behind the "view"?

Behind the words Home, Webcams, Internet?

[fiery ledge]

  app-header-text-color: "#424242"```

see: https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes

[ancient geyser]

Thank you!

[fiery ledge]

yw, have fun

[hallow mango]

screenshot?

[fiery ledge]

see #frontend-archived message

[hallow mango]

ohh

yeah some buttons in the sidebar would be cool

I'm all for more/easier sidebar customization in general

[fiery ledge]

my main issue with current implementation is it defaults to states, which always takes a long time to load (many entities) and i mostly need to visit templates 😉

so I use```

• name: panel-redirect
  url_path: redirect-server-control
  sidebar_title: Templates
  sidebar_icon: mdi:unfold-more-vertical
  module_url: /local/lovelace/resources/panel-redirect/panel-redirect.js
  config:
  target: /developer-tools/template
  require_admin: true``` for now, but it adds yet again another line in that left side menu..

[stoic rain]

On this support thread for slider-entity-row, https://github.com/thomasloven/lovelace-slider-entity-row/issues/31, does anyone know how he got that slider in the top picture?

I'm looking for a light slider like that.

[polar kelp]

https://community.home-assistant.io/t/lovelace-custom-hue-slider/369839

[stoic rain]

OK that's very interesting in itself, wow! 😄
But I'm thinking more of that yellow slider - a thicker version of the standard lovelace slider. My clumsy fingers find them hard to hit sometimes.

[fiery ledge]

been trying to fix that myself too, but I can not set the theme variables --paper-progress-height: var(--calculated-paper-slider-height); in my themes somehow. using '--paper-progress-height' in the card_mod works ok, but you also need to change the padding.

[solar laurel]

Hi, what's the easiest way to make a simple webpage that exposes one light control without any authentication? I need on/off, change color etc

[formal tide]

thomas works on that feature, there is currently no easy solution

you could setup a simple php script which does the auth and forwards requests

[solar laurel]

Ok thanks

[woeful moon]

Hi there,
I'm currently trying to add this: https://github.com/pmongloid/flipdown-timer-card
to my Home Assistant install.
I did get the card to show up, but I just can't figure out, where to exactly put my configuration?

Like probably /config/configuration.yaml but the full example in the repo starts with - type: custom:flipdown-timer-card ... Any Ideas

[vapid field]

Hi all. Is there a option for sliding automatic (screensaver like thingy) thru the screens?

Its strange for not having a slide / screensaver thing because of new hardware have amoled and now i use windows screensaver (have windows tablet on the wall) but i like a option that homeassistant is on but for the screen it changes.

[polar kelp]

The thing I'm working on doesn't work without authentication either.

[formal tide]

oh, I thought it worked without in that gif

[kind shell]

@woeful moon posted a code wall, it is moved here --> https://hastebin.com/teconutizu

[woeful moon]

Why does this give me a "Configuration errors detected:
No type provided."

[woeful moon]

I'm trying to setup this: https://github.com/pmongloid/flipdown-timer-card
I installed it from HACS

[polar kelp]

Guess: Because the demo in the readme is ancient and assumes everyone is using lovelace.yaml to configure their interface.

If you put the card code into the GUI there should not be a - at the start and you need to dedent everything.

[vapid field]

Hi, I have picture-elements card (panel mode) with various cards inside. Here is a problem... As soon as I put custom:button-card inside conditional card it does not show anymore. Any ideas?

[woeful moon]

now it tells me "duplicated mapping key (15:1)"
https://prnt.sc/zmuIBuz-FU4i

[polar kelp]

You only need to dedent everything one step...

[kind shell]

@fading roost posted a code wall, it is moved here --> https://hastebin.com/eripunisaz

[fading roost]

Hi all, I'm frustrated.. How can I get rid of the default created lovelace dashboard? I've created my own ui-lovelace.yaml and added it to configuration.yaml

https://www.toptal.com/developers/hastebin/eripunisaz

But my dashboard is not visible at all.

[outer urchin]

having a problem with button-card templates: on a yaml file i have button_card_templates: !include_dir_merge_named /config/lovelace/button_card_templates/ and added \config\lovelace\button_card_templates\card_scene.yaml

in the card_Scene.yaml i have

  icon: mdi:home```

still i get "button-card template 'card_scene' is missing!" on the buttoncard. so i guess i fucked smth up with the path. someone got a clue whats wrong here?

[woeful moon]

still doesn't work :( https://prnt.sc/rNQWSlAOfat4

[tacit cave]

I had to google the opposite of indent, apparently it's outdent

[polar kelp]

Makes sense. TIL

[tacit cave]

I think dedent makes more sense 🤣

[polar kelp]

Indent and undent

[tacit cave]

but that threw me in for a loop so I had to look it up

[wide glade]

hey guys

anyone available to answer a quick question?

[polar kelp]

Yes. Next!

[wide glade]

I've set up two tasmota devices with 2 relays and a magnetic contact for each of them

I can control the devices just fine

however I'm having trouble with the magnetic contacts

I've set them up as switches, and I can see them on and off in the dashboard, but I cannot find how I can invert the logic for them, meaning that when it's showing closed it should show on and the other way around.

I've seen some solutions on the forums that refer to editing the configuration.yaml file, but I have nothing regarding switches in that file. any way to do it in the GUI I am using to make the buttons?

[polar kelp]

If you cannot fix this in the tasmota integration settings - which should be your first option (ask in #integrations-archived) for support on this - you can make a template sensor that inverts the logic: https://www.home-assistant.io/integrations/template/#binary_sensor

[wide glade]

ok, I'll look in the integration first. thank you

just for reference if someone has the same problem in the future, you solve it by issuing SwitchMode1 2 on tasmota in the console

[fiery ledge]

you still have to set is as your default dashboard in the profile page, and that also moves the auto created view out of the way

[fiery ledge]

please share via a code sharing site, now you're sharing an image which doesn't help us help you. I can confirm the yaml config on the repo to be correct, and its flipping down alright here 😉

[woeful moon]

Do you want me to share my config yaml?
How can I help?

[fiery ledge]

wait, you asked for help didnt you? on the flipdown timer?

[woeful moon]

yessir

[fiery ledge]

haha., ok. so, if you have an issue with some yaml, post that via https://hastebin.com/ or https://paste.ubuntu.com/ and not by sharing an image/screenshot of the code

[woeful moon]

I dunno, I just can't get that card working by just installing it from HACS, what did you do to get it running?

[fiery ledge]

nothing fancy. simply downloaded the resource and installed it manually, then added the example to my config. with a tester entity

[woeful moon]

could you maybe show me?

[woeful moon]

would you mind hopping into vc?

[fiery ledge]

https://www.codepile.net/pile/2GB6y2Gz

and added this to my resources:```

https://github.com/pmongloid/flipdown-timer-card

• url: /local/lovelace/resources/flipdown-timer-card/flipdown-timer-card.js?v=0.2
  type: module```

[woeful moon]

is that in your configuration.yaml?

[fiery ledge]

exactly how new are you to Home Assistant? (no offence meant, just estimating how I can help you best)

[woeful moon]

well I've been using it for a year and a half but I started REALLY using it like 2 weeks or so ago

so very

[fiery ledge]

because that code is what you write in your Views, in Lovelace, so no, not in configuration.yaml

[woeful moon]

in the card configuration?

[fiery ledge]

https://www.home-assistant.io/lovelace/views/

[woeful moon]

also just opened that :D

[fiery ledge]

good place to start reading 😉

and see https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins how to install a custom card (plugin)

[woeful moon]

alright, cool. Will read through that and try again then

thank you very much!

or... could it be that I'm running on a pi 3+?

[fiery ledge]

no, that doesnt matter at all. it s a matter of the correct yaml in the correct spot in your configuration 😉

[woeful moon]

:D

Alright, understood. Thank you very much!

[stoic rain]

What would be the correct syntax for card_mod if I wanted to access the styles here of an slider-entity-row? I'm looking to change color,size etc of the slider.

Do I $ my way through the divs as well?

[polar kelp]

$ is only to step into a #shadow-root

For rows you start in the top #shadow-root, so ha-slider$paper-progress$ should do it.

[stoic rain]

Thanks! How do you know which <style> section to target? (Assuming that is what you target)

The <style> in the middle (above the selected line) also contains a bunch of styles that seems to affect the slider.

(Needs to read more about css, dom and shadowroot)

And based on the link previously pasted you'd use div#progressContainer to select the element under styles?

[polar kelp]

Card-mod actually adds a new style tag at the location you specify. And - overly simplified - a style tag can affect anything within the same #shadow-root boundaries, down and up the tree. So if you put a style into the div#sliderContainer you have selected there it could affect div.bar-container and paper-progress too (and ha-slider through :host but that's a very special case.

[stoic rain]

Oh! I see. According to the manual as well, should I see a card_mod tag within the card I'm trying to modify?

[polar kelp]

You should see a card-mod tag inside the slider-entity-row tag. Likely the last child of it.

[stoic rain]

Would this be weird then?

[polar kelp]

Then as you chain styles, there should be a card-mod tag within each step of the chain. E.g.yaml card_mod: style: ha-slider: $: paper-progress $: should put a card-mod in ha-slider , ha-sliders #shadow-root and paper-progresss #shadow-root.

[stoic rain]

Does it always have to be with card_mod: in the yaml? I'm asking because my Markdown-card above the slider-card does -not- have card_mod, just styles: in the yaml and I see the card-mod tag in it.

[woeful moon]

Hi mate, I can't get it figured out, watched 3 yt videos and read through 4 Posts at this point...
Maybe I'm just dumb.
Would you mind explaining a little more?

[polar kelp]

slider-card
There's your problem. It's not a card. It's an entity-row

[stoic rain]

I'm not quite sure what that means in this context.

I'm using your card: https://github.com/thomasloven/lovelace-slider-entity-row - is the elements not accessible for styling using card_mod?

[polar kelp]

Show me the configuration for your card

[stoic rain]

  - type: custom:slider-entity-row
    entity: light.hallway_all
    card_mod:
      style:
        ha-slider$ paper-progress$: |

That's as far as I've come.

I 've tried to access a few of the elements by just changing the color (to see if anything reacts), but no go.

(and the card-mod tag doesn't show in the inspector, still).

I also tried using the code from earlier: https://community.home-assistant.io/t/lovelace-custom-hue-slider/369839/8
No luck.

[polar kelp]

Now compare that to the example in the Quick Start of the page you linked and see if you can see anythign different.

[stoic rain]

... it has to be added to an entities-card?

[polar kelp]

Bingo!

[stoic rain]

OK let me ask; for the card to work, or for card_mod to work on the card?

[polar kelp]

Definitely for card_mod to work on the entity-row, but also for the entity-row to be guaranteed to work as expected.

[stoic rain]

Oooh ok! I was hoping to use it as a light-slider just below my markdown:

[polar kelp]

You may be able to get it to work with mod-card which is included in card-mod, but that's a bit trickier.

Or you could put it in an entities card below the markdown card and then card-mod the box-shadow and background of that entities card away.

[vernal blade]

I'd like to create a Lovelace card that is a visual cue based on an input_datetime entity. As an example, over the course of 5 hours from that date/time, the cue could be yellow the first hour, green the next 2, yellow again for the 4th hour, and red for the 5th. Or something else that allows things to show various values between bad, fine, and good.

I'm sure this kind of thing has been done and explained. I'm just not sure what to look for. Can anyone suggest some search parameters I can give Google to get started on this?

[stoic rain]

I suppose I could create a single entities card with my slider

Thank you for your help, @polar kelp ! Hopefully I can figure out the rest from here 🙂

[polar kelp]

I'm positive you can. Have fun!

[fiery ledge]

read this too: https://www.home-assistant.io/lovelace/dashboards/#using-yaml-for-the-default-dashboard ? and, if youve studied that: do you use Yaml mode or UI mode.

[stoic rain]

Actually, another question, which I'm sure is more CSS than HA.. how do you know which to use like 'background-color' or --background etc with the double dash?

[fiery ledge]

thats surprising though, because adding that exact card_mod to a slider-entity-row works right away.

[stoic rain]

Even without an Entities-card as a base?

[fiery ledge]

          - type: custom:slider-entity-row
            entity: light.dining_corner
            card_mod:
              style:
                ha-slider$ paper-progress$: |
                  div#progressContainer {
                    background-image: linear-gradient(to right,red,yellow,green,cyan,blue,magenta,red);
                    --paper-progress-active-color: none;
                  }

no, ofc not. how would you use a slider-entity-row without the entities card?

[polar kelp]

Thank you!

[stoic rain]

I'm guessing I was more after the slider-functions than the entity-rowing of this card 😦

So I remained oblivious 😛

[polar kelp]

--variable: value saves value into --variable to be used later with css-property: var(--variable, default_value_if_variable_is_undefined);.

[fiery ledge]

well, always follow the docs: https://github.com/thomasloven/lovelace-slider-entity-row#quick-start

[stoic rain]

I have been thoroughly and voluntarily shamed a few lines above

[polar kelp]

The scope of --variable is the same as other CSS styles, but it's also inherited into #shadow-roots. That's why Home Assistant uses it for themeing.

Believe me, you got the soft version 😉

[stoic rain]

Oh ok! Thanks for the explanation!

[fiery ledge]

hahaha, and this is without the famous passive aggressiveness of fold-entity-row....

[stoic rain]

reads NOTE on fold-entity-row

sweats

[polar kelp]

That's just the start of it too https://github.com/thomasloven/lovelace-fold-entity-row/issues/146

Nothing seems to help

[fiery ledge]

this always makes me smile and laugh out loud: https://github.com/thomasloven/lovelace-fold-entity-row#why-doesnt-this-card-have-a-background

[stoic rain]

I'm laughing too. I definitely did not read that part saying "Please leave", and moving the code from slider-entity-row to the top-level entities-card, after which it all worked.

No sir, I did not

[woeful moon]

I'm using UI mode

[fiery ledge]

right so clicking thetop right menu for the Edit dashboard is known to you, and you find your way to the code-editor?

[woeful moon]

yes

[fiery ledge]

because you should be able to copy that code there (without the dash ('-') as Thomas explained), click Done, and the card should show in your view ....? talking about this code: #frontend-archived message

and assuming you have an entity called timer.timer in your system ofc

[stoic rain]

Now starts the hunt for the css-element for the little dragging button on the slider.

[fiery ledge]

check: https://github.com/home-assistant/frontend/blob/d392695ab75ab48461cbfe42ba56ec1f0ccd5d8b/src/resources/styles.ts#L31

o wait, nvm, thats for HA sliders..

[woeful moon]

so I appended that, but now that's the only card it shows

[fiery ledge]

did you by any chance create a new view, with that card as only card?

[woeful moon]

Yes, that happens if I leave the - infront of type

[fiery ledge]

but you shouldn't....

[woeful moon]

that's created in the config yaml, right?

[woeful moon]

yup, but when I don't, that's what happends

[fiery ledge]

yes, see: https://www.home-assistant.io/integrations/timer/

[woeful moon]

Do i have to put the path?

[woeful moon]

like in lovelace

[woeful moon]

done that

[stoic rain]

I belive this is called "paper-ripple" if I've learned anything about descending into the shadow realm today

[woeful moon]

Ok, managed to get it to work

[fiery ledge]

well, I am not sure tbh, as explained earlier, I was looking for the slider-height myself, and it isnt described in any HA lovelace doc as a themeable variable. We can however use that in a card-mod 😉

[stoic rain]

Though I don't see much about the size of it.

Did you find it in card_mod?

[fiery ledge]

see: #frontend-archived message

sorry dear people, I've got to get some sleep.... do leave a message, and we'll get back as soon as possible 😉

[stoic rain]

Oh thanks! But am I on the right div/element?

Allright, cheers, thanks for your help!

[woeful moon]

I think, it works mostly as expected now.
Thank you very very much!
Appreciate all your help, take care, stay healthy and all the best for you and your loved ones <3

[fiery ledge]

yep, add that to the linked config above and you'll see the slider get more height, need to adjust the margin on the handle though

[woeful moon]

well the preconfigured time doesn't work...

[kindred hull]

When using Proximity - What triggers the update of the value? Is the trigger event started on the device that is tracked or is it polled?

[ebon fractal]

Is there not a way to delete an entity from the front end?

The stupid fucking LG integration keeps breaking and when I delete it and re-add it, the original entity for some stupid fucking reason doesn't get deleted and so now I have "tv_n" entities but I can't find a way to delete them to make the working one just "tv" again

[sacred axle]

Sometimes my lovelace can't load a custom card if the device is blocked from the internet. Is this a thing with custom integrations?

[sacred axle]

I think it's because the resource I'm adding is added via a URL. I should download the .js file and map that instead. Hope this helps someone else facing same problem

[primal wolf]

Hi all. Is there a means to create a generic timer card in lovelace? I'm having trouble figuring out how to display the dryer is running. Vibration sensors don't work, coming up short on smart plugs that would work for this, etc. Thought about just having an aqara switch next to it that when we put in a load, press it, and it displays on the dash the dryer is running (where if pressed it will keep displaying the conditional card for a pre-defined time, e.g. 45 minutes). I can do all of the other bits but not sure about the timer specifically.

[pseudo adder]

Hi folks - I'm looking for some advice on how to build a dashboard specifically allowing me to layout sources and destinations, and being able to drag a source to a destination.

Example: I have an Apple TV that I want to display on TV1. I simply am looking for a way to be able to drag Apple TV to TV1 and then have that perform a set of actions (set receiver to specific input, set receiver to specific output, and other things).

Any direction (anything you might have already seen?) would be super appreciated!

[blazing wren]

Why do you want to drag to trigger the action?

[blazing wren]

I am using TPLink HS110 switches to monitor my tumble dryer and washing machine power usage which tells me very accurately if they're running or done. Did you already look into that?
This is the guide I followed, it was all in YAML then, but the #automations-archived are solid.
https://philhawthorne.com/making-dumb-dishwashers-and-washing-machines-smart-alerts-when-the-dishes-and-clothes-are-cleaned/

[sharp token]

is there any way to "listen" to the selection from the energy-date-selection card? I want to make a water usage graph in lovelace that changes the day/month/year view based on the energy-date-selection just like the canned energy cards do.

[polar kelp]

Are you asking as a custom card developer or a user?

[sharp token]

uh, i'd rather be a user but i'll take a stab at the former if that's my only choice 🙂

[polar kelp]

I believe there's a way to do it. It's some kind of global register of date ranges. But I'm not entirely sure how it works. It probably shouldn't be your first project...

[surreal anvil]

Hi. Could you help me. I am using the Mushroom addon and when I select the lighting card nothing is displayed. Can you help me what's wrong?

🙂

[patent scaffold]

Hey! Someone gotta have a solution for me here... All I want is to show the daily use for my heat pump. It do give me the kWh per hour perfect to HA. And the pump's own app do show me daily use, but no history back so would love to have that in HA.
If I count each staple starting with the one at 01:00 and end with the one at 00:00 I do get the same daily use as the App. But what do I need to show this in my HA? Any tips of card?

Here's how it the hourly use look like: https://ibb.co/GFxtf6G

[sharp token]

yeah probably over my head. surprisingly hard to get water usage into HA (no device classes for water, energy cards are locked down, statistics graph doesn't seem to work with utility meters)

[polar kelp]

You could look into Utility Meter https://www.home-assistant.io/integrations/utility_meter/ or Statistics https://www.home-assistant.io/integrations/statistics/

[patent scaffold]

thanks! Tried to add it to Utility Meter but it didnt work. Hm statistic havent tried.. will look into it, thanks

[molten sequoia]

I've only recently started customizing lovelace and I was wondering what's the best card for controlling several lights as if they were one light?

[woeful moon]

I'm also pretty new, so idk if that's the best way, but: You can add your lights to a group and assign that group to a button.

Hi there,
I just can't get the feedparser (https://github.com/custom-components/feedparser) to work with the list card (https://github.com/iantrich/list-card).
My config looks as follows: https://pastebin.com/hLeJkv5V (feedreader)
https://pastebin.com/G18bir6h (list card)

and the list card is just displaying it's columns (no actual content), but the sensor has entries.

Could it be, that the list card is looking for "entries" but the sensor has "Entries"?

TIA!

[fiery ledge]

you d best setup a light group, so, backend, not frontend.https://www.home-assistant.io/integrations/light.group/

[molten sequoia]

Thank you for the help

[obsidian pier]

hello any idea why is this happening? i'm using picture glance to display a camera feed but i remember a couple of updates wasnt like this did something change?

[dull token]

Hello. Quick question. In a Picture Elements card, for state_image how can I go off an attribute instead of a state?

[carmine shoal]

Good Morning (afternoon, evening) wise beings. I am trying to display a list of all geo location events

I know I need a markdown card, just not sure how to reference the ephemeral geo_location items.

[fiery ledge]

'need' a markdown? specifically want to list them?, or maybe plot them in a map:```
type: custom:auto-entities
card:
type: map
show_empty: false
filter:
include:
- entity_id: 'geo_location.*'
exclude:
- attributes:
source: wwlln

tbh, I also markdown the nearest quakes: - type: custom:hui-element card_type: markdown content: > {{state_attr('sensor.earthquakes_near','list')}} and use an extra template sensor to create the list

check something like this, which could also be used directly in the markdown ofc:```
{% if states.geo_location|selectattr('attributes.source','eq','usgs_earthquakes_feed')
|list|count > 0 %}
{{states.geo_location|selectattr('attributes.source','eq','usgs_earthquakes_feed')
|map(attribute='name')|join(',\n')}}
{% else %} No Quakes registered
{% endif %}

[primal wolf]

@blazing wren that wouldn't work for me. Too small for the dryer plug type I have.

@blazing wren I'm toying with another, admittedly archaic-in-comparison idea... basically just attach a zigbee switch next to the "start" button on dryer. Press it, it flips a boolean on, 1 hour later the boolean flips off. If boolean off = notify me it's done. Basically an arbitrary timer. It wouldn't be precise of course as opposed to tracking power but it'd be a lot more precise in me forgetting the dryer entirely for that night. 😄

[unique scroll]

Will we ever see the feature to manually re-arrange the lovelace cards ?

[mild veldt]

Yes

[narrow falcon]

my supervisor logs are filled with messages like :
22-02-07 04:26:27 WARNING (MainThread) [supervisor.misc.tasks] Watchdog found a problem with a0d7b954_grafana!
22-02-07 04:27:01 WARNING (MainThread) [supervisor.misc.tasks] Watchdog found a problem with core_ssh!
like a lot of them : https://imgur.com/O4uBcPL

and apparently it's still going on : 22-02-24 19:02:02 WARNING (MainThread) [supervisor.misc.tasks] Watchdog found a problem with a0d7b954_glances!

[unique scroll]

do we have an estimate on that being implemented ?

[mild veldt]

No

[patent scaffold]

trying to install this card:
https://github.com/iantrich/list-card
But cant find it at HACS, any tips on how to install it?

[versed forge]

Anyone here who could help with the swiper-card?

[woeful moon]

Hi there,
I just can't get the feedparser (https://github.com/custom-components/feedparser) to work with the list card (https://github.com/iantrich/list-card).
My config looks as follows: https://pastebin.com/hLeJkv5V (feedreader)
https://pastebin.com/G18bir6h (list card)

and the list card is just displaying it's columns (no actual content), but the sensor has entries.

I noticed, that my feed provides Entries with a capital e and the reader is looking for entries with a lower case e.
When I adapt to that in the list card config, it just disappears though.
Any Ideas?

TIA!

[mild veldt]

You have to add it as a custom repo. Check the HACS docs

[patent scaffold]

Sorry, where do I find that?

[mild veldt]

That’s best asked on the forums thread, it’s been so long since I touched that thing and I don’t remember half of what I did.

[kind shell]

@patent scaffold Home Assistant Community Store is the successor to the old Custom Updater, and can do so much more - you should check it out. They even have a Discord server for issues with HACS itself.

Command '~hacs' was invoked by: RobC

[dark dirge]

The link was in the docs

[patent scaffold]

Yes I have HACS installed, just that I dont find it there

[mild veldt]

Yep, you need to add it as a custom repo

[patent scaffold]

even searched for iantrich but the List Card didnt show up

[dark dirge]

You're not reading

[patent scaffold]

Ah! alright, thanks 🙂

I am reading, on GitHub all it says is :

Installation
Use HACS

but now I get it 😛

So I first need to manually download and put the files into my community folder right and the do the custom thingie?

[dark dirge]

No

You add the repo to HACS via that menu option

[patent scaffold]

Ah, there. Didnt get the list first. Had to restart HA. Thx

[fiery ledge]

just found out my cast view wont work because it needs https... how does one do that from a local connection over http? I do have the NabuCasa connection too, but seems a bit awkward to have top use an external connection just to cast my home view to a Google Hub?

second to that, I need to add the dashboard path, (I set it up some time ago when all was still in the 1 dashboard) is that path like:```

• type: cast
  name: Home
  dashboard: ui-overview
  view: home
  icon: mdi:home
  hide_if_unavailable: true``` or need I enter /config/home/ to the path

[velvet brook]

Http with ip address. That's documented tho

But of course, your nabucasa connections might be easier for you to use

[fiery ledge]

well, I am confused.. before, I had this view, with all my type: cast views listed, and in a Chrome browser I could click that and it showed that on the Google Hub. Currently, I can not show that view anymore, but it somehow manages to cast all views I browse to the HUb...even while I am browsing locally. (thats why I asked her in #frontend-archived)

[velvet brook]

I don't know what changed, but I can cast Lovelace locally to devices without issues

Are you trying to achieve this ?

[fiery ledge]

yes. this is what I am seeing for 2 types I commented the hide_if_unavailable: true for, none of the others are displayed in the view. Chrome keeps casting my browser though (I guess because I set that in the Chrome browser itself?)

so I probably dont even need that complete view anylonger?

[velvet brook]

Well I've only been using the service to cast Lovelace views

cast.show_lovelace_view as described here https://www.home-assistant.io/integrations/cast/#home-assistant-cast

But yea, I'm wondering how one would set a base url with local IP for cast entity card

[fiery ledge]

realized that I had set it to only show on a certain browser-mod device (the Chrome browser), which before always connected over DuckDns. Since I stopped using that, my local browsing is http: and NabuCasa is https:. However, thats another browser-mod id! so that explains why a am not seeing the view currently 😉

but, as said, clicking the 3 dots in the Chrome menubar and select Cast, allows one to select the Device and source, and that makes it all happen even locally. It Casts anything really.

[fiery ledge]

ofc there's a huge difference: casting from the browser shows only, and isnt touchable, while the cast view from within HA makes the interface respond. Though Button-card has huge issues showing entity_pictures. And that awful auto dark theme makes it near impossible to read even the errors....

[velvet brook]

Yea i thought so

[velvet brook]

Btw what's "Auto dark mode"? I always have a ugly white background when casting Lovelace, am I missing something?

[solar notch]

I can't see the code in yaml edit mode. I have installed dark skins from HACS. It's the same no matter how many skins I change. Are other people like that too?

Like this...

[vapid field]

hey guys noob question: in the light card how can i hide the name of the light, i tryed show_name: false but it doesn't work

[quartz arch]

Always used that method in entities cards but haven't messed about with a Light card yet. How about the messy way of putting a space as the name of the light? Works but not entirely kosher....

[vapid field]

yes, it works for the name, but if i want to show the state (percentage of the light) with show_state: true it doesn't show also. i know i have the wheel and it show where the intensity is but i wanted to show the number.

[quartz arch]

Understood. I'm sorry I can't be of more help. It might be nice if the core supported blanking names etc in cards but it seems to be only the entity/glances ones.

[fiery ledge]

not sure tbh, I just noticed yesterday, that, even though I don't use mode: dark in my themes, my HA frontend was displayed in Dark mode on the Google Hub. Guess its a device setting I hadn't figured out yet 😉 More honesty: I don't really find it very useful, but do want to control the settings 😉 Don't like auto features being in the way of my carefully curated themes

[broken marsh]

I've made chair occupancy sensor with an Aqara door sensor and I've customized it as device_class occupancy. But when I sit down it says 'Clear' and when I get up it says 'Detected'. Can I reverse that?

[blazing wren]

Yup, use a template sensor

[broken marsh]

So silly. But ok. Thanks. 🙂

[blazing wren]

Well the alternative is flipping how you've made your sensor, which I would guess is more work 😉

[broken marsh]

Yeah, I'm not sure how that would be done. I just bypassed the magnet sensor on the Aqara device. But changing polarity doesn't make a difference to the device reporting open or close.

[blazing wren]

So right now it closes when you sit down? You could make it open when you sit down 😉

[peak river]

Hello! - I installed a Theme, deleted it and installed another (all through hacs..) but the "theme" dropdown is gone in my user profile - I have reloaded the website and restarted HA. It worked to begin with, but not anymore. This is all i've added to the config in relation to this:

frontend:
themes: !include_dir_merge_named themes

Anyone got any ideas whats going on?

[red crest]

You can subscribe to this issue and look for updates if it looks to be the same thing: https://github.com/home-assistant/frontend/issues/11701

[peak river]

You are correct. This is exactly whats happening ti me! Ive upvoted the issue and subscribed. Thanks!

[gentle flame]

Is there a good hass card for WLED?

[cyan horizon]

Getting some cards stuck on previous theme. I didn't find any other references to this in the forum. Has anyone else seen this before?

[cyan horizon]

A refresh fixes it.

[fiery ledge]

Yes it’s been there for a long time, there’s an issue, but still unresolved. Iirc, it’s only happening on entities card

[cyan horizon]

Thonks. Good to know its not something I have done wrong. That is the only entities card on that view. Now I know it is the entities card I might find a thread about it.

[fiery ledge]

See https://github.com/home-assistant/frontend/issues/10988

[fiery ledge]

request: could any one with card-mod-theme installed checked the above issue? I just re-tested that, and without card-mod-theming, the themes seems to change correctly see: https://github.com/thomasloven/lovelace-card-mod/issues/183

[primal wolf]

Conditional cards in lovelace seem to create an unnecessary blank space in between cards. Is there not a way to work around this? All I can find are old bug reports that were closed due to inactivity on the topic... but nothing else really. 😦

[twilit eagle]

anyone know how i could troubleshoot why a webpage card won't show any pages?

[polar kelp]

Most common problem: The page you are trying to show uses https, but you connect to HA through http. Your browser won't allow this.

[twilit eagle]

nope it's http

just trying to show a live feed from blue iris

[twilit eagle]

anyone familiar with using a webpage card? still having this issue..

[spice meteor]

I'm trying to make a graph of sun's elevation. According to info in https://www.home-assistant.io/integrations/template I have added the following to configuration.yaml:

template:
  - sensor:
      - name: Sun Angle
        unit_of_measurement: "°"
        state: "{{ '%+.1f'|format(state_attr('sun.sun', 'elevation')) }}"

But I then can't figure out how to use this. There doesn't seem a guide I can find on "how to use a template" which makes me think I'm missing something fundamental. Thanks.

[dark dirge]

that should give you a sensor

then you do whatever you want with the sensor, such as using a history_graph card, or any of a number of other options: https://www.home-assistant.io/lovelace/history-graph/

it's not a matter of how to use a template

1. Find or create a sensor 2. Use a card to graph that sensor

[scarlet jewel]

hello guys I have a problem with my dashboard since the recent updates brought to the core when I click on a view it redirects me to the first one but that doesn’t do it on all views so I don’t understand ,thank you for your help.

they was unclicable

but redirigeable

[spice meteor]

Thanks. When I search (in a number of bits of the UI) for sensor.sun... nothing shows up. Is there anything else I need to do to 'activate' that sensor? I wonder if it's not a valid name?

[dark dirge]

you called it sensor.sun_angle

did you restart HA after adding that?

[spice meteor]

Yes, I restarted Core. Is that enough? I see there's Supervisor and Host that can be restarted as well. (Running HAOS on RPi4)

[kind shell]

Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.

• HAOS & Supervised use ha core check
• Container uses docker commands
• Core requires you to activate the venv first

Command '~check' was invoked by: RobC

[spice meteor]

And, yes, I ran ha core check

[dark dirge]

I just added your definition to my config and it worked fine

[spice meteor]

Thanks for trying. I have advanced mode turned on ... is there anything else required?

[dark dirge]

no

check your logs

and copy it into -> States and see if it gives you the value you expect

[spice meteor]

Found an error in log for a different part of configuration.yaml. Didn't show up in ha core check -- should that be possible?

[dark dirge]

🤷

[spice meteor]

Re-starting again having disabled the erroring section.

[dark dirge]

logs also tell you what happens while running, rather than just checking whether the syntax makes sense and the integrations are okay with it

[spice meteor]

I played with the syntax some more, and it then worked. Thank you.

[quaint snow]

is it possible to edit the default theme in HA?

[dark dirge]

not beyond the colors available in the profile

but themes are just modifications to the default theme

[quaint snow]

ok, trying to help someone out on the forum. will let them know to use a custom theme to achieve what they are after

[polar kelp]

If what they're actually asking is how to make a different theme the default, the answer is the frontend.set_theme service.

[primal wolf]

what "increment" does the helper known as "counter" work in? I just created a helper to coincide with a gauge card (idea being to use the gauge to track when my hvac filter was replaced last so I can get a visual of when I'm getting close to the 90 day time frame) but the card in lovelace is just showing 0 right now. I'm not sure if it's doing it via days by default or hours or what?

Or perhaps it doesn't sequentially count at all and it's all manually set?

[dark dirge]

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

The step is whatever you set, and it won't do anything unless you call a service

What did you think it was tied to?

[primal wolf]

Not sure what I was thinking to be honest. I guess I thought in the settings it would be more clear but it wasn't. I think I found another option though -- testing it now. Using an input.number helper against the gauge card with an automation that calls service increase once a day...

[dark dirge]

You could do that with the counter

[primal wolf]

and it works, holy cow

[dark dirge]

Another option is an input_datetime and display the number of days between now and then

[primal wolf]

good to know! I'll tinker with that and check it out.

tyty!

[rustic aurora]

I have a command_line sensor which reads weight data from a CSV file (which will only normally have a new record appended once or twice a week) and returns the value from the latest record as it's state (like the file sensor) but also returns a records attribute containing data for all records in the file. Is there any way I can display a graph based on the values in that attribute?
Since the data only updates infrequently, the normal history graph won't work well since the data may have been purged before it changes (and I can't enable long term statistics since there is no device_class for mass or weight).

[scarlet jewel]

i have found my error in my views the url was with accents

[subtle shuttle]

Awesome work with the home assistant, I've been away from it for 4 years and wow. One issue though, input slider is way too tiny to be usable. Any way to make the slider part bigger? Ideally it would be visually like drop item, label on top and all space below occupied by the slider.

[sacred bridge]

is there no way to do a template name as a image: attribute in lovelace

    cards:
      - type: picture-entity
        entity: sensor.lead_car
        image: https://demo.home-assistant.io/stub_config/bedroom.png
        state_image:
          '3': /local/nascar/3.jpg
          '5': /local/nascar/5.jpg
          '43': /local/nascar/43.jpg

would love to do image: /local/nascar/{{ states.sensor.lead_car }} .jpg or something like that

instead of building a state image for each one

there is alot of racers in nascar lol

[dark dirge]

look into custom button card

[sacred bridge]

Ty @dark dirge will do

[crude crystal]

Hi all, does anyone know how I can change the state color of an entity. For example when I'm using 'state_color: true' in an entities card, the icon for each binary sensor changes to yellow. Is there a way to change this?

[fiery ledge]

yes there is, you can use https://github.com/custom-cards/config-template-card (js templates) or https://github.com/gadgetchnnel/lovelace-card-templater (jinja templates)

[frail iron]

hey, is it possible to force more than 4 columns on the frontend? however wide I make the window it won't add more columns. EDIT: running layout-card did the trick

[glacial pumice]

I've got an entity called button.garden_camera_reboot and i made it into a button on picture_glance but instead of it rebooting, it opens a "popup" with entity history and a reboot button. How can I make it automatically reboot without this middle-step?

[halcyon mantle]

Anyone have an idea how to hide n picture-elements card like in a fold-entity-row. From the documentation, it seems not to be able to do it with fold-entity-row. Any suggestions will be appreciated.

[spice meteor]

I'm trying to work out why a light is turning on when I don't expect it to. The logbook shows these entries:

turned on 14:01:00 - 11 minutes ago
turned off by JGC 13:46:10 - 26 minutes ago
turned on by HomeKit 13:41:31 - 31 minutes ago

The last two tell me who triggered this command, but not the first one. Where there is no 'actor' shown, what else could be triggering this?

[fiery ledge]

is there a way we can only show a view when using Chrome? asking because I have a view with only type: cast rows . I have set the hide_if_unavailable:true on those individual rows, but that only hides the rows obviously. I need it to also hide the view.

in fact, Id love to know what the hide_if_unavailable tests, maybe we can make that into a template of sorts and use it in some nifty condition?

[tacit cave]

browser mod

or other custom elements that let you view the user-agent

[drifting horizon]

Is there something that changed with how websockets work over the last few months? I'm noticing the site reloading after a few minutes every time I switch over to my HA tab. I did some searches but none of the descriptions of other people's issues match mine. I don't see anything in Chrome's console.

[fiery ledge]

I've found 1 way to use browser-mod, and it uses the hard coded device_id of a Chrome browser connecting over https (needed for Cast) like:```

• type: custom:state-switch
  entity: deviceID
  states:
  '323432e-2awsw348':
  type: vertical-stack
  cards:
  - !include /config/lovelace/includes/include_cast_overview.yaml
  - !include /config/lovelace/includes/include_cast_settings.yaml

this is ofc not on a view, but in a view for a set of cards, which is ok-ish.

[odd barn]

I'm getting a "Failed to call service media_player/play_media" error when I try to play media to another device.
any ideas to fix?

[magic dove]

Is there a way to parse a live html webpage, directed by a js script to serve as a background of a dashboard?

[glacial pumice]

So want a live html page to be your background?

Like you want one of these cool animated SVG backgrounds animating particle simulations?

[magic dove]

I designed my own js script for desktop background, basicaly gets sunrise from webpage and then selects the correct image from the folder with 1k of them basicaly...

[glacial pumice]

So it's a static image?

[magic dove]

Jup at the begining, but it is displayed via html

[glacial pumice]

Well, i guess you could edit the template file and load a custom js library

In your js code, just change background property of body element or whatever element has the highest z-index out of the backgrounds.

I did this with Asus routers

Not sure if there is a supported official way. But this way you would have to add the script to the template every time HA updates

[magic dove]

basicaly, i call changeBg function at the end wich renders the images

[sweet sail]

Hi, is there a way how to expose browser like media player ? I have lot of streams configured and I can play them over my media sources at home, but if I'm in my office I want to play that stream in my current browser or phone. Is there any configuration/integration for this ?

[errant plover]

Please don't post pictures of text. Use a code sharing site.

[errant plover]

https://github.com/thomasloven/hass-browser_mod also 2022.3 (released in under 8 hours) has some browser media player options but that might just be in the media dashboard. I haven't had a good play with it yet.

[fiery ledge]

browser-mod media_player used to play perfectly, sounds, streams what have you. Currently though (beta/dev) I cant make it work anymore..even though all my device_id's are correct, and no error is logged. Clicking the cogwheel in the custom:browser-player shows a remove entity dialogue, stating 'Text to speech has moved to the media browser'...

nevermind that. A reload frontend cache on the iPhone had caused a second registration of the media_players, adding a _2 on the new and correct players... fixing that made the radio streams come back immediately. So, again, Yes, playing streams over your mobile device is no problem at all 😉

[sweet sail]

Thank you, I'll check it.

[dense cove]

Hi all just joined the server so hopefully this is the right spot to ask. I am trying to use a plugin (https://github.com/thomasloven/lovelace-layout-card) but it doesn't seem to work and im not sure how to possibly debug the issue. I put it in config/www/plugins folder and added the url with /local/plugins. I can see the js file getting loaded when i check the network panel in chrome dev tools but I don't see the extra options this plugin is supposed to provide when editing my dashboards. I know this may be an issue with the plugin but wanted to see if perhaps there were some debugging steps I could try before opening an issue there. Thanks! 🙇‍♂️

[polar kelp]

Check your browser console for errors

[dense cove]

nothing

[dense cove]

NM I am an idiot... and their docs are a bit old. I figured out that it works a bit differently than how I thought. Thanks for the reply though.

[polar kelp]

@dense cove ”Their” docs are my docs. What’s wrong?

Does it still say there should be a Layout tab?

[crisp rapids]

Is it possible to restore lovelace in storagemode? from a snapshot

[dense cove]

ah! well first of thanks for the plugin! Mainly my visual learner brain focused in on the animation of how to use it and it doesn't seem to align with how it works in my installation. I figured out I can make a view in panel mode and add a layout card to get what I wanted but if I try to edit a view there is no "layout" tab like in the animation.

so yeah i was assuming that animation just isn't up to date after i read the rest of the instructions

[glacial pumice]

How did you get family guy on there?

[polar kelp]

The layout settings are on the Settings tab now, so that’s outdated.

The family guy camera is included in the demo: integration together with 10 Hours Epic Sax Guy on media_player.bedroom.

[kind shell]

@sacred rampart posted a code wall, it is moved here --> https://hastebin.com/inuhigapic

[sacred rampart]

Is there any way I can @keyframe a entity state attribute (Fan Speed) so that I can potentially control the speed of the fan animation?

https://hastebin.com/inuhigapic

[dense cove]

not an HA expert at all but i do front end dev for a living so maybe this is helpful. You can use JS to update a css "variable" and then use that variable to control the animation duration I think
https://css-tricks.com/updating-a-css-variable-with-javascript/

[broken marsh]

Is there a way to rotate a camera 90 degrees in lovelace from the webrtc integration?

[broken marsh]

I tried using the onvif integration and put in -vf "transpose=2" under extra arguments on the integration page. That didn't rotate the image in the lovelace card.

[rustic jungle]

Hey!

Is there any way to use an ipad mini (ipad a1432) as a home assistant wall dashboard?

I have that one and a Ipad 2 lying around

But, the iPad mini is a bit newer, so, any chance it can be used as a wall dash?

A way to jailbreak it or something like that to be able to use it as a wall dashb?

I would prefer to not spend 150€+ on a fire tablet or something similar, if there is a chance to use the one I have

Thanks in advance! :)

[polar kelp]

Install the Home Assistant app and turn off the auto locking.

[glacial helm]

Hi everyone, complete newbie. I want buttons something like this in the dashboard. Does anything like this already exist?

[fiery ledge]

without anything further, I presume all markdown cards in Lovelace should display identically. However, I noticed some odd fonts all of a sudden in 1 of my many markdown.... checking inspector, it revealed also the markdown-code-background-color variable, and a greyish background, so for testing I set that to red. It works. In exactly 1 card??

    card_type: markdown
    card_mod:
      style: |
        ha-card.type-markdown {
          margin: -8px -16px;
          box-shadow: none;
        }
    content: >
      Batteries below threshold:

another card, with the eaxct same config:```

• type: custom:hui-element
  card_type: markdown
  card_mod:
  style: |
  ha-card.type-markdown {
  margin: -8px -16px;
  box-shadow: none;
  }
  content: >
  Hue devices with connectivity issue:

as do all of my other markdowns. What could be happening here? see https://community.home-assistant.io/t/why-the-difference-in-markdown-rendering/398452 for more details

[halcyon mantle]

Anyone have an idea how to hide n picture-elements card like in a fold-entity-row. From the documentation, it seems not to be able to do it with fold-entity-row. Any suggestions will be appreciated.

[mild veldt]

can you expand on that? what are you trying to hide?

[halcyon mantle]

My idea is to have something like the fold-entity-row, that when you open/uncollapse it, it should display a picture-elements card. The principle is to safe UI space on the view, but still have the nice look of a picture elements card when chosen.

[mild veldt]

conditional or state-switch cards would handle that along with a helper input_boolean that dictates when it should be displayed

[halcyon mantle]

I'm quickly building a mock up in photoshop to illustrate

[mild veldt]

or it could be placed in another view and a button that navigates to that view on click

and if you really want it in the entities card, you still can but need to use hui-element custom card to get it loaded probably

[halcyon mantle]

Mockup --> https://imgur.com/a/tjQs5lM

Anywhere I can scratch around for example of the recommandations you made. I looked into hui-element custom card, but could not see a method which will work, will read through it again. The conditional / state-switch card sounds like a possible good work around. I will play around with that idea

[mild veldt]

type: entities
entities:
  - type: custom:fold-entity-row
    head: sensor.grid
    entities:
      - type: custom:hui-element
        card_type: picture-elements
        elements:
          - etc

I think that should get you close, but I haven't played with those cards in a long time

[halcyon mantle]

Wow! Awesome - Thank you so much. From this I should (fingers crossed) be able to put the rest together. Really Appreciate your effort 🙏

[devout hatch]

how to add/remove items in sidebar?

[halcyon mantle]

If I recall correctly it is called dashboards and is in the configuration.yaml file

https://www.home-assistant.io/lovelace/dashboards/

[devout hatch]

hm..I dont have such a file ui-lovelace.yaml

Im using lovelace from frontend part

[mild veldt]

with the sidebar expanded, click and hold on "Home Assistant"

sidebar customization is a per-device setting

[devout hatch]

it works! just a quaetion, I can see only X for removal, how can I add some other shortcut here?

[mild veldt]

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

[devout hatch]

and now I want to add conitional card if any light is turned on to be shown

How can I do that? with domain maybe?

https://www.home-assistant.io/lovelace/conditional/

https://i.imgur.com/k3l3ahE.png I can put all lights group, but when I turn on just one light, it shows me All Lights as a group, and I can't see which light is turned on

[formal tide]

pretty sure there are examples for this in the doc

i use auto entities for that https://paste.debian.net/1232756/

[devout hatch]

I searched on this link that I posted above, but didnt find it

[formal tide]

just exclude: your groups in my example and you should be fine

[devout hatch]

yes, I succeeded! thanks!

[pallid dew]

hello, is it possible to make the choice of the lovelace theme persistent? each time I'm logging in it is reset

[mild veldt]

use an automation: https://www.home-assistant.io/integrations/frontend/#setting-themes

[pallid dew]

oh ok 😄

so there is an event when a user logs in?

[mild veldt]

no, you'd just trigger it on start of home assistant. would apply to all users

(unless they override it, I think in their session)

[pallid dew]

that would mean same theme for all. that's not good

then I'll remove themes, doesn't make sense if they're not persisent per user

thanks anyway

[mild veldt]

i do believe they are supposed to be persistent per device

[pallid dew]

if I log out and re-login, even on same device, it's reset

[formal tide]

i think the automation just sets the default theme, if the user chooses different it should stick

[pallid dew]

I tested it with different browser, it doesn't stick

I guess it's not saved server-side

[devout hatch]

how this working example of code to put into a button tap_action

data:
  action: 'romantic'```

Im tryng like this: ```type: custom:button-card
entity: light.living_room_lights
tap_action:
action: call-service
service: script.bedroom_set_scene
data:
action: romantic

[kind shell]

@viscid moon posted a code wall, it is moved here --> https://hastebin.com/pifecolifi

[viscid moon]

Guess I should be brief 😄 I seem to be stuck on simple monitoring of service outages. Specifically: Radarr, Sonarr, SABNZBD, qbitTorrent. I'm happy to post my YAML but what might be easier is if someone has this working and can offer advice (or even a link to something from this decade).

See link above for more details or here for my YAML: https://pastebin.com/hq6xSNNL

[pine plinth]

Hello. Anyone here experience with the minimalist-ui? I am stuck on the behaviour of the Vertical Button Card (https://ui-lovelace-minimalist.github.io/UI/usage/cards/card_vertical_button/). When used with an input boolean it does not show the state of this boolean by turning into the asked for color:

            template: card_vertical_button
            entity: input_boolean.away
            name: Away
            icon: mdi:exit-run
            variables:
              ulm_card_vertical_button_state: on
              ulm_card_vertical_button_color: red```

The button does work but it does not indicate an on or off state. What am I missing?

[vapid field]

Hi everyone. I've got some trouble getting ha-floorplan from hacs to run. (I am relatively new to home assistant in general - fiddled around a few months...). I installed hacs and therein installed/downloaded ha-floorplan. My first question would be if there is a possibility to add ha-floorplan to a lovelace dashboard using the ui buttons to "configure dashboard" and "add a card"? I do not see ha-floorplan showing up as "Custom: ha-floorplan" like e.g. the mini-graph-card i installed from hacs...?

According to https://experiencelovelace.github.io/ha-floorplan/docs/quick-start/ i shall not forget to add floorplan.js to the resources as a module, however i have it in http://...:8123/config/lovelace/resources showing as "/hacsfiles/ha-floorplan/floorplan.js" just as i have with the working mini-graph-card...

Any help appreciated...

🧐

[mild veldt]

https://www.home-assistant.io/lovelace/actions/#service_data

[errant plover]

Do we have new theme variables for these?```
paper-listbox-color:
paper-listbox-background-color:

[errant plover]

Found it <#devs_frontend-archived message>

[torpid harbor]

Hello,

I've started a Floorplan mapping and I have a question. I have A LOT of lights...like obscene. Living room is 6 accent lights, 2 lamps, 4 recessed lights. All the accent lights will always be on together, as will all the recessed, and lamps. Should I just make my Floorplan pictures with these lights grouped together?

That saves me work (all the pictures) without any ill benefit is what I'm wondering

Most of my rooms have the same number/configuration of lights

[weary axle]

So after the latest update all my input_booleans are blank in the frontend. Any idea how I can fix this?

[warped yew]

Anyone know how i can use an entity-filter on a custom button card?

[wild totem]

Omg thank you for changing it from up and down to this 😁

[ancient geyser]

Good morning - can't figure out how/where to change the size of the calendar card to show the whole week. A link to where I can set this up would be awesome!

[formal tide]

what happened to dropdowns? updated to .3 and they all show expanded

also text inputs look ridiculously big

ok lets go back to .2

[novel geyser]

custom banner card: switches and inputs all show as blank.

Material design changes.... have caused some problems.

Latest release of 2022.3

would appreciate a workaround, as I made a heap of changes I'd prefer not to loose.

[formal tide]

downgrade

[novel geyser]

fine. I lodged an issue on github with the custom banner repo.

[shut sable]

hi all just upgraded to the latest version and things like drop down menu's are not styled at all

[fiery ledge]

there are new MWC elements and they use new styling. CC's that don't yet use these elements have issues. for the styling you can (...) adopt the new variables in your themes: https://github.com/home-assistant/frontend/blob/24829bd9038ca270d689fef2ad01cab47be64806/src/resources/ha-style.ts#L115 mini-media-player has put up a beta for fixing this. Bright side is the new dropdowns finally work on Safari 😉

[kind shell]

@weary axle posted a code wall, it is moved here --> https://hastebin.com/ewezuwexil

[shut sable]

Thank you for your help i will check out the link

[exotic sun]

is it possible tot add HACS to the settings panel links?

instead of it being another dashboard in the sidebar?

[digital lynx]

I would also love to see the sidebar more adjustable. So that you can choose what to put there and in what order.

I also hate the new highlighted parts in the love lace where you can select things. It looks messy and it doesn't align descent

[magic tapir]

Hi. Is it possible to create Lovelace view with multimedia browser?

[dark bison]

Hi, can anyone tell me how to set a Map card to span the full width (all columns)?

[warped yew]

Ping on this? Would love to be able to combine custom button card with an entity filter

[warped yew]

The fix does not work in the ios app it seems. Still shows all dropdowns

[tame dove]

Do you not have a media button on your sidebar?

[magic tapir]

Yes. But I d like to have it as a view

[frigid kayak]

I have tested the new media browser to cast a lovelace view to my Nest hub. But this issue is still occurs:
https://github.com/home-assistant/frontend/issues/11122
Is this a known issue?

[tame dove]

So, unless you want it as your main view, it would be a tab you would click on. As it stands, it is a sidebar icon you click on. What am I missing?

[magic tapir]

I mean on mais dashboard

My sidebar ia usually hidden

[twin pawn]

Anyone get weird select behavior since the update?

on certain lovelace cards?

[tame dove]

@twin pawn #frontend-archived message
You need to report the issues to the individual card devs.

[twin pawn]

ahhh okay, cool thanks!

[halcyon mantle]

@mild veldt - Thank you for your advice on the fold-entity-row! It worked absolutely perfectly... Much Appreciated 🙏

[odd barn]

I'm getting a "Failed to call service media_player/play_media" error when I try to play media to another device.
any ideas to fix this? (ping me)

[fluid cypress]

is there a way to show specific cards only when an entity is in a certain state?

[tame dove]

https://www.home-assistant.io/lovelace/entity-filter/

[fluid cypress]

that’s cool but i was more thinking “if this plug is on show this webcam”

can you still do that

[formal tide]

conditional card

[fluid cypress]

ah okay thanks

[opaque kiln]

If you don't mind custom components, check out https://github.com/thomasloven/lovelace-state-switch
I find it is much neater than the stock conditional card if you have more than 1 possible state.
Eg.
If state is A, show card A
Else if state is B, show card B,
...
Else if state is N, show card N
Else show default card

[blazing wren]

If it's just "if this plug is on, show this webcam" I would use a conditional card

[fluid cypress]

i only have 2 states, if switch is on show theses cards if switch is off dont

alright

[blazing wren]

The conditional card is the solution for that then, the custom card is great, but next level 🙂

[fluid cypress]

i do enjoy custom components tho. ill keep that one in the back of my mind

the conditonal card can be nested tho right?

[blazing wren]

Yes

[fluid cypress]

when the switch turns on will lovelace need to be refreshed to show the cards?

[blazing wren]

Nope, it just updates.

[opaque kiln]

Yup agree! If I remember correctly, the conditional card can also do multiple conditions (eg. Check the state of multiple entities) whereas the state-switch can only refer to the state of one entity. Gotta get fancy with template sensors to get around that constraint for the state-switch!

[fluid cypress]

yeah it seems like thats true

[blazing wren]

Though the conditional card only supports AND, so you can't say if X or Y, which is a shame and requires a template sensor!

[fluid cypress]

i had do some weird stuff tho cuz i wanted it to show half of a grid card if it was on and the other half i wanted to always be shown so i had to add the card onto each nested card which was annoying but its fine

also is it possible to make the webcam smaller(i imbeded it with iframe) without messing with the aspect ratio

[drifting iris]

Maybe someone might know here, but the media browser recently stopped letting me playback my security camera footage that is all .mp4 files.

The show up in the "manage" modal, but the main UI says the files are "incompatible".
https://imgur.com/vfrGiNY

Nvm, I'm dumb. If I choose a different "media player" (i.e. the web browser) in the UI, then it lets me play them.

[livid oracle]

How can I remove the version number from showing on the title bar?

I guess the views bar it is called

[crude berry]

Hi. I have 4 Google TV smart TVs. I can get them integrated into HA using either the built-in "Google Cast" integration, or the "Android TV" integration over ADB.

Here's the annoying part. Neither Integration seems to have the same features in a media_player entity as the other.

For example, the AndroidTV integration allows me to turn the TV on and off and show me a thumbnail of what's on the screen on the media player entity, but it does not allow me to cast anything to it. On the other hand, the GoogleCast does not allow me to turn on and off the TV (the power button on the media player entity just starts or stops casting), and the media player entity does not show me what's on the screen in thumbnail.

I guess basically what I'm asking is there some better way to combine the features of both media player entity from both integration into one. It's bad on my front end to have 8 total media player entity for 4 TVs. Maybe like some way to modify the media player entity of the AndroidTV integration to have a cast button that calls up the casting for the Google Cast service??? Idk how or what I can do. Thanks

[errant plover]

I don't see a version number? https://i.imgur.com/PJ363tt.png Are you sure it is not coming from a custom element?

[errant plover]

You might be able to combine them with this https://www.home-assistant.io/integrations/universal/ See #integrations-archived for help with it.

[crude berry]

Thanks I'll look at that

While I'm here, does anyone know why the area card gives me these error messages when ever I click the buttons on them??

[fluid cypress]

not sure if this is the right channel (redirect me if needed) but i needed to set up https on octoprint so i could access my webcam remotly (tells me i cant use http when doing it outside of my local network) so i set that up following this tutorial https://community.octoprint.org/t/setup-a-new-self-signed-ssl-certificate-on-octoprint-enable-https/30256/16 and all my octoprint entities were unavailable so im trying to readd it and its just waiting for a API key but isnt prompting me

[dark bison]

Good morning everyone. Does anyone know if this is possible?

[polar kelp]

Go into edit mode and then click the pencil next to the view name. In there, select View Type: Panel.

[sleek coral]

hey guys , i made a theme , and applied it all good , now i made some changes to the theme , how can i refresh lovelace to pull the changes?

[errant plover]

Go to Developer tools / Services and run the frontend.reload_themes service.

[fiery ledge]

that is nice indeed. Now have that as a background of a view...

[polar kelp]

Picture-elements and hui-element

Like grandpa did it.

[fiery ledge]

no grandpa yet, but I really don't get what you're saying here... btw, the docs even have this as an example: https://www.home-assistant.io/lovelace/views/#type

[dark bison]

Thanks Thomas! Just what I needed 🙂 Just a quick question, it's not possible to use panel mode with two cards below each other I assume?

[polar kelp]

It only shows one card. But that card can be a stack... https://www.home-assistant.io/lovelace/vertical-stack/

[dark bison]

ok, no problem, I can use multiple views then. it would've been nice to set double/full width for cards though 🙂

[polar kelp]

Think of what I said again, and what the stack card does.

Or better yet, try it.

[dark bison]

thanks, i tried and it does give the correct result, but sometimes simpler is just simpler 😄

[heavy pasture]

It looks like the automation editor is broken again. I tried to create a new automation with a time and before sunrise and it is missing the or condition. This was broken on the initial March beta and fixed. Can someone confirm before I create a new issue?

[dark bison]

there is already the aspect ratio option, adding a width option would be nice, where 1 is one card, 2 is two cards wide etc. and the auto-stacking could do it's magic. but I know I'm being greedy.

[spice meteor]

I'm trying to work out why a light is turning on when I don't expect it to. The logbook shows these entries:

turned on 14:01:00 - 11 minutes ago
turned off by JGC 13:46:10 - 26 minutes ago
turned on by HomeKit 13:41:31 - 31 minutes ago

The last two tell me who triggered this command, but not the first one. Where there is no 'actor' shown, what else could be triggering this?

[fiery ledge]

yes, and the only thing the state-switch misses is a state-not filter 😉 But, that can be fixed using a binary_sensor in the back-end. Btw dont forget the state-switch doesn't create a gap in the frontend when not shown, which is what the conditional card still does. Main reason I always try to use the state-switch no matter what. On cards that is. When used in another card it depends on that card.. there's an issue on that

[royal patio]

are you using z2m? it happens to me too when I have a group in z2m and the lights are switched from the group instead of individually

[spice meteor]

Thanks for the suggestion. I’ve not added anything called z2m (or anything about mqtt if that’s what the m refers to). But I do have a group, so I’ll check that out next time I see it.

[royal patio]

yeah I meant zigbee2mqtt

[viscid kite]

android tv integration was broken after android 11 update. with last months update i still cant see whats playing in my shield from the integration. is it fixed now? is there any workaround to the fix?

[umbral haven]

Anyone have a way to load a non HTTPS site via the website card in lovelace? I really don't wanna configure Zabbix to use https lol

[cloud snow]

Hey all,
is it possible to change the Viewport by clicking on either of the other pictures (Front Door or Back Door)
Viewport is a Picture Glance
Front Door & Back Door are both Picture Entity (and are going to be cameras)

[sleek coral]

Hey , is it possible to display fan modes in the default thermostat card ? ( in the body, without clicking the 3 dots)

[polar kelp]

Add a tap_action to the picture-entity cards that nagivates you to a different view with the right main card.

[polar kelp]

It's actually your browser disallowing this for security reasons. As far as I know there's no solution.

[polar kelp]

Afraid not.

[umbral haven]

The docs said if your servers set up with HTTPS then it won’t load an HTTP site. Was hoping there was a workaround for it or a toggle but I’ve been through the docker image and everything in local storage and can’t find a config file for Lovelace or default cards and can’t find anything through HACS either. Figured I’d post here as a last resort.

[worthy lodge]

My device is listed as a Track Device in config->People , but I haven't listed it in known_devices.yaml. How else might Home Assistant have found the device?

[stark sable]

I'm trying to copy video files to the /media directory and view them on the mobile app in the Media Browser. What video formats are supported? I didn't have luck with an MKV with H.264 inside, avi with xvid or avi default MS uncompressed.

[versed matrix]

Is there a place where we can see the "future" of Area cards ? I really like them, but they still needs some love to be very useful.

[polar kelp]

You can ask over in #devs_ux-archived if Matthias has any visions.

[worthy lodge]

along these lines, my device's bluetooth isn't automatically being recognized. If I manually enter its information into known_devices.yaml will the system see it, or does it have to be detected to be paired?

[fiery ledge]

cant we use entity: button.update_watermeter secondary_info: last-triggered ? It keeps saying Never triggered

last-changed and last-updated wont survive a restart

I would have tried template-entity-row and some fancy template on the state (whihc is restored) but template-entity-row doesnt support the button action? Like it does for switch with the 'toggle' option?

[grave river]

Does the new 'c' keyboard shortcut work for everyone? When I click on something, I get a loading-spinning icon, forever. (windows, chrome)

[dark dirge]

<hey, the tips worked - it's been around for at least 6 months>

works fine for me on MacOS Chrome

[polar kelp]

Wasn't it introduced before the online conference in November -20?

[dark dirge]

yeah, maybe even longer

also works for me in Windows 11/Chrome. I recommend clearing your browser cache

[polar kelp]

Not working great for me, though... also spinning ring for some navigation links...

I'll look into that tomorrow.

[dark dirge]

you're right - around Nov '20

[grave river]

I'm seeing errors in the chrome console (F12). Can't post a pic here though for some reason.

[polar kelp]

Cannot read properties of undefined (reading 'action')

I got a hunch what's going on. But now it's bedtime.

Try clicking near the top of the items in the list

If it doesn't work, move the mouse up a few pixels and try again

[grave river]

Ah yes, click anywhere in the grey area, except any text, seems to work. Thanks.

[weak hatch]

https://www.home-assistant.io/lovelace/entities/#buttons

Don't buttons centre align themselves?

[wanton raven]

Hi Can anyone direct me as to how I can configure the following
Local media music tracks sorted into artist/album folders - done
Tracks individually playable in the Media Browser - done
Select all tracks for album or all tracks in a folder - not possible in Media Browser
OR select playlist file
Select network player e.g. google home mini - available in Media Browser
Play selected tracks sequentially until completed - not available in Media Browser
Enable Next Track & Previous Track control - not available in Media Browser

Maybe there is some dev work on the way but I keep thinking that my use case and that intended by the Devs are not converging. Maybe there is a way I have not discovered using automations. Please advise.
I have seen the above functionality working in NextCloud and wonder if that opensource code could be helpful in developing the HA core to achieve the above. (No disrepect intended). Is there a current Feature Request for this?
Maybe there is a technical hurdle that prevents this? I expect a great many HA users would find this appealing.

[rose hare]

Good morning. I have been struggling to get a button to open and close the gate and change color of the icon depending on the state of the gate. The gate opener is another entity than the sensor which tells if it's open or not.

I have tried to use the custom button with the Gate opener entity (Doorbird button) and then read the state of the Gate Open sensor (Shelly-uni connected to the Gate flash light AUX). This gave me a lot of headaches. And I could not get it to work.

Then I tried to create the button based on the Gate Open Sensor, which works well for the coloring, but now I'm in trouble getting the action to toggle the Doorbird button.

https://www.codepile.net/pile/VDLa16ny

Can any of you guide me in the right direction?

[delicate marsh]

Can somebody help me out how to get "Entity card" to use all the space instead of being a little square? I want the bottom one to be like the top one:

Ah nvm figured it out, had too many columns 😄

[opaque kiln]

Hiya, according to https://www.home-assistant.io/integrations/button/ button entities only have one service, button.press. Try using that instead of homeassistant.toggle? Also, not sure if starting an entity name with a number (eg. 2_poortflashlight...) Could cause any issues.

[proper crypt]

On the topic of buttons: is there a way to trigger the button.press service for a group of buttons? I used to be able to trigger a bunch of firmware updates (for Shelly units) using the Lovelave frontend because all update entities used to be switches. I gathered all active switches with the custom auto-entities card by @polar kelp . The 'Show header toggle' option would allow me to start a batch update of all the units. The update entity is now a button that has to be pressed ion stead of a switch. There is no header button press on a card containing only buttons. I guess this is standard for all Lovelace cards. But now I am struggling to get all units to update without having to click the buttons one by one...

[polar kelp]

Make a script to trigger all of them and call that from the frontend.

[proper crypt]

The cool thing about your auto-entities card was that it made life so easy to select all the entities matching a pattern: *ota_update*. I have no idea how to select these entities in a script. So I end up adding them one by one in the script. Which takes more work than pressing them one by one... 😅 Plus, I have to add all new units to the script after adding them to my house.

[polar kelp]

#templates-archived can help you with that

[vapid field]

I want to show an input_select on my dashboard but I cannot seem to find a card that shows it as a select. How can I do this?

[polar kelp]

Entities

[mossy otter]

Any suggestions for how I can show multiple media players on the frontend and show what they are playing?

I'm trying to set up a display to see who is playing what from my plex server

I tried using auto entities to filter media_player.plex which are not unavailable but I can't seem to display an attribute (media_title:) on the frontend

the entities card will do it but doesn't filter out entities using wildcard *

[polar kelp]

Why not both?

[mossy otter]

I can't quite figure out how to do it. I've read that auto-entities doesn't display attribute values, only states

and the entities card can display attribute values but I'd have to define each entity separately?

[polar kelp]

filter:
  include:
    - domain: media_player
      options:
        type: attribute
        attribute: media_title```

[mossy otter]

amazing!

Thanks so much - I couldn't see this in the docs

really appreciate this custom component and everything else you've developed for HA

[polar kelp]

Anything in filter options are applied to each row.

[mossy otter]

brilliant

[hollow otter]

Any suggestions on how to try to recreate something similar to this app in home assistant?

https://play.google.com/store/apps/details?id=org.isoron.uhabits

I've already got a chore tracker setup in home assistant with a bunch of input toggles that automatically reset when they need done based on automations, but I'd really like to do something visual like this to help with, well visualizing how I'm doing at keeping up with things.

[grand ember]

Hi everyone! The Play Media action is something I've been waiting for a long time. I've created an automation which uses it, and it works, but is there a way to do the same from a button in a Dashboard? Basically a button that plays a specific song when clicked?

[dark dirge]

Anything you can do in an automaton action or script you can do from a button in Lovelace

[grand ember]

So, I have a button, and in the dropdown for Tap Action there's no Play Media. How do I do it?

[dark dirge]

call-service

Similar example: #templates-archived message

[grand ember]

ok awesome - you've almost got me fixed here I think. So I need to get the media_content_id from the automation I created - lemme try that.

Aah! That worked! Thanks @dark dirge ! You're great.

[wanton raven]

Anyone?

[opaque kiln]

Haha for this kind of heavy customised analytics...HA might not be the most straightforward way. Maybe something in Grafana if you don't want to stray too far away from HA?

If done natively in HA itself, eg. For the grid visualisation, I imagine you'd need one template sensor for each cell reporting the count of things happening in a specific time period, then arranging a grid of hacs button cards on a dashboard, each with colour determined by the state of each template sensor?

But that solution is not attractive as it is

• tedious to set up
• brittle and prone to errors/breaking changes
• not flexible to change in the future

[opaque star]

after updating to core 2022.3.2 my card input select behave like this, any of you guys experiencing the same thing that i had?

im using wave theme from HACS btw

[rough coyote]

https://i.imgur.com/a6J65Vp.png anyway to disable those?

also pressing C in the menu goes to Calendar. Depends on focus.

[winter blade]

I think I do, also a vacum card

Dropdown menu is always expanded and buttons on the right are stretched out

[mild veldt]

The custom cards need to update away from paper-elements

https://developers.home-assistant.io/blog/2022/02/18/paper-elements/

[glad sail]

Hello guys. Does anybody know where I can set the date format of all of my input_datetime entities in all entities cards? Now it shows 07/03/2022, but I'd like 2022.03.07.

oh I see it depends on the user's Language. There is a selector to change Time format separately, but not the date..

[vapid field]

Hello guys what is the workaround for the paper-dropdown-menu element ? I've seen the piece of code to load elements but it seems it doesn't work for my custom card

[mild veldt]

#devs_frontend-archived

[robust swan]

hi everyone, any fix for the banner card missing switches?

[polar kelp]

https://github.com/nervetattoo/banner-card/issues/139

[robust swan]

thied that, didnt work

[worthy tapir]

Sometimes I want to flick on my bathroom fan for a set amount of time. Anyone know of a lovelace card that accepts some kind of input to set the number of minutes to leave the entity on for?

[polar kelp]

That's really not a frontend task.