#frontend-archived

1 messages · Page 115 of 1

leaden raft
#

If thats the button card you are using.... then yes.

#

well... or it seems so.

honest herald
#

yeah the one @elder pendant posted

#

not sure why it it wouldnt support scene

elder pendant
#

If you are having problems with a custom card, open an issue on the repository

honest herald
#

ok yeah guess that's the route to go.

tacit cave
#

who's the theme master here?

bitter compass
#

is there any way to track light brightness_pct level on a history graph?

#

what do you need to do with themes? its just basic IDs and color

#

i.e. primary-color: "#EA1111"

lament fulcrum
#

is brightness_pct a attribute of a entity or sensor?

bitter compass
#

entity

lament fulcrum
#

Okay

bitter compass
#

for a light on a dimmer

lament fulcrum
#

let me remember my templating.

#
{{states.calendar.vdmaul_gmail_com.attributes.start_time}} 
#

Okay so if you go into the side panel on the bottom there should be a button that looks like a peice of paper

#

if you go in there you can test out templating for values.

#

so I want you to try {{states.<NAME OF LIGHT ENTITY>.attributes.<NAME OF ATTRIBUTE YOU WANT>}}

#

if you get a number or value then we can make a custom sensor or thing for history to graph

bitter compass
#

{{states.bar_level.attributes.brightness_pct}} nothing to the left

#

er right

lament fulcrum
#

Yeah.

#

That should get us something

#

Oh actually {{states.bar_level.attributes}} will get us all the attributes shown that we can grab and the proper names

bitter compass
#

even tried {{states.light.bar_level.attributes.brightness_pct}}

lament fulcrum
#

Try just the above without an attribute name

#

just attributes

bitter compass
#

heh, says none 🤔

#

guess that entity has no attributes?

lament fulcrum
#

Huh

#

Let me think

#

where do you find brightness_pct in HA?

bitter compass
#

on the states icon for this one i get this brightness: 75
node_id: 3
value_index: 0
value_instance: 1
value_id: 72057594093076481
friendly_name: Bar
supported_features: 1

lament fulcrum
#

Hmmmm

bitter compass
#

but its for light.bar_level

#

its zwave if that matters

lament fulcrum
#

hmmmm

bitter compass
#

ah, brightness_pct doesnt work but brightness does

lament fulcrum
#

😄

#

Ayyyyy

bitter compass
#

thats fine, i dont need pct

#

just need to watch the level

lament fulcrum
#

Now if we turn that into a template sensor we should be able to have history graph it

bitter compass
#

so how do i get {{states.light.bar_level.attributes.brightness}} into a history graph?

lament fulcrum
#

We make something like this in configuration.yaml

#
sensor:
  - platform: template
    sensors:
      Lite_Brite:
        friendly_name: "Light Brightness"
        unit_of_measurement: 'Brightness'
        value_template: "{{states.light.bar_level.brightness}}"
#

if you already have sensor: in your YAML you don't need that part

#

then just double check it validates and restart HA

#

and it should show up as a graph in history

bitter compass
#

got it, didnt like the Lite_Brite.... caps, so just LC'd it

#

so i add history graph card?

lament fulcrum
#

You can add a history graph card. Though I think it should show up in the history tab too

#

If you want it on home screen then yeah add history graph card

#

^_^

bitter compass
#

as entity: lite_brite ?

#

type: history-graph
entities:

  • sensor.lite_brite
lament fulcrum
#

I think so

bitter compass
#

so really i need to copy that for all my lights i want to track?

lament fulcrum
#

I think so. Let me check

bitter compass
#

odd the scale is -1.0 to 1.0 but dont really care about that

lament fulcrum
#

Did it give a value yet?

bitter compass
#

no value yet

lament fulcrum
#

it sets scale based on the value given

bitter compass
#

birghtness is currently 75

#

hmmm went back to template editor with {{states.light.bar_level.brightness}} and now get nothing again

#

actually says None

lament fulcrum
#

wqeird

#

let me see if there is a better way

bitter compass
#

no wait, i lost attributes out of it

#

{{states.light.bar_level.attributes.brightness}}

lament fulcrum
#

Gah

#

templating

bitter compass
#

but now it says no state history found.... maybe since no change since reboot?

#

i can make sensor card from sensor.bar_bright and shows 75

lament fulcrum
#

Shoot.

bitter compass
#

was just trying to plot the light level on history graph

lament fulcrum
#

Hmmm

#

Does the sensor update on specific time table? or when only the light level changes

bitter compass
#

also i wonder if it will track transition command sent to light

lament fulcrum
#

I probably screwed up the formatting

bitter compass
#

i just changed the level and no change

#

oh weird, i just made a sensor card to watch the level sange and the history graph updated.

#

guess its just slow to update.

lament fulcrum
#

Huh

#

Well now we've got something

bitter compass
#

hmm, not sure lovelace is updating very fast

#

when i refresh page it shows all the changes, but just made a change and watching it now to see how long it takes lovelace to update

bitter compass
#

so my history graph card yaml is this:
entities:

  • sensor.bar_bright
  • sensor.lounge_bright
  • sensor.artwall_bright
  • sensor.centerlights_bright
  • sensor.chandelier_bright
    hours_to_show: 10
    refresh_interval: 10
    type: history-graph
#

but it groups the last 5 but keeps the first one seperate

#

cant seem to figure out why

white yew
#

Hi I'm having an issue with my frontend not showing correct state of lights. It will show lights as on when they are off. If I toggle the switch to the off state it will turn on itself after 1 or 2 seconds. This only affects the switch in the interface, the light itself does not turn on.

Running on Docker, home assistant version 0.92.2. Tried using both google chrome and Samsung internet on my phone.

#

To add, this only happens for ikea Tradfri devices

civic sedge
#

correct state in states ?

split granite
#

@gaunt shuttle Over here for Lovelace things

gaunt shuttle
#

error is:

#

custom element does not exists: timer-card

#

altough i have installed and is detected by updater

split granite
#

Then it's not installed correctly

gaunt shuttle
#

i have added to www folder

#

and added in ui

split granite
#

Show us the config

kind shellBOT
split granite
#

And the card definition?

gaunt shuttle
#
entity: switch.toalheiro_wc_suite
name: Toalheiro
type: 'custom:timer-card'
split granite
#

Timer card...
Switch entity...
🤷

#

You do realise that the timer card is for a timer...

gaunt shuttle
#

oh...

#

what i want is :

#

i have a switch i control by mqtt...i have automation so that after turns on, 45 minutes after it turns off...what i want is that near the icon show the remaining time to turn off

#

i think i must create a timer first right

elder pendant
#

Yes

split granite
#

Duh 😉

#

Create timer
Start timer when switch turns on
When timer stops, turn switch off
Show pretty timer in pretty UI

gaunt shuttle
#

like this?

#
- alias: Timerswitch
  id: 'Timerstart'
  trigger:
  - platform: state
    entity_id: switch.toalheiro_wc_suite
    to: 'on'
  action:
  - service: timer.start
    entity_id: timer.test
split granite
#

And give it a time, unless you've defaulted it to 45 minutes

gaunt shuttle
#

so above it can be my automation right?

split granite
#

It?

#

That automation looks broadly right for what you're after

mild veldt
#

@gaunt shuttle that timer-card is a WIP. It looks pretty lame right now. I think it at least works 🤷

split granite
#

There's also a big number card, and probably others

timid wigeon
#

How do I change the colors of lovelace?

timid wigeon
#

thank you @elder pendant

violet talon
#

I'm trying use a picture card that points to a photo that gets updated routinely, but it appears that the front end is caching it hard. any suggestions?

elder pendant
#

iirc people get around this by creating a "camera" entity for the picture. You set the still_image_url to the image you update regularly

glossy anchor
#

Hello and go easy, first post 😃 I have installed motion eye and can now showing on the left, click on log in and thats good. however all the images are in one above the other, Can I create a tab that just shows the feeds in a like 4. I want this like this so it can be on the tablet (on wall) in hall. Ta

split granite
glossy anchor
#

Thank you 😃

split granite
#

There's also other options, including horizontal and vertical stacks, and some of @polar kelp's custom layout cards

glossy anchor
#

Thanks you both. reading 😃

polar kelp
#

Just stacks and panel mode is a good start with no custom stuff.

silver crescent
polar kelp
#

Change the aspect ratio of the picture in the cameras settings?

#

But seriously, in panel mode the picture will be as wide as your screen and the height will follow along regardless.
Adjusting stuff to the height of the browser window is way harder than it should be.

elder pendant
#

Can't you change the ratio in the card as well?

polar kelp
#

But you can limit the width of a card with layout-card.

#

You can change the aspect ratio of a few cards.

#

Actually... only the map card iirc...

#

Oh. And iframe

elder pendant
polar kelp
#

Huh. What do you know. Neat!

vapid axle
#

I've searched a bit, but haven't found a concrete answer.
Do we have a solid solution for icon color in Lovelace based on state yet?

#

Custom_UI icon templates seem to work... but, at the same time, Custom_UI and Lovelace aren't supposed to play together. Plus, this functionality isn't working in the 0.93 beta.

polar kelp
#

In my opinion, card-modder is the best way, but I may be slightly biased.

#

There's no official way to color individual icons.

vapid axle
#

Not opposed to using a plug-in, since HA seems to be dropping the ball on this basic functionality.

