frontend-archived

[karmic tiger]

That card is awesome and I've not even played with half the options yet.

[prime shore]

thanks i appreciate it

i was just hoping to build something a little more custom

but this will work

[split granite]

Well, you could use the work they've done to help you 😉

Open source == "borrowing" other people's ideas/work 😛

[prime shore]

yessir!

[potent nova]

hey, how do i add a custom card to ui-lovelace? i got button card added in this directory \\192.168.178.2\config\www\community\button-card HACS died after updating and i want to add my recources manually

resources: - url: /local/button-card.js type: module

this is what the docs tell me but it doesnt work..

[polar kelp]

If you want to add them manually, It's /hacsfiles/button-card/button-card.js I believe.

[potent nova]

does not work too..

[prime shore]

@potent nova I have to restart my HA when I add a new button-card

if you open up the inspector -> console it will tell you if it cant find the card

[elder pendant]

If hacs is not running then you will have to use /local/community/button-card...

[unreal hinge]

hello all,i need some help-i just installed HA.IO in my pi2-some how i get weather information...

whne i take the url i get in weather page: Invalid parameter
Mandatory parameters 'lat', 'lon' missing in call to Metno::WeatherAPI::Controller::Product::try {...}

[potent nova]

i deleted every file from hacs now and installed it sucessfull on the newest version. I installed button-card now hacs tells me "You have 1 Lovelace element that is not loaded properly in Lovelace." How do i add them?
i just moved to ui-lovelace.

i got it working it was an tab error, lol
``
resources:

• url: /hacsfiles/button-card/button-card.js
  type: module
  ``
  this did it

thanks all

[oblique rain]

Is there a way to completely disable the login page?

[split granite]

No

@unreal hinge You did set your location in HA?

[grim compass]

Does anybody have an idea as why my input_text are set to editable: False ? It was working fine on my venv install but having this issue since i moved on the docker image

see the screenshot https://cdn.discordapp.com/attachments/228624360263385089/723292533735817307/unknown.png

[white drift]

Can I Add a Sidebar menu item that just loads an framed webpage without having to add a panel within that view?

[candid lintel]

What card would be good for temperature sensor?

[elder pendant]

gauge?

[candid lintel]

cool!

Yea guage looks okay, almost like a fuel tank

[desert delta]

@grim compass not a solution, but take a look at zigbee2mqttassistant - maybe exactly what you want 🙂

[grim compass]

yes i already use it on my laptop for quick debug

i might move to it

[desert delta]

it has the whole renaming built in quite nicely.

[grim compass]

yes

was just wonder wondering what's wrong there

[desert delta]

yeah its really strange, looks all the same like the one I have

you did reboot right?

@grim compass

@white drift panel_iframe: in configuration.yaml

[white drift]

@desert delta im trying that, but for some reason they never show up in the sidebar

[desert delta]

I still use 2 and they always show up.

[white drift]

@desert delta nvm, that actually worked. i was trying to do an actual custom panel now that i look closer where there isnt a title bar at the top

[sage lintel]

Hi! I'm looking for pointers for getting started building a rather unique custom card... Never done one. boilerplate-card new clone README has steps to getting started... but boy do i need some context for what those steps mean and why we are doing them. I'm a long-time software engineer, are there any more top-level descriptions of how i'll be doing this? Help?

• i have read through the lovelace custom cards doc's and been searching youtube (nada) and in general trying to find all written help i could. Been scouring repo's of various cards too... hours spent already now just trying to get next steps...

