#frontend-archived

1 messages Β· Page 116 of 1

dark dirge
#

I didn't know that it was that integrated

#

learn something new every day

wheat current
#

I guess there is just too many that uses it πŸ™ˆ

thick bronze
#

I'm trying to show some of my grafana dashboard into my homeassistant dashboard using lovelace iframe, but it wants me to login when going to that page... Anyone know the reason for this?

violet talon
#

anyone have any ideas why using a light group as the entity for a picture-glance card would cause the grayscale/color shift to get out of sync when enabling/disabling the individual lights?

#

I can get it to a state where both lights off means color and one light on means grayscale

vapid field
#

@polar kelp: I got it work now thank you. Is it possible to use the popup_card for a badge too?

brittle eagle
#

Hello

#

Would there be a fix for the restart beeing not needed when using the packages setup in hass?

mild veldt
#

wat?

#

@vapid field yes you can

polar kelp
#

Anything that pops up a more-info dialog can use popup-card.

humble flame
#

Anyone here done a point system for tasks in lovelace?

#

So I figured that you can use Home Assistant for more then just controlling my TV and my smart lights.
Me and my significant other discussed that we should implement a point system for the task we do at home.
Let's for example say that she hates doing the dishes so that would be 3 points for her, and I don't really care.. so 1 point for me.
I have a Nexus 7 hanging on the wall. Anyway to implement a menu with the different task that gives a person the desired point and sums all points up for each weak and then stores these in like a database?
How would you go about doing this? (maybe someone already did it? I tried searching but could not find anything)

polar kelp
#

I'd probably do most of the work in appdaemon - setting up the lists and such, and then set up one input_boolean for each task (also from appdaemon). In lovelace, I'd add a card with auto-entities to display any input matching a certain pattern while it's not turned on.

#

But really, the frontend is the easy part here.

atomic glacier
#

@polar kelp I know I can never surprise you as I always seem to do to myself...but I never realized that your state-switch card can actually switch two entire views πŸ‘€ Using layout card as the switch point, I managed to 'switch' 2 entirely different views based on users. Now my wife is finally happy when she logs in and can have her purple tinted cards with auto changing purple backgrounds....boy the little things that make people happy😜 Thanks! Yet again...

azure scarab
#

Anyone know how I can pull an attribute from weather.dark_sky to a lovelace guage?

polar kelp
#

That was actually how it all started - well almost. Here's the first published screenshot, showing state-switch switching a layout-card.

humble flame
#

Thank you @polar kelp. I'll look into appdaemon. Im a total newbie so sorry for asking, but that is a part of the HA you are talking about?

#

Oh.. it's python! Lovely!!

atomic glacier
#

touchΓ© mindblown guess I never saw that GIF...🀷🏻 Works exceptionally well for mobile too πŸŽ‰

polar kelp
atomic glacier
#

hmm... if you need a guinea pig or lab rat for testing...you know where to find meπŸ’‘ 🀣

wintry sluice
#

hey guys, I a m using a Hue switch that triggers a HA automation. what can I do if I want to have a toggle in lovelace that triggers the same automation?

wintry sluice
#

solved it with a a glance card and tap_action

digital ledge
#

hi, i have a issue with the bar-card trying with this config in the raw editor in hassio

#
  • url: /local/bar-card/bar-card.js?v=1.0.0
    type: js
#

am i doing something wrong?

#

cause it cant find it

#

or at least it doesent show

wheat current
#

is it located under /www/bar-card/bar-card.js?
if yes, can you see it if you goto http(s)://haurl:haport/local/bar-card/bar-card.js?

digital ledge
#

well i saw an error directly thanks to you this one is seen

#
  • url: /local/bar-card.js?v=1.0.0
    type: js
#

but still i get error that it cant be found

wheat current
#

add ?v=2.0.0 to the end of the url

digital ledge
#
  • url: /local/bar-card.js??v=2.0.0
    type: js
#

did this

#

ohh

#

??

wheat current
#

❓

digital ledge
#
  • url: /local/bar-card.js?v=2.0.0
    type: js
#

still no go

wheat current
#

http(s)://haurl:haport/local/bar-card.js works?

digital ledge
#

yes

wheat current
#

What's the first line you see there?

digital ledge
#

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="dns-prefetch" href="https://github.githubassets.com">
<link rel="dns-prefetch" href="https://avatars0.githubusercontent.com">
<link rel="dns-prefetch" href="https://avatars1.githubusercontent.com">
<link rel="dns-prefetch" href="https://avatars2.githubusercontent.com">
<link rel="dns-prefetch" href="https://avatars3.githubusercontent.com">
<link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
<link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">

wheat current
#

That's not the first line but okey

#

that is not a js file,

#

when downloading from github you need to use the raw format

digital ledge
#

OK now i think i understand

wheat current
digital ledge
#