#

Could you show a direct, icon-color-only example on the github page? That alone would probably push a bunch of people to use card-modder.

#

Even better would be a templated icon-color example. lol

polar kelp
#

The first example has a colored icon.

vapid axle
#

I saw that example, but have no idea (yet) where "--paper-item-icon-color" comes from.

#

Looking at my HA page in the browser's inspector and I don't see that.

polar kelp
#

Yeah.... unfortunately it's getting harder and harder to find the variable names, because chrome - for some weird reason displays litElement styles as user agent stylesheet...

#

You can still find the variables in firefox, though... and I'm slowly trying to rename them all to something sensible and compile a list...

vapid axle
#

I think the main issue with HA is that many elements don't use the "--paper-item-icon-active-color" style at all.

#

So... I'm trying to template the icon color based on state.

polar kelp
#

Actually, anything using an icon at all should use that and/or --paper-item-icon-color.

vapid axle
#

Can the card-modder templates use logic? Don't see an example of that.

polar kelp
vapid axle
#

Feels like I'm using a backhoe to plant a seedling. lol

polar kelp
#

Actually, that readme is a bit outdated as well... <then> can also be an if now...

#

If you want more advanced stuff, making a custom card might actually be the way to go.

vapid axle
#

No offense meant. I use many of your plugins!
That's more of a dig at HA. Why they don't have Custom_UI-type stuff built-in is kinda weird.

#

The only thing I'm looking to do is change icon and icon color based on state, regardless of entity type.

#

Template sensors work for the icon itself, but not color.

#

Even that's silly... I have to create an extra layer over the entity to tweak the icon.

#

BOOM.

variables:
  - states['input_boolean.dummy'].state
entities:
  - input_boolean.dummy
card:
  type: 'custom:card-modder'
  style:
    '--paper-item-icon-color': "${vars[0] === 'on' ? '#fdd835' : '#2050a0'}"
  card:
    type: entities
    entities:
      - input_boolean.dummy```
prime topaz
#

nice

vapid axle
#

Took far too much effort for icon color. lol

#

Now I get to remove Custom_UI and replicate this all over the place on my frontend.

polar kelp
#

That would be '--paper-item-icon-color': [[ if(input_boolean.dummy == "on", '#fdd835', '#205010') ]] with just card-modder.

vapid axle
#

Thought I had tried that... one sec.

steel nexus
#

Hi community! I have multiple 10" Samsung tablet mounted on my walls,, running Fully Kiosk with Home Assistant. I have a vertical stack card running 3 picture entities with live camera feed with cameras running in Blue Iris. My problem, scaling/resizing. When I reload the webpage, or refresh Lovelace, the cameras shows perfectly. But when time goes (minutes, hours) the camera pictures resizes. I want them to stay at the excact same point, same scaling, size, zoom level ++ as they are after reloading. I've tried using aspect_ratio 16x9 under each camera, that results in the picture height/width stay the same size, but the camera inside will zoom in when time goes. Aspect ratio 16:9 and without aspect ratio results in resizing the cards to adjust to the fit the whole camera picture. Is this a Blue Iris issue? This also happens in a webbrowser on my laptop. Can anyone please help? Thank you

vapid axle
#

That's throwing an error for me.

#

It's yelling about a missing comma before the )

#

Even with the example I posted above, it's messy for multiple entities. You still have to stack a bunch of those awkward code blocks for. every. entity... 🤣

tacit cave
#

@mild veldt think it would be possible to template an anchor with your template card?

mild veldt
#

@tacit cave no I don't think so

old whale
latent moss
#

thats mini-media-player custom card @old whale

old whale
#

really?

#

i cannot figure out how to do that

latent moss
#

Buttons underneath are shortcuts option.

old whale
#

ohhh, interesting

latent moss
#

There's a demo example on their github page somewhere

old whale
#

got a new receiver and trying to figure out a nice way to turn on zones and sources 😃

#

yeah, i just found that. I must have glanced over it

barren python
#

For auto entities and/or Monster card. Can one use other custom cards rather than built in types, say custom:mini-media-player? I don't think so, but figured I'd check

polar kelp
#

Only with auto-entities.

#

That’s actually the reason I made it...

#

But it only works with cards that has a parameter named entities:. NOT entity:

barren python
#

@polar kelp Noted. Thank ye.

#

Now that I have sensors out the wazoo, it's time to spruce up the ole dashboard

#

Ah. And thank you for autoentitites btw

vapid field
#

I would like to get my history_graph card to load faster - it takes a few minutes to show. I am using the default database. recorder: is configured with purge_keep_days: 7, the db file is around 1 gigabit in size (via remote NFS mount)

#

any low hanging fruit? keeping the db file local would probably help

candid stump
#

is anyone here using compact-custom-header? I can't get it to work for me

#

i put it in ui-lovelace.yaml and added it as a card

vapid field
#

im converting to mariadb

dark dirge
#

@candid stump reload without cache

#

Also, make sure you add it as the last card in all views

candid stump
#

@dark dirge the documentation doesn't say it need to be at the end of the view, but I just moved it there. Tried reloading with ?clear_cch_cache and still no result

#

it's pretty straightforward install so I don't know what I could be doing wrong...

dark dirge
#

Putting it at the end apparently fixes some spacing issues

candid stump
#

it's pretty simple as I just switched to lovelace last night and I'm still learning

dark dirge
#

looking at mine

vapid field
#

is anyone else having issues with darksky sensors?

dark dirge
#

@candid stump is your path right?

#

my resource line looks like this:

#
  - type: module
    url: /customcards/github/maykar/compact-custom-header.js?track=true
#

/customcards is just a nocache version of /local, but make sure that it's pointing to where you installed it

#

should be in config/www/xxxx

candid stump
#

it is correct, triple checked that... and the other custom card (mini graph) is working

#

what is track=true?

#

i intentionally made the path incorrect and it threw an error... so it's 100% seeing the .js

dark dirge
#

I have quotes around my type, like so:

#
      - clock_date: true
        clock_format: '12'
        main_config: true
        options: clock
        type: 'custom:compact-custom-header'
        voice: hide
#

track=true makes it check and autoupdate via custom_updater

candid stump
#

hmm.. quotes didnt seem to matter

dark dirge
#

not sure then. I used the other installation method, but it looks the same except for the path

#

did you try this? http://192.168.1.42:8123/lovelace/0?clear_cch_cache (with appropriate substituation)

#

and guess by "not working", it's still showing the full-size header?

candid stump
#

I did try that, and yeah still the full size header

#

I even just straight-up copy and pasted your example and saw it remove the voice option, but header is still full size

dark dirge
#

I think this part is going away in teh latest HA build, but maybe relevant:

#
You may need to have javascript_version: latest in your configuration.yaml under frontend:.
candid stump
#

oh you know I had that set but commented it out due to an error

dark dirge
#

I think it'll do nothing in the upcoming 0.93 build

#

you copied the raw *.js files from github?

#

it's kinda working, so I suspect so

candid stump
#

i did, yeah

#

js: latest is reenabled, i even restarted HA to be safe

dark dirge
#

I would start looking at logs

#

and maybe temporarily cut the rest of ui-lovelace.yaml to just leave CCH

candid stump
#

good idea.. just tried that. No cards show up, no errors, and still the fat header lol... even with ?clear_cch_cache

#

time to give up for now i think

dark dirge
#

weird. what browser?

candid stump
#

chrome v74

#

as a last ditch effort, do you want to toss me your two js files?

dark dirge
#

sometimes ad blockers mess with Hass, too

candid stump
#

just tried firefox, no dice

candid stump
#

hmm.. very strange, no change at all

dark dirge
#

still kinda feels like a cache problem

#

but I'm out of ideas

#

or an ad blocker problem

candid stump
#

i disabled ublock for HA, and pihole completely, restarted the server and cleared cache 😐

winter leaf
civic sedge
#

would need an better idea

vapid field
#

hello from austria... i do have a camera, and in the picture-entity card i included to show a sensor (amount of alarms) - when i click on the cam i get the 'inner' card showing the count in a timeline. i do wanna have the live image instead... how can i change this?

#

this is the card:

show_name: true
type: picture-entity
show_state: true
name: 'Aufzeichnungen:'
camera_image: camera.camfront
entity: sensor.cam_front_count
tab_action:
action: call-service
service_data: null
entity_id: camera.camfront

kind shellBOT
civic sedge
#

wrong command
die config in 3x ' (neben ß) einschließen dass die leerzeichen besser zum lesen sind
probier mal tap_action: dialog

#

auch aus der Hauptstadt?

vapid field
#

danke underknowledge für deine hilfe. nein, salzkammergut. hier das aktuelle:

show_name: true
type: picture-entity
show_state: true
name: 'Aufzeichnungen:'
camera_image: camera.camfront
entity: sensor.cam_front_count
tab_action:
action: dialog
service_data: null
entity_id: camera.camfront

#

übrigens: ged ned.

civic sedge
#

nur

tab_action: dialog ```
undone egret
#

English please

vapid field
#

nein, kommt auch wieder die timeline mit dem zähler...

civic sedge
#

🤦
camera.camfront dialog

#

otherwise

tab_action:
  action: dialog
  service_data:
    entity_id: camera.camfront

you want to show the sensor data and when you press on it the viedeo feed?