(I have a new device MQTT registering with HA and now am working on a new card for it... spiffy new visualization? we'll see...)

[white drift]

hmm, am i missing something? seems like any integration (like nzbget and portainer) have no way to show the home assistant menu when in mobile view because they dont have the top bar of HA on their integration

@sage lintel how custom?

are you really not able to use any of the 100 plus card options in HACS to do what you want?

[sage lintel]

6 diff colored areas of card, driven by 6 diff values from sensor plus a number of text areas...

searched thru nearly all the cards... nothing comes close...

Imagine a static (non-sweeping) radar of sorts that shows the frequency and power of lightning strikes in say 5mi rings radiating outward from your location... i have custom sensor nearly ready (live git repo and MQTT discovery already implemented for off the shelf sensor) Now i need way to see the data...

This is just my first time using the toolset needed i haven't found any, say, getting started doc that get's me to working on the code itself and testing it...

(even a youtube video showing the toolset setup and initial runs would be really great! I know i'm asking a lot... 😉 )

[white drift]

have you already done with html/js? thats where you need to start

with static data

then just template it

[sage lintel]

good advice... i'll do so. I already have visual mockups ... so i know it will not be too complex html/js... the more complex part will be getting data from sensor... as there aren't many examples that i can find... the json from this sensor is a little more complex small arrays of values, for example... but i have total control over the json fed thru mqtt to HA so i'm hoping to be able to find a way to make this work...

[white drift]

do you already have the data stored in HA under states?

[sage lintel]

i have a sensor complex-device w/4 discrete associated sensors set up ... it has been seeing data from MQTT... is this what you mean? I'm not storing anything to an underlying DB yet if that's what you are asking...

see: https://github.com/ironsheep/lightning-detector-MQTT2HA-Daemon

[white drift]

@sage lintel am i looking at this right and you have zero integration with HA so far?

you are asking about how to display the information, but so far i dont see any storage of information in HA

[split granite]

If you can have it in the geolocation platform (https://www.home-assistant.io/integrations/geo_location/) then HA can already do stuff with it

That would also allow people to easily write automations

[sage lintel]

ok, now look at https://github.com/ironsheep/lovelace-lightning-detector-card... you can see where i'm trying to go. The sensor itself (RPI controlling actual sensor) accumulates all the data and reports key values at user selected intervals this is maybe 10 values arriving let's say once a minute. All i need to do behind the card is translate the values into colors and adjusted text labels. really simple, no computation/accumulation over time, etc.

But this is more than getting the current sensor STATE value. A little more complex...

what you don't see in the sensor README so far are the small arrays of values... they are on two other topics from the device not yet shown in the README.

at this current state i don't really see any need for storage in HA... am i missing something?

I constantly learning... so I'm asking....

[split granite]

Well, if you want HA to do anything then that data needs to be in HA

[upper tulip]

What tablets are people using to use HA as a dashboard? I’m ideally looking for one with a motion sensor that I can use with browser mod....

[sage lintel]

just like other sensors this one already ships the json to HA ... so in light of this what do you mean?

[split granite]

i don't really see any need for storage in HA
If you're "shipping" the JSON to HA for sensors, then you're getting "storage" in HA

[sage lintel]

when you said storage i was thinking you meant saved to a DB of some sort. I'm not doing that. Yes, HA has the JSON....

[white drift]

i dont see in your docs any integration with HA

[sage lintel]

@upper tulip FYI- i'm developer of an iOS app for the iPad/iPhones so we use these running my app driven via MQTT for remote config and charge/battery sensing, brightness control and they display the HA panels.

@white drift ok, i'm learning... it could be that I do need to do more to get to this data. You are saying integration... what do you mean by this?

[white drift]

you need to first capture the data into HA

so it needs to be stored as a sensor state for example

[split granite]

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

☝️

[sage lintel]

I've read that thanks!

[split granite]

So, as long as you have entities in HA, you're "good"

[sage lintel]

So what you are saying is that a custom integration (new entitiy) i would be able to then access the data... There are no entities that understand the type of data I'm trying to send currently that i do know.

So, i've a middle step to add access to my data first...

Am i understanding?

[split granite]

As both of us have said - the data needs to be in an entity for HA to work with the data

No entity == ⛔

This is also why I suggested the geolocation platform, since that looks to be a good fit for what you're after

There's even one for JSON, though that pulls rather than pushes

[sage lintel]

I hear you but there is no location info other than center lat/lon and distances from center... so not an ideal match...

[split granite]

Then:
a) Modify your data to suit
b) Write your own component

[sage lintel]

That's why i'm here... ready to learn from you all! thanks for staying with me on this!

[split granite]

For [b] see https://developers.home-assistant.io/docs/development_index

[sage lintel]

I'm excited to do this, just occasionally need nudging guidance...

[white drift]

@sage lintel look at how weather is stored in HA

[sage lintel]

Yep, I've been wandering all the docs you've pointed out so far... takes time to understand them and you all are helping...

@white drift I will review it thanks for the pointer!

[white drift]

@sage lintel then look at https://www.home-assistant.io/integrations/sensor.mqtt/ to help you capture that data

if you can, completely avoid mqtt as it might not be needed since you control the integration and would allow one less service to manage and connect

[sage lintel]

sigh... yep, days in that page so far... just did three diff MQTT discovery setups...

are you saying temporarily avoid MQTT for testing purposes?

[white drift]

no, im saying avoid it completely if you can and just post the data to HA using its restful api

[split granite]

Eh, I'd disagree

[sage lintel]

ok i'll add that to my notes as a potential path... thanks. I wouldn't have thought of it.

[split granite]

Using MQTT means that the data is accessible to more than just HA, or even to multiple HA instances

If you want to skip MQTT though, have HA pull the data

[sage lintel]

I agree with that too, broadcast for use...

[white drift]

sorry, @split granite is probably right about pulling it

but mqtt can really be a pita, so if want broader acceptance by users, i think they would appreciate not having to setup another service for it

[sage lintel]

i just noticed something that i overlooked... how about my using SENSOR attribute parsing to get to my data?

match the topics sending the arrays as the sensor attributes

[split granite]

I'll repeat my previous statement about trying to use the Geolocation platform 😉

[sage lintel]

@split granite ok, you know i'll go look into it right? you don't need to convince me...

😉

[split granite]

I liked being able to have a notification sent to me of there's lighting coming

[sage lintel]

yeah it can't work like that... i can sense at it approaches within say 40km but i can't predict... only sense real lightning...

[karmic tiger]

Specifically when you have bulbs on the way, Tinkerer?

[white drift]

yep, much cooler to plot points on a map versus a bullseye too

makes your life easier too

[sage lintel]

can't do points it's a radio sensor, no directionality just distance...

[white drift]

so why is it a bullseye then if you cant do direction....

[sage lintel]

good question! it tells me detections with storm front at <distance>mi/km of <amorphous-strength-like-number>... i can group these into bands say 5mi wide (user setting)... but a band say 10mi out from a center-point is a ring, right?

over time one can see detections move toward your location (from outside ring getting closer to center), or away from your location (moving form overhead/center to an outside ring) you'll also be able to see frequency and amorphous-strength of the detections. As an amateur radio operator... lightning matters and helps know when to take more precautions to protect our gear (an example use)

[karmic tiger]

A ring is misleading if there's no directionality involved. How do you decide whether the detection is shown to the left of the centre or to the right?

You only know distance. You should only display distance.

[sage lintel]

you color the entire ring the same color...

it can be anywhere around you but at ring distance from you... This help?

[karmic tiger]

So you mean you have a series of concentric rings and a full ring is 'highlighted' depending on range?

[sage lintel]

yes!

[karmic tiger]

Hmm. That makes more sense. Still, it feels like a simple numeric display would be quicker and easier to understand.

[sage lintel]

see link above to the proposed card... there's an image - mockup of the display...

[karmic tiger]

Just logged on, didn't scroll far enough back to see that 😄

[sage lintel]

most minds don't integrate the numbers as quickly as images.... like me... some of us can (not me) but i applaud them!

[karmic tiger]

No... now that I've seen it, it makes more sense. If you're trying to show multiple values (number of strikes at each range), that actually works well.

I misunderstood and thought you were just displaying a single metric.

[sage lintel]

third dimension too if it visualizes well, the "relative strength" (toung-in-cheek, as the sensor doesn't provide real strength values, just approximations) as brightness of the colors...

[upper tulip]

@sage lintel awesome is your app on the App Store?

[sage lintel]

not yet, i'm finishing final touches and preparing marketing materials... and <fingerscrossed> have to get it approved by the App Store... meanwhile If you use iOS devices already i could use a couple more testors if you are willing... i can invite you to our TestFlight builds. DM me with your apple ID if you are interested...

it's actually been in use at three diff houses for the past couple of years... but in the past couple months as we are readying it for ship the automatic integration with HA is much more complete.

[native scaffold]

looking for help with the custom-button and running a script . this is the config. i have tested the script and it works . but does not seem to trigger with the button

[kind shell]

@native scaffold posted a code wall, it is moved here --> https://paste.ubuntu.com/p/YMRX3D3z79/

@native scaffold Rule #6: Please do not post codewalls (longer than 15 lines) - use sites such as https://hasteb.in/, https://paste.ubuntu.com/, or others.

Please take the time now to review all of the rules and references in #rules.

Command '~codewall' was invoked by: Tinkerer

[copper geyser]

Has anyone had much success creating a music control view, particularly for tablet? The Media Player component and the Mini Media Player component are totally awesome, but neither seems to scale well to essentially full screen. Basically I want to mount the tablet on the wall with giant buttons so that wife/kids can easily play/pause/skip 🙂

[white drift]

you guys use your hands for that? voice control ftw 😛

[copper geyser]

They are not very good at competing voice control with the music 😄

I also do like to glance over and see what track is playing, in case it's something I don't recognise and want to remember.

[viral sorrel]

is there a way to "ghost" a switch in the ui? so that it's not possible to accidentally toggle it.. or have some sort of mechanism to prevent you from accidentally toggling it? I still want to see it.

[karmic tiger]

Not sure about locking a switch but there are other ways to lock cards/buttons. See button-card for an example: https://github.com/custom-cards/button-card#lock-object

[viral sorrel]

that sounds like what I want! thanks.. I just wish it was more widely implemented

I have a lot of relays that power smart devices.. and those should always stay on 😛

I wasn't really after a button style layout.. but maybe it's worth trying

[karmic tiger]

There's a similar custom card that locks a whole card. https://github.com/CyrisXD/love-lock-card

[viral sorrel]

hmm.. thanks.. that could work.. shift all the smart devices to that card.

oh.. and that led me to this! https://github.com/iantrich/restriction-card

which seems to be EXACTLY what I'm after?

[viral sorrel]

if I set a name override in an entity card, is that just for that card or is it changing the friendly name globally?

[split granite]

Card

[wise flume]

So something stupid i hide everything for the custom header but where to find the config files to show everything. I am talking about the Custom header

[split granite]

Did you try the custom header docs?

[kind shell]

Custom Header adds enhancements and customization options to Home Assistant's Lovelace header. Features include: styling/hiding of all header elements, dynamic changes with Jinja templates, per user/device configs, compact mode, footer mode, split mode, and more.

Command '~custom-header' was invoked by: Tinkerer

[split granite]

Bwah hah hah

(sorry, I do feel slightly bad about the timing)

[wise flume]

i looking at that but still can't find where the settings are

[split granite]

https://maykar.github.io/custom-header/#intro/notes

[wise flume]

who blind

[kind shell]

@potent nova posted a code wall, it is moved here --> https://paste.ubuntu.com/p/QPS2MTXhnv/

@potent nova Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, codewalls (longer than 15 lines) and unapproved bots.

Please take the time now to review all of the rules and references in #rules.

Command '~rule6' was invoked by: Tinkerer

[potent nova]

ups.. sorry

i cant get dashboards in yaml mode working
this is what i added to ui-lovelace.yaml. overview.yaml and 2.yaml exist but they do not show up in home assistant

https://paste.ubuntu.com/p/QPS2MTXhnv/

[elder pendant]

Dashboards are not defined in ui-lovelace.yaml they are defined under lovelace: in configuration.yaml

https://www.home-assistant.io/lovelace/yaml-mode/

[split granite]

Same for resources

[potent nova]

oh okay, thats confusing. recources work strangely

[elder pendant]

If you check your log I'm sure there's a message about your resource method being deprecated

unless you're on an old version of HA

[split granite]

That all changed around, what 0.107?

[elder pendant]

something like that

0.107, confirmed

3 months ago

[potent nova]

okay thanks, so i dont have to use ui-lovelace anymore? instead i use my dashboard yaml files?

[split granite]

You do have it, but that's not where resources or dashboards go

[elder pendant]

https://www.home-assistant.io/lovelace/yaml-mode/ has all the information you are asking about

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

[split granite]

https://github.com/DubhAd/Home-AssistantConfig/blob/master/configuration.yaml#L19 is where I include https://github.com/DubhAd/Home-AssistantConfig/blob/master/lovelace.yaml

[potent nova]

thanks i got it working. i would have never come to the idea to add ui-lovelace before the dashbord_name.yaml file

[white drift]

so i just added uptime robot as a binary_sensor. Anyway, i have about a dozen or so sites listed so far and I would like to have a card that automatically shows all binary sensors with a attribute value of "attribution: Data provided by Uptime Robot". Any suggestions?

[elder pendant]

Markdown card with a template

[white drift]

hmm, will see what i can dig up on google. would think this would be a pretty common need

using lovelace auto entities type: custom:auto-entities card: type: entities title: Uptime Robot filter: include: - domain: binary_sensor attributes: attribution: "Data provided by Uptime Robot"

solved

[last crescent]

I hate to ask something that may already have been, but I'm uncertain what to search for exactly. I'm trying to have Lovelace change the MDI ICON for my Harmony Hub based upon the current activity. If "Play Xbox" is active, I'd like the Xbox Icon (which I found, just don't know how to implement). If watching TV, let it be a TV. Etc. Sort of like if a door sensor opens, the MDI changes to indicate an open or closed door... Is this possible, or am I stuck with the default 'remote' icon unless I override that... Is the Custom Button Card the way to do this? Seems the door icon already works well without another installation.

[mild veldt]

@last crescent you can create a template sensor and implement the icon_template https://www.home-assistant.io/integrations/binary_sensor.template/#icon_template

or use config-template-card

[valid gulch]

How to use costum mini-graph-card, I can't get it working

[dark dirge]

followed the docs?

"can't get it working" isn't enough to help

[valid gulch]

I'm installing using HACS

[dark dirge]

did you follow the docs?

you haven't said what you tried and what didn't work

[valid gulch]

I'm using aftership card and it working fine. I think I already follow the docs steps

[dark dirge]

you still haven't said what isn't working

[valid gulch]

It can't display in Lovelace, still display a Red Box

[dark dirge]

how did you add the card?

[valid gulch]

I add using Manual yaml code

[dark dirge]

what did you add?

[kind shell]

To format your text as code, enter three backticks on the first line, press Enter for a new line, paste your code, press Enter again for another new line, and lastly three more backticks. Here's an example:

```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G

Command '~format' was invoked by: RobC

[dark dirge]

I don't know if it added the resource for you automatically. it will if you're editing Lovelace via the UI

[valid gulch]

The resources config is added automatically, I'm add speed test sensor.

- type: custom:mini-graph-card 
  name: Internet Monitoring
  icon: mdi:server
  entities:
      - sensor.speedtest_ping
      - sensor.speedtest_download
      - sensor.speedtest_upload

[dark dirge]

please read the bot message

[valid gulch]

@dark dirge where do I find the bot message?

[dark dirge]

read the HassBot message that I posted just above on the screen

you didn't format your code properly

[valid gulch]

Thanks Mr @dark dirge

Perfect help🙂

[dark dirge]

I don't think I did anything

other than complain about your Discord formatting 🙂

[valid gulch]

Sorry I'm noobs, thanks for the complain.🙂

[warm flicker]

Hello, if i take a snapshot of my home assistant will it save the layout of the UI even if i havent wrii=tten any code in the lovelace.ymal file?

[finite pond]

not sure if this is some form of a visual bug, but when there's a conditional card in between these two cards... note the extra space in between... https://www.dropbox.com/s/1g17xsz7xllmhlf/Screenshot 2020-06-20 13.12.35.png?dl=0

vs no conditional card in between https://www.dropbox.com/s/niyavdbpowochwq/Screenshot 2020-06-20 13.13.04.png?dl=0

note that there's a horizontal stack containing two conditional cards...

so I'm guessing that the space is because of the horizontal stack being empty

[split granite]

Yes, that's normal

[sullen stump]

anyone know if you can hit the www folder from say node read?

cant seem to find a URL that will work

[split granite]

You've read https://www.home-assistant.io/integrations/http#hosting-files?

[sullen stump]

i have files served from that folder easily within HA, but you just specify /local

[split granite]

Yup

And from outside HA

[sullen stump]

i did

i just can seem to get it to work

tells me it cant load the file, using nodered from within hassOS

so all on same installation

[split granite]

Well, it's a URL

So, if you're trying to access a file that won't work

[sullen stump]

ah ok

[finite pond]

Yes, that's normal
@split granite Appears to be a bug https://github.com/home-assistant/frontend/issues/6051

[split granite]

Somebody has opened an issue, yes

That doesn't mean that it's not normal 😉

[novel finch]

Hi, checking with browser debug I found a couple of warnings:

https://imgur.com/a/QGO70qy

anyone else experiencing such ?

[karmic tiger]

It's nothing, ignore it. If HA works, warnings in the console aren't important.

[novel finch]

ok, I'm not used to ignore warning

[stoic solstice]

I'm trying to setup the custom:layout-card. It seems the "- break" tag is broken these days. I just get a "Config is not an object" error in Lovelace. I see someone made issue about it on github but no comments or info there. Anyone know more about this?

[stoic solstice]

Perhaps @polar kelp knows more? 🙂

[polar kelp]

What layout: setting are you using?

[stoic solstice]

I use the vertical one

Running the 111.4 version of home assistant

[polar kelp]

I see what the problem is. Will try to fix it tonight, if I get the time.

[stoic solstice]

Awesome! Thanks man! 🙂

[novel finch]

anyone using "template-entity-row" ? I use the following code: https://pastebin.com/MGqcR2E0
it evaluates great when I edit the card, but not automatically. What am I missing ?

test with a simple switch, still no auto refresh 😭

[finite pond]

How do I change the font?

[karmic tiger]

Presumably you'd use themes. https://community.home-assistant.io/t/how-to-lovelace-css/97125/5

It might also be possible with custom cards and/or components. This might do it: https://github.com/thomasloven/lovelace-card-mod

[finite pond]

Are .otf fonts supported?

[finite pond]

history graph card flickering
https://www.dropbox.com/s/ixvedv9cu6rpv4u/HA_screen-rec.mov?dl=0

Sometimes it just ends up looking like this https://www.dropbox.com/s/w6fj2dqv7k563d8/Screenshot 2020-06-20 18.19.36.png?dl=0

[karmic tiger]

Some people won't want to click random links without knowing what they are. Write a summary of your problem so people can decide if they're going to spend time watching 😉

[opaque bay]

All my icons have become small in custom button card after a recent update. I have tried the size: command to no avail. Also reinstalled the card, nada. Anyone else have this problem or found a fix?

[novel finch]

I re propose my question 😉

anyone using "template-entity-row" ? Condition evaluates great when I edit the card, but not automatically. What am I missing ?

code is here: https://pastebin.com/GrW2KKJK

[karmic tiger]

Your question was still on screen. Just be patient.

[drifting cove]

I have a light group entity on a picture-elements card which has recently been showing an error of "No card type configured". This possibly started after upgrading to v111. Anyone seen this before? (Config paste coming)

https://pastebin.com/En9F0iM4

[mild veldt]

@drifting cove There is no type set, so yeah, it won't work and never would have

[drifting cove]

@mild veldt Any resolution or workaround? Not sure I even understand what the lack of 'type' means in this context.

[mild veldt]

@drifting cove https://www.home-assistant.io/lovelace/picture-elements/#type

[drifting cove]

I have the type configured for the card.

@mild veldt Full config of that lovelace view is here: https://pastebin.com/ff2iBBR1

[mild veldt]

you're right, I linked the wrong type. Each element requires a type as well

[drifting cove]

"state-badge" ?

[mild veldt]

So yeah, your first element doesn't have a type

your 2nd one is a state-icon

[drifting cove]

Got it. Testing now. Thanks.

Perfect. Working now. Thanks.

[drowsy frost]

Hi everyone, just wondering if someone could point me in the right direction, I've been designing this in adobe xd (heavily inspired from crestons home os) I just want to know if making something like this is possible in HA before i spend too much more time working on it https://i.imgur.com/wpu65nc.png

[near wolf]

Hey all, I'm having strange issues w/ my picture-elements icon sizes. I just upgraded from 0.107 to 0.111, now my icons on my floorplan are all different sizes. chainging the '--iron-icon-width': and '--iron-icon-height do not seem to make a difference':

Can't seem to find a good documentation page on all the styles/icon settings

[elder pendant]

iron-icon is no longer used. Try mdc-icon-size

[near wolf]

Thanks, that worked. Is there a HA documentation page/section that lists this kind of information?

[elder pendant]

Not that I know of, usually changes to things like that are not because they aren't really intended to be changed by the end user

[near wolf]

One other related question, I have a thermostat icon on that picture-elements card, is there a way to change the color based on status (off = grey, heat = red, cool = blue)?

[vapid field]

hello, surely obvious but i couldn't find answer, how could i set horizontal-stack to take the entire screen ? within lovelace-ui (dynamique mode) i tried to add sytle : width: 100% with no effect my horizontal-stack still stay as a element like the other one - thanks

[elder pendant]

Set the view to panel mode

[vapid field]

yes i'm in the view panel mode and inside the code of horizontal-stack

[elder pendant]

I'm not sure what you're specifically asking about then. Please share the view

[kind shell]

Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '.share' was invoked by: Villhellm

[mild veldt]

@near wolf https://www.home-assistant.io/lovelace/picture-elements/#state_color

[vapid field]

sorry i don't how to post an image ?

[kind shell]

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

Command '~images' was invoked by: RobC

[vapid field]

https://imgur.com/a/dvXO5Vy

i want the horizontal-stack to take the all width of the screen (the one with the 3 columns)

and the code is : type: horizontal-stack
style: 'width:1080px;'

@elder pendant does the screenshot help ?

[vapid field]

anyone ?

[wise flume]

are there any nice oven cards for lovelace?

[sage lintel]

hi anyone testing a new card based on boilerplate card? i can access card over port from container using browser - but my HA installation can't... i have the resource in ui-lovelace per docs, retarted HA, card info in view... but get Custom element doesn't exist: {my card name}... - pulling my hair out... any advice?

[split granite]

Resources haven't gone in ui-lovelace.yaml for 4 releases now

[sage lintel]

Hi friend! ok, geez... what'd i miss ... mine are there and working...

(well a couple of them are... 😉 )

[split granite]

I'd say the docs 😛

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

[sage lintel]

ok, don't hold anything back... 🙂

FYI- i'm running mode: yaml...

[split granite]

So?

So am I

That doesn't change where the resources go 😉

Heck, the doc example there is for YAML mode

[sage lintel]

ok, i'm seeing resources: just below the mode: yaml... on that page... that appears to be the ui-lovelace.yaml file but it doesn't say so... which file is it?

[split granite]

If it doesn't say, it's always configuration.yaml

[sage lintel]

i have a lovelace folder also with all my view files and dashboard files...

[split granite]

https://github.com/DubhAd/Home-AssistantConfig/blob/live/configuration.yaml#L19
https://github.com/DubhAd/Home-AssistantConfig/blob/live/lovelace.yaml

[sage lintel]

ok, interesting! in it's own file included by toplevel lovelace... yeah, that's a diff. pattern. Easy to do tho'

but... does this explain why it's not being seen? when a custom card right next to it in my resources: section is working fine?

[split granite]

The problem is that you've got it in the wrong place, and your browser/HA has cached the old ones

The resources need to be under lovelace: as shown in the docs and my config

[sage lintel]

makes sense...... checking....

that's a pretty amazing setup... thanks for sharing... gives me something to aspire to... 😉

[split granite]

No worries, it's been over 3 years in the making 😉

[sage lintel]

ok, restarting server.... edit's done...

re: our discuss the other day... made progress... all data is in HA waiting for me to figure out how to display it in new card... (got past the whole toolset thing... 🙂 )

ok, restructuring complete still can't load card. Same error... (still have nice? red panel where card would be...)

• url: "http://ev3-2.home:5000/lightning-detector-card.js"
  type: module
  this path is valid as i can hit it with my browser and get the card content...

• type: 'custom:lightning-detector-card'
  entity: sun.sun
  test_gui: true

(this is in my view...)

tried with and without quotes, no change

[vapid field]

hi evrybody, i repost my question , how coud i take the wall large place with a horizontal-task here the screen shot https://imgur.com/a/dvXO5Vy and what i what is that the 3 columns take the entire large place , thanks

[sage lintel]

@split granite any further thoughts? did web search on error, nothing seems to apply....

huh, i'm trying VNC to my HA machine and see if it see's the content as well in browser..

joy and no joy..... my HA instance via browser see's that card content just fine served from the docker container... but HA doesn't... GAH!

seems to be a config issue still

...and flushing browser cache did nothing as well -FYI

[sage lintel]

NVM... likely a code problem...

[sage lintel]

@split granite huh, i thought it might be me messing up the code... but i just ran un-modified boilerplate-card and i get the same error: "Custom element doesn't exist: boilerplate-card."

[split granite]

Then...
a) There's an issue with your config
b) There's an issue with your config

[sage lintel]

yes, but i'm not finding it...

[split granite]

Have you tried Reload resources from ?

[sage lintel]

Geez, i restarted server no change, then your suggestion and it worked. Thank you! (i'm confused, but happier 😉 )

[split granite]

In YAML mode that's how you update your resources...

[sage lintel]

should i have expected a restart HA to have done the equivalent? Thank you, now i know how to get past this!

[split granite]

No

Restarting HA doesn't touch the UI

[sage lintel]

ok, good. Constantly learning... appreciate your help!!

[royal ocean]

Hi all! Can someone point me in the right direction for Feature Requests on the Helpers ui? I'd like them to support "initial values", just like in the yaml

[kind shell]

You can find the community forum here

Command '~forum' was invoked by: Tinkerer

[split granite]

There or at https://github.com/home-assistant/frontend/issues - the Frontend devs are the only ones that take feature requests via issues

[royal ocean]

Thanks 🙂

Found it: https://github.com/home-assistant/frontend/issues/5550
🎉

[lavish vapor]

Why does all my cards stack in vertical when there is plenty of space in horizontal plane..?

[karmic tiger]

Because the default flow is to fill columns.

If you want better control over the flow, look into panel mode and the horizontal/vertical stack cards.

[lavish vapor]

totally confusing and a huge mess when all the lovelace stuff is in the same file

so why this is not working https://pastebin.com/qcE8YAWs

those two cards are vertically in ui

[lavish vapor]

tried with this one too https://github.com/thomasloven/lovelace-layout-card using layout: horizontal

still cannot get cards in horizontal plane, what am I doing wrong?

simple thing like this cannot be this hard.. 😞

[karmic tiger]

so why this is not working https://pastebin.com/qcE8YAWs
@lavish vapor What does this look like in your UI?

And I think you might have the syntax wrong. You have the view defined as type: horizontal-stack. It's a card type and you don't have it nested under cards:.

[lavish vapor]

https://imgur.com/cDbgXEP

@karmic tiger I'm pretty much copypasting what is here https://www.home-assistant.io/lovelace/horizontal-stack/

what comes to syntax

[karmic tiger]

But you're copy pasting it at the wrong level. It's a card, not a view.

It should be more like this if you're using the raw editor: https://pastebin.com/PWLg3Hik

The examples in the documentation assume you're editing a single card, not the full view.

[lavish vapor]

That gives yaml error

Your configuration is not valid: TypeError: Expected a value of type [object] for views but received {"cards":[{"path":"default_view","title":"Home","badges":null,"type":"horizontal-stack","cards":[{"type":"gauge","entity":"sensor.disk_use_percent","min":0,"max":100},{"type":"history-graph","entities":["sensor.sauna_temperature"],"hours_to_show":24,"refresh_interval":0}]}]}.

[karmic tiger]

Ah, my bad. Put a line in the wrong place 😄

Try this: https://pastebin.com/mpEckCM5

Nope... I'm bad at this 😄

[lavish vapor]

😄

[karmic tiger]

https://pastebin.com/YWakRdYr

[lavish vapor]

Okey, that works

but now they are within on card

one*

[karmic tiger]

Yes... that's how horizontal/vertical stacks work.

[lavish vapor]

So... 😄

[karmic tiger]

You either let Lovelace determine the flow or you group them yourself.

[lavish vapor]

Still I want to place two cards horizontally

How the hell I do simple thing like that

two individual cards I mean

[karmic tiger]

Could you show me a screenshot? Draw on it if it helps describe the problem.

[lavish vapor]

https://user-images.githubusercontent.com/1299821/48088463-62312500-e202-11e8-875a-5ff836069017.png

this is basically it

like first row

[karmic tiger]

So keep adding things to your horizontal-stack. If you don't want Lovelace to work out the 3 columns for you, you'll have to put the view into panel mode

https://www.home-assistant.io/lovelace/dashboards-and-views/#panel

Ignore the crappy colours, I'm only just starting to theme it... but this is all controlled via stacks: http://prntscr.com/t3r6xw

The whole thing is one vertical stack. Inside that, the next 'set' of cards is either a markdown card for the headers or a horizontal stack card for the groups of buttons.

Inside the horizontal stacks, it's just entity cards.

[lavish vapor]

How does it look on desktop browser?

[karmic tiger]

Massive 😄

But that's one I don't use on my desktop.

[lavish vapor]

thing I'm getting annoyed is this "mobile theme" for everything which leaves like 60% of screen unused

for no reason

[karmic tiger]

Yeah... you might have to design two versions. One for mobile, one for desktop.

I'm pretty new to customising my frontend. I'm sure other people will have better suggestions.

[lavish vapor]

Like I don't understand why I cannot have like 6 cards horizontally in my view

[split granite]

You can force that with a horizontal stack, but it'll resize to fit the window

[karmic tiger]

Like I don't understand why I cannot have like 6 cards horizontally in my view
@lavish vapor That's literally what I'm suggesting. You take control by using stacks.

[main meteor]

Is the "Slider-entity-row" card supose to work with Hue? I dont get the colors to show

[karmic tiger]

Nurffe - another example. I have some items where I want to see a tighter group instead of them taking up a ton of space vertically. My 'actions' and 'otp codes' are horizontal stacks containing other cards. http://prntscr.com/t3r9js

[lavish vapor]

yeah... I feel like I'm just not understanding how this cards thing work

Do we have any other way to do UI? other than lovelace?

[split granite]

Sure, there's a load of them

See the forum, and also HA Dashboard

[karmic tiger]

I'd probably suggest stepping away from the code for a bit and sketching out what you're trying to achieve.

Come back when you have a good idea what you're trying to create and see if someone can guide you.

It's much easier to make a dash when you can visualise what you want it to display. Messing around with cards aimlessly won't teach you much.

My turn for a question for a change... I've set up a theme and I'm trying to get custom-header to match the colours by adding the following. It's in the right place (same level as views:) but only the compact_mode: true seems to have any effect. What am I doing wrong?

custom_header:
  compact_mode: true
  background: var(--app-header-background-color)
  elements_color: var(--app-header-text-color)
  active_tab_color: var(--state-icon-active-color)
  tab_indicator_color: var(--state-icon-active-color)```

[karmic tiger]

Ah, great. The examples I was copying from the Google Dark Theme were wrong. Gotta quote the value inside var() 🤦‍♂️

[karmic tiger]

Bonus question... how the hell do I get themes working with panel mode? It doesn't seem to work at all but older issues on GH suggest it's been fixed a while. I'm on 0.111.4.

[wheat current]

1. not asking a question that includes "how the hell"
2. set the theme on the view or the card by following the docs

[karmic tiger]

If only I'd read the docs first. Wait, I did.

For my view:

    panel: true
    path: stacks-of-stacks
    theme: Google Dark Theme
    title: Lights```

panel and theme set at the same level, theme has no effect.

[honest herald]

every new hacs frontend module I download once I add the config into ui-lovelace I get while scanning for the next token found character '\t' that cannot start any token in "/config/ui-lovelace.yaml", line 52, column 10

[split granite]

Don't use a tab

[wheat current]

don't use tab

[split granite]

It's even mentioned in the HA Docs...

[honest herald]

so basically not copy and paste.

[split granite]

https://www.home-assistant.io/docs/configuration/yaml/#found-character-t

[karmic tiger]

I can reproduce it by enabling panel mode on another view - the theme is lost until I disable panel mode.

[wheat current]

Works for me

[karmic tiger]

Panel mode off: http://prntscr.com/t3s08g
Panel mode on: http://prntscr.com/t3s0d5

So it's the background that's not being applied, not the full theme.

Is this expected? And if so, how do I go about applying the theme's background colour to the panel view?

[full osprey]

Hi all, I’m new here so I hope I post my question correctly. I’m running HA in a VM on a nuc. I’m not a programmer, but I’ve managed to figure out the config files and even some javascript so far. I can’t for the life of me solve this or find the right documentation - but it seems so simple a problem. I cannot see markdown text (I think that’s what it’s called) in HA. Whether I’m in HACS or Supervisor, all information that is “code” has white text on a white background when using any theme other than default.

[split granite]

That sounds like a theme/browser problem

[full osprey]

It happens with every them whether I’m using Firefox, chrome, or safari, on multiple devices.

[split granite]

Then it's a theme problem

[full osprey]

It happens with every theme I try. Is there a way to override or exclude an element of all themes that would prevent this?

[split granite]

No idea

[untold siren]

is there a ui component that can play videos?

[wheat current]

"noctis" works

markdown-code-background-color is the variable

[full osprey]

Thank you, I’ll try that! 😁

[wheat current]

https://tenor.com/view/do-do-not-no-try-yoda-gif-13593807

[full osprey]

😂

[full osprey]

It works! Lifesaver ludeeus 🙃

[vapid field]

Hi i got a shelly door window and would like for my dashboard to have a widget(sensor dors not works) which update state and icon at changing sensor. Somebody talk me about template sensor which I’ unable to set it up. Someone has ideas?

[worldly seal]

Where are you hitting a wall with the template sensor?
Can you show me what you have tried

[vapid field]

I tried documented widget sensor. It updates state but no icon

[worldly seal]

send me the yaml you tried to make work and I can try to have a look

[kind shell]

@neon fossil Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '.share' was invoked by: Tediore

[vapid field]

#widget_type: binary_sensor

[worldly seal]

Raffi I need more information to be able to help you
Do you want a card's icon to change when the door opens?

[near wolf]

@near wolf https://www.home-assistant.io/lovelace/picture-elements/#state_color
@mild veldt Thank you!

[vapid field]

Ockert i m unable to paste yaml from terminus sorry. I don’t want a lovelace card but an appdaemon widget that change state and icon too

Icon on green color / icon off red color

[worldly seal]

unfortunately I have no experience with appdaemon
sorry raffi
hope someone else will see your post

[vapid field]

Tanks Ockert

[kind shell]

@neon fossil AppDaemon is a loosely coupled, multithreaded, sandboxed python execution environment for writing automation apps. It uses the Home Assistant API (or MQTT) to communicate with HA. You can get help at their Discord server.

Command '~appdaemon' was invoked by: Tinkerer

[opal kettle]

is there a way to have multiple shopping lists?

[sour coral]

Is this the best channel for lovelace issues?

Does anyone know if it’s possible to integrate templates with lovelace?

I’m trying to use templates as part of an elements name and it’s service call.

https://community.home-assistant.io/t/how-can-you-use-template-in-a-lovelace-service-call/203017

[split granite]

Generally speaking, no

Some custom cards may support templates, but it's the exception

[sour coral]

Rats...

One thing I’m trying to do is to get a number or string with lovelace and send that value to a script. But I don’t want to create an associated input_number field.

So my lovelace would look like these three elements

Enter a number. (Input field). Execute

They enter a value and then hit execute

So I can call scripts on the fly without having to create fields to store them

[elder pendant]

@karmic tiger you would need to change the card background color. Panel mode is just a single card in a view, so there isn’t really a “view background”

@sour coral why do you not want to use input fields?

You can create them in the UI

[sour coral]

Without declaring them in input_numver?

How?

[elder pendant]

You still need to make an input number, but you can make them in the UI without needing to edit configuration.yaml

[dark dirge]

they're called "Helpers" now

[elder pendant]

/config/helpers

[sour coral]

Is helpers for me?

[dark dirge]

yes

[sour coral]

I’m not finding anything in the docs, have a link?

[elder pendant]

The docs explain where to find helpers in each of the input sections ie input_boolean, input_number, etc

There probably should be a page explaining the concept of helpers in general though, they're a relatively new addition so it takes time for documentation to completed

[vapid field]

hi evrybody, i repost my question , how coud i take the wall large place with a horizontal-task here the screen shot https://imgur.com/a/dvXO5Vy and what i what is that the 3 columns take the entire large place , thanks
@vapid field hi , small up, if someone could help me

[sour coral]

Do you know of any examples with helpers?

[elder pendant]

What do you mean? They function the same as inputs

(they are inputs, just a new way of adding them)

[unreal hinge]

hello,i would like to ask about error i get when i try to get remote cpu temperature in other raspberry pi-my keys are ok,since if i run the command i get the answer-in HA i get this... [homeassistant.components.command_line.sensor] Command failed: ssh user@ip -p portnumer cat /sys/class/thermal/thermal_zone0/temp

[split granite]

Try #integrations-archived @unreal hinge - that's not frontend related

[unreal hinge]

intregrations-ok-thanks...

[sour coral]

So basically using these helpers is essentially the same thing as declaring an input_number in the startup yaml?

Except you’re putting it in the DB

[dark dirge]

yes

not the database, but that's the idea

[sour coral]

Eh, at least I don’t have to restart when I create a new field

[vapid field]

sorry to insist it's allowed to display horizontal-task with a width of 100% of the screen ?

[split granite]

With panel mode

[muted inlet]

@sour coral you don't need to restart anymore if you define helpers in YAML. You can use the input_*.reload services at developer tools > services

[vapid field]

With panel mode
@split granite i'm in panel mode and i have setted non visual mode like this without success : type: horizontal-stack
style:
width: 2600px;
position: absolute;
top: 0px;

[elder pendant]

Like I told you last night, you need to share the view yaml so we can see where you are going wrong

[kind shell]

Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.

Command '.share' was invoked by: Villhellm

[vapid field]

Like I told you last night, you need to share the view yaml so we can see where you are going wrong
@elder pendant https://paste.ubuntu.com/p/tMM96kJV9Q/

[elder pendant]

That’s just the stack card, not the view

[split granite]

Seems to be a day/night/week/month/year of it

[vapid field]

That’s just the stack card, not the view
@elder pendant i 'm new and don't fully understand what you're asking for so i posted image , view , panel : https://paste.ubuntu.com/p/V4ZBMrRWYW/

Seems to be a day/night/week/month/year of it
@split granite if it's for me i don't understand ?

[split granite]

You should read the docs 😉

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

View ☝️

[polar kelp]

That's good general life advice.

[split granite]

Also good life advice - if you don't understand, don't flail around randomly but say you don't understand...

[polar kelp]

I don't know... you can learn a lot from flailing with a backup...

[dark dirge]

fear of breaking things is often an impediment to learning new things

[polar kelp]

How I have tried and tried to impart that on my parents.

As they grow older, I find myself more and more happy they never listened, though...

[split granite]

I've learned more from breaking stuff than getting it right first time

Fortunately most of those haven't been expensive mistakes

[elder pendant]

I recently wiped out all of my zwave entities because I accidentally cleared the homeassistant/# mqtt topic of all retained discovery messages. I guess the lesson learned there was don't be an idiot again

[split granite]

I think the lesson is only mess around on test instances

Of course, that's tricky at home

[elder pendant]

The dumb thing is I wasn't even messing around, I was trying to read the topic, but ended up writing a blank payload to all of the subtopics

[split granite]

😄

Yeah, it's easy sometimes to fat finger MQTT

This is why I like MQTTfx since the subscribe and publish are quite separate

[elder pendant]

@vapid field https://www.home-assistant.io/lovelace/dashboards-and-views/#panel specifically this section is what you want. That view should have panel: true and everything in the view should be contained in a single horizontal or vertical stack card

[gloomy tiger]

why does HA reorder lines in card configuration?

[split granite]

If you use the UI editor it puts everything alphabetically

[gloomy tiger]

oh

that sucks

is there a way to make it not do that?

[dark dirge]

switch to YAML mode

[gloomy tiger]

I've been putting that off, but I guess it's time

[split granite]

But... why do you care?

[gloomy tiger]

about the order? Because I add the elements in ui mode, then add the custom parts in raw

[mild veldt]

Why does that matter?

[gloomy tiger]

It looks better when it's not in the opposite order? Thus making it easier to edit

I may leave it in UI mode though

I've dealt with it for a while, and don't have too much of a reason to switch

[pallid needle]

I'm having some trouble with the custom roku card

after updating to .111 it says service called failed when I try to use it

oh it looks like each individual button now needs to be configured

If I'm reading the docs right

[vapid field]

@vapid field https://www.home-assistant.io/lovelace/dashboards-and-views/#panel specifically this section is what you want. That view should have panel: true and everything in the view should be contained in a single horizontal or vertical stack card
@elder pendant ok i have created a new with panel: true (as pointed in the doc) which enable the horizontal-stack to take 100% of the width for that view. But if want to let this horizontal-stack take 75% of the width is there solution too ?

[karmic tiger]

Check the examples here for how to create 'padding' around your cards: https://github.com/custom-cards/button-card#examples

[pallid needle]

I'm getting a bunch of errors in the console like: NotSupportedError: CustomElementRegistry.define: 'card-mod' has already been defined as a custom element

for a few different custom cards after updating ha and hacs and the cards

[drifting hazel]

Hello! I am trying to use the mini-graph-card, but when using group_by date, I only get the current day value. Using hour instead shows the correct data.
Here is the config:
https://hastebin.com/fuxeqejotu.makefile

It shows 0 for all days except the current day where I get correct value
I am using the latest version

I also cleaned the cache as stated in the latest post about similar issues without success

[karmic tiger]

Have you tried using the same card and config but with a different sensor?

[drifting hazel]

no, I installed this card just for this use case. I will look for another sensor to try it

[karmic tiger]

Check another one, see if it does the same. That'll tell you if it's your card's config or the sensor.

[drifting hazel]

seems to work for other sensors

I created this sensor and the card 2 days ago, but even if I put 48 hours for hours_to_show I get the same issue (0 for yesterday and 19 for today)

[karmic tiger]

I'm outta ideas. Someone clever will be along shortly.

[drifting hazel]

ok, thank you for your help!

Also, if I put 49 or 121 instead of 48 or 120 hours, I get all the good data but it is off by 1 day

[dark dirge]

maybe post in the thread on the forum, or as an issue in github

https://community.home-assistant.io/t/lovelace-mini-graph-card/71385/1358

[pallid needle]

I'm getting mimetype errors for the roku card custom card

https://github.com/iantrich/roku-card/issues/43

I see almost all of the custom cards I have in HACS have this error, though most of them are working

[drifting hazel]

If I put the aggregate_func to avg instead of last, I get the correct average for all days<

one thing is that I reset the input_number behind the sensor to 0 at midnight

Using max instead of last seems to do the job!

[karmic tiger]

Maybe set your input_number to 0 at 00:01?

[drifting hazel]

probably an issue with the "last" aggregate_func where it reads the value the next day at midnight

[karmic tiger]

Or 23:59... whichever works 😄

Yeah, if it's reading the midnight value as the 'last' one, that'd explain it.

[drifting hazel]

yeah, maybe 00:01 would work when using "last". But in my case, using "max" does fix the issue

[karmic tiger]

So... working as expected but doesn't fit your setup.

[drifting hazel]

but that is weird because the range ends at 23h59

when I over on a bar in the graph it says 0:00 AM to 11h59 PM

so should not include the 00h00 AM of the next day

thanks for the help, I am happy with the workaround!

[drifting hazel]

ok, so after some debugging, I found the bug in mini-graph-card and was able to fix it locally

I will send a PR so it can be patched but the issue is here: https://github.com/kalkih/mini-graph-card/blob/5f4213e49926a2b37c1df0ef098025b5b8e8213c/src/graph.js#L221
the line 223 should be this._endTime.setHours(0, 0,0,0); instead of this._endTime.setHours(0, 0);
because currently, the endtime will be set to tomorrow 0 hours, 0 minutes, current seconds, current milliseconds (time of refresh).
This will cause any state change of the sensor after midnight, but before the current seconds and milliseconds of when the page was refreshed to be counted in the previous day

was fun to debug, but ho boy I am not used to dynamic languages

[dark dirge]

👍

[hardy zealot]

Anyone else having problems with custom cards? All of a sudden mine have stopped working. To try and debug I created a completely new config and pared it back to absolute minimum. The frontend displays as blank when using any custom card. The card I'm using is the layout-card (Thomas').

Custom cards are loading OK, at least in the console I see the message "loaded"

[fleet adder]

Hi guys
I need some help in finding a way to hide "Unavailible" Plex Media Player entities. Basically I only want to show them in the frontend when someone is streaming something.
I'm using HASS 111.4 with the PLEX Media Server integration

Actually it can be useful for any media player entity to hide when nothing is playing and only show when playing

Someone mentioned the use of HA Groups to this but, if I understand it correctly all the entities in the group needs to be inactive to hide the group?

Is there a better way to do this?

I found the closest link to my request is this

https://community.home-assistant.io/t/no-state-available-in-lovelace/60592

[half osprey]

Are there ever people who wish they could create shortcuts in the sidebar to any place in the app, like a page inside the config panel etc ?

[muted inlet]

Yeah, a shortcut to server controls would be one thing I'd really like

99% of the time I go to Configuration it's to server controls to reload stuff

Being able to remove sidebar options would be nice as well (such as Calendar)

[half osprey]

So there is 2 ways to achieve this, one is to just use a Lovelace custom card that just redirects it. The other is a new integration

[buoyant portal]

I always though the Integrations page would be a nice quick access considering it’s where a user needs to add/configure integrations

[half osprey]

Try this custom panel https://gist.github.com/balloob/580deaf8c3fc76948559c5963ed4d436

[fleet adder]

Nice!!!

Can you guys see my posts... just checking 🤓

[half osprey]

Yes

[fleet adder]

thanks 🙂 thought I was going crazy there for a sec...

@half osprey on your image you have a Playground hyperlink. is that to a dfferent instance of HA

or is it just an example

[half osprey]

that's just another Lovelace dashboard

[split granite]

Actually it can be useful for any media player entity to hide when nothing is playing and only show when playing
@fleet adder well, there's conditional and entity-filter cards that can help here

[wheat current]

@split granite ... @split granite ... @split granite ... really?? the quote "feature" 🤦

[split granite]

Yup

There are times it's useful and relevant

Particularly some 3 hours later 😄

[wheat current]

Particularly some 3 hours later 😄
@split granite True

[split granite]

Note to self - mute @wheat current

[wheat current]

Probably your best idea yet

[split granite]

Nah, that's finish drinking this coffee so I can pretend to be conscious

[wheat current]

meh, it's monday before 10AM, no one is expecting anyone to be conscious yet

[fleet adder]

@split granite
Thanks for the advice here 🙂 Quoting for the win... beats typing any day

[split granite]

Well, quoting... depends on the volume 😉

[fleet adder]

aha true that

[alpine dagger]

I'm wondering where to start with making a nice remote?
atm i have just 10 Cards(type : button 😂 and as you can imagine it looks ugly is there a nice tutorial on making a small little remote that looks nice on mobile too

[radiant stirrup]

hey, i've got a RGBW led strip and it doesnt have built in CCT its just a 4ch dimmer. I have it in HA but when i dim the strip only the RGB dims. Is there a good way to get dimming integration for the W and RGB as one slider?

@alpine dagger check out HACS and lovelace cards

[alpine dagger]

Hmm thanks

[karmic tiger]

@alpine dagger check this out if you want some inspiration: https://sharethelove.io/picture-elements-cards/kodiremote-card

[novel finch]

I bet I need help with the syntax for template-entity-row as well 😟

visual editor complains about what I wrote, but if I copy/paste the sample on the repo then it will be changed on save

[tacit cave]

is the complaining in yellow? if so, it's a warning

[novel finch]

yup, it is

but due to the fact that autorefresh is not working, I was trying to investigate ...

[polar kelp]

Note to self: GET ON FIXING THAT WARNING MESSAGE ALREADY!

[novel finch]

🙂

[polar kelp]

If you’re using custom stuff, a yellow message pretty much just means you’re using custom stuff.

[novel finch]

can I ask help to understand why editing and saving or refreshing browser page evaluates the condition just fine, but automatically not ?

[polar kelp]

The automatic entity identification probably failed.

Maybe you can redesign the template to make it easier for the engine.

[novel finch]

https://pastebin.com/hcRcjF6V: you noticed any issue in the syntax ?

Maybe you can redesign the template to make it easier for the engine.
is just a "is_state" or "not is_state" nothing fancy

[polar kelp]

Try adding```yaml
entity_ids:

• sensor.custom_lavatrice_status```

[tacit cave]

@polar kelp, It was recently proposed that we remove the warnings all together seeing that they are broken pretty much everywhere. https://github.com/home-assistant/frontend/issues/4355

[novel finch]

Try adding```yaml
entity_ids:

• sensor.custom_lavatrice_status```
  nope, no change if syntax is correct: https://pastebin.com/dVgEDcuL

[kind shell]

@worldly seal Your message has been deleted as it contains a link or a domain name 'pasteboard_dot_co' that is on the blocked list because of: 'Virus detected!'.
Please re-post by removing/changing the domain name/link. Your original message has been DM'ed to you.

[worldly seal]

Hey guys!
Any ideas why my lovelace cards are putting most of my cards in 2 columns instead of 3?
Anything that I can check?
https://paste.pics/fdbf139dbef6371c09de8e75e0633d56

[tacit cave]

are they all in a vertical stack?

[worldly seal]

ps: I edited the Gerard's Bedroom card and everything went broke after

nope on the vertical stack

[tacit cave]

then refresh the page ctrl+f5

[novel finch]

sorry, did a typo. Works fine adding entity_ids. Thx so much for the tip! I would suggest adding it to the info on the card repo

[worldly seal]

ctrl+f5 is a bust
clearing browser data for last hour also has no change

[tacit cave]

Then the main custom card that you are using for one of the cards doesn't allow for the system to properly calculate it's height. You'll have to use the custom layout card to fix it.

[worldly seal]

thanks for the advice!
Will have a look
have a snapshot from just before editing
I'll backup and roll back and slowly add stuff back in

[novel finch]

last issue is (always) a timestamp layout: https://imgur.com/a/WJzFcG5

[tacit cave]

That would be a bug with template-entity-row not properly using the timestamp device class.

But it might also just be an enhancement. Really depends on the intent. Many custom cards do not implement that properly.

I'd start by writing an issue against the card in question.

[worldly seal]

ID10T error @tacit cave
found the vertical stack🤦‍♂️

[tacit cave]

All good, happens to the best of us

[worldly seal]

@novel finch just an observation
do you know you have double ' in not is_state{{' 'sensor.blahblahblah?

[split granite]

The UI editor does stuff like that 🤢

[worldly seal]

eeeeewwwww😂

[novel finch]

yes exactly, I write it with " and single ' but then after save it converts like you see

[finite pond]

any good custom cards for showing graphs of binary sensors?

[elder pendant]

How would you want a graph like that to look? Not much you can do with 2 possible states

[worldly seal]

@finite pond I use the mini graph card

https://paste.pics/83937511eca5cdde4f94b16e6d8a805c I still don't have the alarm over on HA because of power issues from government and alarm needs to be on 24/7 and I don't have necessary gadgets in place to supply backup power
but I've fiddled around a tiny bit

[tacit cave]

binary sensor has on/off as states and it won't show up with mini graph card

@finite pond you'd have to make a template sensor and convert 'on' to 1 and 'off' to 0 to see a nice graph of your binary sensor.

- platform: template
  sensors:
    my_binary_graph_sensor:
      value_template: "{{ 1 if is_state('binary_sensor.xxx', 'on') else 0 }}"
      unit_of_measurement: IO

[finite pond]

The current one I'm using has elements randomly shifting
https://www.dropbox.com/s/w6fj2dqv7k563d8/Screenshot 2020-06-20 18.19.36.png?dl=0

[worldly seal]

https://paste.ubuntu.com/p/fDrM7j8d26/ I've seen this somewhere and am currently using it

^^^ Mini graph card config

[finite pond]

Is there a cache for frontend?

[elder pendant]

yes

[finite pond]

How do I clear it?

[elder pendant]

clear your browser cache. Instructions on how to do that depends on your browser

[finite pond]

issue is not related to my browser as I'm able to reproduce across multiple browsers, multiple devices

[elder pendant]

Well the cache is per browser, there is no other cache

Did you say what issue you are having? I must have missed it

[finite pond]

In this screen recording, you can see that the graph up top keeps jumping around when I refresh/change to that tab

https://www.dropbox.com/s/ixvedv9cu6rpv4u/HA_screen-rec.mov?dl=0

[elder pendant]

... it takes elements a second to fully render

[finite pond]

Well it wasnt a problem until a couple of days ago

Seems like a potential issue affecting browsers with their primary rendering engine being WebKit

[finite pond]

can a tap action be added to an entity that shows a card?

[mild veldt]

depends on the card. check the docs

[dark badger]

Any good guides on styling home assistant?

[karmic tiger]

That would depend entirely on what you mean by 'styling' it. Themes? Layouts? Custom cards?

[dark badger]

I wasn’t talking about something specific per say. I was more interested on all the topics; there aren’t really any informational videos on “here’s how to do custom card styling” etc. I get themes and such and know about card-mod but would be super informative if a video series existed that’s like “today, we’re gonna create this”

[tacit cave]

problem is, even if you had a video, chances of the CSS working for anything other than what the video does is low.

Your best bet is to learn the nuances of css if you want to style items, and use card mod to make it happen.

or button card

Also, customizing in this fashion is all 'custom'. So youtubers are less likely to cover it because it's not built in.

[kind shell]

Videos are great to watch but are usually out of date QUICK.... Best to read the DOCS

Command '.videos' was invoked by: Villhellm

[vapid field]

Hello everyone. Stuck on a simple escape character issue.
This command works on the terminal to get the current wifi signal strength:
nmcli dev wifi list | awk '/*/{if (NR!=1) {print $8}}'

I add it to the configuration.yaml with the following command:

command: "nmcli dev wifi list | awk '/\\*/{if (NR!=1) {print $8}}'"

but it does not actually display anything.

I thought escaping the single quotes might do the trick but I get an unknown escape sequence error:
command: "nmcli dev wifi list | awk '/*/{if (NR!=1) {print $8}}'"

Any ideas?

[elder pendant]

'/\* you're not escaping the single quote, you're escaping the asterisk

[split granite]

You may want to put that command in a script and call that script

Not that those commands are a #frontend-archived thing... sounds more #integrations-archived

[vapid field]

'/\* you're not escaping the single quote, you're escaping the asterisk
@elder pendant I know, it doesn't make sense, but it's the only thing that does not get an error...

You may want to put that command in a script and call that script
@split granite Thanks, will try that

[alpine dagger]

Anyone got a good tutorial for a beginner who knows very little on how to make a TV remote

[novel finch]

last issue is (always) a timestamp layout: https://imgur.com/a/WJzFcG5
any idea ? 😇

[worldly seal]

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

what do you need? Just time or date and time or just date?

@novel finch

if you want only date its going to be something like {{states('your source entity here')[:10]}}
and it should return 2020-06-03
I think time will be something like this {{states('your source entity here')[11:15]}}

[novel finch]

I would to get a “Xx hours/days ago”

If I use a time stamp class all is fine (see screenshot)

But using the custom card seems not

And again I miss something as always 🤣🤣😉

[worldly seal]

use https://www.home-assistant.io/integrations/time_date/
it adds time and date as entities in HA that works better than timestamp because HA checks for updates/changes on entities better than when using timestamp

you will have sensor.time and sensor.date which you can then do templates for

[alpine dagger]

Any nice/easy way to display bins that go out?

don't need anything fancy just every other friday it's recycling and every following friday is general

[dark dirge]

template sensor with an icon_template: that uses the week number? Like this? https://community.home-assistant.io/t/week-number-as-condition/171723

I always have to look at my calendar, so I'll probably build something like that. In my case, it's general every Friday and alternating recycling/landscape

[novel finch]

use https://www.home-assistant.io/integrations/time_date/
it adds time and date as entities in HA that works better than timestamp because HA checks for updates/changes on entities better than when using timestamp
@worldly seal is not current date and time that I need

[worldly seal]

@novel finch if you just want to filter an existing time like input_dattime use. > if you want only date its going to be something like {{states('your source entity here')[:10]}}

and it should return 2020-06-03
I think time will be something like this {{states('your source entity here')[11:15]}}
@worldly seal

[cold delta]

Anyone know of a good way to get a dashboard to display a text file available over the web? Webpage card just gives me a blank page 🤔

[karmic tiger]

Are you accessing your HA via HTTPS?

[cold delta]

Yep.

[karmic tiger]

And is the content HTTP?

[cold delta]

gonna go out on a limb - can't do http iframe embeds when accessing via HTTPS? because that would explain a lot.

yeah

[karmic tiger]

You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.

Browser Security 101.

[cold delta]

Yeah, I figured it would be something like that 😆

[karmic tiger]

Also the second paragraph in the card's docs: https://www.home-assistant.io/lovelace/iframe/

[cold delta]

Time to go write a scraper and throw it up on my web server

[karmic tiger]

You can scrape directly in HA if you want. But you'll have to ask about that over in #integrations-archived

[maiden blade]

I am sure this is something super simple I’m just overlooking. But is there a way to make a timer countdown display as an entity in other Lovelace cards? The timer only seems to countdown when its in an entities layout. for my needs i need it to be a Sensor or something like that. Is that possible?

Nothing fancy, just time remaining

[karmic tiger]

You can probably make a sensor from the remaining attribute of a timer.

Though that's just another entity...

[tacit cave]

@novel finch I told you to contact the custom card developer about the datetime issue... It has to be added to the custom cards functionality.

[novel finch]

lost your reply from mobile

author is here, don't want to write directly. If he has no time to answer, will open a issue on github

[maiden blade]

@karmic tiger My js is atrocious..could you show me how’d that look?

[karmic tiger]

Sensors aren't made from JS (they're an #integrations-archived thing). If you're using a custom card that requires its templates in JS, you'll have to be more specific about your problem.

[maiden blade]

No no, poor wording. Basically, i think i need an input_number with a start value of like 60 (minutes) and then attach my timer to decrease this input_number to 0 in real time in the UI. That way i can display it in more standard cards. Again.. i “think”

To super simplify; have an active countdown timer in an Entity Card

[tacit cave]

@novel finch the likelyhood of him reading backlogged messages is low. Just write up the issue and then he can respond there. It's the proper way do to things, even if you're trying to get support.

[novel finch]

going that way than

[viral sorrel]

for yaml created sensors the UI does not allow customisation with the message This entity does not have a unique ID, therefore its settings cannot be managed from the UI. Is it possible to manually assign a unique id and make the sensor configurable?

[muted inlet]

no

the integration has to support unique IDs

[sly tapir]

Hi guys, need some help here. Under service tools/service or service tools/state, on top fo the white box it states "state attributes (YAML, optional)" whereas I found online that some people have 'state attributes(JSON, optional)', how can I enable it? Many thanks

[desert delta]

@muted inlet forget what I wrote 🙂

[sly tapir]

Hi guys, need some help here. Under service tools/service or service tools/state, on top fo the white box it states "state attributes (YAML, optional)" whereas I found online that some people have 'state attributes(JSON, optional)', how can I enable it? Many thanks
@sly tapir dev tools/servive and dev tools/state I meant 🙂

[muted inlet]

Those fields were changed from JSON to YAML a while ago. You can still use JSON there if you really want to though since all valid JSON is also valid YAML

Any particular reason you don't want to use YAML there though?

[sly tapir]

I thought YAML was exclusive, I've tried doing some JSON there and hasn't worked.. do I need to set data_template or whatever?

[muted inlet]

No, you can't use data_template with those fields

Why not just use YAML there? Just curious

[sly tapir]

what if I want to test a template?

inside a service call?

[muted inlet]

Developer tools > template

You still haven't answered my question lol

[sly tapir]

sorry, newbie here 🙂

not sure I'm understanding you

don't templated fall under the JSON category?

templates*

[muted inlet]

No

[sly tapir]

there you have it 🙂

I thought it was, and I thought I needed the JSON attributes enabled there in order to get templates to work

[muted inlet]

Now I see your confusion and reference to data_template

[sly tapir]

yep!

[muted inlet]

Yeah, you can test templates at developer tools > template before using them in template sensors, automations, etc.

Handy tool

[sly tapir]

silly confusion 🙂

ty mate

[muted inlet]

It's all good

No prob

[white drift]

Is there by chance any way to relocate some of the sidebar menu options? about 50% of the ones i have listed right now are just for configurations, etc. Would rather not have to scroll through them on my mobile, etc, but still want easy access to them when needed so i dont want to have to switch between users as i know i can hide it for a user and show it for another

ah, just found https://github.com/Villhellm/custom-sidebar, that might work

[vapid field]

hi, i have setted an horizontal-stack to allow 2 image and 1 status , on each the image i have enable single-tap to perform action, which don't occurs anytime, could you give a look to my code and tell me what is wrong : https://paste.ubuntu.com/p/qFJWhcV7Bt/

[full sand]

I have updated from 0.110.x to 0.111.4 and now my font is broken, did anything change?
For example: https://hastebin.com/ohihosulik.bash
Everything below h1 isn't changing anything anymore

[white drift]

Do you have to create a new sensor using a template or can you for the purpose of an card, just do it on the spot?

[vapid field]

Do you have to create a new sensor using a template or can you for the purpose of an card, just do it on the spot?
@white drift i have setted each action for all entities in a single card and all went OK when applying execute, i have also tried to separate each tap_cation in a single picture_entity and nothing append when i click on the picture. So i change my mind , create 2 scripts with all cover and ligth to open and close, each script are running as wanted , but when i start with an input_boolean (ON/OFF) inside a button , the script isn't running for all the entities inside. a real headache for a so simple action.

[finite pond]

there was this github repo that I cant quite remember featured a modded entity card with a solid line and no drop

[finite pond]

@polar kelp is it possible to have the icon in the same row as the state without the name?

[polar kelp]

name: " "

[finite pond]

There's still white space beside the icon

[polar kelp]

Do you want the state where the name usually goes?

[finite pond]

Oh now I realize you're not the dev of the mini graph card. sorry to ping you

If its ok, I just want the icon besides the state with the name row not present

[polar kelp]

https://github.com/thomasloven/lovelace-template-entity-row

Don't know about the mini-graph-card, though.

[finite pond]

Can the sensor line color be customized in Sensor Card?

[split granite]

Does it say anything about that in the docs?

[finite pond]

guess not. any idea what the default height of the sensor card is?

[charred zealot]

can i get mini graph card to show the high and low values recorded over a certain period?

[split granite]

Have you checked the docs for it?

[charred zealot]

i'm reading them right now but maybe i'm blind

[split granite]

A search for min or max may help you

[oblique rain]

Anyone know why my HASS frontend works fine in Chrome but not Edge?

[charred zealot]

i just found extrema

[elder pendant]

Because Edge has a hard time keeping up with standards

[oblique rain]

ok, so just don't use Edge

Is there some sort of documented cases where edge sucks vs everything else

[split granite]

Any time you're using a web site?

[upper tulip]

Does anyone know if browser mod and google home hub work in the sense of detecting motion and exposing as a sensor?

[elder pendant]

Doesn't the google home only display lovelace via cast?

[upper tulip]

I think catt can also be used

[split granite]

CATT does work well there

[upper tulip]

But guessing can’t access the motion sensor...

[split granite]

Well, I don't believe there's an actual motion sensor...

[upper tulip]

Oh probably explains why a sensor isn’t exposed then

[split granite]

From memory it does some stuff with ultrasound detection, plus the cameras (where fitted)

[alpine dagger]

any good tutorials for adding days bin goes out?

just installed HAC which is great i think

[split granite]

There's a bunch of forum posts

[alpine dagger]

Do i just google? Forum Home Assistant bins >_>

[kind shell]

You can find the community forum here

Command '~forum' was invoked by: Tinkerer

[elder pendant]

Also, yes. That google search does yield a forum post to what you're asking about

[alpine dagger]

haha

well, best make an account!

only got the one sensor set up atm

so i wanna do some other little bits

[neat yoke]

quick question, re: groups.... how do I get back the group switching like from pre 0.11x?

made a mess of my default after upgrading

[mild veldt]

group switching?

[neat yoke]

yeah, my groups.yaml is up to date but i may be missing something since everything is now slammed in the page

[mild veldt]

what did you upgrade from?

[neat yoke]

0.102.3 -> 0.111.4

[split granite]

Sounds like you need to take control of your UI

[neat yoke]

i sure do

[mild veldt]

well, maybe

if you are using a generated UI and that is what you prefer, groups are used to group entities into cards

might want to verify your groups, i.e. did entity ids change?

[split granite]

There were breaking changes for groups in there

I wonder if you have no groups now...

[kind shell]

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

Command '~check' was invoked by: Tinkerer

[neat yoke]

ah shoot, yeah forgot about that, what about if its in virtualenv, different command?

[split granite]

See the link, it has the commands 😉

[neat yoke]

hmm yeah, same question

[split granite]

Home Assistant Core is what you run

[neat yoke]

ah shoot sorry, had to activate 🤦‍♂️

[split granite]

No worries

If you're rusty it's easy to forget

[neat yoke]

(same issue i had yesterday troubleshooting the iOS app ;-), forgot where I had the virtualenv setup, was in /srv/homeassistant )

tis running now

[split granite]

If you followed https://www.home-assistant.io/docs/installation/raspberry-pi/ then it tells you at the bottom

[neat yoke]

yeah haha i had an alias setup that i forgot about

alrighty config is fixed, had some crazy # somewhere

but still need to tame this UI i guess... so many "bubbles" at the top, but have several panels that are correct... is there a doc i should be referencing to clean this up?

[split granite]

Look at the top of the screen 😉

[neat yoke]

AH BINGO... maybe i should clean my glasses

[split granite]

To be fair, most folks don't notice anything up there until it's pointed out

[dapper grotto]

Hello

                                entity: sensor.silentron_sirena
                                style:
                                  left: 50%
                                  top: 68.5%
                                  --paper-item-icon-color: >-
                                    ${ states['sensor.silentron_sirena'].state == 'Sirena Off' ? "green" : states['sensor.silentron_sirena'].state == 'Sirena ABC' ? "red" : states['sensor.silentron_sirena'].state == 'Sirena AB' ? "white" : states['sensor.silentron_sirena'].state == 'Sirena Accesa' ? "yellow" : states['sensor.silentron_sirena'].state == 'Sirena Disattivata' ? "springgreen" : states['sensor.silentron_sirena'].state == 'Sirena Test' ? "orange" : "gray" }
                                icon: 'mdi:alarm-light'

[neat yoke]

indeed, holy cleanup, thank you @split granite

[dapper grotto]

With this... I can change the color of the state-icon depending on the status of a sensor

it works perfectly

can I use something instead of "red" "white" etc...

to indicate the active color

inactive color

depending on the theme used?

[elder pendant]

Did you have a theme variable in mind?

[dapper grotto]

something like

how can I do it?

e.g.

paper-item-icon-active-color

[elder pendant]

Try replacing red (or whatever color name) with var(--paper-item-icon-active-color)

[dapper grotto]

Lovelace doesn't even load

Uncaught (in promise) SyntaxError: Unexpected token 'var'
at HTMLElement._evaluateTemplate (config-template-card.js:3227)
at config-template-card.js:3191
at Array.forEach (<anonymous>)
at HTMLElement._evaluateConfig (config-template-card.js:3180)
at config-template-card.js:3188
at Array.forEach (<anonymous>)
at HTMLElement._evaluateConfig (config-template-card.js:3180)
at HTMLElement._evaluateArray (config-template-card.js:3205)
at config-template-card.js:3185
at Array.forEach (<anonymous>)

[prime shore]

Does anyone know the location of the weather icons from the default HA weather card?

and/or how to access them like material icons?

[elder pendant]

@dapper grotto what does your config look like with that change?

[dapper grotto]

                                entity: sensor.centralina_irrigazione
                                style:
                                  left: 65%
                                  top: 62%
                                  #--iron-icon-height: 30px
                                  #--iron-icon-width: 30px              
                                  color: >-                              
                                        ${ states['sensor.centralina_irrigazione'].state == 'Innaffiando' ? var(--paper-item-icon-active-color) : states['sensor.centralina_irrigazione'].state == 'Connessa' ? "steelblue" : "red" }
                                icon: 'mdi:water-pump'
                                tap_action:
                                  action: navigate
                                  navigation_path: /lovelace/12/

[elder pendant]

You still have to wrap it in quotes

[dapper grotto]

Thanks!!!

it works

[neat yoke]

whoa done cleaning that up, super easy @split granite thanks again

[prime shore]

and/or how to access them like material icons?
@prime shore https://github.com/home-assistant/frontend/blob/466a1af902e1492cb226b1acdba174ad5c135d33/src/data/weather.ts found it!

[frank sphinx]

css variables overview anywhere to be found? Or a styleguide of some sorts? Found it, nvmnd. https://github.com/home-assistant/frontend/blob/master/src/resources/ha-style.ts

[signal copper]

hi guys, i'm trying to extract latest tasmota DEV version + changelog, i did this... 1st part, all fine, while the latter extracts only the 1st LI item, not all of them... i can't just extract the content of the UL tag because that's empty, of course... what's the syntax to extract EACH of a given element, in my case EACH LI tag content in that 1st UL one? thanks

` - platform: scrape
resource: https://github.com/arendst/Tasmota/blob/development/tasmota/CHANGELOG.md
name: Tasmota Dev
select: ".readme h3"
value_template: '{{ value.split(" ")[0] }}'

• platform: scrape
  resource: https://github.com/arendst/Tasmota/blob/development/tasmota/CHANGELOG.md
  name: Tasmota Notes
  select: ".readme ul li"
  `

[karmic tiger]

Each? I don't think you can do that with a single scrape. It's expecting a single tag, from which you can use the visible text or an attribute's value.

https://github.com/home-assistant/core/blob/dev/homeassistant/components/scrape/sensor.py#L132-L139

Also, that's an #integrations-archived 🙂

[grave carbon]

How do I show something light the brightness of a lamp in a gauge? I can get the value via state_attr('light.lightpc_lightpc', 'brightness') but I can't figure out how to use it in the gauge.

[muted inlet]

create a template sensor that grabs that value and use the template sensor in the gauge card

[grave carbon]

Thanks a lot.

[devout hatch]

How to present a list of automations with a toggle and "Execute" label?

Only what I can do is to show status On like this:

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

[karmic tiger]

You want entities to appear in a list?

Might I suggest the Entities card?

[finite pond]

Is there documentation for the style: element present in cards?

[karmic tiger]

Which cards?

[split granite]

Isn't that a thing for card-mod?

In which case - css

[karmic tiger]

In which case, MDN 😄

[white drift]

Ok, so im using this code to do a bar chart and take two attribute values to the numbers to figure out the percent. Right now i am using the name field for the percent, but is there not a simple way in the card to instead set it as the value so that it appropriately gets the unit_of_measurement added? This is what i have so far https://hastebin.com/ketuguwipi.bash

[karmic tiger]

Your link is dead

[stoic solstice]

@polar kelp Did you find out the issue with the "- break" was on the layout card? If you need more info let me know

[white drift]

@karmic tiger sorry, it got cut off. corrected

[sage lintel]

Hi all! I could use a pointer to docs, or project that does it, etc. I am building card from boilerplate (thank you @mild veldt !) and using TypeScript... I don't see (maybe i missed seeing?) any reference to gaining access to values ingested from the json_attributes_topic. I do see reference to getting the value of say sensor 'device_class'. Also, when i click(tap?) on the sensor providing one of these topics i get a card showing all the detail (keys & values broken out and formatted well) of the topic. Is there a code means to get to that json content from within my new card?

[inland marlin]

any way to update the mdi icons?

trying to use fan-speed-1

[karmic tiger]

You can use all of the ones at https://cdn.materialdesignicons.com/4.5.95/

Anything newer and you'll have to wait for the HA devs to update the version.

They do it fairly frequently but you'll have to wait.

[inland marlin]

anyway to manually update it myself?

[karmic tiger]

Sure... raise a PR

Or if you're in a hurry, fork the repo, update, build locally.

[latent moss]

I would guess it's not likely to be updated anytime soon due to the large number of breaking changes in material design icons v5.0+ ... not just a typical version bump, many icons were renamed and removed.

[barren solstice]

for some reason some of the text and buttons are missing from my zwave integration. The text and buttons for "Node Group Associations" is completely missing - https://imgur.com/So4HjGE

i did migrate from an hassos vm to container based install today. I copied my config folder and all of the zwave funtionality is there. Just the interface is broken

[charred zealot]

can anyone tell me what i'm doing wrong with mini graph card and extrema?
https://imgur.com/a/PLPl0Hv

[dark dirge]

Should be under a show: tag

[charred zealot]

type: sensor
entity: sensor.basement_humidity_2
graph: line
detail: 1
show:
  extrema: true

like this?

[dark dirge]

Without the leading -, I think

[charred zealot]

sadly not Expected a value of type `undefined` for `show` but received `{"extrema":true}`.

i will submit a PR to the docs because they aren't very clear once i get it working

is it because i'm not using 'custom:mini-graph-card' but instead a sensor card?

- type: custom:mini-graph-card
  entities:
   - sensor.illumination
  show:
    fill: false

that is further down the docs

ok, sensor card does not support it but custom:mini-graph-card does. definitely worth a note in the readme.

[dark dirge]

Oh, yeah

Completely missed that. If you’re trying to use a mini-graph-card, you have to actually use a mini-graph-card 🙂

[charred zealot]

lol it's kinda obvious when you say it like that

[dark dirge]

Type is for the card, not the entity

[charred zealot]

i just created it through the UI

sensor card and mini-graph looked the same but they aren't

[dark dirge]

Right

[charred zealot]

as promised 👼
https://github.com/home-assistant/home-assistant.io/pull/13826

[dark dirge]

I’m not sure it’ll be favorably received because they are 2 different cards, and I’d expect them to have different configurations

[charred zealot]

that's ok, at least i tried! ¯_(ツ)_/¯

[dark dirge]

Many custom cards are variations and/or enhancements of built in cards, so could have the same wording along with a laundry list of related cards

[charred zealot]

wasn't this sensor card only added recently? my logic here was that i assumed HA just pulled it in and made it official

[dark dirge]

Sure, and I’m not trying to discourage improving the docs. Please don’t take it that way

[charred zealot]

nah i get it. no bigs either way.

[dark dirge]

I think it was updated? Trying to find the history

It is similar to the mini-graph-card, and was inspired by it

[charred zealot]

any suggestions to remove some of this white space?
https://imgur.com/a/kHfn5EF

[dark dirge]

Looks like it’s been around since Oct 2018

May have to use something like card_mod

Or somebody more knowledgeable than me will be along to help. I’m a novice at Frontend styling

Maybe post in the mini-graph-card thread on the forum, or search first

[stable swift]

basic... but so much better then ever before!! So much fun!!

light on the expresso machine changes to on/off then toggled

and yes I installed door sensors in the car lol

[full sand]

I have updated from 0.110.x to 0.111.4 and now my font is broken, did anything change?
For example: https://hastebin.com/ohihosulik.bash
Everything below h1 isn't changing anything anymore

I can't change the font size, style, ...

[native scaffold]

hi , i need help with getting the color_off working on a custom: botton card

color_off: 'rgb(28, 128, 199)'
color_type: card
entity: media_player.sony_bravia_tv
icon: 'mdi:television-box'
name: Tap to Turn Off
show_name: null
show_state: null
tap_action:
  action: call-service
  service: script.tv_upstairs_lounge_off
type: 'custom:button-card'

[split granite]

If you edit that and add the opening backticks it'll fix the formatting 😉

[native scaffold]

yeah allways forget 🙂

[white drift]

so i have 3 entity cards in a horizontal stack card. Suggestions on center aligning their content?

[uncut surge]

Hi All, I've been using the Flex Horseshoe Card in my setup a lot. Unfortuantely it's been abandoned by the orignal dev since november. Since then I've maintained it (very minimally, I'm an amateur level coder at best) to make it compatible with post 106 HassOS. You can find the repo here: https://github.com/Lau-ie/flex-horseshoe-card
Unfortunately the card just stopped working yesterday and it doesnt seem to be related to any update (I'm on 111.4 since it cam out). Other users of the card who've been using my repo are reporting the same.
All it shows now is:
[object Object]

I've got no errors in console or anything top help me find the cause.

Only thing I've been able to find is a breaking change in 111.0 relating to the getCardSize function: https://developers.home-assistant.io/blog/2020/06/01/getcardsize/
The card does use that function, but I cant't really figure it how to adjust the code.

Anybody's got an idea what could be the cause?

[signal copper]

hi guys
i'm trying to extract tasmota changelog, just for the latest dev version, and i had these 2 working cli commands, to extract respectively the version and its changelog:
curl -s https://raw.githubusercontent.com/arendst/Tasmota/development/tasmota/CHANGELOG.md|grep -m 1 "###"|cut -c 5-|cut -d\ -f1 curl -s https://raw.githubusercontent.com/arendst/Tasmota/development/tasmota/CHANGELOG.md|tail -n +5|sed '/^$/,$d'

problem is that a "state" cannot contain more than 254 chars, so i can't use a sensor to contain the changelog, it just does not work... any suggestion on including something like this in a card?

i've these 2 sensors (the latter is a local file to which i redirected the output of the second line above, to see if this way i could bypass the restriction, but the problem is still there...)
` - platform: command_line
name: Tasmota Dev
command: 'curl -s https://raw.githubusercontent.com/arendst/Tasmota/development/tasmota/CHANGELOG.md|grep -m 1 "###"|cut -c 5-|cut -d\ -f1'
scan_interval: 10

• platform: command_line
  name: Tasmota Notes
  command: 'cat /config/tasmota.txt'
  scan_interval: 10
  `

[white drift]

@signal copper why would you want to store that much data in a single sensor?

[signal copper]

@white drift i'm opened to suggestion, whatever way allows me to have that text in a card is fine for me, sorry, i'm new to this

this is what my command extracts, it's not "SO much"...
`- Add command Module2 to configure fallback module on fast reboot (#8464)

• Add support for Energy sensor (Denky) for French Smart Metering meter provided by global Energy Providers, need a adaptater. See dedicated full blog about French teleinformation stuff
• Add library to be used for decoding Teleinfo (French Metering Smart Meter)
• Add support for single wire LMT01 temperature Sensor by justifiably (#8713)
• Add compile time interlock parameters (#8759)
• Fix exception or watchdog on rule re-entry (#8757)
• Change ESP32 USER GPIO template representation decreasing template message size
• Change define USE_TASMOTA_SLAVE into USE_TASMOTA_CLIENT
• Change commands SlaveSend and SlaveReset into ClientSend and ClientReset`

[white drift]

what about doing a webpage card? https://www.home-assistant.io/lovelace/iframe/

@signal copper ^

[signal copper]

Know that, don't like so much... It would be better something like "include a local file content", if such a thing exists... I've found it only for images

[white drift]

well what you are trying to list in HA is a bit odd in general, so makes sense that you might have to do some pretty custom stuff to make it work

no idea why you want to scan that every 10 seconds as well

[signal copper]

what about doing a webpage card? https://www.home-assistant.io/lovelace/iframe/
@white drift oh, sorry, i just read this page, seems good for my uses, i'll try asap

no idea why you want to scan that every 10 seconds as well
@white drift ah, no, right, i added that scan timeframe to debug the sensor, as otherwise i had to restart home assistant on every change of the file, till i found the limit of 254 i was not aware of... i'll remove that, sure

[white drift]

Hmm, so my power company sensor has the follow 'details' attribute with a list of dates and values (3 values for each date) https://hastebin.com/asatibihif.bash. Id like to be able to graph these, but i guess graphing is only for states. Im not sure what would be the best way to go about doing a template for them though either.

[signal copper]

@white drift any way to have this file in other formats, to feed it to influxdb, for example? then, graphs are "automatic" using chronograf or grafana

@white drift for example converting those data to csv or json, like on this site (but for sure there are easier way to do this in linux console or in nodered, i don't know if yaml format datasource are directly supported by influxdb): https://onlineyamltools.com/convert-yaml-to-json#:~:text=Yaml to json converter&text=Quickly convert Yet Another Markup,works right in your browser.

[white drift]

no reason to use influxdb these days when timescaledb is better and allows regular sql usage

but honestly, i have no interest in using grafana or another third party solution

[signal copper]

ok, just saying 🙂

[kind shell]

@white drift posted a code wall, it is moved here --> https://paste.ubuntu.com/p/DpHx3FGHkq/

[white drift]

i wouldnt call that a codewall, but ok...

just trying to figure out how i would target the last date group within that attribute

[kind shell]

Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, codewalls (longer than 15 lines) and unapproved bots.

Please take the time now to review all of the rules and references in #rules.

Command '.rule6' was invoked by: Villhellm

[plucky iron]

Anyone have any recommendations for combining multiple sensors into 1 card? Something that say goes red if one of the sensors shows as not ok? This is specifically for Nest Protects using badnest. They just have so many entries, I only need it to show say 1 overall status.

[split granite]

Sounds like a cast for a template sensor and card-mod

[plucky iron]

I was thinking about something like template sensor. I'll have to dig some more into that.

Ultimately I'd like it to show just a single Icon in Lovelace, green for good and red if somethings bad. Then clicking it pops up a display showing each of the sensors.

[finite pond]

Can the name of a card be set to the state of an entity?

[elder pendant]

Depends on the card

[split granite]

As always, consult the docs for the unspecified card in question

[finite pond]

Couldn't find anything for mini-graph-card 😦

[tacit cave]

No, not for that card

[vapid field]

Hi all! Just wondering if anyone knows of a Lovelace card that is like a glance card, but where you can default all the tap_action to toggle please?

[elder pendant]

Usually there are not custom cards for such minor changes

[sacred onyx]

Since the last update my walltablet (using wallpanel) is showing 4 rows instead of 3. Is there an easy way to define the max number of rows?
All I can find on the forums are workaround with horizontal stack cards.

https://i.imgur.com/G0AJBtE.jpg

[elder pendant]

Horizontal stack is the way to do it

[vapid field]

Thanks @elder pendant

[novel finch]

Hi, are you already aware this msg "A cookie associated with a cross-site resource at http://home-assistant.io/ was set without the SameSite attribute."

[karmic tiger]

Does it matter?

Is it breaking anything?

[vapid field]

Sorry for this stupid question, I know it's possible and I've done it before but I can't figure it out. How do you change the color of an icon based on the state of an entity? (If card mod is neccessary I have it.)

[split granite]

Many cards have an option for state colour

[dark dirge]

or state_color: for those with a dislike for u's

[tight scarab]

ERROR (MainThread) [hacs.factory] custom-cards/button-entity-row - Repository is in the blacklist. <- is this something I should be concerned about? What, if anything, do I need to do?

[elder pendant]

https://github.com/custom-cards/button-entity-row/issues/27

[distant phoenix]

Just updated from 110 to 111. Can someone please explain to me why Lovelace seems to decide at random where the cards go. I cannot seem to grasp how it decided card positioning and it's extremely frustrating having to fix this seemingly every time there's a big update.

https://i.imgur.com/R8M1OBa.jpg

The Media Player card refuses to stay on top even though it works just fine in the column right next to it. The card was sitting there before the update

[karmic tiger]

You say you fix this every time there's an update - what's your supposed fix?

afaik, it's just doing a basic bin packing algorithm. You don't really have any control over it.

[elder pendant]

Combine horizontal stacks and vertical stacks

[karmic tiger]

Don't forget to turn on panel mode too, if you actually want control 😄

[distant phoenix]

My fix is basically having to change card types and reorganize everything.

Now I combined the media players with the entities in stacks

and now they refuse to be in 3 columns

[karmic tiger]

You shared a screenshot with 3 columns 🤷‍♂️