still no go class BarCard extends HTMLElement {
constructor () {
super()
this.attachShadow({ mode: 'open' })

wheat current
#

file changed add ?v=3.0.0 to the end or clear your cache

digital ledge
#

ahh thanks

#

now it works

#

ludeeus, that was super good support from you. (5 star)

mild veldt
#

5/7, would ask question again

polar kelp
#

That's a perfect score!

crimson fable
#

can I reduce the amount of columns?

#

i have a tablet where the UI is trying to fit 4 columns which gets a bit small

small pike
#

@polar kelp That's a really interesting idea! How does it work on mobile though?

polar kelp
#

Should work...

crimson fable
#

@polar kelp

could be a workaround. however, I only want these limits to apply on this one device :/

clever ore
#

You can use CCH to hide/show a view for that device or you could make a variable in template-card that looks for a string in navigator.userAgent

crimson fable
#

so no way to limit column count in stock?

clever ore
#

no

gloomy raven
#

i changed from the yaml mode to the "new" mode in Lovelace and now i am always getting following error:

#

what is my noob-mistake? πŸ˜‰

#

in yaml mode i is working flawless

elder pendant
#

any particular reason you are indenting by like 11 spaces?

sharp locust
#

Hello all. I added a couple MQTT switches but when I add those in the UI, instead of showing a switch it shows two on/off buttons (https://cl.ly/168a3cf1863d)
How can I make it a regular switch?

elder pendant
#

What does the config look like? Do you have a state topic?

gloomy raven
#

this was because of copy and paste out of a fully functional yaml file

elder pendant
#

It's only when you try to save that card?

gloomy raven
#

yes

#

if i hit the save button the error occury

elder pendant
#

You copied the entire contents of your ui-lovelace.yaml file into your raw config? Or are you trying to do it one card at a time?

gloomy raven
#

no, i copy the code in the screenshot from the yaml file into the ui-interface

elder pendant
#

So you are trying to do it one card at a time. Have you tried copying the entire contents into the raw config?

#

Please share the code itself instead of just a screenshot

kind shellBOT
polar kelp
#

I think you may have a trailing whitespace character or something after cards:

sharp locust
#

@elder pendant , my apologies, only saw this now. Yes, I do have a state topic. This is the config:

latent moss
#

starting to make my first custom theme and running into frustrations, i am wondering if the weblinks are always forced to use primary-color ? I am doing a dark theme and wanted a dark header area, but it seems if I do that then I can't read any text. Only way to have visible text seems to set a bright primary-color so it sticks out, but that kind of defeats the purpose of a dark theme... Is there a workaround for this?

sharp locust
#
switch:
  - platform: mqtt
    name: "Frontyard Light"
    command_topic: "HallwayRelay/relays/1"
    state_topic: "HallwayRelay/relays/1/state"
    qos: 1
    payload_on: "ON"
    payload_off: "OFF"
    retain: true
    optimistic: true
elder pendant
#

Try setting optimistic to false @sharp locust

atomic halo
#

Good evening all, anyone have a moment to advise on a lovelace solution please?

elder pendant
#

An issue is needed before a solution can be given.

violet talon
#

if I'm using custom_updater, can I use that folder for sending a push message and not having the image be cached?

#

I'm doing an html5 push notification of porch_latest.png, and while the image is updating, the push notification is showing the old image

atomic halo
#

ok, the issue is, I have HA running in caravan im living in at moment, all working fine, just installed 3 float level switches in water tank, set as input booleans and working fine as entities in lovelave 75,50,25%, I would like to display as a gauge or image with blocks... any suggestions please what i should be researching ?

elder pendant
#

Input booleans? Like you are going to manually switch them in lovelace?

atomic halo
#

no, just as input switches,

#

on or off input to show the current level in tank

#

sorry if im not explaining great

elder pendant
#

Why would they not be binary sensors then?

atomic halo
#

appologies, i had my terminology incorrect, they are binaries, at the moment, i just have the 3 entites in a card showing 25% on, 50% on and 75% off, indicating i have between 50 and 75% left in tank, i just would like to display it in a better graphical way

elder pendant
#

You can tie them together in a template sensor that shows the current level as a single percentage value

atomic halo
#

spot on, thanks for the advise, readig up on template sensor now.. cheers

elder pendant
#

Let me know if you need help with the template

atomic halo
#

much appreciated @elder pendant

elder pendant
#

And just as a preemptive solution to a problem I can see arising from this, if you haven't already I would set delay_on or delay_off (whichever one it is when the water level is low) to a minute or two so your sensors don't go crazy if you're moving

atomic halo
#

nice pre-empt, but im static pitched and the tank is on paving slabs, so earth quake depending, i should be ok with delays..lol

elder pendant
#

Oh, yup not necessary then haha

atomic halo
#

ill try figure it out over next few days, but may give you a shout at weekend if still struggling

brittle cypress
#

Anyone tried moving from custom_updater yet?

wheat current
brittle cypress
#

Oh yeah, the instructions looked pretty clear

#

I just didn't want to be the first guinea pig

wheat current
#

You are not πŸ˜‰

brittle cypress
#

As I've spent the last couple of days getting custom_updater working πŸ˜„

wheat current
#

Sorry about that, the main reason I started on HACS is that I found custom updater to be πŸ’© (I made that one to)

signal bay
#

For the picture elements card, is there a way to change the default icon size?

sharp locust
#

@elder pendant , that worked! Thank you!

drifting vector
#

Hi there. Anyone around who wants to try the new Floorplan card for Lovelace? It's all now contained in one single file, and that allows you to have as many floorplan cards as you want, and as many custom panels too.

quaint tundra
#

@drifting vector I wouldnt mind messing around with it!

drifting vector
#

cool... I will send you the file

winter hollow
#

@drifting vector I would like to try it πŸ˜ƒ

warm stone
#

Are there any more good repo's that I should be adding to HACS before I start setting up my lovelace @wheat current

wheat current
#

I have no idea, like you know I don't really use it 😜

tiny raptor
#

need help with mini graph card
I set 2 sensors
https://hastebin.com/ikisiyahif.bash
Now the temperature one is working great but the humidity seems to ignore color_thresholds
any idea why ?

ember crow
wheat current
#

not yet

ember crow
#

thanks

#

great work BTW

#

Are you going to promote on the forums?

#

or just slow start at mo

wheat current
#

I usually don't, but for this maybe, but that is not high on my list πŸ˜ƒ

ember crow
#

you should

tiny raptor
#

found what i did wrong with the color_thresholds
works fine now

#

any suggestions for cool stuff to add to HA ?

timid burrow
#

Are the mini-graph and mini-media card available? I know Kahlik’s repo at the moment is added manually to config yaml

#

I also use a custom sun component? Phil Bruckners one..

tiny raptor
#

@timid burrow what do u mean ?
I use both mini graph and media and they are works fine.

ember crow
#

@timid burrow i added both of them to HACS, it listed them but pulled down a rollup.config file.

timid burrow
#

@tiny raptor yeah sorry I was a little cryptic - referring to HACS @ember crow so sounds like a bug for now?

ember crow
#

Possibly, still new and it maybe the repository doesn't meet the requirements correctly. But it works really well so far

timid burrow
#

I just saw somewhere that @wheat current seemed to be saying unless it was in the main repo it won’t be supported..

wheat current
#

That's a looooooong time ago πŸ˜‰

timid burrow
#

Or was that just custom_components?

#

Ahhhhhhh well.... tell all lol

#

If it’s not going to break stuff I will give it a crack. What about Phil Bruckner’s sun component?

timid burrow
#

And does it still work with the tracker card? Or is that replaced by the panel?

wheat current
#

card rely on that, so it has to go bye bye

timid burrow
#

Gotcha. Thought so. I might ask Phil @tight dawn

pearl hound
#

Hi, is it possible to have an image (that changes) on the right side in an entity card instead of the state of the entity?

hexed nymph
#

Is there a faster way to update lovelace chances other than restarting hassio?

wheat current
#

F5

hexed nymph
#

I'm in yaml mode.

wheat current
#

does not matter, save file, F5 in browser

queen kestrel
#

just installed hass.io and switched lovelace to yaml. imported the config from the default setup and now getting these cards :

#

"No state available for media_player.office"

#

its my roku devices that are all throwing it, i guess because they are off

hexed nymph
#

@wheat current it does seem to. A reload from the CLI doesn't even update it. Restarting is the only way to see my changes.

wheat current
#

That is false

#

@queen kestrel your issue is not with Lovelace yaml or not; you have a state issue, check the entity

elder pendant
#

Do you not need to call reload core anymore to update frontend changes?

hexed nymph
#

Then is there a configuration I can check that may be causing this? It's running as a container and just updating some markdown cards.

wheat current
#

That only reloads customize.yaml @elder pendant if you are using that for Lovelace you are doing something wrong

elder pendant
#

Oh yeah, duh. My memory is failing me today

wheat current
#

If you had a config issue restart would not help

hexed nymph
#

@wheat current I'm using !include within ui-lovelace. That is the problem.

wheat current
#

Really?

hexed nymph
#

yes. Looks like since 0.83.1 !include requires a restart for updates.

#

That will make things messy.

wheat current
#

That sounds strange

#

You are almost correct

hexed nymph
#

0.84.1 πŸ˜ƒ

wheat current
hexed nymph
#

It maybe limited to just Views

#

hmmmm... no idea yet. When using !include for views I require a restart however if I place the view within ui-lovelace I can see changes using F5.

polar kelp
#

Reloading is iffy when there are !includes in the mix. Changes to the included files are not always noticed by the cache.

#

There are two ways to make sure it updates:

  • Touch ui-lovelace.yaml, i.e. open it and save it without changing anything
  • Use the refresh option behind the three dots in the top right corner
#

There is exactly one case when you need to restart Home Assistant to get a change to appear in lovelace, and that is when you create the www/ directory.

dreamy flint
#

Is it possible to edit Card Configuration, while being in panel mode?

hexed nymph
#

Thanks @polar kelp that helps a lot. I did not have to use the refresh behind the three dots. Just touching ui-lovelace was needed for me.

polar kelp
#

Yeah. It's either one, not both.

hexed nymph
#

ah..."two ways". Need to up my font size here.

prime umbra
#

does HACS still requires to have resources: entries?

wheat current
#

It never did?
However, lovelace require that πŸ˜‰

prime umbra
#

πŸ˜ƒ

mental copper
#

Im looking for a nice card for an harmony remote witch can start 3 activities and dependant on the activity replace the direction button entity. Does someone now a good card or other method to do this. Am example code would be nice.

prime umbra
#

@winter hollow for some reason not able to add your weather card with HACS

#

CCould not add repo 'https://github.com/bramkragten/custom-ui/tree/master/weather-card' at this time, if the repo meet all requirements try again later.

winter hollow
#

Have not looked good at HACS but I believe every card should have its OWN repo?

#

My cards are all in the same repo

prime umbra
#

i see

#

will you make those changes?
or is there anyway to bypass that .... got to love your weather card πŸ˜ƒ

winter hollow
#

I will check it tomorrow

prime umbra
#

thanks mate πŸ˜ƒ

winter hollow
#

First I’m going to install HACS and check out the good work of @wheat current πŸ˜ƒ

junior whale
#

is there like a site which has a preview of all the lovelace cards out there?

wheat current
#

That will never be possible

junior whale
#

awww 😭

wheat current
#

Wait

#

GitHub, they are all on GitHub, go search there πŸ˜„

winter hollow
#

You should make a curated list of cards that is included by default

wheat current
#

There is one πŸ˜‰

junior whale
#

in theory, you could do a test and make a screenshot ;p

winter hollow
#

In theory every card builder should provide that screenshot

wheat current
#

But in reality, every builder want to to it like he/she want to do it πŸ˜›

junior whale
#

that indeed..

#

some don't even do the updater thingy

wheat current
#

I get that

junior whale
#

was that now ok again? the updater, i read once that it needed a redo etc

#

goes so fast these days ;p

wheat current
junior whale
#

well that looks a bit.. well how shall i call it..

#

awesome ! πŸ˜›

#

i do feel a small creepy feeling that at some point if you want to have like this super cool HA setup, you need to add repo's from all over the place since its growing so big. It is a good thing though, in the end you would just want the entity editor allowing you to "add" a new entity and it would say "this card is missing, would you like to download it?" πŸ˜ƒ

wheat current
#

All actions are done with web calls ("API-ish"), so that is actually doable πŸ˜›

inland swallow
#

how would I go about this?

junior whale
#

in the end, i see paulus trying to make it more generic with wizard and all for new users, while on the techie side it becomes more a "find your thing" it is always hard to keep both beginners and advanced happy

#

isn't that a cover?

inland swallow
#

yes, it is

junior whale
#

nice house

inland swallow
#

haha, thanks... unfortunately still a dummy for now πŸ˜ƒ still renovating

junior whale
#

πŸ˜ƒ

#

Think you need to make a map instead

#

you could perhaps use a button-card and make small icons and a picture above it..

polar kelp
#

@inland swallow You'd have to use picture-elements instead and add the bottom row manually.

inland swallow
#

alright, thanks for the input

polar kelp
#

There was an element for covers added very recently iirc.

inland swallow
#

ahhh, excellent πŸ˜ƒ also, I stole that first screenshot from your custom slider card, so thanks for the nudge in the right direction πŸ˜„

polar kelp
#

Alternatively, I suppose you could make a couple of template switches which activate the up/down/stop actions when pressed, and add them to the picture-glance...

winter hollow
inland swallow
#

That last one was actually what I was thinking too... I might give that one a try first

wheat current
#

I'm probably the one that needs to support this by my self for a good while, it's not good trying to support something that you do not understand.
The way it is now, it messy, but I know where everthing is, and how it works πŸ˜›

#

I think you are the first one reading so far down πŸ˜›

winter hollow
#

haha true true, you should learn it and then do a rewrite in a couple of weeks πŸ˜›

wheat current
#

weeks πŸ˜‚ , probably more like years

winter hollow
#

if you have questions @mild veldt can always help πŸ˜„

wheat current
#

He has been verry helpful already πŸ˜„

mild veldt
#

Lies

ember crow
#

@wheat current Is there a process to update HACS or just a manual file copy, if so which files?

kind shellBOT
#

Ludeeus is away for 4m 43s with a message :point_right: πŸ’€

prime umbra
#

HACS looking good

#

@mild veldt wasnt able to set you radial-menu card in the HACS

#

it seems is complaining about
Expected file radial-menu.js not found in ['babel.config.js', 'rollup.config.js' - for custom-cards/radial-menu

mild veldt
#

@ember crow if there is an update available for hacs itself you just go to settings to update

ember crow
#

hmm, running v1 and not showing any update, i can see 2.1 available in repo

mild veldt
#

From settings, try reload data

ember crow
#

ignore, just reloaded data and there

#

gonna be one of those days i fear

mild veldt
#

@prime umbra worked for me yesterday

prime umbra
#

hmm when i try to add the link
Could not add repo 'https://github.com/custom-cards/radial-menu' at this time, if the repo meet all requirements try again later.

mild veldt
#

You can't add it as it's already in custom cards repo

#

It's in the store by default

prime umbra
#

ohh let me check

#

@mild veldt you sure radial is on store?

#

i see nothing there

ember crow
#

i can see radial-menu in the store

prime umbra
#

hmm

#

let me reload or restart

quaint tundra
#

does anyone else have issues using a camera view as a card for a picture elements card?

brittle cypress
#

Can you use !include or something like that in the raw config editor for lovelace?

prime umbra
#

@ember crow for some reason cant see nothing lol, so strange πŸ˜ƒ

mild veldt
#

@brittle cypress no

brittle cypress
#

Ah

#

I seem to be hitting a brick wall w/ Lovelace;

  • The visual editor is nice for 90% of things, I don't want to go to yaml mode
  • ...but I need yaml for some views - it's becoming incredibly spaghetti to manage button card templates used by button cards that are created by JS from config-template-card

Is there a "split" mode? Raw yaml for complex views, the default visual lovelace view for most things?
Or some kind of toolchain to ease the complex yaml pain?

#

Right now I have a JS file that I edit, then paste into a yaml file, then paste that yaml file into the visual editor's yaml editor, then look to see if my change worked - if not, have to make a change in the JS file and start all over again :p

tacit cave
#

just go full yaml, it's not that much overhead.

#

at this point, i personally don't have any 'non-complex views'

#

also, learn anchors, they'll shorten your config

brittle cypress
#

..gonna do it. Going full yaml

tacit cave
#

it's worth it. Once you go complex you can get anything you imagine

brittle cypress
#

That's pretty stunning!

tacit cave
#

@mild veldt is it possible to modify your text-divider-row to make the lines transparent and the text left justified using card-modder?

mild veldt
#

That sounds like a label row

tacit cave
#

ya, is there such a card?

#

I half-assed looked

mild veldt
#

It's in core

tacit cave
#

huh, i couldn't find it in the list of entity-rows

#

is it in another location?

mild veldt
#

Section not label

tacit cave
#

Yeah, I'm using that but I coudn't figure out how to make the line invisible

#

i mean transparent

mild veldt
#

I haven't really played with card modder at all

tacit cave
#

yeah, it just has the ability to change colors. Hmm, that gave me an idea. I bet I can change the color that the line is using to transparent

mild veldt
#

Or at least match your background

tacit cave
#

yeah, thats transparent... hahah

#

I like flat UIs

#

I think it's using text color, so i'll try that or look at the code

#

yep var(--secondary-text-color);

timid burrow
#

anyone using fold-entit-row with a history graph?

ivory salmon
#

hey

#

is there a UniFi card?

atomic glacier
ivory salmon
#

no idea how to even download it

#

noob

#

What' s the easier weather card to add?

radiant drum
polar kelp
ivory salmon
#

@polar kelp can you help me install the spotify component on homeassisstant

polar kelp
#

no

#

I never used it myself

unreal urchin
#

can i use > or < in state_filter on a glance card? trying to show batteries under a certain %

#

or maybe change icon color based on %

polar kelp
atomic glacier
#

Could something in the HACS system affect the functions related to the more-info mechanics? Specifically popup and browser-commander functions? @polar kelp This is really weird...out of 32 other cards, nothing else is affectedπŸ€” ...and of course my entire set up relies on those 2 plugins😐

polar kelp
#

Can't see how... Did you just hacs and nothing else?

atomic glacier
#

yeah, weirder part is even tried to revert by reconfiguring those 2 files, paths and adding version numbers it still won't respond. Like they aren't even there. No errors anywhere that I can find...

#

Looks like I'll have to remember how to walk to the kitchen to make my coffeeπŸ˜‚ ...I'll try to catch him in a bit...thanks

polar kelp
#

Is it only the browser-commander popup that's not working, or is it popup-card too?

latent sail
#

you can create tap_action toggles on entities in a glance card, yah?

latent sail
#

thx -- ive been cribbing from that page

#
  • type: glance
    title: Downstairs
    entities:
    - switch.basement_lamp
    - switch.basement_light
    - switch.desk_lamp_left
    - switch.desk_lamp_right
    tap_action:
    action: toggle
#

each -switch needs to be treated as a -entity itself then?

polar kelp
#

Yes. There's an example at the bottom of the page

latent sail
#

ty

#

perfecto -- thanks much!

radiant drum
#

How can i splitt these? I want on on the left and one on the right ```
type: custom:bar-card
entities:
- sensor.disk_use_percent
- sensor.disk_use
title_position: 'off'
icon_position: left
align: left
title: Harddisk
show_icon: true
icon: mdi:harddisk

wheat current
#

horizontal stack?

radiant drum
#

i think it needs to be done with individual config options per defined entity. Not sure how to do this.

wheat current
#

Clone what you have, so you have two, place them in a horizontal stack card, then remove one entity from each, so they show different items

kind shellBOT
radiant drum
#

i also get this: ui-lovelace.yaml contains duplicate key

wheat current
#

wait.

#

Forget everything I said

#

just add columns: 2 to it and it will work

sturdy bough
#

Question:
To use the live stream on lovelace, do i have to configure a "generic" camera, or i can use it with, maybe, a onvif one?

viral root
#

how i put a card to full width?

#

using custom:list-card but the title of an entry is way too long

#

i'm using just the default example layout

rough portal
#

wow

#

when can i use such weathermap and room ui?

polar kelp
#

Click the three dots in the top right and select "Configure UI" and you can see excatly how it was done.

rough portal
#

wow

polar kelp
#

Have fun!

rough portal
#

are all these things live?

#

looks amazing with the "map" of the house

polar kelp
#

If by live you mean if he switched a lamp on it would show up on the map, then yes.

#

If by live you mean actually connected to @raven nacelle s house right now, then no - but that would be fun...

rough portal
#

i mean "live" as in the latest stable build πŸ˜„

#

that i use

mortal cape
#

It's been live since January?

mild veldt
#

@rough portal it uses the current release but any of the custom cards are probably outdated versions

honest herald
#

Iv just split up my lovelace config into seperate yaml per tab view, noticed it just update right away when I refresh the page after editing

#

Usually have to restart HA to get it to change

polar kelp
#

Assuming you mean the opposite of what you said... try pressing the three dots and select Refresh.

honest herald
#

ah ok

#

I was using ctrl-R in chrome

polar kelp
#

Man... does anyone have a Snickers?

honest herald
#

which always worked when it was all in one file

polar kelp
#

Yeah. Includes will do that to you.

honest herald
#

oh really? Okay noted.

atomic glacier
#

@polar kelp it's both. The popup when called from popup card only opens the 'more-info' for that entity and browser-commander doesn't respond either to popups or any regular functions, eg. navigate, popup.... @wheat current Could something in the HACS system affect the functions related to the more-info mechanics? Specifically popup and browser-commander functions? This is really weird...out of 32 other cards, nothing else is affectedπŸ€” HACS created the folders for all the cards and most had the .js files in them(a few were empty, but I added them manually and they are working), not sure where to go from here to troubleshoot?

wheat current
#

I really really doubt it.
but remove it (comment out it in config), restat, then user /local/* as the url

atomic glacier
#

I did that as well. I moved the 2 plugins to the original file path and I even created a new path for the 2 files /config/www/lovelace-popup-card/popup-card.js, tried also adding different version #'s and the popup action still doesn't work... Have went through several restarts and all the usual fixes. I'll give it another go and see.

next aurora
#

hey guys, can someone explain to me how a user is supposed to know the type to use when adding a card to lovelace?

wheat current
#

Look in the readme of the repo for it

next aurora
#

and if the developer doesnt say....

#

what then ?

wheat current
#

Ask the dev by opening an issue,

next aurora
#

ok, but there is no way to determine it myself from within the js file ?

ivory salmon
#

Does UniFi have a card?

polar kelp
#

Both of those probably works as js.

#

When in doubt try module. If you get errors try js and see if they change.

#

If a script starts with import it’s definitely module.

prime umbra
#

@wheat current sense hacs creates is own file in storage, we no longer will need the storage filecustom_updater.cards correct?

#

was wondering also about the tracker card if will still work sense is available on store?
im guessing isnt working cause i have set it up and nothing shows , so reload data is our way to update things.....

low tide
atomic glacier
#

@low tide Go to the states UI on the info page...should work and "complex lovelace configuration" ??? easy to convert and use ui-lovelace for faster UI refreshes/changes

elder pendant
#

That will work for now, but you should start migrating to lovelace. States UI will be removed in the future

prime umbra
#

@atomic glacier i can see browser commander and pop up card not working... i have 2 HAΒ΄s on, doesn't work in the one that has HACS, so i think it has to do with it....

atomic glacier
#

@prime umbra yes, confirmed. I just reinstalled from a snapshot, installed HACS and only added those 2 cards + 2 to check and it broke the plugins...again @wheat current

low tide
#

😦

elder pendant
#

🀷 that's how states looks. If you want it to look like what you have in your original picture you'll have to take a few minutes to convert to lovelace

prime umbra
#

@atomic glacier are you using mini media player or mini graph cards?

low tide
prime umbra
#

its seems no suport yet for those

atomic glacier
#

graph

prime umbra
#

is it working ?

low tide
#

I'm having a hard time understanding how to convert groups.yaml to ui-lovelace.yaml

wheat current
low tide
#

and why I'm not loading in some of my components (such as lifx lights) for some reason all of the sudden

elder pendant
#

@low tide that should take no time at all to convert to lovelace

atomic glacier
#

nor a few others, I ended up with 34 in HACS and about 9 that wouldn't load

low tide
#

@elder pendant using the ui-lovelace.yaml or using the UI configurator? Do I actually keep using a groups.yaml? if so, for what?

prime umbra
#

ya same here, but i guess its expected sense its a new thing, ludeeus did a good job in coming up with hacs, looks very nice....

low tide
#

as I'm seeing people with and without them on github

elder pendant
#

Groups are used for control now, not for UI. So if you had a group of lights that you want to control together

#

Lovelace cards are the equivalent of groups now as far as UI is concerned

low tide
#

Ok, so I have two bulbs I group as office lights that turn on via a z-wave motion sensor

#

But can also turn on separately as well

elder pendant
#

Right, that's the only thing groups are good for now

#

As far as UI is concerned groups don't affect the way things look

low tide
#

ok so I need to add

lovelace:
  mode: yaml
#

to my configuration.yaml

#

and there's no way for me to automatically convert my groups.yaml to a ui-lovelace.yaml?

atomic glacier
#

@low tide IDK if this is still around, but it literally took me 10 mins to be up and running in ui-lovelace YAML mode ```# This file was automatically generated by lovelace_migrate.py

https://github.com/dale3h/python-lovelace```

#

it converts the groups to LL yaml

low tide
#

most stuff isn't loading right now for some reason

#

like lifx, automations, etc

atomic glacier
#

the main structure for the rest of your config stays the same. LL just displays the info for viewing

#

I would look at a few repos that are simple...(not mine), to get a few ideas

#

@prime umbra were you sucessfull trying to revert back from the breaks? I just reconfigured back the way it was and it stays broken. Going back to my snapshot and not trying to install those 2 in HACS for now. I'll wait until after issue is resolved

low tide
#

@atomic glacier most of the configs I follow are far too complicated for what I need to get back to having work before I make things complicated

#

any suggestions?

prime umbra
#

@atomic glacier i didnt try to revert back yet... might be a option hehe

atomic glacier
prime umbra
#

i see why you would go back for now @atomic glacier you a browser pop up monster πŸ˜ƒ

atomic glacier
#

@prime umbra everything in my set up now...50+ popups, couldn't make my coffee this morning, LOL

polar kelp
#

@atomic glacier I installed hacs on my dev setup and popup-card still works...

prime umbra
#

wont work here....

atomic glacier
#

@polar kelp ...after I reverted back to my snapshot it went back to normal and then with only 4 plugins in HACS it went back to the regular more-info popup...strange, 2 were popup and B-C plugins...just strange

#

restarts, caches, different users...doesn't seem to phase it here...

polar kelp
#

Any luck with the debug option?

polar kelp
#

Also, do you have layout cards in your popups?

atomic glacier
#

@polar kelp sorry, stepped away for a min. My first view(/lovelace/0 ) is a huge panel layout view with 5 different views contained within it which has 5 different users access, but the switching part isn't affecting it as when a restart is cycled I can keep the browser opened and still no pop up. I've done every different scenario that I could think of. 4 snapshot restores and every time same issue. Mobile, tablets and pc all the same result. Popups are all global except for B-C ones that are scripts. I reverted back for now, as my UI is useless without them

polar kelp
#

And it only happens when you install hacs? Do normal more-info dialogs work? Do you have sun: or default_config: in your hass config?

atomic glacier
#

yes, just as soon as I install hacs it happens. Yes for sun and no for default_config

#

I use mostly dummie MQTT entities for popups

#

EDIT: as soon as I add the 2 plugins, this last time it happened as soon as I added hacs

polar kelp
#

which plugins again?

atomic glacier
#

popup and browser-commander

#

I sent PM with code if needed

#

gotta be gettin late where you are...get some sleep, I'll still be up when you are back around. I'll play with it a bit more and let you know if I find anything@polar kelp

scarlet heart
#

not sure if this is lovelace specific, but does anyone know how to have automations in the main panel along with Overview Map, Logbook etc. I did create a new panel_iframe with config/automation , however, that still shows the left panel rather than the automations page. Any suggestion is highly appreciated

livid oracle
#

Hi, what do you guys feel is the best touch screen interface to use now that we have lovelace?

sturdy bough
#

With 0.93 i have serious prolblems with my streaming cameras from BI. Of my 7 cameras, only one is showing video, and only 10-15 sec that i open the HA page with all of them. The others stays empty. No error in logs that i can find.
Example of one of the cameras config:

  - platform: generic
    name: Cam Ingresso
    still_image_url: "http://192.168.0.27:81/image/CamIng"
    stream_source: "http://192.168.0.27:81/h264/CamIng/temp.m3u8"
dusky mist
#

Does card modder support custom elements on a picture-elements card? I have a hui-image-element that I want to apply rounded corners to using the border-radius CSS property, I tried the following config but no dice:

#
                - type: custom:card-modder
                  style:
                    border-radius: 100%
                  card:
                    type: hui-image-element
                    entity: group.tracker_bob
                    state_image:
                      "home": /local/people/bob.jpg
                  style:
                    top: 15%
                    left: 25%
#

This error appears in the UI: Custom element doesn't exist: hui-hui-image-element-card

wheat current
#

prefix it with custom:

dusky mist
#

Oh nice

#

Thanks - it now shows, but I can't see the border-radius rule applied anywhere

#

I guess because there's no ha-card element

#

OK, got it using extra_styles

#

thanks!

polar kelp
#

@dusky mist Try without card-modder

#
type: image
...
style:
  top: 15%
  left: 25%
  border-radius: 100%```
dusky mist
#

@polar kelp That works as well, thanks

#

Although it seems like images are being absolutely positioned differently on my laptop vs my tablet, I guess due to the different resolutions? state-icon elements are correctly positioned on both though... Has anybody seen this before? The image element and the state-icon element are both absolutely positioned using %s

#

Ah wait, the icons are also slightly misaligned between screen resolutions, you just don't notice as much because they're smaller, but only when the view is set as a panel, otherwise they seem to match

atomic glacier
#

@dusky mist Pixels and dpi affect the display with different devices. I would suggest designing the view for the intended device and then duplicating it and changing the screen resolution for each device intended to view it. Using https://github.com/thomasloven/lovelace-layout-card will make the task much easier as you can set the view by percentages or pixels as well as using F12 option where you can set the screen size you wish to display the layout you are creating. Hope that helps...

kind shellBOT
viral root
#

all fine, had to reload the lovelace gui

scarlet heart
#

trying again" Does anyone know how to have automations in the main panel along with Overview, Map, Logbook etc. I did create a new panel_iframe with config/automation , however, that still shows the left panel rather than the automations page. Any suggestion is highly appreciated

low tide
#

Okay, I think I'm finally sorting out this lovelace vs groups.yaml separation now. However, now my groups.yaml doesn't seem to be actually loading as I can't add or call to a group. Anyone have any specific ideas? Here's a copy of my groups.yaml https://hastebin.com/cajinecagu.css

elder pendant
#

Did you run a config check?

short edge
#

Can Lovelace handle image opacities in Picture Elements? I want to make the background a bit more transparent

elder pendant
#

Yes

#
style:
  opacity: 0.5
short edge
#

Tried it. It didn't work for the background image

elder pendant
#

Oh background image, sorry. I think you need a custom card for that. card-modder comes to mind

short edge
#

Tried that too. Because it's a picture elements card, it has to have a background even withing the modder. So it still doesn't work

elder pendant
#

You can also do tricksy things like a blank background and overlay an image through an element

short edge
#

And trying to use a transparent image just gets filled in with white

elder pendant
#

Maybe card background is a theme based property. I'm not sure if you can change the background of just one card

#

What did you try with the card modder?

short edge
#

I'll have to check my code when I get home then I'll post it

pearl hound
dark bison
#

Hi guys, I seem to miss something with regards to the generic_webcam module and the picture-glancecard. I have added this to the card config:

type: picture-glance
title: Test
entities: []
camera_image: camera.generic_camera

But it does not display the webcam image?

wheat current
#

@brittle cypress you can wrap a the custom template card around your bar card to get the value you want

covert wharf
#

Hey all, is it possible to have the buttons of a "mqtt cover" component use a hold action? I have a garage door sensor set up and ready, but i don't want it to open the door if I accidently click while swiping on my phone.

#

I tried this, but it didnt work

#
  • type: entities
    title: Garage Doors
    show_header_toggle: false
    entities:
    • cover.big_garage_door
      tap_action:
      action: none
      hold_action:
      action: toggle
#

I used that on a picture-entity, and it works great.

#

I could just show the status, and then use a picture entity of a garage door button or something. I just wondered if there's a way to make it work that way in a cover

brittle cypress
#

@wheat current - You mean the config-template-card ?

wheat current
#

yes

brittle cypress
#

So right now I have:

  - type: custom:bar-card
    entity: sensor.disk1
    min: 0
    max: sensor.disk1.attributes.fsSize
    attribute: fsFree
    unit_of_measurement: bytes
    direction: left
    color: green

How would I wrap the max and I guess also attribute in a filesizeformat() type pipe?

wheat current
#

Have no idea, have never tried it, the docs should cover it I think πŸ˜›

gentle tide
#

Anyone know whether it is possible the change the tap behavior in custom:slider-entity-row to toggle instead of more info?

#

I tried this but I think I'm just conflating regular HA lovelace with custom:button-card

- type: custom:slider-entity-row
   entity: light.dining_room
   hide_when_off: true
   tap_action:
     action: toggle
mild veldt
#

"docs" πŸ˜‚

wheat current
#

I said "I think" πŸ˜›

mild veldt
#

'think" πŸ˜‚

prime umbra
#

bad boys πŸ“

slow wave
#

@proper mesa I am not, but I like it :D

proper mesa
#

@slow wave it's a great project! i like it, if only it would work as the doc say

#

i'm kinda having a bad time to group the media_player but honestly, i believe that only if you use it you'd know it :/

proper mesa
#

Alright, and also this is fixed. I had to create a group in Alexa app to group the 2 echo media player together

severe idol
#

hey guys, what's the easiest way to round a percentage down to one digit?

#

I have one sensor that is reporting 12.34%

#

I'd like to round it to either a whole number (12%) or just one decimal (12.3%), only for Lovelace interface. What's the easiest way to achieve this?

mild veldt
#

config-template-card

clever ore
mild veldt
#

"easy"

#

Subjective

#

I always mess up template sensors πŸ˜†

clever ore
#

Really depends on why you need it rounded

#

I really ❀ config-template-card

#

Can't imagine my setup without it now

gentle tide
#

I think noobs like me would benefit from a Lovelace Card ranking system. Something that makes it clear what the skillset should be of the user before they dive into the weeds.

mild veldt
#

@gentle tide that would be highly subjective

gentle tide
#

It wouldn't need to be if we outlined what level of knowledge each rank expects.

#

For example

#

If you were well versed in jinja, css, and json, chances are you are expert level.

#

but if you have no idea how to use a backtick in discord or on the forums, you are a beginner. (Of which I have been guilty)

#

There are ways of "de-subjectifying" anything.

atomic glacier
#

Hmm...according to that ranking system... I rank as a beginner who knows what a backtick is 😜 cuz in my unschooled brain... jinja=sounds like a martial arts expert... json=sounds like the dude that lives around the corner...and I can barely even spell css, (I usually get the letters mixed up πŸ™…πŸ» ) and I don't think I've ever been unsuccessful getting a plugin or card to work that someone in Discord or Forums hasn't been able to help with, but then again... if the docs aren't clear and explanatory, I do tend to skip it unless it's something I just gotta have πŸ˜‰

deft hatch
#

hey, very new to lovelace and trying to set it up.

i cant quite work out (maybe it's not do-able) how to entity-filter with glance, but with a tap action to toggle?

is it possible considering entities are loaded in the entity-filter, not glace?

polar kelp
#

Yes. Just add the configuration to each entity as usual, but in entity-filter instead of in glance. There’s an example in the docs

deft hatch
#

Thanks Thomas, I must have just had my config wrong when I tried doing that.

Appreciated.

kind shellBOT
split granite
#

@untold hound PLEASE stop repeatedly posting the same thing

#

The bot is cleaning up your mess, so that folks don't have to suffer from walls of text

untold hound
#

How can I post it then?

split granite
#

🀦

#

Did you not notice the messages you were tagged in

untold hound
#

yes

split granite
#

Right, so you have posted it

untold hound
#

ah

split granite
kind shellBOT
#

@untold hound 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.

untold hound
#

thanks

honest herald
#
    icon: mdi:garage
    name: Garage Door
    action: toggle
    entity: switch.garage_door
    state:
      - value: 'on'
        color: rgb(117, 189, 111)
    size: 10%
    styles:
      card:
        - height: 100px```  looking into using the binary_sensor.garage door to use as state for open or closed  not sure how to input that. Is it a template? Looked at the docs but not too sure.
livid oracle
latent moss
livid oracle
#

@latent moss Ok thanks, I will play around with that I may be able to tweak the JS to make it work. Thanks!!

crimson fable
#

Can I force the lovelace date format to 24h?

scarlet heart
#

Hey All - I have a couple of custom cards for lovelace that work perfectly on the desktop. However, on my iphone X, even with Safari or Home Assistant 2 Beta ios app, I keep getting custom card does not exist. Any suggestions ?

gentle tide
#

flush your browser history (aka cache)

lament fulcrum
#

I feel good

#

I set up my Monster Card all by myself πŸ˜„

worldly hill
#

so, what is the preferred method? Run the UI in manual mode where I add all extra stuff or leave it in auto? (for a beginner like me) Can you switch it back to auto?

gray kernel
#

you cannot switch back to auto

narrow tiger
#

hey guys, total noob coming from openhab, I did a full install of latest hass on a brand new ubuntu installation. everything is working but I clicked the manual lovelace edit mode and now can not go back to auto mode which is fine, but some people are talking about a lovelace.YAML file, which I cant find anywhere in the config files, I was able to build some nice cards and would like to back up the UI but I cant find that lovelace.YAML file, and the configuration.yaml file will not back up the UI. I DID however find under .storage a file with no extension called lovelace that seems to correspond to things I create in LoveLace but its not in Yaml format and very difficult to edit raw, can someone explain the whole lovelace.YAML file and where could it be?

#

but is it good practice to use YAML mode or stick with the file in .storage

split granite
#

There's little reason to use YAML mode these days

polar kelp
#

@gray kernel yes, you can. Remove the file <config>/.storage/lovelace

livid oracle
#

Question on button-card, I want to be able to change the view on different platforms, iphone - 3 buttons, ipad 6 buttons, then if the screen is wider, such as my laptop it will be longer, but as you change the screen size it will move the buttons to a new row automatically.

honest herald
#

@split granite is it a pain to migrate away from yaml mode?

split granite
#

No

#

There's a blog post from some time back that describes it, if it's not in the pins a search should find it

open seal
#

Trying to use the hold_action to run a script, bit it's not starting the script.

#

Code coming

split granite
#

Cool, I was going to ask πŸ˜‰

open seal
#

@split granite

camera_image: camera.kapu
entities:
  - switch.gateremote
  - switch.gate10
  - light.garden_light
title: Gate
type: picture-glance
hold_action: call-service
service: script.turn_on
service_data: 'entity_id:script.gateremote'
split granite
#

And you only missed the card type 🀷

#

I mean, it's 99.9% likely that you've an indending problem

#

Hmmmm, and are following an outdated guide possibly

#

Tap and hold actions aren't formatted that way

open seal
split granite
#
    hold_action:
      action: call-service
      service: ...
open seal
#

works, thanks!

hold_action:
  action: call-service
  service: script.turn_on
  entity: script.gateremote
split granite
#

Somewhat, but not quite

#
hold_action:
  action: call-service
  service: script.gateremote```
or
```yaml
hold_action:
  action: call-service
  service: script.turn_on
  service_data:
    entity: script.gateremote```
crimson fable
#

@polar kelp slider-entity-row.js is displaying every light value +1% in my setup.

is this a known problem?

25% slider becomes 26% right next to the slider

polar kelp
#

Sounds familiar. Could you check github if there's an issue, and open one if there isn't. slider-entiry-row is up for an overhaul pretty soon...

crimson fable
#

will do

polar kelp
#

Thank you!

crimson fable
#

thanks for your useful custom cards

polar kelp
#
full_row: true
hide_state: true```
crimson fable
#

Ah its above the check for _hass so thats why I didn't find it

viscid canyon
#

is there a recommended resolution for floorplans on picture-elements cards? I'm doodling something in InkScape, and export to png, but I can't seem to get what I see on the front end to NOT require scrolling. I have panel=true on, so it would fill the browser window. But it seems it scales it up too much, all the time. Not matter what size I've exported from inkscape. Anyone seen this before? I feel like I'm missing something obvious.

split granite
#

You might want to consider the new Floorplan custom card

viscid canyon
#

thanks!

vapid field
#

Does anybody know how to nicely align an ha-icon within a mwc-button?

#

And the code: <mwc-button dense id='bell-everywhere'><ha-icon class="mdc-button__icon" icon="mdi:bell-ring-outline"></ha-icon></mwc-button>

#

Ideally, it would be within the red box

quaint tundra
#

is there a way to add a theme variable say in my ui-lovelace.yaml that will override a variable in whatever theme I am using?

gentle tide
#

I need a sanity check - Is it not possible to style Title text on an Entities Card with Card Modder?

#
              - type: custom:card-modder
                style:
                  height: 25px
                  border-radius: 10px
                card:
                  type: entities
                  entities: []
                  title: test-label-1
                  show_header_toggle: false
                  style:
                    - text-align: center
                    - height: 25px
                    - text-transform: Titlecase
brittle eagle
#

Hey guys

#

Any idea why all my older android/apple tablets cant render the full home assistant page

#

Running https incant get the login page tongonfuther then initializing

gentle tide
#

I had a similar problem on an ipad running ios 9. The browsers were simply too old.

brittle eagle
#

Hmm thought so but there must be a fix right

gentle tide
#

In my instance, I couldn't fix it so I gave up/

wheat current
#

Forcing es5 might work for some things

brittle eagle
#

On the tablets that is? Let me google for that setting

brittle eagle
#

You made my dat once again

#

Thanks

honest herald
#

what would be the ideal method to display my cameras through Blue Iris in a lovelace tab but not live stream? Something like every 5 10 seconds

empty heath
#

@wheat current I think as of 0.93.0, the fronted JS version config key is no longer used.

kind shellBOT
#

Ludeeus is away for 8m 55s with a message :point_right: πŸ’€

brittle eagle
#

Hmm indeed nothing fixed yet

#

To bad

desert reef
#

Happy Sunday everyone!

#

Is there a way to use the person entities in the Lovelace UI?

brittle eagle
#

I have it in my glnce card

#

@wheat current it works on the ipad, but not all custom cards work, is this due to the js age of the tablet?

kind shellBOT
#

Ludeeus is away for 26m 3s with a message :point_right: πŸ’€

honest herald
#

how often does a camera image refresh when using picture -glance?

desert reef
#

All the examples I'm finding are creating a sensor, and not using the person entities directly.

gray kernel
#

@gentle tide target .card-header (the whole header block) or .card-header .name (just the title text) in extra_styles

gentle tide
#

@gray kernel So something like this?

extra_styles:
  text-transform: Titlecase
  height: 25px
gray kernel
atomic glacier
gentle tide
#

@gray kernel Yea, I've read the documentation several times. Unfortunately, I don't know what extra_styles: > @keyframes blink { 50% {background: red;}} actually means nor do I know where to learn about this advanced feature. Thanks anyway.

gray kernel
#

that would be css

#

ok so basically extra_styles: ".card-header { text-transform: Titlecase; height: 25px }"

atomic glacier
gentle tide
#

Thanks @gray kernel and @atomic glacier. I never would have guessed that was CSS.

fallen badge
#

Trying to make a card with a custom slider but not getting it to show at all. Any ideas what I might be doing wrong? https://pastebin.com/sxFx2uTE

gray kernel
#

can you post a screenshot of the whole card?

fallen badge
#

2 sec

gray kernel
#

this is a hypothesis:
that's a glance card and you're trying to put an entity row in it; I don't think that works
will it show up if you switch to an entities card as opposed to glance?

fallen badge
#

Oh it does! Man thanks! I'm so stupid! Hahaha

gray kernel
#

you're not. I can't think of an alternative that lets you do a slider in glance

fallen badge
#

I might do two conditional cards, one glance so that my 4 scenes get in line and one with the slider under. Im not sure

desert reef
#

Ok, in case anyone's interested... I was able to get the person-glance card to work with the person component. I had previously set the person's (people?) up via the UI and that wasn't working for some reason. I set them up manually via yaml config and that worked. Except... For my wife it worked fine, and I have a person.wife that I can reference just fine; for myself, I ended up with a person.husband_2 with no sign of a person.husband to be found (so far).

gentle tide
#

Anyone know of an alternative to layout-card? I need something that plays nice with custom defined card sizes.

gray kernel
gentle tide
#

I did something similar with button card myself. All my fans spin now. πŸ˜„

#

@gray kernel Did the native spin: true feature in button card not work for your use case?

gray kernel
#

🀦 I should learn to read documentation before assuming no one has done something before and doing it myself

gentle tide
#

lol

#

Look on the bright side, you know how to do it yourself.

#

Most of the rest of us do not.

quaint tundra
#

whats the component namespace for logging lovelace errors?

wheat current
#

Frontend, but you will probably have more luck checking the browser console for errors

quaint tundra
#

cheers @wheat current

livid oracle
#

HI, I am trying to use !includes to allow me to have separate YAML files for each view. I always get UNNAMED VIEW, is this because my included file is wrong or it can't find the file?

latent moss
livid oracle
#

@latent moss Ok thanks I will have a look, for what ever reason I can't get it working. Thanks I will let you know.

#

I am getting UNNAMED VIEW

latent moss
#

yea it's a little bit tricky at first. My problem was that I had the spaces in my included files as well, so it was basically four spaces instead of two.

livid oracle
#

Well I just tried it and it still won't work, I just don't get it.

latent moss
#

Basically your ui-lovelace.yaml file should look something like this;

title: Home
views:
  - !include lovelace/living_room.yaml

then your lovelace/living_room.yaml would look like this. Note how there's no dashes or indents in this included file, because that's already handled above.

title: Living Room
icon: 'mdi:sofa'
path: livingroom
cards:
livid oracle
#

lovelace is a folder in root of the config folder correct?

timid burrow
#

no it's in .storage which is in the config folder

#

and lovelace is a file in there

latent moss
livid oracle
#

Oh I have some success expected <block end>, but found '-' in" /config/lovelace/ui-master.yaml""

timid burrow
#

oh using yaml mode.... gotcha

livid oracle
#

Ok perfect Sean that 's how I have it now.

#

I just need to figure out whats wrong in my include.

#

@timid burrow Yes correct I am in YAML mode.

latent moss
#

its almost certainly a spacing / dash problem tho.. it's a little tricky at first to wrap your head around

livid oracle
#

Got it!!!! Works now!

#

man you are right it was all spacing

#

Thanks so much!!

latent moss
#

No problem

livid oracle
#

I have a lot of space deleting to do LOL

latent moss
#

heh yeah it can be a little time consuming transitioning it at first, but once you do it's much easier to find things rather than scrolling through a 20,000 line ui-lovelace.yaml file like I was doing

#

on visual studio code you can delete the spaces by highlighting it all and then shift + tab i think it is.

livid oracle
#

Ahhhhh Ok let me try that

#

perfect that will save time

livid oracle
#

@latent moss I have a bunch of CSS and template code, I tried to move it out but its not working, I have to put it into the specific views page, any ideas?

latent moss
#

@livid oracle this is for compact-custom-header stuff i assume? i haven't used that card yet, and also don't really know much css stuff, so i'm afraid i can't help much in this area..

livid oracle
#

Nope, this is for a bunch of button stuff I was working on.

#

mostly all CSS stuff

latent moss
#

I have that in my main ui-lovelace.yaml file

#
resources:
  - url: /customcards/github/custom-cards/button-card.js?track=true
    type: module

button_card_templates:
  lightbuttons:
    styles:

title: Home
views:
  - !include lovelace/home.yaml

That's how I have it, you can try that way maybe..

livid oracle
#

Hmmmm I have the resources like that and my views. Its all the CSS that is the issue.

atomic glacier
candid iron
#

Hi guys, I'm having trouble accessing the frontend of Home Assistant

#

Whenever I access http://hassio.local:8123 , Chrome responds with: This page isn’t working hassio.local didn’t send any data. ERR_EMPTY_RESPONSE

#

Tried rebooting multiple times but same thing

#

Any help most appreciated

polar kelp
#

Is this on a new install of Home Assistant?

candid iron
#

Hi, nope, been running for a few months

wooden latch
#

Hi all, having a hold_action issue with a picture-elements card. The entity for my picture is not the same entity that is controlled by the picture. Now to call a service that's easy, I can just give the card an "entity", which is used to select the correct picture and then in the action I use a service-call, where you can select service_data, thereby controlling a different entity. But on hold_action, I would like to get more-info on the second entity that is controlled by clicking the picture and not the entity that controls the state of the picture. But for the more-info action, you cannot add a "service" or "service_data". Is there any way around this?

polar kelp
#

@candid iron What changed and what does the log file say?

#

@wooden latch I have one possible solution, but it's quite involved and requires two custom lovelace plugins.

#

Perhaps you could overlay the entire background with a transparent image element which is connected to the second entity?

wooden latch
#

@polar kelp It's for an open plan area of my floorplan, I'm creating a fade of a dark mask over the rooms to distinguish between different light being on. Already created the required 6 images for all the light states with their respective gradient fades and a sensor template to check what combination of lights are on.... So might as well try more custom plugins πŸ˜ƒ

#

But the problem is that the template sensor which controls which picture elements to show is not the same entity that I want to control when I click on a room

polar kelp
wooden latch
#

@polar kelp awesome thx

polar kelp
#

Though I'd probably go with the transparent image instead. That just works β„’

wooden latch
#

No I did that, but the problem is that it's an open plan area (dining room + lounge), so if I do two transparent images, you can only control the top one

polar kelp
#

I don't get it. You have an image with is controlled by A, and when you click it you wish it to change B, and on hold you wish to show more-info for B?

wooden latch
#

Exactly correct

#

Then maybe I don't understand your solution

#

Sorry

polar kelp
#

Make one image element controlled by A, and then another image element with entity: B and a transparent picture which exactly overlays the area you want clickable.

#

It's ok that you can only control the top one, because that's the point.

wooden latch
#

You genius

#

Thank you

#

How do I make the transparent one to be on top? Will it be the first or last image element?

polar kelp
#

last

wooden latch
#

πŸ™πŸ™πŸ™

wooden latch
polar kelp
#

Looks great!

wooden latch
#

Is there a custom card that allows you to pinch zoom on the mobile app?

atomic glacier
gusty nebula
#

Am I crazy or is there no way to dynamically create a card based on an entity ID filter? Only a static list of entities and dynamic filtering by state?

polar kelp
#

There’s auto-entities

#

But not built in, no.

candid iron
#

Hi guys, does the 'Snapshot' feature in the frontend backup the card layouts as well?

mortal cape
#

Hassio snapshots? They backup everything in /config, so yes.

#

@candid iron

polar kelp
#

I'm not sure. I heard it doesn't actually back up .storage, but that may be outdated info.

mild veldt
#

I've restored snapshots and my lovelace config in .stroage was preserved

mortal cape
#

yeah all hidden directories are included

candid iron
#

@mortal cape Yes Hassio. Thanks for this info!

#

Thanks guys

tiny raptor
#

someone use hacs ?

timid burrow
#

yes...

tiny raptor
#

how can i see custom cards like mini graph ?

wheat current
#

Wait for next version

timid burrow
#

not supported yet - so you can't add that one

#

oh?? well that's good!

inland swallow
#

little idea I've been playing around with in my head (just wanted to check if it's feasible and wanted behaviour, won't be working on it anytime soon); wouldn't it be cool if you could alternatingly increase or decrease the intensity of a dimmed bulb by long-pressing the entity button?

tiny raptor
#

so i can see only custom components for now ?

timid burrow
#

are you going to have authenticated in there as well @wheat current

wheat current
#

Some day, yes

timid burrow
#

there are a bunch of custom cards in there now just a few missing

wheat current
#

Cards have fewer requirements then components, when I'm done with 0.3.0 I'll start looking at my own components

timid burrow
#

sweet..

gentle tide
#

Anyone know whether I can leverage Repeating Cards in Popup-Card by configuring entities to use the same popup_card config with <entity id 1>: <entity id 2>: <entity id 3>: <entity id 4>: <entity id 5>: <entity id 6>:...? I really don't want to create multiple entries in my lovelace file for the exact same popup.

atomic glacier
#

@gentle tide you can use popups globally and reuse the same entity to call the popup in multiple places. The only time I repeat a popup is if I need the same one for different size screens and I just can't get it to fit right...or if I want to call it up with a script, but that's just preference.

gentle tide
#

Right, I understand the global part. But where I get fuzzy is having to declare a popup for each and every entity that I want to use one. That's quite a bit of work.

#

Would be nice if I could just configure "This Group" or "This Domain" should use the pop up.

atomic glacier
#

I use dummy entities...like me, πŸ˜‚

gentle tide
#

lol

atomic glacier
#

actually makes it much easier to keep up with in the long run, though

gentle tide
#

I credit/blame RomRider. His templating work with Button Card and Decluttering Card have refocused my YAML energies towards efficiency.

atomic glacier
#

Same here...and I am still waiting for the smoke to settle with the button card. I've had it installed for ages now and never really used it and it looks awesome lately

gentle tide
#

Button card is SOOOO much better it's unquantifiable. I suggest you reintroduce yourself. There's quite a lot to learn about it.

fallow oak
gray kernel
#

It means the camera has a working live view

#

One way for that to happen is for it to be a stream-driven (RTSP) camera. Another is for it to be an MJPEG or generic camera with a live view URL. Or for a component-created camera to work like one of those

junior onyx
#

how can i make my camera stream take up more of my set up (ie: full screen)?

#

I just used Panel mode that will work for now!

polar kelp
#

That's the solution

gentle tide
#

wrong channel

mint geode
#

Hey guys, some months ago I saw a really nice looking lovleace card on reddit. You could paste in your tracking numbers and it would show up its state of delivery and so on... I can't find it anymore. Has someone seen it as well? I think it had a custom component as well to provide its data.

wheat current
#

@mild veldt you got a link handy? πŸ‘†

mild veldt
#

Nope. Walking

quaint tundra
#

morning all, is there anyway to override a theme variable regardless of whether i change themes?

mild veldt
fierce musk
#

If I've generated lovelace settings in the UI, can I still create and put something in ui-lovelace.yaml?

#

Thought I read somewhere it was one or the other (UI vs yaml) when it came to lovelace config

latent moss
#

@fierce musk in the top right (3 dots) there should be an option for "Raw Config Editor" or something like that. You can place the stuff in there, that's the equivalent of the ui-lovelace.yaml when using UI mode.

fierce musk
#

ahh wonderful, thankyou. found the docs about importing from that into your own ui-lovelace but didn't want to lose the UI editing part if I didn't have to, as I'm still dicking around with the setup

mint geode
#

@mild veldt thank you soooo much πŸ˜ƒ

sacred quarry
#

Hi there, I have a hopefully easy-to-solve problem.. I am trying to set a specific color on an icon based on an sensor value, I did that in the sensor itself but I cannot use icon_color nor rgb_color (the sensor is in a template itself), so I opted for the customize for that sensor with a template and icon_color (tried also rgb_color), but I cannot make it work. I did quite a few threads on the community forum, but beside for what I already test, there was nothing that actually helped out.

#

Has anyone managed to have working custom icon color per-state in lovelace? Would mind share a piece of config I can get inspiration from? πŸ˜ƒ

pallid lance
#

I guess its stupid question but i'm looking for a graph to see when switch was on and for how long, can find how to make it, anyone care to show me some settings and sample?
I have influxdb on my hassio will that help?

split granite
#

Obviously you can do stuff in Grafana or others using Influxdb too

pallid lance
#

@split granite that history graph is not really good as some times switch is on for few min and it hard to pinpoint it to see for how long.
I'm not sure how to use grafana, have any suggestions? I guess ill go and do some reading about it.
Thought maybe have something easierπŸ˜ƒ

#

Tks

split granite
#

Well, the problem is - what do you want?

#

Do you want a pretty graph, a count of how often it was on, or how long it's been on for or...

sacred quarry
#

@split granite do you know if there is a way to customize icon color in lovelace?

kind shellBOT
#
:8ball: 8Ball prdiction:

Question: ~8ball do I know everything?
Answer: Consult Me Later

sacred quarry
#

-8ball is there a way to use custom icon color in lovelace?

split granite
#

If you were to search the post history here you'll get a lot of knowledge πŸ˜‰

sacred quarry
#

But all the searches refer to ppl who or have the problem, or are using custom ui

#

πŸ˜ƒ

#

And all the code example are the same I did already try one way or another

#

Ok, apparently is not supported by LL at all

split granite
#

Correct

split granite
pallid lance
#

@split granite i have an aircone that is in my server room, it turnes on when the room reach a certain temp and off when reach the minimum.
I would like to see few reports.

  1. In the last 24h how long was it on in total, min or Hours.
  2. to see in a graph that times it was on from to for each time it was turned on also in the last 24 hours.
    I'm sure something like this exsite,
split granite
#

Then you want two things, and the two components I linked to

strange sundial
#

Maybe a stupid question, but now with lovelace running as default, is it OK to remove old configs for groups etc.?

elder pendant
#

If you don't use them for control, sure

strange sundial
#

Control for what? Is there a good use case for them still?

elder pendant
#

If you want to control a group of entities as one entity. Turning on all outside lights together for example

#

Areas are meant to be the replacement in the future, but they are still in their infancy at the moment

strange sundial
#

Ahh, yeah that a good use case. Thanks πŸ‘πŸ»

prime umbra
#

@wheat current any specific date when HACS 0.3.0 be released ? πŸ˜ƒ

wheat current
#

When it's done πŸ˜‰

polar kelp
prime umbra
#

πŸ˜ƒ

elder pendant
#

Send him some fuel 🍺 to get it done faster

wheat current
#

Probably not :/ I do have a regular job that also needs to be done, or so I have been told πŸ˜…

mossy timber
#

How do I bring β€œtrigger” buttons of automations up into a Lovelace entities card?

#

I've seen it in youtube videos so I think its possible

muted drift
#

Anybody use the SRP Energy Component? I'm trying to see if I can somehow use an existing card to display the data or if I have to come up with something custom. The sensor outputs its data like this:

kind shellBOT
subtle scarab
#

Hi everyone, I'm basically doing this blindly, with no previous experience. but I have Hassio running on docker in a ubuntu machine. I'm trying to set up custom cards, but my directory is not "config/www/" but instead "usr/share/hassio/homeassistant/www/"

#

no custom cards are loaded/installed

split granite
#

/config/www refers to the location inside the container

#

What you're referring to is from the host, which is quite different

subtle scarab
#

ah

split granite
subtle scarab
#

I obviously have no idea how to deal with containers yet. day 1 and I feel like my brain is catching on fire

split granite
#

If you're running on Docker, as you are, then it's worth taking the time to understand Docker - or you're in for a lot of pain

subtle scarab
#

looks like it, yeah

split granite
#

It's also worth noting that you're not running Hassio on docker - Hass.io uses Docker

#

It's actually a collection of containers

subtle scarab
#

ah yeah, i actually understood that..just badly worded it

split granite
#

Lots of people don't understand that, like lots of people don't realise that Hass.io isn't Home Assistant, but an installer for it - resulting in lots of us jumping on those things to reduce confusion later πŸ˜ƒ

subtle scarab
#

I'm loving the speed increase in comparison to my RPi, but it's definitely going to have a larger learning curve it seems

split granite
#

Most of it will be the same, particularly if you don't use the physical console but use one of the SSH add-ons (either core, or the Terminal one from the community)

subtle scarab
#

well, I'll just have to bite the bullet and do some docker reading

#

thanks for clarifying stuff

split granite
#

No worries

wheat current
#

If you manually change things on the host under /usr/share/hassio/ you can get premission issues, it's better to use one of the addons to manage your files.

subtle scarab
#

gotcha, I'll switch over. thanks for the heads up

steady jolt
#

I'm writing my ui-lovelace.yaml file and i'm wondering if there is a way to have defines like in C/C++
I'm using a specific color for a lot of graph color: "#3b74f9" and if i need to change it i need to do it for all. Is there a way to have something like color: MY_CUSTOM_COLOR where MY_CUSTOM_COLOR is defined somewhere in the yaml file

wheat current
#

I think there is a custom card for that

#

if not, you can always use anchors

steady jolt
#

So it won't be supported by the yaml syntax itself ?

#

ok i'll look into it thanks

gray flint
#

My Weather Forecast Card temp readings are displayed as 27.3 Β°C, 28.2 Β°C, 27.9.3 Β°C etc, how do I round it off to e.g.: 27Β°C, 28Β°C etc. ?

steady jolt
gray flint
#

@steady jolt , thanks but how can I template into a lovelace card call?

wheat current
#

Structuring / parsing data is a job for the backend (HA), not frontent (lovelace)

steady jolt
#

I'm just starting to set up my home assistant installation, I'm afraid I'm going to mislead you by using the wrong vocabulary in my explanations. I think other users will give you more specific help

wheat current
gray flint
#

@wheat current that's what I'm using... hence I'm not sure why I'm getting the decimal extension. Perhaps its how the Weather platform gets set up... I did not see there is any decimal/accuracy settings for darksky

wheat current
#

AFAIK that's how it works, you can look at the values under states to confirm

gray flint
#

yep, you're right, values under states are loading with decimal extensions. Any idea how to format the weather platform for darksky to not go to this level of accuracy?

wheat current
#

I really doubt that you can

limpid radish
#

uhmm, is this possible somehow? template?
https://i.imgur.com/HUfAXCS.png

type: entities
show_header_toggle: false
entities:
  - entity: switch.erich_relay
    name: {{ states('sensor.erich_ssid') }}
wheat current
limpid radish
#

will look into that, thanks!

gray kernel
#

@steady jolt consider defining the color as a CSS custom property in your theme and then reference it with var(--custom-color-name)

steady jolt
#

@gray kernel thanks for the tips i'll look into it

limpid radish
#

config-template-card works like a charm! thanks! 😊

#

now I'm trying to get a section, ```
- entity: switch.vban_state
- type: section
- entity: switch.erich_relay

into an entity-filter card, but the filter filters it out...

How do I set a `state_filter:` so that it ** doesn't hide** Β the section?
 😳
nocturne dust
#

Is it possible to customize the look of badges?

#

Ok, so I see that in a sample theme

#

Can I setup badges to change color based on their value?

granite prawn
#

would this be the correct place to ask for help on the custom components?

wheat current
granite prawn
#

okay, thanks mate

#

Okay, so im back

#

i need help with a custom card

#

namely the simple-thermostat card

#

im not being able to get HA to recognise it

#

and when i enter into a card, i get the "card not found" error

split granite
#

Show us what your config looks like

granite prawn
#

sure, i just cleared it since i wanted to start from scratch

#

let me just try it again

kind shellBOT
granite prawn
#

this is what the starting of my lovelace config is

split granite
#

And if you go to your www/ folder and do ls github/nervetattoo/simple-thermostat.js the file shows?

granite prawn
#

yes sir it does

#

the file / folder permissions also seem okay to me

#

these are the lines im adding to get a LL card - type: custom:simple-thermostat entity: climate.my_room

#

okay, its working now

#

turns out that typing the details gets it working, but copy pasting from the github page does not

#

thanks @split granite and @wheat current

split granite
#

Weird, clearly some extra character or something

#

Worth opening an issue with the dev

granite prawn
#

yes, ill do that in 10 mins

queen kestrel
#

i get bad gateway on any add-on

#

trying to figure out whats wrong

#

i dont think its ssl

wheat current
queen kestrel
#

ty

knotty basin
#

@queen kestrel I had the same issue a few hours back, tho I might have a solution for you

prime umbra
#

@winter hollow im missing your weather card etc.. in HACS :)
Could not add bramkragten/custom-ui/tree/master/weather-card at this time, check the log for more details.

slow wave
#

is there any lovelace cards that are just "display" what is being played on a specific device ? Like show what is being played on a chromecast device, but not control it, and show what I'm playing on spotify but again not control it

latent moss
#

@slow wave just create a template sensor for it and display in an entities card? Like this: {{ states.media_player.seans_apple_tv.attributes.media_title }}

slow wave
#

That will just display the actual track name right @latent moss ? I was wondering if the media player component could be used, just without the controls perhaps πŸ€” because it is nice to see the art + name of stuff

latent moss
#

yeah it just displays the current playing as text. you can do what you want with the mini-media-player custom card

slow wave
#

nice, thanks I'll check it out

slow wave
#

when I do a horizontal stack with two entities, they sometimes don't match up correctly, like this https://imgur.com/a/8q5NurV is it possible to force it to match up somehow ?

split granite
#

You can't force them to the same height AFAIK

slow wave
#

aww shucks

#

well, now I have started with the compact custom header card, but it won't show any of my other cards in the default view 🀣

wheat current
#

Then you are using it wrong πŸ˜›

slow wave
#

or... stack order perhaps

#

I always screw that up

wheat current
#

I have no clue, maybe @clever ore is around πŸ˜›

#

Or look at the wiki, it's probably there 😜

slow wave
#

I tried, but I am a tool πŸ’

#

guessing it's something simple, all the other views look fine

#

so guessing my stacks are fracked :D

clever ore
#

@slow wave Looks like you're trying to use compact-custom-header as a container card?

split granite
#

Yeah, that's not gonna work

clever ore
#

treat it like any other card. cards: is not an option for CCH

#
      - type: vertical-stack
        cards:
          - type: custom:compact-custom-header
            main_config: true
          - type: horizontal-stack
slow wave
#

oh, so it just has to be in the stack somewhere, but not as a card

#

I see

#

wuhu ❀ @clever ore

clever ore
#

No, it is a card, but you were putting card: as an option as if it was a vertical-stack

#

and I have a feeling mayrp2001 is going to be confused 🀣

slow wave
#

daaamn you android client

pearl hound
#

Hi is it possible to add an css (color) sytle to all themes like --icon-color-error: red for example? Rather than edding this to every theme?

slow wave
#

happens on all views except the default_view

prime umbra
#

you have to put the custom card in all views @slow wave

slow wave
#

I thought if i did main_config: true it was on all cards, or did I misread the docs ? πŸ€”

prime umbra
#

hmm now you making a good question

#

but having a card in all views then is ok
all it needs is type: 'custom:compact-custom-header'

slow wave
#

yeah, that fixed it @prime umbra 🀣

clever ore
#
Since it is required for this card to be placed on each view, caching is used so that you only need to configure the card in the first view.

Set the compact-custom-header card in the first Lovelace view as "main config" by using main_config: true or by using the toggle in the editor. Then set all of your config in the first (main_config) view.
#

Should that be worded differently? A fair few people seem to have issues with it

slow wave
#

Now that I read it two more times I understand it

#

but the first readthrough I though it was just needed in the default_view

#

Maybe be more strict in the wording like This card is REQUIRED to be in ALL views, the config part itself is done in the default view if you specify the main_config: true or something like that

polar kelp
#

@clever ore we should fix that some day.

prime umbra
#

hehe

polar kelp
#

Ideally, I think cch should just be added to resources, and then you should be able to add config options directly to the views you want to modify - no card needed.

#

It’s a breaking change, though...

clever ore
#

I'm into the idea. Having a editor UI is nice though. Once upon a time CCH was configured in a card and everything was inserted as a script into head, but things got....complicated after that heh

slow wave
#

I have seen the need to start to use it because me and my wife check stuff on mobile phone sometimes, and I have actually optimized my view to the landscape tablet on my fridge

#

and it creates a mess 🀣

split granite
#

I like CCH because I don't have wasted screen space at the top πŸ˜›

clever ore
#

How would config be handled if it was just a resource though? Seperate config file?

polar kelp
#

I’m sure there are wayd to solve that too, a special config card, or just adding a config button to the header while in edit mode...

split granite
#

Makes my lovelace floorplan card fit nicely too πŸ˜„

clever ore
#

oooohhh, I like the config button idea

#

I already add options to the overflow menu, could just throw it in there

polar kelp
#

Makes perfect sense.

#

You can find whether you’re in edit mode from the lovelace object.

clever ore
#

I already do that too, that's how I hide the card unless in edit mode

#

But I'm getting it from root.querySelector("app-toolbar").className == "edit-mode"

polar kelp
#

I think you could do lots of amazing stuff with the goodies hidden here

clever ore
#

Oh for sure, I've looked at it quite a few times. Just been too lazy/busy to incorporate it. Pretty much all my projects would benefit from card-tools

polar kelp
#

Well, I meant those lines specifically

#

I’m actually thinking of deprecating card-tools and move on to more modern methods

#

As much as it pains me to admit it, I think I’m starting to learn javascript...

clever ore
#

@polar kelp That will be helpful, thank you!

winter hollow
#

@polar kelp you've done some cool stuff for someone that doesn't know javascript πŸ˜„

polar kelp
#

🀷 I know code and am a decent googler

winter hollow
#

haha you do know javascript, give yourself some credit πŸ˜ƒ

polar kelp
#

And to be honest, I used to dabble a bit in javascript. Stopped about when this new jquery thing started showing up, though...

winter hollow
#

jquery.... what a time...

#

but yeah javascript changed a lot the last years....

prime umbra
#

oi @winter hollow anyway to put the weather card working with HACS? for some reason it wont allow...

winter hollow
#

Well... @wheat current didn't account for my work flow.... so either I should adapt, or he πŸ˜›

prime umbra
#

hehe

winter hollow
#

I've been planning to look in to it, but didn't have time yet... Spent some time on my own setup for a change πŸ˜„

wheat current
#

How dare you? 🀣

winter hollow
#

Yeah I know... 😳

slow wave
#

@wheat current it's not @winter hollow fault you don't have your own setup 🀣

winter hollow
#

ohw now I get why he get's shit done....

pearl hound
#

hi, is there a card to print custom text depending on binary_sensor state?

pearl hound
#

thats what i was looking for! strange that the normal markdown doenst support jinja

split granite
#

It's not a typical request, and could risk people bringing their system to a crawl I suspect

slow wave
#

is it possible to have two monstercards side by side in a horizontal stack ? πŸ€”

#

I see no reason why not, but whatever I do I see only one of them :p

wheat current
#

Try auto entity card instead

slow wave
#

πŸ€” I'll try πŸ€”

slow wave
#

Can't find card-tools even though I have the entry in resources and the file in /config/www

#

strange

#

doh... I couldn't see the trees for the forest, I didn't notice card-tools and card-modder

slow wave
#

is there something magical I need to do to get swipe to work in CCH ? I should just add swipe: true under main_config: true ?

mossy timber
#

how do i show attributes of a fan.* device in lovelace?

#

Or is that not yet possible?

slow wave
#

Or was it something else?

mossy timber
#

That might work but I'm not venturing into custom cards for the moment πŸ˜ƒ

#

I'm writing a wrapper template sensor to pull the attributes out

#
- platform: template
  sensors:
    bedroom_xiaomi_rh: 
      value_template: '{{ states.bedroom_airpurifier.attributes.humidity|int }}'
      friendly_name: Bedroom humidity
      unit_of_measurement: '%'```
#

lets hope that works

#

oh nice, my first highlighted quote πŸ˜ƒ

#

so the device is fan.bedroom_airpurifier ... would that states.* work?

#

Nope, needs the fan in there too! πŸ˜ƒ

slow wave
#

If it works in templates it will probably work, but we will probably be yelled at for making it sub optimal πŸ˜›

mossy timber
#

I'm trying to obtain data, rather than control the device

slow wave
#

Yes, figured as much from the code above, and it is the right way to go

#

The use a glance card in Lovelace to display it perhaps?

mossy timber
#

glance displays only a single stat, doesnt it?

slow wave
#

You can have multiple sensors in a single glance card

mossy timber
#

I'll have to have a look at it. I use entities cards for the most part. I'm still trying to figure out how i want to organise my information, and I'm still building out the whole HA setup. I figure I'll prettify it later πŸ˜ƒ

slow wave
mossy timber
#

ah yes. not a fan of that view πŸ˜ƒ

#

I like the entities cards more πŸ˜ƒ

#

I wonder if this thing uses the American or the Chinese method for calculating AQI ...

#

Probably chinese πŸ˜ƒ

slow wave
#

Both are lies anyway right? πŸ˜›

mossy timber
#

yeah but the chinese one is more blatant πŸ˜ƒ

#

its basically "US - 150"

#

πŸ˜ƒ

#

or something stupid like that

#
  sensors:
    bedroom_xiaomi_state: 
      value_template: >
        {% if states.fan.bedroom_airpurifier.attributes.motor_speed | int = 0 %}
          Idle
        {% else %}
          Saving your life
        {% endif %}
#

that should work, right?

#

nope