#

here what I use for my android ip webcam - camera_image: camera.front_door entity: camera.front_door show_info: true tap_action: dialog title: Front Door type: picture-entity

vapid field
#

yes, youre right. the sensor data is included - kinda overlay wich is fine. on a click i wanna pop up the livestream of the cam.

#

the sensor value comes in from mqtt, not from the cam itself. maybe important to know...

#

copied your snip to mine and changed the values - didnt work either.

civic sedge
#

thats very odd

vapid field
#

maybe i screwed it up - lemme checkit again.

civic sedge
#

thats a whole card for his own btw - should get ya an camera feed directly to your screen

#

and when you press on it you shoud get an bigger pic

vapid field
#

on a other page i do have the same image without the counter - simple version. work at a glance.

#

but crazy as i am: wanna see the counter!

civic sedge
#

an vertical stack instead?

#

or maybe the custom popup card could help you there

vapid field
#

not even that... here is the (working) same cam on a other page, without the counter:

show_name: false
type: picture-entity
show_state: false
entity: camera.camfront
name: CamFront
camera_view: live

#

it works as expected and wanted.

#

livestream on click. thats the goal, but including the 'Aufzeichnungen: <counter>' on the card,.

civic sedge
#

a picture-elements card with state-label for the sensor and image for the camera 🤷

vapid field
#

ur right

#

and while were talking from wishes a wanna have a markdown card as well with the possibility to skin everything 😃 but thats a whole other topic i dont wanna discus here and now....

#

back to the cam. any further ideas to get this done?

civic sedge
vapid field
#

cool!!!!

#

lovelace-card-modder seems to be the right. i need to check this at night.

#

demo link is pretty cool, think i've seen it before... however no surveilancecam on it. ok, dont mind. i play around again if im bored, and i'll see if it can work or not. tnx for your help and the useful links. greetings to vienna!

#

bye.

civic sedge
#

sure there is - click on one of the camera icons

vapid field
#

wait a minute.....

#

the images on the frontpage?

#

clicked on all. no live image 😭

civic sedge
#

...thats now sounds like an browser problem

vapid field
#

safari. newest version, newest macos....

#

had more often problems with that and lovelace, especially in the beginning of lovelace.

civic sedge
vapid field
#

ouh boy.... i managed it to see a complete other site. thats why...

civic sedge
vapid field
#

ok, he had an map kinda thing with a camera symbol - clicking on that shows a stream (live or not... who knows).

#

ya, works same way here.

civic sedge
#

in this case not - but you can map your camera on there
(its just an demo page)

vapid field
#

i know this new feature, read about it as it was released. cool thing no doubt, but not the right way for me.

civic sedge
#

thats not the stram component

vapid field
#

on my campage i do have all 2 cams (front & back), and another card who shows of the recordings those axis did. works fine so far, exept my wish to have the counter in the little grey area on bottom of the image whos normally show the name or state. i wanna have to number of recordings here. but u already understand what i want.

#

and the reasor for saying goodbye earlier on was, that i need to go soon. im very sorry about that, but i cant spend any longer time here by now - work is calling.

#

i'll be back. thanks for all your help. good bye!

civic sedge
#

np ^^

#

but here
https://im2.ezgif.com/tmp/ezgif-2-59640295998f.gif
this is a icture-elements card with state-label for the sensor and image for the camera
there is no problem what so ever to make the stream big and put the sensor data (here from the bath) over it

analog hare
#

Hi everyone. New here and new with HasIO. Am making a Lovelace panel and can't find how to make a Horizontal Stack with buttons that controlls lights. Am making a button thats going to switch on and off 3 lamps with one press. One lamp was no problem but multi i dont find how to :S

#

here is my singel

#
  • entity: light.sofias_lampa
    tap_action:
    action: toggle
    type: entity-button
limpid radish
#

@analog hare you'd want to have a script that toggles the three lights and have a button that calls the script.

wintry solar
#

I hope this is the right channel with the issue I'm having. I tried logging into lovelace but the GUI won't even load. I'm getting the "This site can't be reached" error. I didn't make any changes, but I can access the config folder.

I've restarted my computer, restarted the rasp, updated my computer, tried all my browsers (chrome, IE, Edge), and I can ping the rasp. Anyone have any suggestions on how to troubleshoot this?

kind shellBOT
limpid radish
#

@analog hare edit the scripts first of course

analog hare
#

tnx gonna test

wintry solar
#

I hope this is the right channel with the issue I'm having. I tried logging into HA but the GUI won't load. I'm getting the "This site can't be reached" error. I didn't make any changes, but I can access the config folder.

I've restarted my computer, restarted the rasp, updated my computer, tried all my browsers (chrome, IE, Edge), and I can ping the rasp. Anyone have any suggestions on how to troubleshoot this?

analog hare
#

Hmm did not make it with a script but made a group and that fixed it 😄 Tnx anyway 😄

limpid radish
#

yeah thats probably more straight forward 😄 no worries

outer urchin
#

how to get a latest hass.io version sensor?

vapid field
#

Happy to report changing to mariadb has (so far) fixed all the delays with my lovelace history_graphs - they now load within 1-2 seconds instead of minutes !! if you are having problems with recorder or history stuff maybe switch to mariadb

#

( and its a non-local DB!)

violet talon
#

My motion sensor still takes 1-2min with Maria

slow wave
#

@violet talon that's what you get for storing it on floppies 😘

violet talon
#

It's on an SSD!

#

But my motion sensor practically trips once a second all day if someone is home

prime topaz
#

maybe disable it if someone is home?

urban shale
#

what's a good card to try to get the lock_status for a lock?

#

I've tried searching but has been kind of elusive of my keywords just aren't right

#

entities:

  • entity: lock.schlage_allegion_be469_touchscreen_deadbolt_locked
    secondary_info: lock_status
    title: Lock
    type: entities
empty heath
radiant drum
#

What does this mean? https://xxxxxxxxxx.duckdns.org:8123/lovelace/0:0:0 Uncaught

wind tusk
#

I have a strange error that has been growing. It started showing at my work computer (no issues on my home PC or mobile). But this morning my home PC was also seeing the same ugly GUI (mobile still working fine).
I have no errors in homeassistant.log and the yaml code for lovelace has no issues (can still change design without any errors etc).
I've tried multiple webbrowsers, cleared all history/cache and a couple of computers at each location.

https://ibb.co/zZ4nQYZ (imagebb.com link)

Any advice?

polar kelp
#

Well... it’s a bit cramped, like you have everything in a single stack and forgot to set panel: true... But what’s ”ugly” is highly subjective, and we can’t read your mind.
Perhaps you could also tell us how it differs from your expectations?

wind tusk
#

oh right 😃 hang on and you'll get the normal "state" of the gui

#

https://ibb.co/JrJHhz7 this is what it looks like from my mobile, and used to look like from a normal pc as well

#

Thomas do you have time to take this in PM to not spam this channel?

#

https://ibb.co/5L2Gm49 this happends if I set panel: true on that view, I've never used it because I never had any issues before (been running that design for 4-5 months at least

umbral jasper
#

Has anyone come across a countdown card that you can have multiple dates with titles and have it show how many days until? I've search around and just want to check before I decide to build my own.

polar kelp
#

@wind tusk That's the custom button-card, right? Did you set show_name: false on all of them?

wind tusk
#

It is, I'll check

#

@polar kelp not using show_name on any of my custom buttons

polar kelp
#

That's probably your problem then. According to the documentation, default is true.

wind tusk
#

(I tried it on the first one)

#

no difference when using it

#

But thats the strange part, it has worked for several months, the appearing as an issue at work, and now a week later also at home

#

If it would have been a code issue, or a recently updated custom-card, it should have been an issue before

polar kelp
#

Sounds like caching. Your home computer might have had an older version of the script cached. Also, the default value seems kind of new.

wind tusk
#

that could be it, doing some tests now

#

seems like I'll need to redo that page from scratch to find the issue, It wont accept any changes I do to it, nothing changes in the gui and there are no logs that I've done an incorrect config (using your yaml generator)

polar kelp
#

I've had problems with that myself lately... make sure it actually runs. Check the output file that your changes have gone through.

wind tusk
#

Looks like it's working now, I removed all code and added show_name: false to everything.

#

and now the generator works

#

next step to troubleshoot, the popup's aren't working, guessing I'll start to check if there are any updates recently

#

All good now, seems like everything had to do with updates on the custom-button card

#

Thanks for the assistance @polar kelp !

urban shale
#

way to get device attributes into a lovelace card?

#

seems to be complicated...

polar kelp
#

Template sensor is the easiest way

wind tusk
vapid field
#

been trying for days now and cant figure out what to do :/

vapid axle
#

@urban shale

  - entity: lock.front_door
    secondary_info: >-
      [[ if(zwave.front_door_lock.attributes.battery_level < 30, "<b
      style=color:red>Low Battery</b>", lock.front_door.attributes.lock_status)
      ]]
    type: 'custom:secondaryinfo-entity-row'
  - binary_sensor.front_door_contact
show_header_toggle: false
type: entities```
#

Any template sensor/entity can do it, but I like to try and save space for mobile use.

heavy shoal
#

Hello everyone... Is there anyone who have a lights component he enjoy using on a tablet with percentage mostly ? I am not fan of the circle slider, I would like to find something more like the homekit vertical slider when holding a tap on the button.

gray kernel
heavy shoal
#

I will need to try. I think it does not reach the feeling of a control like homekit but maybe already easier to manipulate than doing circle slide

keen belfry
#

Hello guys, I developed a sensor component that fetches data from my water provider. Data is updated on daily basis and I have:

  • previous day consumption
  • last month and previous month daily consumptions
  • history of monthly consumption for the last 26 months
  • last year total consumption
  • this year to-date total consumption
    Ideally, I'd display current month and last month with lines on the same graph, then yesterday consumption with numbers.
    Is there any lovelace card you can recommend to display such information? A unique card would be great.
    Thanks.
little geyser
#

I created user for my friend to control some switches. Is there any way to set up for him custom views with disabled UI modifications?

kind shellBOT
mild veldt
#

@keen belfry try mini-graph-card

atomic glacier
past falcon
#

hey is there a way to wrap text on a glance card?

dark dirge
#

@past falcon I looked into this a while ago and I think the answer is no

#

There was a request that essentially ended with ‘it would be hard’

#

You can limit the number of columns to give each entry more space

#

And then I further limited the columns on the page using vertical stacks to give the columns a more uniform width

azure scarab
#

in what folder/files are love lace configs if you do it from the web interface?

eager pollen
#

@azure scarab They aren't in a folder/files. They are saved in the Hass Database

azure scarab
#

hmm ok, I'll have to get a copy from the editor. Just trying to move to a new instance. Thanks!

timid burrow
#

in the .storage folder you will find the json file called lovelace with the lovelace config... but don't edit it otherwise you can break everything.

keen belfry
#

Hi @mild veldt, I'm already using it but it seems limited to the last 24 hours. I'll look if I can tweak it.
Thanks.

umbral jasper
#

@polar kelp I've created a card and I'd like to get it to be tracked by the tracker card... is there anything special I need to do?

polar kelp
#

I dunno

umbral jasper
#

I see your cards show up, but I'm not seeing mine

polar kelp
#

My cards get special treatment by @wheat current

umbral jasper
#

Ok, just wondering if I need to submit my repo somewhere so it can be considered for it, or if it somehow figures it out dynamically

wheat current
brittle cypress
#

I'm looking for some way to make a card that looks kind of like https://github.com/Gluwc/check-button-card

  • Same general size/look of the button
  • But instead of MQTTing last pressed, is a checkbox todo item; when checked it toggles over to a checked/crossed off state (and triggers whatever service to make that real)

Is there any cards that are kind of what I'm looking for?

mild veldt
#

@umbral jasper add it to the custom-cards org and you'll get special treatment as well 👍

ashen kindle
#

Is the only way to get stream working to not have Lovelace auto-configured?

empty heath
empty heath
#

@polar kelp Do you have a quick link to a card that allows manual control of width? This Fire TV remote is too tall if it's by itself.

empty heath
kind sorrel
#

Hey, I'm trying to setup a floorplan to show when diff lights are on / off. Does anyone know of some way I can do this conditionally, instead of overlapping images over certain sections of the main floorplan.

if (light1 == off && light2 == on && light 3 == off) show light 2 picture
if (light1 == on && light 2 == on && light 3 == off) show light 1 + 2 picture

And so on. Reason why is I have a single room, and rendering these images with specific lights on / off will require tons of photoshop due to all of the shadows from the lights. Here is a pic showing the complications https://imgur.com/a/x1Z1vnp

empty heath
#

But maybe I'm not fully understanding.

kind sorrel
#

So far I tried creating multiple renders with specific light on / off. But because of how shadows / reflections works It wouldn't be ideal for me to use the image portion of Picture Elements. (Due to how it overlays images over the original layout)

empty heath
#

(I'm just getting back into Lovelace after being away from Home Assistant for many many many months)

kind sorrel
#

Let me take a look at that.

#

Looks like that one will work, ill give it a show. Never saw that element before.

#

*card

empty heath
#

My thought would be to use PNG with partial transparency on most of it.

kind sorrel
#

Yeah, I was trying that but was ending up not looking how I wanted it to

empty heath
#

Lame 😦

kind sorrel
#

Also was giving me some issues with some over the overlayyed images being resizes for some odd reason. That conditional element seems like it will work

empty heath
#

That rendering is awesome btw. What are you using to render it?

kind sorrel
#

Sweet Home 3D. Was super easy to do, took me less than 2 hours first time touching the software.

empty heath
#

Wow, I might have to do that tonight then!

#

Are you using free or paid?

kind sorrel
#

Free

#

I think its 100% free open source

empty heath
#

Based on what I'm reading, the paid version just comes with more images.

kind sorrel
#

Only issue is there arn't THAT many assets. So you will end up with a bunch of genericish looking stuff.

empty heath
#

"a paid version available on the Mac App Store, sandboxed, automatically updated and bundled with 1235 pieces of furniture and 418 textures."

kind sorrel
#

However there are tons of furniture / material packs you can download.

empty heath
#

"a free version available at SourceForge.net bundled with 100 pieces of furniture and 26 textures"

kind sorrel
#

So by changing the material on the included objects you can get pretty close to what your stuff looks like.

empty heath
#

Hah, big difference!

#

Nice.

kind sorrel
#

Yeah, there are like 500ish peices of furniture and couple hundred materials so you can make things look "pretty" good but not exact

#

I think if you use solidworks or something you could import your own designs

empty heath
#

I haven't touched SW in years >_>

#

I guess the first step is to get everything lain out, though.

#

So you're pretty much just going to go the route of rendering a bunch of images and show the correct image based on the current state collect of all entities?

kind sorrel
#

Yeah exactly.

#

I only have 3 lights, so combination of 8 images.

#

And i wanna show each one depending on current combination of lights

empty heath
#

Ahh, that's not too bad then. 😃

kind sorrel
#

Yeah, its only really needed if you have multiple lights in a room that cast shadows.

#

Looked really fake to have incomplete / broken shadows

#

I would have needed to be a PS god, which I suck at lol

#

Anyone know how I can change the original Image in Picture Elements? Whenever I try to add an image using the Type : Image. It seems like I cant shift the image to the right without it being automatically resized. (Some css property, tried to find it but no lucky)

#

Ah figured it out. Was some issue with transform: translate and the height / width of elements added to the picture element

#

@empty heath Thanks for the push in right direction btw, ended up getting it working!

empty heath
#

Nice! Glad it worked out, man.

timid burrow
#

can anyone help me with comparing numbers in @mild veldt template card?

#

I have a variable, say vasr[10] and I want to check if it is a number 100000000

empty heath
#

What are the numbers?

timid burrow
#

vars[10]

empty heath
#

Link to the card?

timid burrow
#

(vars[10] =! 100000000 ? Number.parseInt(vars[10] /1000): 'Unlimited' ) is the bit having trouble with

#

getting link

#

I'm pretty sure the bit after the ? is right but it's the condition that is screwing me

#

tried using vars[10].equals(100000000) but nope

empty heath
#

What is =!?

timid burrow
#

not equal to... but jinja doesn't work for java

empty heath
#

No, "not equal to" is !=

#

Example: Java != Javascript

timid burrow
#

so if vars[10] equals 10000000 I want it to return Unlimites, else convert the Mb to Gb

#

gaa... lemme try that

empty heath
#

Is vars[10] a string or an int?

timid burrow
#

it's an integer

empty heath
#

Ok, so then do this:

#
vars[10] === 10000000 ? 'Unlimited' : Math.floor(vars[10] / 1024)
green ice
#
${vars[10] < 10000000 ? (vars[10] / 1000).toFixed(2) : 'Unlimited'}
#

no me!

timid burrow
#

ok let me try that

empty heath
#

Hah, what he said ^ (except with spaces surrounding the /)

#

Go @green ice go!

green ice
#

They were there

#

leave me alone

empty heath
#

Well, they aren't now! 😛

#

I mean, the interpreter doesn't care, but I do. 😄

#

That's why YAML is so amazing: it cares.

green ice
#

well it initially was making 1000 fixed as well

#

soooo, there's that

timid burrow
#

I don't want 2 decimal places... only an int

empty heath
#

Then Math.floor

#
${vars[10] < 10000000 ? Math.floor(vars[10] / 1000) : 'Unlimited'}
green ice
#

If you don't care about converting 99.99 GB to 99 GB.

#

Math.floor, Math.round, Math.ceil

#

pick your poison

empty heath
#

Well, technically it would be floor because he said he wants an int.

timid burrow
#

ok mathfloor works

empty heath
#

(In Javascript, "floats" [not a thing in JS] are converted to an int by dropping everything after the .)

timid burrow
#
(vars[10] < 100000000 ? Math.floor(vars[10] /1000) : 'Unlimited' + '\xa0' + 'GB')
#

but it's not putting the space GB on it now

empty heath
#

@timid burrow You're missing a space (hex 20, dec 32) character after the /

timid burrow
#

it doesn't seem to care as it's showing the right value.... lemme change it....

empty heath
#

Lol, as I stated before, the interpreter doesn't care, but I do. 😄

timid burrow
#

still missing the GB on the end

#

I fixed it lol

#

I care too actually

empty heath
#

(serious now) try "\xa0" instead of '\xa0'

timid burrow
#

can't because it starts and ends with that

empty heath
#

Nvm, js doesn't care if it's ' or "

#

Ohhhh

timid burrow
#
name: "${'Total' + '\xa0'.repeat(19) + (((vars[2] +vars[3]) / 1E3).toFixed(2)) + '\xa0' + 'GB of' + '\xa0' + (vars[10] < 100000000 ? Math.floor(vars[10] / 1000) : 'Unlimited' + '\xa0' + 'GB')}"
empty heath
#

PEMDAS

timid burrow
#

that is the full string

empty heath
#

Right now it's wanting to add "nbsp GB" to "Unlimited"

timid burrow
#

Total 202.58 of 500

empty heath
#

Gotta surround it with parenths

timid burrow
#

and I want

empty heath
#

Well, just move the nbsp and GB to behind floor

timid burrow
#

Total 202.58 of 500GB

empty heath
#
name: "${'Total' + '\xa0'.repeat(19) + (((vars[2] + vars[3]) / 1E3).toFixed(2)) + '\xa0' + 'GB of' + '\xa0' + (vars[10] < 100000000 ? (Math.floor(vars[10] / 1000) + '\xa0' + 'GB') : 'Unlimited')}"
#

Unless you really want unlimited gee-bees. I know I do!

timid burrow
#

yes I do

empty heath
#

Ugh, nbsp is so ugly in Javascript. 😂

timid burrow
#

didn't fix it

#
(vars[10] < 100000000 ? (Math.floor(vars[10] / 1000)) : 'Unlimited' + '\xa0' + 'GB')
#

same result

#

oh shit I think I need a closed btacket after unlimited

#

yeah instead of the one after GB

polar kelp
#

Nice remote, @empty heath

mild veldt
#

Whoever made this card is a dummy...this looks awful 😂

timid burrow
#

no shit! I'm just happy I can even DO it

#

thanks for the help @empty heath & @green ice

empty heath
#

@timid burrow So you finally figured it out?

#

@polar kelp Thanks -- it'll probably rarely get used, but you know how I like to play with stuff. 😂

timid burrow
#

yep.... I just needed to move the close bracket

empty heath
#

Just getting back from my hiatus, I needed something to play with, lol.

green ice
#

((vars[10] < 100000000 ? Math.floor(vars[10] /1000) : 'Unlimited') + '\xa0' + 'GB')

#

more parenthesis...

#

Otherwise it only puts Unlimited GB

empty heath
#

@green ice He doesn't listen to us, don't worry 😉

#

I WANT UNLIMITED GEE-BEES!!!!!! WARE KAN I HAZ?!!!

timid burrow
#

um.... it's working

#

doesn't need extra wrapping

green ice
#

Sorry, my Discord is slow to update.

empty heath
#

Hey, I'm not always right. That's my girlfriend's job. 😂

green ice
#

Also, going on 1 AM here

empty heath
#

@green ice That's because you no haz unlimited gee-beez

timid burrow
#

hahaha

green ice
#

so brain is about dead 😃

#

and I've got Fishwaldo engaged in #zwave-archived for an issue I've been having for months 😃

timid burrow
#

we have unlimited gee-beez

empty heath
#

Almost midnight here. Whereabouts are you located @green ice ?

green ice
#

Charlotte, NC

empty heath
#

FISHWALDO? I haven't seen him in literally years.

#

So kudos to you!

green ice
#

haha

vapid field
#

Hi not sure if this is the right channel for my question:
Is it possible to display icons to the left and the right of the sliders for position and angle of a cover?
I'm always confused and icons would help a lot to see what the actual state is or in what direction I have to push the sliders 🙃

oblique rain
#

@green ice Charlotte here as well

polar kelp
#

We had a factory there, once...

#

I think. In Huntersville.

elder pendant
#

A factory that builds custom lovelace cards? 🤔

polar kelp
#

I do have a different day job, actually...

#

(And I hope my boss never finds out about how much work time I spend here...)

elder pendant
#

Don't we all 🤣

polar kelp
#

Luckily, there's always xkcd 303

empty heath
#

I've looked over the Lovelace docs, Lovelace developer docs, and the source in home-assistant-polymer, but I still don't understand the difference between how module and js are handled internally. Could anyone shed some light on this?

winter hollow
#

it is not a home-assistant thing but a javascript thing

#

home-assistant just makes a script tag with either module or not

empty heath
#

Both js and module are both loaded as script

winter hollow
#

<script type="module" src="module.js"></script> <script src="nomodule.js"></script>

polar kelp
#

Modules are more isolated (can't use global variables the quite same way), and can use more modern js stuff, like import statements.

empty heath
#

@winter hollow Does line 7 set module as the default value for type if it is not provided?

#

Or is that a schema?

winter hollow
#

thats for typescript

#

nothing to do with the code

#

as in, functionality

empty heath
#

Ok, I think it makes more sense now then.

empty heath
#

Ok, so if the function definition were to be this (see below), then it would load both as modules, right?

const _load = (
  tag: "link" | "script" | "img",
  url: string,
  type?: "module" = "module"
) => {
#

The reason I was misunderstanding is because I thought "module" was the default if nothing was provided for type (in the case of loadJS())

winter hollow
#

no, the ? means it is optional, and the : "module" means module can be the only value

#

and yes, = "module" would set a default if not provided

empty heath
#

Perfect, thank you for helping me understand!

winter hollow
#

np!

civic sedge
#

Somebody meight know a weather forecast Wich I met could use with mini graph?

#

The next 12 hours would be nice.
Just imagine the graph with the different colors. And see right away how the temp LL be over the day

civic sedge
#

Thanks!

#

Will still lock for an opportunity to use mini graph ahain.
The colour options are too neat

polar kelp
#

It's beautiful.
It's hard, though, to force the backend supporting it to present stuff in the future...

civic sedge
#

Yes really.. thinking bout 8-12 template sensors.. or wait.. that's stupid too

prime topaz
#

i have a light group defined. Can I show a glance card which shows the current state of all the lights in the light group?

#

basically i want it to treat the light group as an array of entities, and show all the individual lights

#

or an entities card

#
I'm afraid this can't be done the way light groups are implemented.
There's no way to find out which lights belong to the group from the frontend.
#

hmm

#

i guess not

gray kernel
prime topaz
#

yeah, i think i have to change away from using a light group. it seems to not do what i need

#

that fold-entity-row custom card looks great. Thanks for mentioning that, @gray kernel

honest herald
#

anyone know does custom: button-card support shell commands or do I need make a simple script?

gray kernel
#

the button-card supports based on domain, not the particular details of the entity

#

your best bet is a command line switch it sounds like

fallen badge
#

I'm trying to understand how to get a card in a card he he. So I have this custom slider entity card and I wan't to have that only showing in another entity card when a lamp is on. I just can't wrap my head around the code for that.

#

I'm probably doing it much harder than it needs top be, as always.

polar kelp
#

Simplest possible configuration: ```yaml
type: entities
entities:

  • type: custom:slider-entity-row
    entity: light.bed_light
#

Start from there. Make each part work by itself before trying to combine things.

tiny raptor
#

Trying to figure out something,
I want to create a card that will show a sensor state + his history bar (same bar that show for sun.sun for example)
Can someone help me with that ?

dusky mist
#

On a picture elements card, is there a way to change the icon of an entity depending on its state? I specifically want to change the colour of the icon depending on its state, I see there's a state-icon type, but for my light groups this doesn't change the colour of the icon when the group's state is 'on'

calm rock
#

hi all, are this the right steps to revert back to lovelace yaml mode? : 1 , add lovelace yaml to config , 2 copy the lovelace raw config to the ui-lovelace.yaml file, 3 restart ?

elder pendant
#

yup

calm rock
#

ok, thanks , then the most difficult part , how to get the cards config with an order a human can understand .

polar kelp
#

@dusky mist you can change color depending on state with card-modder

dusky mist
#

Thanks, I'll take a look at that

wind tusk
#

Trying to figure out a good way of presenting some power measurements with Current consumption and Current cost, and the history for latest hour, day, week etc. The sensors are working fine but I'm out of idéas on how to present it in the GUI in a good way
Do you guys have any idéas? Maybe you've done something yourself?
https://ibb.co/yy8jxNv

polar kelp
#

A gauge, perhaps. Ticking up to some limit over the day.

wind tusk
#

I've been down that road, on the dual-gauge card, but it's a bit to much. Was thinking of creating a template sensor that combines consumption with cost to cut down the number of sensors to half

#

maybe i'll give the custom-button a chance again, there might be possible to configure the sizes to be minimal

#

last time I tried it there wasn't as much configuration available as now regarding sizes

prime topaz
#

it's also possible with the monster-card

#

whoops, ignore what i said. it was probably for something really old

wind tusk
#

😄

prime topaz
#

I'm still figuring out how to use discord

wind tusk
#

aaw crap.. couldn't use - type: horizontal-stack within the items list of a custom:fold-entity-row card

#

that could have been nice

#

@polar kelp is this something you think could be doable? (worth adding as a feature request) https://ibb.co/47PyK7k

#

I can use button-card within the fold-entity-row, but not a horizontal stack

dusky mist
#

Is it possible to nest an existing card (eg: horizontal-stack) into a lovelace custom card?

mild veldt
#

@dusky mist yes

#

I'm should bring that function over to the custom-helper-functions

#

Are you writing a custom card then?

pliant eagle
#

Do you guys know of a way to have unique state colored icons for Lovelace? I know CustomUI can do it but its not supported by lovelace. I need something that i can add to customize_glob, for example to make all motion detection sensors turn red on trigger

#

Also anyone figure out how to include mini media player in auto-entities / monster card? I can add it but i can't have them dynamically filter based on state

pliant eagle
#

Actually figured out the second part, for anyone who is interested

kind shellBOT
prime topaz
#

Thanks @pliant eagle i'm going to steal that. I can see needing that in my own setup

#

i just need to check out auto-entities

timid wigeon
#

Do I change my colors and layout with CSS or themes? Or is it themes using CSS?

gray kernel
#

layout using lovelace cards (native or custom)
colors (and drop shadows and fonts) using CSS custom properties

timid wigeon
#

any link to an example of the custom properties?

#

thank you @gray kernel

gray kernel
dusky mist
#

@mild veldt sorry, didn't see your response - I'm trying to add cards to a picture elements card, I think the way to do this is to wrap them in a custom card?

wheat current
#

no need to wrap it, just refrence it as a custom element

#

- type: custom:hui-horizontal-stack-card or something like that

wheat current
#

Is there a reason (other then no one has added it) that it's not documented?

#

nvm.. it's there, just not with an example

polar kelp
#

Is it? Where?

polar kelp
#

That's probably a typo, to be honest. Should say custom element

#

It works by accident, not by design. Documenting it makes it a feature which must be maintained.

wheat current
#

Sooo you are saying it's a bug, not a feature? 😄

polar kelp
#

For now it makes sense for all elements to have the same interface, but that may not be true forever.

#

Well... not a bug... more of a lucky coincidence.

#

But definitely not a feature

dusky mist
#

Oh cool, thanks guys!

mild veldt
#

@polar kelp I consider it a feature at this point 😉 I use it quite a lot

unkempt warren
#

hello everyone, I just migrated from a Pi to a NUC and had to pull files over manually since the snapshot restore feature wasn't working. I mostly have things up and running by my lovelace config is off. I have two files: lovelace.yaml and ui-lovelace.yaml. The latter is the up-to-date version. How do I get my config to use that one instead of the lovelace.yaml?

wheat current
#

AFAIK it will never use lovelace.yaml

unkempt warren
#

hmm

#

my UI is not matching the ui-lovelace.yaml fule

#

file

wheat current
mild veldt
#

@unkempt warren if you weren't using yaml mode your file is stored in config/.storage/

mortal cape
#

@unkempt warren "take control" then use the lovelace ui config editor and paste the contents of your ui-lovelace.yaml there. Then you can have ui editing and your old lovelace back.

unkempt warren
#

@mild veldt thanks. I got the Lovelace part figured out now

mild veldt
#

👍

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?

small pike
#

How do you uninstall custom cards?

empty rampart
#

Hi guys, need some advise on how to display pictures of the same height in lovelace (picture-entity), if four of my state images are of different resolutions. Is this possible?

elder pendant
#

You can set the 'width' of the pictures to change the size see the https://demo.home-assistant.io example card as an example. You can then position the pictures left/right with 'top' and 'left'

#

I just realized you said picture-entity and not picture-elements 🤦

#

In the default card you can force the aspect ration, but the size is based on the actual resolution of the picture

empty rampart
#

Thanks @elder pendant for the quick reply. Is there any custom card around that is able to do this?

elder pendant
#

Or you can use picture-elements as a workaround

empty rampart
#

Yes, I have tried that (report_size), unfortunately, I am unable to get it to work. My images are all displaying different sizes.
I do need to use picture-entity in order to show different states.
On a separate note, my heartfelt thanks to @polar kelp. 80% of my custom cards are his! Thank you.

polar kelp
#

Glad you like them!

#

That’s not what report_size is for. It’s for changing the size the layout engine thinks a card has, not what it actually has. Unfortunately, it hasn’t worked since like .83 or so anyway...

#

Perhaps you can set height: 200px or something in styles: with card-modder.

sharp locust
#

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?

empty rampart
#

Oooohh! @polar kelp himself coming forward to help! I am honoured! 😀
Just tried height: 200px. It cuts off my images.

polar kelp
#

Try playing around with padding-left and padding-right as well.

atomic glacier
polar kelp
#

Probably —paper-something-or-other. It’s a paper-listbox full of paper-items. I suggest googling their code and see what you can find.

atomic glacier
#

hmm... I did find the value that sets the title size for popups/more-info (tested on Chrome) in case anyone else has the need , as I did "--app-toolbar-font-size": 1.25em will keep looking...

small pike
#

@polar kelp I've added several of your custom cards but I am struggling to get the slider entity to work

polar kelp
#

The most conmon problem is trying to use it as a card rather than as an entity row.

young seal
#

After upgrading hassio all the tabs in lovelace-ui were removed. Also the edit button has been removed. Anyone else run in to this?

small pike
#

@polar kelp oh.... I see

young seal
#

How to edit lovelace?

wheat current
#

top right (...) -> Configure UI

young seal
#

@wheat current after the update it is no longer there

wheat current
#

Clear your cache

#

make sure it say lovelace and not states in the adressbar

young seal
#

cache in the browser?

#

@wheat current Thanks, that solved the issue

small pike
#

@polar kelp Wow! I'm dumb! I had everything right except pointed to the wrong file because of a spelling error

paper ledge
#

Hello everyone. Fiddling around with a custom card for the first time. How do I get my frontend to update with js code changes? I read on github something about I need to increment version number - url: /local/my-custom-card.js?v=1 for each code change? So change v=1 to v=2. Is that really the case?

wheat current
#

yes and no

#

that is one way, the other is to run it without cache

#

what that number does is "force" the client to grab the new file

paper ledge
#

aah, completely disable cache in Chrome? Cause I tried clearing cache and no dice.

dark dirge
#

you can disable cache via dev tools (network tab) temporarily

polar kelp
#

There's a pinned message in this channel about that.

paper ledge
#

Yeah, sorry just found it. Also I was a bit impatient with the refresh. I was testing this through duckdns so there was a bit of delay. All good now thanks for your help!

solid sage
#

Is there anyway to use lovelace to create light groups without showing them?

wheat current
#

That does not make sense?
Lovelace is the UI (frontend) it's main purpose is to show things?

solid sage
#

Right but if i like to search and add lights to a group instead of writing the names it would be useful

wheat current
#

Why group?
why not an entity card?

tepid locust
grim lotus
#

@mild veldt ?

mild veldt
#

yes, it did. I just copied the files that were already there. It's just like any other custom card

tepid locust
#

ok thanks

timid wigeon
#

any idea why my secondary pages in HA aren't showing the "dark" theme even though its set? The home page works fine

grim lotus
#

user selected theme or backend theme

#

(i dont know the answer no matter what you say, i just know someone is gonna ask you that)

timid wigeon
#

user selected I guess

#

not the Backend-selected or default

#

I've picked "dark" which I've set up in config.yaml

mild veldt
#

@timid wigeon are they panel views?

timid wigeon
#

I have the panel mode toggle off

timid wigeon
#

should all be the same even on secondary pages, no?

vague steeple
#

hey guys, is there any way I can lock state-icon/state-badge scale in any platform I browse regardless on pc chrome or phone app for my lovelace floorplan?

#

is there any solution to fix the icon scale?

polar kelp
mossy gale
#

Hi everyone, having some fun getting the upcoming-media-card working. I think I've followed all the instructions (using Radarr + Sonarr custom components which both show data and sensor.xxxx_upcoming_media are all fine)

#

I have the resource added, its in my tracker card, have the javascript set to Latest etc

#

this is result...

#

entry in my resources section is:

#
  - url: /local/upcoming-media-card/upcoming-media-card.js?v=0.1.1
    type: js
mild veldt
#

@mossy gale you have entities instead of entity

mossy gale
#

FFS!!!!

#

Cheers, looking for most complex fix and its right infront of my eyes all the time!

#

cheers @mild veldt

wild comet
#

im unable to add an unused entity to my lovelace, because the entity is changing (earthquake isgn)... is there kind of a wildcard maybe?

polar kelp
#

Not quite, but if it's a geoevent the best way to display it might be on a map.

wild comet
#

ty very much!

teal shell
#

unable to add themes configuration to general config
using themes: !include themes.yaml

polar kelp
tawny jackal
#

Hello, I am trying to display a timestamp sensor in relative format in a entities card, but the display do not change with any format I choose. There are something that I make wrong?

#

that is the code:

cards:
      - show_header_toggle: false
        title: Bus
        type: entities
        entities:
          - entity: sensor.next_bus
            format: datetime
            name: A3641
split granite
#

Wrong quotes 😉

#

You wanted ` not '

tawny jackal
#

¬¬ that similar quotes.... xD

flint elbow
#

I am starting to look at custom cards by thomasloven and when I am using popup_cards I can't get them to popup. Here is my current config for my view:

title: Pool
path: pool
icon: 'mdi:pool'
popup_cards:
  switch.pool_heater:
    title: Pool Heater Settings
    card:
      type: custom:simple-thermostat
      entity: climate.pool
cards:
  - type: entities
    entities:
      - switch.pool_heater
#

When I press the switch, the standard more-info with history and a switch pops up. I have changed the card that pops up and it is also not showing up.

kind shellBOT
mild veldt
#

@flint elbow did you add the card as a resource?

flint elbow
#

I did and I am going to try card-loader to see if that was the issue

vapid field
#

I then get an error message:
Setup failed for title: Integration not found.

Setup failed for resources: Integration not found.
Setup failed for title: Integration not found.

#

Oops- my post dissapeared

#

hey there, i have a question about the popup-card. I wrote the following at the end of my configuration.yaml

polar kelp
#

@flint elbow None of my cards require card-loader. Did you try the debug mode in the installation instructions?

rare frigate
#

How to make my lovelace background a background from my www folder

desert reef
#

@polar kelp , I love your stuff. I'm trying to use the auto-entities card, and I think I've got everything installed correctly (but obviously don't). The card isn't showing up in the UI... is there a place I can look for errors?

#

I was trying this as a simple place to start:

#
      - type: custom:auto-entities
        card:
          type: entities
          title: Battery warning
        filter:
          include:
            - domain: device_tracker
              options:
                secondary_info: last-changed
              attributes:
                battery: "<=100"
                source_type: gps
#

...I've got two phones that should be met by the above filter criteria. But I'm not sure how to debug this as I've got no messages at all.

quick rampart
#

I am having trouble styling the background of the following:

#

I have the buttons and all

#

However, they appear on a white background

#

when my theme is a dark theme

#

everything else is the color I want except for the region around the buttons

#

Seems to be something with the panel: true setting

mild veldt
#

That is a known issue

polar kelp
#

@desert reef did you go through the troubleshooting tips in the install guide?

vapid field
#

Hey there,

#

I am quite new to HA and I want to use the pop-up Card for levelace-ui by @polar kelp . I do not really know where to start. I tried to simply copy the example from github and change the enitites for my fittings. But I just get errors like "Setup failed for title: Integration not found.
Setup failed for resources: Integration not found.
Setup failed for title: Integration not found."

#

Could you guys give me a hint, what i am doing wrong?

polar kelp
#

You’re adding lovelace code to configure.yaml?

vapid field
#

Oh man - i am just to new to HA. The code has to be placed in levelance configuration, yes?

#

Just tried it now: New error 😃

#

Tried to serve up '/home/homeassistant/.homeassistant/www/github/thomasloven/popup-card.js' but it does not exist

polar kelp
#

Does it?

vapid field
#

oh no - i check this

vapid field
#

ok. now the files are there. the next error is
Integration not found: views

vapid field
#

ah - i had a relict in my configuration.yaml.

#

for now there are no error messages but the popup still does not appear. is there a debug chance?

vapid field
#

@polar kelp is there an debug option somewhere - perhaps a stupid question but i am really new to HA

zenith umbra
#

hi all, can someone suggest the best method to list the most recent events of a specific type on one of the lovelace pages? I have a "car" page using the automatic integration and I'm looking to show the 5 most recent events with timestamps that are reported by the integration. e.g. "Ignition ON - 5 minutes ago"

polar kelp
#

@vapid field Not for that card, but the browser log usually has the most interesting information.
Though custom cards is not a good place to start with Home Assistant. I'd suggest getting some experience with customizing the stock options of lovelace first.

#

@zenith umbra I think you should start with setting up a backend method of collecting that data first.

zenith umbra
#

@polar kelp ; sure thing, backend method as in an automation that edits custom entities based on event data?

polar kelp
#

Sounds reasonable.

zenith umbra
#

thanks

outer pendant
#

Anyone know of a way to add a template / sensor as title on an entity card?

mossy gale
#

Hi, i am trying to get an SV3C camera to work in a Lovelace card, I have got them working via the "onvif" platform with a 10 second update it seems

#

I want to use the generic platform to stream in HA if I click on one

#

I can get the stream to work in VLC using

#
rtsp://user:password@192.168.0.30:554/11
#

Using FTP to upload an image to the samba share of "share" under a folder called "images/Garden"

#

The still image is uploaded fine

#

This is the yaml I am using for the whole thing (can't see a still image, nor stream)

#
- platform: generic
  name: Front Door Stream
  stream_source: rtsp://user:password@192.168.0.30:554/11
  still_image_url: /share/images/Garden/Garden.jpg
  username: !secret ipcam_username
  password: !secret ipcam_password
mortal cape
#

@mossy gale drop the username and password since you have it in the url

mossy gale
#

yes was just thinking I shouldn't have left that in there

#

Do you think that path is correct to access files in the /share folder on Hass.io

mortal cape
#

if the camera doesn't provide one I think you want to leave it null

mossy gale
#

it doesnt provide one that I can find documentation for, hence the FTP still shot from Blue Iris

mortal cape
#

You can use ffmpeg instead to get a preview image. I've been trying both ffmpeg and generic

#
  input: rtsp://user:pass@192.168.1.29/live
  name: front view``` is what I use for a camera that doesn't have a still image
mossy gale
#

ah ok

#

does it open up into a window when u click it

mortal cape
#

this uses a little more resources

mossy gale
#

my setup running on Mac Mini VM

mortal cape
#

yeah it pops open a window

mossy gale
#

i have 4 cameras running

#

i will give it a go now on one

#

ok cool have a picture now for a camera on ffmpeg

#

how you got the setup for the picture-entity?

#

mine is like this

#

nowt happening when i click on it

mortal cape
#

for the above I just have entity: camera.front_view type: picture-entity

#

and it opens a window

mossy gale
#

yes it sure does, thanks

#

see what you mean about the resources 😃

#

can hear my mac mini's fan coming on

mortal cape
#

doh

#

lol

#

until something else comes along, it's either that or no preview I guess

mossy gale
#

i did find an article about using Blue Iris feeds, but never got it working

mortal cape
#

I haven't tried blueiris yet but there's a lot of new chatter about it now

mossy gale
#

great bit of software, used it for a while

#

v5 about to be released

mortal cape
#

that's a livestream up there

#

they're going through something now but I haven't been paying attention

mossy gale
#

Dr.Zzs

mortal cape
#

yeah

surreal agate
#

I want to write custom_card for lovelace. How to disable caching of it for developing?

wheat current
#

It's described in the pinned posts @surreal agate 😉

fallow oak
#

Experienced with both the simple-thermostat card and the banner-card from the same developer...

wheat current
#

That 💩 be broken

fallow oak
#

What is broken? The cards? The tracker card? The custom updater?

wheat current
#

Everything

#

Well... atleast "The tracker card? The custom updater?"

fallow oak
#

Oh...? Well...

#

That sucks! 😛

wheat current
#

no 💩

fallow oak
#

Do you know if it will be fixed at some point or if it is left behind from now on....?

wheat current
#

I will probably not use time troubleshooting that (if it where a blocking issue for all elements that would be different)

fallow oak
#

Wait....

#

WHAT!?

#

😎

#

That is awesome!

prime umbra
#

wow nice one @wheat current rox !!!!

#

when will that be released? 😃

wheat current
#

When it's done 😛

kind shellBOT
fallow oak
#

I am testing a custom card, and I paste the following in the Lovelace config:

- type: custom:banner-card
  background: "#EDE7B0"
  heading: "\U0001F6CB Living room"
  link: /lovelace/living_room
  entities:
    - light.fibaro_system_fgd212_dimmer_2_level
    - light.fibaro_system_fgd212_dimmer_2_level_3
    - sensor.aeotec_zw100_multisensor_6_temperature_6
#

After restarting HA, it looks like this:

    cards:
      - - background: '#EDE7B0'
          entities:
            - light.fibaro_system_fgd212_dimmer_2_level
            - light.fibaro_system_fgd212_dimmer_2_level_3
            - sensor.aeotec_zw100_multisensor_6_temperature_6
          heading: "\U0001F6CB Living room"
          link: /lovelace/living_room
          type: 'custom:banner-card'
#

I am also getting the following error:
No card type configured

Any ideas?

wheat current
#

Where are you posting that?

fallow oak
#
resources:
  - type: module
    url: /local/banner-card.js?v=1

in "Configure UI" -> Raw Editor

And the above card config in "Configure UI" -> Card Configuration -> Manual Card

#

Just found this in the HA log, if it is of any help:

https://xxxxxxxxxx.duckdns.org/local/banner-card.js?v=1:120:23896 NotSupportedError: Cannot define multiple custom elements with the same tag name
wheat current
fallow oak
#

Thanks! 😕

crimson fable
#

is there something like a dropdown combo-box thingy for lovelace UI?

I want to call a service with various arguments

empty heath
tacit cave
#

anyone get vertical-stack-in-card working with card modder?

#

having an odd issue. Adding card modder removes the bg color and i'm not adjusting that in card-modder

prime umbra
#

@fallow oak did you got the banner-cardto work, cant seem to figuer out what to set on the heading: "\U0001F6CB Living room"

polar kelp
mild veldt
tacit cave
#

I got an odd problem. If I add card modder to the top vertical stack, it removes the transparency

          type: custom:vertical-stack-in-card
          cards:
            - type: 'custom:card-modder'
              style:
                --ha-card-background: "rgba(0, 0, 0, 0.0)"
                --ha-card-box-shadow: 'none'
              card:
                type: markdown
                content: "Title"
#

removes transparency on the top vertical stack, all i'm adjusting is the radius. It's like it's combining the card-modders from the markdown and vertical stack on the vertical stack

#
        type: custom:card-modder
        style:
          border-radius: 20px
        card:
          type: custom:vertical-stack-in-card
          cards:
            - type: 'custom:card-modder'
              style:
                --ha-card-background: "rgba(0, 0, 0, 0.0)"
                --ha-card-box-shadow: 'none'
              card:
                type: markdown
                content: "Title"
mild veldt
#

@empty heath he's actually featured on the Lovelace demo page, but obviously he's changed it a lot since then 😃

tacit cave
#

Any ideas why

fallow oak
#

@prime umbra Yes.... The heading: is the title of the card. You can modify that to your liking. The \U0001F6CB is simply the emoji (icon) in front of the title...

prime umbra
#

ahh cool thanks

umbral jasper
#

I have an idea... not sure if its something already available or might be available in the future... but that lovelace works with multiple users... if you didn't specify mode: yaml it would just use the standard raw editor way, but if you specify the mode, then any user that didn't have a custom yaml file (i.e. [username]-ui-lovelace.yaml) would just use the main ui-lovelace.yaml file.

#

do you think this could be possible?

#

my intent is so that I can make difference lovelace interfaces for either tablets, spouse's device, or guest users who come on my network and I can give them a guest account to be able to control things.

polar kelp
umbral jasper
#

@polar kelp I see a super secret next card... any sneak peaks? 😃

tacit cave
#

@polar kelp you have any idea why the style is propigating upwards in my previous post? For card modder

polar kelp
#

@tacit cave Not entirely sure, to be honest... but you can try adding recurse: false to the top card-modder.

tacit cave
#

no dice

#

thanks

#

I'll find another route I guess

polar kelp
#

Does it work if you also make the background transparent for the top mod?

tacit cave
#

Well, I can actually add the background color in and the shadow

#

using the card modder and setting those attributes to what they should be inheriting

polar kelp
#

To be honest, I've given up on trying to accommodate for vertical-stack-in-card. It keeps changing and breaking card-modder.

tacit cave
#

ah

polar kelp
#

I'd actually suggest you use an entities card instead...

tacit cave
#

Ok, how about this, do you know of an entities card that will let me 'create a title'?

#

entities row i mean

#

Yah, that's my work around

polar kelp
#

Especially since you modify the drop shadow manually anway.

tacit cave
#

I'm trying to create a title with a style associated with it essentially

polar kelp
#

Including card-modder

tacit cave
#

yeah, that's what I'm doing. I was just wondering if you know of an hui title row card, not the full markdown card because it adds 16px padding that I can't mod out

#

unless I have the wrong padding style

polar kelp
#

Sorry, can't help you there.

#

You should try this, btw @mild veldt. It's really fun! You basically monkeypatch HaCard and replace customElements.get('ha-card').prototype.render and/or prototype.firstUpdated, fire ll-rebuild and have at it.

mild veldt
#

What's this?

#

I can inject into render?

polar kelp
#

You can replace it

#

Or wrap it, I guess.

mild veldt
#

Interesting

#

@polar kelp on the veritical stack in card front, isn't the answer to PR the card itself and not try to have card modder work around it?

polar kelp
#

Yeah, I probably should.

#

I've been meaning to for ages, really

mild veldt
#

You're too used to working freely from the outside 😂

#

Yeah. I've been thinking about taking a break from my cards and new ones and patching some annoyances I have with other cards

umbral jasper
#

Where would be the best place to submit my idea for the multi-user lovelace files?

tepid locust
#

whats the custom card that is the equivalent of an updated monster-card?

mild veldt
#

auto-entities

wheat current
#

When was monster-card not custom?

mild veldt
#

I think the keyword is "updated"

umbral jasper
#

thanks @mild veldt

violet talon
#

is there a way to get a more-info pop-up "card" to work when tapping on a pictures entity

#
entities:
  - light.light1
  - light.light2
image: /local/rooms/bedroom.png
tap_action:
  action: more-info
title: Bedroom
type: picture-glance```
#

I'm not sure what to use for the entity for the popup card

polar kelp
acoustic mural
#

For the Lovelace conditional card, can you use weekday as a condition?

lament fulcrum
#

Set up a sensor for weekday that turns on if it's a week day and have the conidtion be "sensor on"?

#

This might help

acoustic mural
#

yeah, I think that's going to be my only option. I really wish there was a condition that just said - day: Sunday

violet talon
#

@polar kelp that did the trick. thanks!

tepid locust
#

yay updated my HA landing page with some custom cards and improved WAF factor

mild veldt
#

@acoustic mural you could use the config-template-card to get that

tepid locust
#

@acoustic mural I created a template sensor that displays the day of week, I have one for day month and year

#

using that you can fire automations on specific days

acoustic mural
#

Good info. Thanks!

umbral jasper
#

@acoustic mural you could create a sensor with the following

#
- platform: template
    sensors:
      day_of_week:
        friendly_name: "Day of the Week"
        value_template: >
          {{ ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'][now().weekday()] }}
gray kernel
#

or just "{{ now().strftime('%A') }}" lol

#

don't forget to make it update with entity_id: [sensor.date] (and to have that sensor set up)

livid oracle
#

Hi, can I make the views menu as a hamburger style of menu? It would work much better as I have a big house and to many rooms to have the menu horizontal.

#

Or I guess having a sub views menu would be an option if its possible

livid oracle
#

Thoughts?

desert reef
#

@polar kelp , yes but in trying to document my testing for you I found the problem and perhaps a minor bug? I was filtering for the non-existent attribute 'battery' (just like I posted) rather than 'battery_level'. When I do this, I get no error in Chrome or the logs, and the card doesn't show.

polar kelp
#

Sounds correct. Attributes can be manually set by the user. There’s no eay of knowing if one should exist or not.

desert reef
#

@polar kelp - Ok, well, it's working now anyway. Thanks for your work!

polar kelp
#

Glad to hear it!

#

@mossy timber Yes, it is, but it's a bit involved.

mossy timber
#

Ok ... any pointers where i could research further?

polar kelp
#

The simplest way is to just have two conditionals in parallell, each displaying a different card depending on the state of the sensor.

mossy timber
#

And turn them on and off.

#

Why didn't I think of that!

polar kelp
#

You can also, actually, put a conditional card inside an entities card, but you'd have to do one conditional for each entity, and it quickly gets really messy.

mossy timber
#

The first one seems simpler. Just put them in a vstack. Nice!

#

Will give that a shot. Thanks 😃

sinful scarab
#

when I do a new card or some changes in the ui config for lovelace, where does it save that config, I can't see it in my ui-lovelace.yaml

junior whale
#

I think i saw a lovelace button where the AC fan was spinning when turned on, but cannot recall card it was / howto. anybody rings a bell?

wheat current
#

custom button card from the custom-cards org on github

junior whale
#

think indeed it was that fan , but it isn't spinning. Assume you can just drop an animated in there too..

polar kelp
#

@sinful scarab it’s stored in HAs internal storage area. <config dir>/.storage

clever kite
jade sable
#

Hi, Is there a way to load a modified .js file instead of the .js that is in the HA docker? I want to modify the colors that are hard-coded into the home-assistant-polymer/src/components/entity/ha-chart-base.js to something I prefer.

#

the colors are coded in the static getColorGenerator(staticColors, startIndex) function

#

I just want to substitute my own hex values. Is there a card-modder that can do that? Is there a way to have the frontend load my version of the js file instead of the docker version? thanks.

violet talon
#

on one of my picture-entity cards, where I have my entity: set to a light group, it doesn't switch from grayscale to color unless I refresh the page

#

all the other picture-entity cards work. except one...

#

doesn't work:

entity: light.living_room_lights
entities:
  - light.couch_lamp
  - light.front_lamp
  - binary_sensor.family_room_motion
  - media_player.living_room_speaker
image: /local/rooms/livingroom.png
title: Living room
type: picture-glance
#

works:

entities:
  - light.lauren_bed_lamp
  - light.chris_bed_lamp
  - media_player.bedroom_speaker
entity: light.bedroom
image: /local/rooms/bedroom.png
tap_action:
  action: more-info
title: Bedroom
type: picture-glance
#

light.living_room_lights is a light group with two mqtt lights in it

#

when I click on the picture it opens the card for light.living_room_lights and it shows as On but the image is still grayscale

#

refreshing the page or opening "configure UI" causes it to update correctly

honest herald
#

I dont understand this path on some of the custom cards. Are they just examples? /customcards/github/

#

just trying to get customer updated all setup correctly, realized some werent being tracked

wheat current
#

if you are just getting started with it, don't

honest herald
#

all my js files are in /local ei www

#

what about the tracker card iteself?

#

thats not in www

wheat current
#

As long as HA can reach it, it does not matter where it is

#

Cards you are using can be on my computer

honest herald
#

ah

#

i just didnt know if it had something to with finding updates on github

wheat current
#

it may, to be fair I don't know how it works anymore

honest herald
#

lol gotcha

#

Im realizing not all cards are supported

#

so have to keep an eye for updates

wheat current
#

currently, yes

dark dirge
#

/customcards is just an uncached version of /local

#

so that it can update without worrying about being cached

wheat current
#

true-ish, since it's not built-in, that only apply to users that have custom_updater installed and working.

dark dirge
#

oh, didn't know that. so it'll be an invalid path without custom_updater?

wheat current
#

yup