#frontend-archived

1 messages · Page 179 of 1

modest coral
#

Hi guys, lovelace/yaml idiot here. Trying to get a badge to only show if the person entity is home, but for others to be shown regardless of whether they're home or away. Here's my code, I know that it's wrong and doesn't work, but I've done some reading and can't figure it out based on the documentation! ```badges:

  • entity: person.john
  • entity: person.jane
  • type: entity-filter
    entities:
    • entity: person.jim
      state_filter:
    • Home```
#

I know it's not working, because I set the state filter to Away and it doesn't show either

mild veldt
#

@modest coral try lowercase, "home"

modest coral
#

That hasn't worked. I set the filter to 'away' (since the person is currently not here), and it still isn't showing alongside my other badges

prime umbra
#

the theme default from HA in dark mode in section os HACS is all white screen sense 0.118 anyone with same problem?

echo notch
#

@modest coral I think away is really "not_home" in YAML

modest coral
#

Simple as that! Looks like the previous code would have worked then, just my way of testing it was incorrect. Cheers all!

echo notch
#

Is there a way to create a card that will show list of options from an input select list on single click/tap? I have created entity card with the input list, but clicking it opens another window with more_info, and then I have to click a second time to get to the actual list.

graceful dagger
#

I've got a couple light groups defined, but after restarting HA they show up as "unavailable" until one of the lights in the group has changed state.

Is there a way to get these to show their correct state after a restart without toggling lights all over the house?

severe flame
#

I figured out that the issue was related to the "active color" set by my theme. However, when I go to my profile, I see that I have 2 colors set, and the theme is set to Backend-selected. My configuration.yaml has the frontend: line, and it has themes: !include_dir_merge_named ./themes under that section. In the ./themes folder, I do have a file named google_dark_theme.yaml, and it has what I would think is my theme...

However, I can't seem to find any state-icon-active, or related colors/settings... Can anyone confirm that if it's set to Backend-selected, it's using that line/setting from my configuration.yaml? And if so, do I have to add a specific line setting the --state-icon-active-color: to whatever I want color I want the Active/On/Connected devices to show up as?

EDIT: I stated that completely wrong after looking in so many places. I 100% see a state-icon-active-color: setting, however, it does not match what is getting set on my server. It's showing up as yellow, when the color that is set on that google_dark_theme.yaml file is #5F9BEA, which is blue.

HOWEVER, there is NO state-icon-active-color: setting in my /config/themes.yaml, which makes me think that's what it's using for the front end? Can anyone confirm that though?

#

The reason I think it's using that, is because I think it's showing as the default color, which according to HA docs, is at https://github.com/home-assistant/frontend/blob/master/src/resources/ha-style.ts, and there it shows at the color matching #FDD835, which is what shows if I use inspector to see the color code for that icon. Just wanted to make sure I'm on the right track to fixing this, I guess.

#

Ok, in case anyone runs into this, I think I figured out what is happening.

Backend-selected == Use whatever matches the setting that is the configuration yaml, to offer as themes. Then, I didn't have google-dark set, but it's offered, so it ended up using the defaults, and my primary colors set from the user menu (I THINK, still not 100% sure, but changing either of those themes right now has no effect. Which is why I think this theory.)

jolly ingot
#

Testing sending wled effects, and I'm getting an error thrown that I need an entity id.... any ideas?

kind shellBOT
jolly ingot
#

ignoring the three ' since that was obviously a code paste fail right there

twilit lintel
#

do you guys know why I've been getting logged out from hass on my desktop all the time?
I get this notification when it happens

Login attempt failed
Login attempt or request with invalid authentication from WINDOWS-PC.attlocal.net (192.168.3.5) (Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.66 Safari/537.36)

frosty crane
twilit lintel
#

i've never enabled it

frosty crane
twilit lintel
#

Yes, I can

#

but It keeps logging me out from time to time

#

every 2 or 3 days I guess

frosty crane
# twilit lintel Yes, I can

Ah, it’s not that then sorry and I wouldn’t know of another cause but I’m sure someone else might 👍

honest moon
#

Having the ability to copy/paste a light state to another light in the UI would be really cool. Just a random thought.

mild veldt
honest moon
#

I’m talking about on the fly

pearl drift
#

Anyone know of alternate alarm panel lovelace cards? The one in the core takes up so much space...

karmic tiger
fallow stump
#

Hey y'all! Is anyone using a Fire HD 10 and can report on perfromance of the UI, especially in fully kiosk? It's on sale right now and I'm considering to get it.

dusky orchid
#

hi people, i have set my browser to swedish (we use 24H time) i dont want HA to use AM and PM, have anyone solved this? found an old thread from 2018.

boreal sluice
#

I can reverse color with new grid ? With horizontal stack i can get to work but I Don't know if there's a reverse color for new grid.

gilded tiger
#

Is anyone having problems with pop-up in Browser-mod?

random mantle
#

@torpid echo thank you , i will also try appdaemon HAdashboard

karmic tiger
#

Basically it cares about your browser settings. HA uses what the browsers tells it to use.

polar kelp
#

Try selecting English UK in your profile sections if you want English language but sensible units and stuff.

lapis lava
#

Is it possible to put a markdown element on a picture element card (panelmode) Somethimes it seems to work but then it goes away after a refresh...

#

Trying like this rn```

  • type: 'custom:useful-markdown-card'
    content: >-
    <b>{{ states('sensor.greeting') }}</b>
#

But does not give me anything

split goblet
#

Is there a way to prevent the Automation inferface to squash in a one line a message or any multiline value?

#

In case of very long messages/values became . very tedious to inwrap the text

arctic pumice
#

hey is there any way to convert fan to humidifier domain? i use xiaomi humidifier integration but it register my device as Fan.

supple oracle
#

hello how to achieve a view for a user without left panel and a view for a user with the home assistant left panel.
let us say a user view and an admin view

supple oracle
#

another question i'm struggling with getting my resources in my lovelace.
for example if my custom resources are under /www/custom_ui/xxxx.js
what is the url for my resources file?

karmic tiger
#

/local/custom_ui/xxxx.js

supple oracle
#

hm is not working

#

@karmic tiger how can I troubleshoot this?

kind shellBOT
#

@supple oracle Generally, don't tag people to ask for help - it comes across as bad manners, you’re demanding somebody answers you. It’s different if you’re thanking somebody, obviously. If you do tag somebody keep it polite and respectful. Remember that everybody is a volunteer, and nobody has to help you, and people may block you.

Similarly, please don’t DM (direct message) people asking for help. It also comes across as demanding, and means that others can’t learn from what you do.

Finally, please keep tagging people in replies to a minimum. That too can become annoying very quickly and should be used only when it's necessary (such as if it's been a long time, or there's multiple conversations going on).

polar kelp
supple oracle
#

Is there a succesor for custom-header from mayker?

polar kelp
supple oracle
#

Don't get this, do u need to create your own themes with this?

hollow silo
#

Hi guys, i've installed the latest version and now i have a new section "template" in my detail cards... Any idea how to remove that from the details?

supple oracle
#

how can i make a card transparent?

polar kelp
#

ha-card-background: rgb(0,0,0,0) in your theme file.

supple oracle
#

but i'm not yet using themes 😦

polar kelp
#

Then card-mod.

#
type: whatever
... your card configuration...
style: |
  ha-card {
    --ha-card-background: rgba(0,0,0,0);
  }```
supple oracle
#

thx man it works

#

but it's better to add this to an theme then?

kind shellBOT
lapis lava
# kind shell

Keep getting this error when trying to use custom:hui-element inside a picture element

karmic tiger
#

Well it looks like your custom element doesn't exist.

#

How did you add it?

lapis lava
#

I did not add the hui-element

karmic tiger
#

Then you can't use a custom card you haven't added

lapis lava
#

Since I thougt it is already in lovelace by default?

karmic tiger
#

custom: 🤔

polar kelp
#

I was saying the functionality of markdown-mod is in core.

lapis lava
#

Oh but I still need to install the lovelace hui element?

polar kelp
#

yes

#

Through HACS, preferably

lapis lava
#

Got it, thank you!

#

And is there a way to use markdown cards inside a hui element? Is it a glance or what kind of card is it?

gray phoenix
#

hey guys, what am i missing here, why won't the background change to what the theme is? Trying to set per dashboard not in the profile.

errant plover
#

There's an open issue for that

gray phoenix
#

🤦‍♂️ so i'm not losing my mind then LOL could've swore it changed automagically before

errant plover
#

Yeah it only happened recently. Last update or two.

gray phoenix
#

ok yeah that sounds about right. thanks man!

errant plover
gray phoenix
#

work around for me is adding - background: "center / cover no-repeat fixed url('INSERT_URL_HERE_OR_LOCAL_FILE')" to ui-lovelace.yaml or to the dasboardname.yaml

polar kelp
#

Try background: "var(--ha-background) or whatever the theme variable is named...

devout hatch
#

How to change instead of vertical to be horizontal stack or grid?

#

the second link is code

#

I tried with grid only but it cut the nice image of a roller shutter

karmic tiger
#

Just change the word 'horizontal' to 'vertical'

#

How do you want it to look? Draw a picture.

devout hatch
#

cover.unnamed_device_3

#

like this, but I wont to see whole pictures

#

not half of each picture

#

I tried something from this post

#

but still the same

karmic tiger
#

Well you'll have to scale the pictures or choose another picture that fits.

devout hatch
#

Im trying to scale it with ha-style

#

but it wont to scale 🙂

supple oracle
#

what is the css style code for the type:divider?
trying with
--divider-color: white

#

but not working

karmic tiger
#

Do you know CSS, stefan?

karmic tiger
#

All buttons can have actions. That's how you tell it what to do when it's clicked.

radiant moth
#

I understadn all buttons have actions - I do I make a button to add my action to

#

ok so I want to create a new card with a button -

#

type: button
entity: light.living_room

#

what file do I add this code to?

karmic tiger
#

It doesn't need to be to a file. You can use the UI to edit.

#

Top right of your dashboard, hit the dotsvertical to get the menu, and edit.

radiant moth
#

edit dashboard?

karmic tiger
#

Bottom right, you should then see an option to add a card.

radiant moth
#

ok

karmic tiger
#

There's a whole bunch but you said you want a button card.

radiant moth
#

Thank you @karmic tiger that got me started

#

@karmic tiger cool beans my button turns on/off the light - on to customization 🙂

fickle pagoda
#

what's the correct way to hide the default lovelace dashboard? I want to keep it so things auto-populate, but I don't want my users to see it

#

I've managed to hide it on the admin user's account by just creating a new dashboard and changing it to be the default.. but both still show up for non-admin users

#

Is there really no way to get rid of the default dashboard? Seems like a bit of an oversight..

short vale
#

Has anyone else ran into this issue where pickers are insanely slow? I've logged a few issues in the past, I just logged an issue (my other ones have been closed or resolved, I thought I logged this but I hadn't talked about the pickers only entity lists) where it was insanely slow and causing memory consumption. Has anyone else ran into this? It makes the front end almost unusable for me in scenarios where I need to use the entity picker.

#

Anything that uses it like state viewer, log book, automations, love lace customization, etc... The device and integrations tab are much better after the last perf drive but still lag for me

polar kelp
fickle pagoda
#

Changing default didn't hide the built-in default from other users' views.. only mine

polar kelp
#

No, take control of the default one, and make it only have the stuff you want everyone to see.

devout hatch
supple oracle
#

what is the css code to make a divider color white?
--divider-color: white

#

is not working

karmic tiger
ripe bison
#

hi there! I am looking for a way to react on a lovelace button hold release - is this somehow possible?

karmic tiger
#

But I don't think it can happen on release 😦

supple oracle
#
  • type: vertical-stack
    cards:
    - type: entities
    show_header_toggle: off
    entities:
    - type: 'custom:text-divider-row'
    text: Laundry
    - type: vertical-stack
    cards:
    - type: horizontal-stack
#

I got an error on the second type:vertical-stack

#

can't you use a vertical-stack type in an entities array?

polar kelp
supple oracle
#

thx will look into this

mild veldt
plush stratus
#

Is there a generic way to scale/align cards in a horisontal stack / grid card... or is it all "it depends on...".

ripe bison
polar kelp
#

@plush stratus There's the grid card...

#

Also, I'm blind.

#

What do you mean?

plush stratus
#

I'd like to scale either card so the Y-size matches

polar kelp
#

@plush stratus Is that the custom button card? All core cards should behave well...

#

If you have card-mod you could try yaml style: | ha-card { height: 100%; }

plush stratus
#

@polar kelp yeah, it's the custom button for the padlock. I wanted a nice representation of the locked state, and never got that going with core cards. Open to suggestions 🙂

limpid radish
#

What's the recommended way of giving entities icons, customization.yaml or via the UI (cog wheel in more-options dialog)?
Former can be a bit of a tedious process and the latter is not easy to examine because no .yaml file is created.

#

/ what are the advantages for each?

supple oracle
#

I want to vertical stack 2 cards, but now they only take half the space

#

how to have them take the full space?

#

I'm trying to use the layout-card in horizontal modus but not working

supple oracle
#

i think it's better not stack them but just have them next to each other.
but the layout -card is not working

pseudo wagon
#

anyone know how to add an mqtt broker to HA's frontend?

karmic tiger
#

Brokers aren't a frontend thing. What do you want to do?

pseudo wagon
#

I want to connect an ecowitt (or something similar) to my PWS so i don't have to go through ambient's cloud.

karmic tiger
#

That's... lots of words that don't mean anything to me.

#

You're in the channel for the dashboard stuff. Are you trying to modify your UI?

pseudo wagon
#

Sorry. I have an ambient weather station. Right now HA picks it up via a cloud based API. Instead, I want to connect to something local so I can go from the weather station directly to HA. And, i read there's a way to do that with MQTT in the front-end but I'm not seeing it.

karmic tiger
#

Again... MQTT isn't 'frontend'. There are MQTT #integrations-archived that allow HA to communicate with things that use MQTT.

pseudo wagon
karmic tiger
#

Try that channel... but please read the topic there and follow the links.

pseudo wagon
#

i guess its an integration.

#

Ok.

normal jackal
#

Does anyone know of a way to use state value to style elements in Picture Elements Card Configuration? I want to style overlays for my lights, for example use actual brightness of the light to set the brightness of the overlay. I was hoping template syntax would work: {{ state_attr('light.bulb', 'brightness') }}

wicked sphinx
#

Multiple conditionals mmmmmaybe

mild veldt
#

@normal jackal config-template-card or lovelace-templater-card

wicked sphinx
#

^ I trust this guy, he seems smarter than me

normal jackal
normal jackal
mild veldt
#

@normal jackal it is in the releases

#

Best practice is to use HACS though IMO

normal jackal
#

I only found out about HACS yesterday when everyone started talking about it breaking with 0.118 upgrade. I'm going to install it very soon 🙂

plain onyx
#

how do i set a default theme for all users ?

polar kelp
#

With the frontend.set_theme service.

#

You can make an automation call it when home assistant starts

pliant pulsar
#

Hello, after my update to 0.118(hass core on docker) when i try to add new card to lovelace cards are loading really slow, even browser is freezing for a few seconds, i tried with another browser and in incognito , still the same, anyone else with such problem ?

#

i tried with .3 and .2 releases, same

jaunty frost
#

Is there a way to add a "color" changer to the lovelace dashboard for your lights? Currently I can only choose it in the integration>configuration page

noble dune
#

not sure, but you can tap/click on the entity's name once its turned on, for granular control - at least for Hue integrated lights

jaunty frost
#

yep its what i currently do

#

it would be nice to have this option in the dashboard since tradfri dont remember what settings they haad

noble dune
#

I'd probably look into getting custom cards to see if there anything there that already covers it

jaunty frost
vapid field
#

Is there a trick for a u ser to show up on the map? I thought it was always there, but i'm not seeing it now.

#

both my wife and I are "home" but we don't appear on the map

mild veldt
#

@vapid field that's right. Devices are not shown when at home

vapid field
#

Is there a way to change that?

mild veldt
#

No

devout hatch
#

hello

#

Im still stuck with moving vertical cards to a horizontal ones

#

I tried with a grid but doesnt work

#

also horizontal-stack

vapid field
#

Have you got your UI in pannel mode ?

jaunty frost
vapid field
#

@jaunty frost I have no idea, but I like that concept and might have to borrow it.

jaunty frost
#

😄

#

tell me if u can figure it out

jaunty frost
#

Resolved: I removed the "hs: " values as these apparently adjust whitelevel of the light. It's not possible to have both RGB and whitelevel adjustments in the same entity.

marsh delta
#

Have a entity card with binary sensors, but the icons don't change color on different state. I have "state_color: true" any idea?

neat remnant
#

hello, is there some sort of bug in overview? I have 12 sensors, when I refresh the page, they show correct graph, but after few seconds (random, from 5s to 20s, sometimes hours) they change to random one and with different part of history shown, as you can see https://imgur.com/a/oNBPhNd here, so I have to refresh the page; browser is safari on big sur, hass version is 0.118.0 running in container, but I noticed it happened on 0.117 as well, thank you 🙂

frozen cargo
#

I bought Tuya curtains/covers windows controllers. I want to add it to HA with slider. Does anyone know how to do it?

vapid field
plain onyx
#

how do i make a user --> owner ?

oak lava
#

Hi everyone. Can you use the card preloader without putting lovelace in yaml mode?

grim narwhal
#

Hi Guys, I have a little problem...
I have integrate a esp to control a waterpump, all worked fine till I inserted it to lovelace UI and lovelace also integrated a Thermostat for my "faked soil moisture bang_bang climate controller".
The Thermostat sets my config to a maximum of 30 °C (what is in real 30% soil moisture) and cant be changed up to 70... How can I reset or mod this to get a higher range??

karmic tiger
#

Which integration are you using for it?

grim narwhal
#

esphome mqtt

karmic tiger
#

What about for the thermostat?

grim narwhal
#

@karmic tiger"add to Lovelace" on the integration part where the sensors for my esp is listed in mqtt

karmic tiger
#

integrated a Thermostat for my "faked soil moisture bang_bang climate controller"
I'm not asking about the UI. What 'integration' did you make the thermostat with?

grim narwhal
#

tha simpliest way... here are no pictures allowed else I would show you.... No yaml Went to "Integrations" "mqtt" 3 devices "add to lovelace

Have also deleted the Devices to rset/delete the entries of the Thermostat, but no change

karmic tiger
#

Ok. Sounds like you got the ESPHome stuff wrong then. You need to set the max 'temperature' higher.

kind shellBOT
karmic tiger
#

For more help ☝️

grim narwhal
#

Its not a problem with esphome or mqtt

karmic tiger
#

If it was auto-discovered by HA, the information in MQTT is wrong.

#

If it wasn't auto-discovered, you're not telling me everything.

grim narwhal
#

The automaticly add Thermostat changes the max value to 30 °C what is fine if it would be a thermostat for a heater...

karmic tiger
#

If it was automatically added, it was added based on information provided by ESPHome.

#

🤷‍♂️

#
  min_temperature: 18 °C
  max_temperature: 25 °C
#

ESPHome, not Lovelace.

grim narwhal
#

I got 3 devices and as tried to change the Thermostat to 50 °C it sets to 30°C fix as Max... happend by 2 Devicdes the third workes allready fine where I not touched the thermostat

karmic tiger
#

Yeah, bye.

upbeat wren
#

Hi everyone! New member here and I’m trying to plan my Lovelace dashboard for a Amazon Fire 10 tablet but I have no idea where to start in terms of designing it. For mobile I just created a single vertical card and it’s super simple, but I’m just creative enough to come up with something functional and clean looking for the tablet it seems. I’ve Googled, searched the HA site and Reddit for inspiration, (along with this discord but 1k+ pages of results come up [not surprised]) so just wondering if anyone wants to share a pic of their Lovelace setup?

karmic tiger
#

If you just want to see a showcase of ideas, the forums are by far the best place to look.

#

Also, depending on what you're looking for in a mobile experience, sticking stuff in horizontal stacks is a nice way to make better use of space 🙂

upbeat wren
#

looking at the frontend section of the community site and can't believe i've never looked here!

karmic tiger
#

Needs some work (I'm not great with UI design) but it's functional.

upbeat wren
#

ohh, that's clean

#

yeah, simple concept

karmic tiger
upbeat wren
#

i did install this one but definitely will take some time

karmic tiger
#

Haha, yeah. It's so customisable but that means you'll spend longer planning/tweaking 😄

upbeat wren
#

that's half the fun of HA. I don't really that X implementation...it's because I can haha

mild veldt
#

Less is more IMO. I just use botton row for about everything on my main dash

upbeat wren
#

oh, i like that!

#

the limitless options make it even more difficult

karmic tiger
#

I love that, ian. Probably too small for my fat fingers but it's very polished.

mild veldt
#

Get a bigger phone 😜

karmic tiger
#

I'm getting a smaller one next time.

#

I hate this trend of 8" phones you need two hands to operate.

mild veldt
#

I much prefer reasonable phone sizes

#

I have just the iPhone 7 and is perfect size for me

upbeat wren
#

here's my current WIP mobile UI

#

if discord feels like letting me

kind shellBOT
#

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

karmic tiger
#

Most people can't post here, ian was just showing off 😉

upbeat wren
upbeat wren
#

want to add Hue control and my ring cameras, but really hate that the ring integrations can only show last recorded clip

karmic tiger
#

Nothing wrong with your dash so far 🙂 You'll tweak if over time.

upbeat wren
#

yeah, getting there

vestal imp
#

How can I make a light group that switches off lights as it crosses lower brightness percentages?

karmic tiger
vestal imp
#

Thanks!

kind shellBOT
grim narwhal
karmic tiger
#

I have a thermostat that goes to 35 so that's nonsense.

grim narwhal
#

How do u code it??

#

My code worked... till I touched the thermostat that was automaticly add by lovelace

karmic tiger
#

I told you the answer. The problem is with the MQTT discovery.

#

The automatically added MQTT thermostat came from values sent via MQTT from your ESPHome.

#

And please don't tag me again. I'm not interested in helping someone that doesn't listen.

bitter jewel
#

Hi all, does anyone know how to change the button colors on the generic thermostat card? The 'on' colors are hard coded in the .ts file and not themable. I have card-mod and have been hacking at that for several hours, far out of proportion with the value of changing the button color, I know...There is a key --fan_only-color that I can manually change in the element explorer in Chrome and it works as you'd expect. I just can't find the magic combination to make card-mod do it - I'm really at the point of changing random things by now and somehow hoping it works. Thanks in advance.

vapid field
#

Can I upload a device diagram to the front end and create clickable buttons that will take me to the device?

mild veldt
#

@vapid field picture-elements

vapid field
#

Hello, first post and first time on a Discord chat 😀 I have an issue with my Has production environment. I just installed two new cards from HACS (mini-media player and fold entity). When trying to use these card in Lovelace I get "Custom element doesn't exist". On my test environment, same actions and works fine. The only difference I see is the version; my production version has the latest updates, my test version has version 0.118.2. I checked the dashboard entries and those seem the same to me. Any idea how I can further debug?

karmic tiger
#

If it's saying it doesn't exist, it either isn't installed or hasn't been added to the Lovelace resources.

vapid field
#

hello mono, the files are present and it has been added in the resources in the config. Exactly the same as on my test instance

karmic tiger
#

And have you restarted HA since adding it?

vapid field
#

yes, multiple times.

karmic tiger
#

Clear your browser's cache for that page. Ctrl+F5 should do it.

vapid field
#

bye the way, other custom cards always worked in past

#

ok Ctrl+F5 worked for the mini media player

karmic tiger
#

So it's just a caching thing. Not sure why the other one isn't coming through, maybe there's caching at the HA end too. I don't know how to deal with that.

vapid field
#

other one shows up too now, first time I have this issue. In the past the prompt "clear cache" after the install always worked. Not sure why it didn't now

#

thank you and sorry for the trivial question.

mint sparrow
#

Hello, is there a way to flush all data from a sensor in the history ?

#

without messing around with the db file

karmic tiger
#

A single sensor? No. You either delete the DB, you edit it, or you keep everything.

mint sparrow
#

hm, I thought so, thanks anyway 🙂

vapid field
#

When you upload images for people via the front end, where do the images live in HA? I don't see a /local/ or www in my file editor. I'm trying to figure out where to dump a picture element and I figured it would go into that dir, but I don't see it

wide reef
#

/local is /config/www

haughty yarrow
#

guys is it possible to make a frontend button in lovelace to send a remote.send_command as im trying and its not working

crimson fable
#

is there an easy way to bypass any interactive authentication stuff?

use case would be a headless browser which renders a dashboard to a screenshot

karmic tiger
#

What service performs the auth?

crimson fable
#

uh home assistant i think? the username:password 2fa stuff

karmic tiger
#

Ok. You want some other thing to navigate to HA. Is it on a known network?

crimson fable
#

it would be something that runs somewhere in my home network, yes

karmic tiger
#

It's all in the docs.

crimson fable
#

thx

haughty yarrow
#

guys got this as the button but just says error "required key not provided @data command"

icon: 'mdi:television'
name: Television
type: button
tap_action:
action: call-service
service: remote.send_command
entity_id: remote.broadlink_mini_remote
command: television_on

mild veldt
haughty yarrow
#

Thanks ah thats where i was going wrong

wide reef
#

iantrich, what did you use for your text styling in your mobile picture above?

#

the size

vapid field
#

the logbook card is cute... but I wish it would ignore logging motion sensors when the alarm is disarmed. 😛

#

also, it doesn't seem to deal with climate entities for some reason.... unless you specify "all entities", then they show up.

supple oracle
#

Is there a possibility to change the notation of numbers in lovelace.
Now thousands are separated by a comma and decimals with a period.
Can we switch those?

digital steeple
#

Sidebar question-I'm running HA, NodeRed, TasmoAdmin and MQTT as separate Docker containers on my Unraid Server. I'd like to add sidebar entries to link to my NR and TA WebUIs, much like Hassio. I see how to rearrange and delete sidebar entries but not add. Is this possible?

worn parrot
#

Sample:

panel_iframe:
  tasmoadmin:
    title: "Tasmo Admin"
    icon: mdi:robot
    url: https://myhass.mydomain:9541/
worn parrot
#

Maybe try Configuration -> General -> Unit System ? See if that has an effect? I don't personally know, but if you say it changed, something would have had to have changed.

#

realizes how awkward "would have had to have" is to type

vapid field
#

Using the picture element, is there a way to click the item and be taken to the device screen?

#

I see that you can turn on/off entities, but I want to see the device itself, so I can see all the entities/automations/scripts/etc

vapid field
atomic sigil
#

How do you get these seals in the profile discor

lethal flicker
#

Can anyone assist me in adding a components switch for my vizio TV

#

For instance I want to be able to switch from different HDMI Inputs

supple oracle
#

After updating to the last release all my custom cards stopped working. Release 0.118.4

#

Ok needed a few more minutest but started working again

devout hatch
#

how can I fix those 2 lines

hallow jetty
#

I swear it used to be possible to reload the config via the web ui, but I'm not seeing the option. how to do this?

lethal flicker
supple oracle
#

It toon 10 minutes or so

lethal flicker
#

Was slightly worried for a bit

pine eagle
#

Anyone made the media browser work? Assuming it’s used to send data to a network player?

mild veldt
mild veldt
mild veldt
random pike
#

@graceful dagger @sacred quarry Did either of you get the light group thing sorted?

#

Where a light group is shown as unavailable until one of the individual lights is activated

#

I have the issue, but it's only the nested light groups which are affected, as in the parent groups

#

And being unavailable really acts unavailable, as in automations won't work. But once one of the child lights are nudged, then the whole thing starts working

lethal flicker
vivid swift
#

Hi everyone! I'm getting a 404 error on the frontend, on a recently updated venv install. I've got 0.118.4, and home-assistant-frontend 20201126.0. My config is simply default_config:

#

I've tried setting the logging level to debug, but nothing appears

#

Googling suggested missing packages or themes, but I have nothing of the sort

#

So I'm a bit lost, and wondering how to debug this 🙂

#

I'd rather keep my .storage directory so I don't have to set up homekit again

#

And in fact, moving .storage to a backup changed nothing

#

Ahhhh ok I think I have it. Missing libopenjp2.so.7

#

What an adventure

#

Thanks everyone 🙂

wintry scaffold
#

Hi all!
I'd like to add resurces to lovelace. This is my 1st time working with it.
Where is local directory located at?

#

example - url: /local/custom_lovelace/xiaomi_vacuum_map_card/xiaomi-vacuum-map-card.js

mild veldt
wintry scaffold
#

so just straight up create dir with
mkdir -p www/custom_lovelace/xiaomi_vacuum_map_card
?

#

While not being in any directory

mild veldt
#

In your main config folder

wintry scaffold
#

So basicly in .homeassistant

#

Thanks !

tame dove
#

@lethal flicker

lethal flicker
tame dove
#

🖐🏻

lethal flicker
#

How do i come out of Yaml mode? lol

#

Its super hard to config in there hahaha

#

super intimating

tame dove
#

Remove that from your configuration.yaml

lethal flicker
tame dove
#

@lethal flicker , here is an example,from my config

lovelace:
  resources:
    - url: /local/vertical-stack-in-card.js
      type: js
#

So, that should work for you. Substitute your card though

lethal flicker
#

So if im not configuring in Yaml where does one put the resources thingy? Still in config.yaml?

tame dove
#

And make sure you put the card in the www folder

lethal flicker
#

Ohhhhh yup! didnt know that part

tame dove
#

I removed the line that was causing you problems. Sorry, my bad

lethal flicker
#

its all good. Testing that now

tame dove
#

Not sure what card you are using but you did put it in www folder correct

lethal flicker
#

'''
resources:

  • type: module
    url: '/community_plugin/harmony-card/harmony-card.js'
    '''
#

Im trying to get my harmony hub situated.

tame dove
#

Use backticks

kind shellBOT
#

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

Don't forget you can edit your post rather than repeatedly posting the same thing.

For over 15 lines you must use a code share site such as https://paste.ubuntu.com/ or https://www.hastebin.com/.

tame dove
#

Look at the example

lethal flicker
#
  url: '/community_plugin/harmony-card/harmony-card.js'
#

Nice

#

lol

tame dove
#

But you need to download the card and store it locally in the www folder

#

Congrats of formatting code

lethal flicker
#

Oh damn you are really showing me quite a bit here. Thanks so much. So i just put that url in the www code correct. My apologies new and working my way around HA trial and error style

tame dove
#

Its all good, we all started somewhere. I am guessing it is on github somewhere. You need to learn how to download it from github. I usually just copy the code and make my own file. Your www folder is in your config folder. Where your config folder is depends on your install method

lethal flicker
#

SUPER long code though No idea what i do with that info

tame dove
#

Ok, so just change your url in config.yaml to see the file in your www folder. The www folder is referenced with /local

#

Look at my code

#

👆

#

Starts with /local/the card name

lethal flicker
#

Ok standby let me try that

#
homeassistant:
  unit_system: imperial
  time_zone: America/New_York
resources:
- type: module
  url: '/community_plugin/harmony-card/harmony-card.js'
  
  /local/harmony-card/harmony-card.js
#

@tame dove does this look correct? This is the top half of my config.yaml

tame dove
#

What do you think 🤣

lethal flicker
#

lmfao

#

nope

#

because i have a error listed

tame dove
#
homeassistant:
  unit_system: imperial
  time_zone: America/New_York
resources:
- type: js 
  url: '/local/harmony-card.js`
lethal flicker
#

oh

#

i was close.... hahaa

tame dove
#

That’s if the card is directly in the www folder

lethal flicker
#

Ohhhhh so no. i got ya tho

#

mine goes down a couple paths

tame dove
#

Not sure where you got type: module. Honestly, the frontend is not my thing. Just winging here

lethal flicker
#
url: '/config/www/community/harmony-card/harmony-card.js'
#

The module part is what the github had

#

no idea if it needs to be there in reality

tame dove
#
url: '/local/community/harmony-card/harmony-card.js'
#

Local starts at the www folder

#

Make sense

lethal flicker
#

ok

#

will make those changes

#

Ugh still getting resources not found when I check my config.

#

Tinkering around a bit maybe im missing something here

tame dove
#

Is that card in that path?

lethal flicker
#

It is. Which is weird

#

Im gonna tryin putting the entire path and see if that makes a difference

tame dove
#

So, in the www folder you have a folder named community in which you have a folder named harmony-card in which you have a file named harmony-card.js?

lethal flicker
#

that is correct

tame dove
#

And are you using hacs?

#

How did that card get there?

lethal flicker
# tame dove And are you using hacs?

Sooooo I tried adding the URL to Hacs and they were like "It already exist" but i couldnt figure out where it was. Then you mentioned the www folder. And it was in there

#

So I would say yes, it was added using Hacs

tame dove
#

Ok, well now we are way out of my comfort zone. I don’t use hacs and I use a couple lovelace cards but not my expertise. What docs were you following?

lethal flicker
#

alright sooooo yah im noobing out here. I was putting it in the wrong place

#

"Trying" to go off this guide

tame dove
#

Ok, well that is a very advanced card. Send me a dm and I will see if I can help

#

Cause nothing about hacs in there 😉

clever spire
#

Hello. Has anyone have issues with HA not completing startup due to it failing to set up the cloud component? I moved and when I started HA back up at the new house it started giving me issues. Pulling my hair out trying to figure it out.

drifting horizon
#

I'm looking for a lovelace layout that closely resembles how the official Hue App works for controlling lights.

#

The official Hue app is the only thing keeping me attached to Philips for their bulbs, and running a dedicated Hue bridge.

tame dove
#

@clever spire , I know you were told to post here and for that I apologize. You should post in #cloud-archived

drifting horizon
#

Hurm, is there no way to alter the brightness of a light group without turning on any lights in the group that aren't already on?

graceful dagger
indigo shuttle
#

Morning

I have a markdown card with a for loop.
I want to only show an addon if update_available is true.

I tried adding an if statement, but this does not seem to do anything.
https://hastebin.com/umokesalex.shell

My gut feeling says it should also be possible to add a condition to the for loop rather than an extra if condition

random pike
#

@graceful dagger I figured mine out. The light groups are case sensitive... So, wrong case seems to give that symptom. Try it and see if it's your prob too?

#

As in, the group name can have caps, but entities can't

supple oracle
supple oracle
#

@mild veldt tyvm

urban lake
#

Hi everyone, I'm having hard time with lovelace webpage card. For some reason it is kept in cache forever and no changes in the source webpage are reflected in the card. I've tried refreshing and adding meta but nothing works. Has anyone had similar issues?

distant silo
#

Hello, Do grid cards support shell_commands, or service calls?

#

It doesn't appear so

random mantle
#

hey everyone ,i can have 3 tabs and suddenly my home tab has been move to the right - i wonder if i can drag it back to the left again (so it is the first tab) TY!

karmic tiger
#

You can edit the whole thing in YAML and get it exactly the way you want.

#

If you don't want to do that, use the arrows... 🤷‍♂️

random mantle
#

thank you ! trying the arrow again

mild veldt
distant silo
#

@mild veldt Thanks!

supple oracle
#

hello everyone,
I have this problem, for example, I have 9 cards.
I want to have them 3 columns of 3 stacked vertically
| X Y Z |
| X Y Z |
| X Y Z |
So 3 X stacked vertically, 3 Y stacked vertically, ...
How to achieve this?
If I make 3x stacked groups they all stack together.

junior onyx
#

Does anyone use a Lovelace card to type custom text to send a notification to a smart speaker or mobile app or tv?

karmic tiger
#

Yes, I'm sure people do.

#

You're probably after an input_text, @junior onyx. It's a helper integration but you can add it to Lovelace as an entity once you've made it.

raw egret
#

hi, I was wondering if a setup similar to this is possible. I'm looking to create a HA dashboard with 2 pages:

  • The first page will have 3 google calendar cards. The top one for today, the middle one for tomorrow, the bottom one for the rest of the month.
  • The second page will have a full screen video frame that can either be casted to or selected from google drive
#

any advice on how to achieve either?

#

calendar card should work, just need to figure out how to connect it to google calendar

#

what about the second page?

karmic tiger
#

You need to sort your integrations out before you can display the results from those integrations.

raw egret
#

yeah I'm in the process of adding the google calendar integration, but I can't find much about page 2

#

casting to HA doesn't seem to be a thing and I can see why

#

I would be okay with playing local videos

karmic tiger
#

Why would you cast to HA? What are you trying to display?

raw egret
#

yeah I know, it's not something really meant for HA

#

basically there's a big screen my friend wants to use as a smart screen

#

and would like to play videos on it

#

I guess we could always plug in a chromecast as well

karmic tiger
#

So... sometimes a smart screen, sometimes a console? Sounds like a job for multiple HDMI inputs on a TV 🤷‍♂️

#

You don't want to 'cast' to HA. The latency will be awful.

raw egret
#

it would just be playing video on repeat

#

I'll focus on the google calendar cards first then come back for the video or propose a chromecast

#

thank you

raw egret
#

google calendar cards working fine

raven jewel
#

any good tutorials you guys recommend for setting up custom cards and such.

#

i got all my devices hooked up now just trying to dial things in

karmic tiger
#

Tutorials? Nah... just read the readmes of the cards you plan to use.

raven jewel
#

well thats part of it, i wanted to know what other cards are good out there that i may be not be thinking of

#

like the mail and packages integration was cool

karmic tiger
#

Well what do you want to do? Start by asking a specific question and I'm sure people will have suggestions.

raven jewel
#

i wanted to see what other people thought was helpful and useful at first.

#

i.e. weather on first card, camera on second, the mail and integration add on, etc.

karmic tiger
#

Well... vague questions will get you vague answers 🤷‍♂️

#

If you just want to see what's out there, check out the forums. Plenty of examples of people's dashboards.

raven jewel
#

Didn’t think it was that vague but ok.

#

I’ll look through the forum it looks helpful. Thx

kind shellBOT
raw egret
#

anyone running atomic-calendar-revive can help me sort it out?

#

it's not working at all, lovelace says "Custom element doesn't exist: atomic-calendar-revive."

#

I followed the tutorial but there's a couple things that I'm not sure about

#
  1. I'm using the manual method and it says to put the js file in "/www/community/atomic-calendar-revive/atomic-calendar-revive.js". I tried that but no luck, so went on github and found an issue where the developer said the documentation is wrong and to put the file in "/community/atomic-calendar-revive/atomic-calendar-revive.js" instead. That didn't work either
#
  1. "If you use Lovelace and want to use the editor, download the atomic-calendar-revive-editor.js to /www/community/atomic-calendar-revive/"
#

I cannot find this file in the archive on github, and searching it on google didn't help

dusky orchid
#

what looks wring with this setup, i got it working for an AV Receiver last night, but now i cant get it right again.

kind shellBOT
jaunty frost
jaunty frost
jade herald
#

Hi, I am running the latest HA but for some reason I cannot find the compact header setting... what am I missing? (besides that) 😛

polar kelp
#

It's compacted by default, and can't be "expanded".

vocal frigate
#

hmmm how come the grid card is telling me "Key "columns" is not supported by the UI editor."

#

I must be doing something wrong here gah

mild veldt
vocal frigate
#

ahhhhh

#

I see. ok... i'll just keep editing it in the raw config then!

#

thanks 🙂

#

very confusing trying to follow guides to setup stuff

#

but I'm understand more as i go :}

mild veldt
#

Let me rephrase that; columns is an advanced config option and is not in the UI editor and will not be in the UI editor.
The warning for the key columns was a bug and has been resolved in 0.118.4

vocal frigate
#

👍

rustic aurora
#

I'm on 0.118.4 and I still get the warning on the columns property in the grid card.

#

It was released 4 days ago as far as I can see and I can't see any frontend changes in the release notes.

mild veldt
#

Maybe it missed the release

jaunty frost
#

Custom element doesn't exist: slider-entity-row.

type: 'custom:slider-entity-row'
entity: light.bedroom

mild veldt
#

@vocal frigate @rustic aurora looks like it's tagged for 0.118.5 should it be made and if not 0.119

vocal frigate
#

sounds good 🙂

mild veldt
jaunty frost
#

ThomasLoven do this look correct in the "resources" in HA for the custom:slider-entity-row?
/local/lovelace-card-mod/card-mod.js
The actual directory is

/root/config/www/lovelace-card-mod

But I saw in a post that it had changed to using /local/ instead

jaunty frost
#

I tried using /local/www/card-mod.js also (copied the file there aswell)

dark dirge
#

/local corresponds to /config/www, but you're referring to card-mod above and not slider-entity-row. Is that on purpose?

jaunty frost
#

oh i guess i focused so much on doing it right i downloaded the wrong thing xD

#

thanks so much. im actually installing hacs also now

dark dirge
#

that would be easier, but you often still need to manually add the resources. Those will be referred to as /hacsfiles/...

jaunty frost
#

so in /config/ i make a dir called hacsfiles?

dark dirge
#

it corresponds to /config/www/community, and will be created automatically

jaunty frost
#

ok i cant see it now maybe it comes soon 🙂

dark dirge
#

just installed HACS, install custom cards from it, maybe add resources, and be happy

#

you probably need to install a card first

jaunty frost
#

Ok, trying to find out how atm

#

can i add it through the gui?

dark dirge
#

cards? yes

jaunty frost
#

oh lol

dark dirge
#

that's kinda the point

jaunty frost
#

oh wow thats great

#

As someone who is very new, i see alot of guides but they have so many gaps just assuming I would know something

#

Guess it shows im in way over my head though

dark dirge
#

that's typical, and many are out of date due to the rapid pace of development. the docs are usually the gold standard, though

kind shellBOT
#

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

jaunty frost
#

oh wow nice

#

I clicked on slider-entity-row in HACS and its been saying "loading information" for 2 minutes, normal or not?

dark dirge
jaunty frost
#

ok cool il check it out should make more sense now that i know the very basics

dark dirge
#

HACS will take some time to download stuff when it's first installed. could take a long time

#

it'll tell you that

jaunty frost
#

okay

#

damn thomasloven has made great stuff

jaunty frost
#

Hmm i think something is worng, its still loading information

#

I havent even got to the install button yet

dark dirge
#

it's going to load info for a while when you first install it. the docs tell you that

jaunty frost
#

allright il afk for a bit thx 🙂

dark dirge
dusky orchid
#

i have finally gotten mu harmony hub working, except for two buttons, what looks wrong with this code?

#
  • type: button
    tap_action:
    action: call_service
    service: remote.send_command
    service_data:
    command: VolumeDown
    device: 59821153
    entity_id: remote.harmony_hub
    icon: 'mdi:minus'
    name: Volume Down
dark dirge
#

call-service

#

And

kind shellBOT
vapid field
#

Hi, I've upgraded Home Assistant to the newest version (supervisor 2020.11.0, HassOS 4.17) and now I've the problem that the dashboard is empty. If I select "edit dashboard" and then "Raw Configuration Editor" and close that everything is there and works until I restart the browser and/or the android app, than I have to do the same process. Is this a know bug? Is there a fix? Did not find anything googling.

#

I asked the guys in supervised and they asked me the standard stuff. e.g. I've deleted the cache

#

its the same on firefox, chromium and the android app

#

here some screenshots of the problem:

#

I just need to open and close the raw editor, no saving/changing is needed

dusk magnet
#

Is it possible to see multiple entities on the history page? I want to see a template sensor (outside temperature) and my thermostat

timber flint
#

Hello, I would like to edit a custom card to change a color. Its inside hassio/homeassistant/www/air-purifier-card/air-purifier-card.js

#

I edit the .js file and replace it with the new color codes. I restart Home Assistant to be sure it reads in and totally empty the browser cache, still nothing change. There is any idea what can cause the problem?

#

all the community questions are unanswered since years.

#

Ah got it, need to delete .gz file

dark dirge
#

I think you'll be better off using card_mod for that

timber flint
#

this solved it easily. as soon the .gz file also in the folder it doesnt matter how many times I rewrite .js file

#

.gz file needs to be deleted and after refresh the page and its done.

jaunty frost
vocal frigate
#

i guess you'd need 2 sliders then ?

#

which... also has 2 sliders :}

light zinc
#

Is there a trick to getting Lovelace into storage mode? I am able to switch from the default auto-gen to yaml, however when I specify storage, HA sees it as auto-gen.

icy cradle
vocal frigate
#

hmmm stupid Q. how (if it's possible) to access pictures uploaded to the media folder (transferred via samba) in... lets say the basic picture card (I know I can access the "/local" (www folder) but right now I'm trying to access the media folder)

#

/media/local ? hmmm

twilit lintel
#

does anyone have any Tasmota light able to change color temperature? is it working properly for you? Just realized that my color temp slides don't update anymore.

vocal frigate
#

"Picture cards can only see images in www directory, as /local…" ah.. that answers my Q :}

placid pivot
#

whats a good card for system info (desktops/servers/pis)

light zinc
jaunty frost
#

perfect hank you @vocal frigate

jaunty frost
#

Using this code im able to get a slider for all lights within the fold, but im not able to get one for the top level controlling all of them at once. I tried moving the slider around but can't quite get it to work, any ideas? Code: https://hastebin.com/qufihomefu.yaml

This is how it looks now, so like mentioned a top level slider is what im trying to get: https://i.imgur.com/8LAFPSP.png

vapid field
#

hi guys

#

trying to embed an iframe but i need it to have camera and microphone access. how do I do this - the below is required to for browser to get access. allow=“camera;microphone”

#

anyone know what extra fields i need to put in frontend

#

if i go to the url directly my browser prompting me for access to cam and mic

#

but in ha iframe its doesnt

#

is this the right place to ask can anyone help

jaunty frost
#

Yes its the right place, just gotta be patient 🙂

vapid field
#

ok cool thanks for the update David

formal tide
#

there you can at least try
<iframe src="https://example.com" allow="camera;microphone"></iframe>

#

@vapid field

vapid field
#

hey

#

thanks

#

where do i use this in add the webpage card?

#

i tried this cant figure out how to display it

#

i upload html.js to custom www

#

i added iu-lovace components

#

anything else

formal tide
#

it's a custom component, you need to manually add it to HA or use HACS which is perfect for this purpose
then you can manually add the card with e.g. the example given in the github repo

#

take your time to read up the HACS installation once and you will have fun with custom cards in no time!

vapid field
#

thanks had a read

#

how to i display it thats what i dont get

formal tide
#

edit lovelace - add card - manual - input given examples adjusted to your informations

#

that's how I do it most of the time, theres other ways too and I believe some custom cards also present themselves in the list

vapid field
#

Custom element doesn't exist: html-card.
type: 'custom:html-card'

#

any idea what im doing wrong

#

i uploaded it manual as decscribed

formal tide
#

look in your browser dev tools if there are ressources failing to load

vapid field
#

nothing

formal tide
vapid field
#

no 🙂

#

will take a look ....

formal tide
#

/config/www == /local/ via http 😉

vapid field
#

i know:)

#

thanks will let u know

#

the structure should be like this

#

config/www/html_card/ right

#

?

formal tide
#

/config/www/custom_lovelace/html_card

vapid field
#

ok thanks getting somewhere i can see the code

#

Custom element doesn't exist: html-card.
type: 'custom:html-card'

#

still getting this though

#

reload required?

formal tide
#

show screenshot

vapid field
#

how i paste into discord chan?

#

its not working

formal tide
#

use imgur

#

paste link

#

as said - take your time to read up on things

#

do you see quotes anywhere around custom:html in the github repo?

vapid field
#

ok thanks

#

i tried without quotes aswell

#

but will to a thorough read up:)

vapid field
#

Hi, I've upgraded Home Assistant to the newest version (supervisor 2020.11.0, HassOS 4.17) and now I've the problem that the dashboard is empty. If I select "edit dashboard" and then "Raw Configuration Editor" and close that everything is there and works until I restart the browser and/or the android app, than I have to do the same process. Is this a know bug? Is there a fix? Did not find anything googling.
I asked the guys in supervised channel and they asked me the standard stuff and told me to ask in this channel. e.g. I've deleted the cache. its the same on firefox, chromium and the android app

formal tide
#

can you try loading the page in incognito/private mode?

elder badger
#

Hi, again. Could it be, that the Z-Wave association group dropdowns at the regarding configuration page are not yet working?

vapid field
#

@formal tide : the same, its empty until I open the raw editor and close that again

#

if you scroll back to yesterday you should see the screenshots showing the steps - with incognito it is the same

elder badger
glad condor
#

is it possible to have the button card reflect the state of another entity than the one its controlling?
my use case is i have button for a template switch, but that controls a light depending on some variables. however the button card is showing the state of the template switch obviously. id like for it to show the state of the light the switch is controlling.

vapid field
#

ok i did it

#

lovelace:
mode: yaml.

#

ta @formal tide

mild veldt
glad condor
#

thats what i was looking for, thanks iantrich

frank mist
#

it just me or everyone else the action taken by other user(not the 1st account) shows as service.turn_on instead of name

#

main account shows correctly

turned on by Justin
11:28:33 PM - 6 seconds ago

#

the history logs also shows correctly..

#

=======================
logbook shows. User1 Justin amd User2 Google

MasterRM Main turned off by Google
11:32:15 PM - 8 seconds ago
MasterRM Main turned on by Justin
11:28:33 PM - 4 minutes ago

#

on Entity card shows

turned off by service switch.turn_off
11:32:15 PM - 8 seconds ago
turned on by Justin
11:28:33 PM - 4 minutes ago

#

HA 0.118.4 Supervised

ocean stream
#

Hey all, I am trying to create a History Graph Card for some temperature sensors. For some of my sensors, they do not show up as Farenheit, even though the sensor is reading farenheit when I look at its history in the entities menu. In addition, my hassio default measurement is Farenheight. These sensors were automatically added, so I didn't override any unit of measurements.

vapid field
#

any idea how i can keep the iframe loaded at all times

#

when switching tabs disconnects

ocean stream
plush stratus
#

So, this is most likely a "many many different ways" to accomplish sort of thing. But, could I get some suggestions for a "tiny" way to display entities? Basically, I use the picture glance card. And under it I would like to display "the usual stuff" (temp/hum/and a few other things). AVertical stack with the picture glance, and a horizontal stack under it works. But the entities gets unnessesarily large. I'd like something along the same size as used in badges.

Hints?

vapid field
#

any idea how i can keep a view loaded and not disconnecting with reference to an iframe I'm loading into a view

shut sundial
#

Hi everybody...new noob user here....😆

#

need some help please......

#

i already loose my head around Time sensor_utc....i m not able do get it working...s

#

please some help needed..

errant plover
vapid field
#

any ideas tom1 for the issue im having

errant plover
#

No, sorry.

vapid field
#

ok thnaks

shut sundial
#

ok....thank you....

vapid field
#

Lost...

strong falcon
#

Did something change with markdown cards recently? The below code used to make the temperature bold, but now it just shows the asterisks instead:

The high is **{{ states('sensor.dark_sky_daytime_high_temperature_0d') | round(0) }}°**

shell solar
#

Can some explain to me, how I can set a switch to use the bottom type of button instead of the upper one? Couldn't find anything without installing custom cards. Thx

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

vapid field
#

Can someone tell me what the max value is for the "expire_after" setting of a mqtt sensor?

vapid field
#

Looking for a way to open a pop-up window with a picture from an icon on lovelace. Sort of how the Picture Glance does when you click on it. Anyone know of a way to do this?

wide reef
vapid field
#

Thanks! Will check it out!

#

any ideas how i can keep the connection from disconnecting when changing views

#

to the iframe

plush tulip
#

Hi All, I'm trying to display the windspeed on lovelace. I use the accuweather integration and one of the states is windspeed. how do I display this in a glance card?

karmic tiger
#

'one of the states'. I think you mean attributes.

#

So if you want to display something that only accepts states, you'll have to make a template sensor first. See #integrations-archived if you need help with that bit.

plush tulip
#

gotcha, so I make a template sensor for the attribute, and then the "new" sensor is just like every other sensor and can be used in lovelace?

echo rapids
#

Hi there is anyone aware of an addon that lets you see what current effect is running on a RGB strip for example instead of going into wled to see what effect is running, having a card that displays what effect/colour is running

split granite
winter blade
echo rapids
#

Thanks sorted

vapid field
#

PSA: a while back I asked in here about my "Add card" in lovelace loading very slowly, basically causing the whole window to hang. Someone suggested it could be some entity misbehaving, so I investigated and found the cause of this: I have a few "time" sensors defined, and by default, these write to the recorder, every single second (possibly more often, even), creating a rather hefty time series. This is what caused the slow load, as the "Add card" was trying to render previews. Oddly I didn't notice any other HA feature having problems with it. But the solution is to add these entities to an exclude: tag in the recorder: section in configuration.yaml. If you don't feel like cleaning the recorder database, this may take 24h to apply as it will still try to load the existing history, but of course you can dive in and remove data manually if you don't have the patience. After doing this, my "Add card" is perfectly zippy again.

elfin wigeon
#

Is it possible to render a dashboard or even a single card through the commandline as a jpg?

vapid field
#

@elfin wigeon I don't know the answer to that, but if there's no internal method, it might be possible through something Selenium-based.

elfin wigeon
#

Awesome headless looks like the answer, thanks! I was tinkering with wget and not getting anywhere

vapid field
#

Yeah, back in the day that worked fine for a lot of things, but in the age of javascript, not so much.

mild veldt
vapid field
#

@mild veldt awesome. In the add card renderer or in the time_date entity? As it's almost always pointless to have that record.

mild veldt
#

I saw it discussed but didn't do a deep dive into the solution. I believe it was related to loading history mostly

#

for the history card, and logbook cards

vapid field
#

I have a hunch it's an SD card killer for rpi as well.

#

Pretty much nothing else seemed to be bothered by it, not even the history tab, but any speedups in the loader will likely improve "legitimate" heavy-logging entities as well, so definitely a welcome improvement either way.

#

I.e. I don't plan on re-enabling time_date recording even if it loads quickly 🙂

#

hi there

elder pendant
#

If you're writing to the SD card every second that is most certainly going to kill it

vapid field
#

any one know how to keep a view loaded in the background so it doesnt disconnect?

#

i.e i have a view which has a custom html card with an embeded iframe

#

when i change to a different view the session disconnects on the backed application which the iframe is pointing to for example

crude crystal
#

Is it possible to use a conditional card that contains a custom 'swipe card'?

#

Which then has two custom cards...

elder pendant
#

Only one way to find out

carmine moth
#

I'm building my first Lovelace Dashboard and have created a button for a ceiling fan (entity). It works great for on/off, but if I want to change the speed, I have to long click it. Could anyone point me in the right direction as to how I could make it more user friendly (i.e. adding smaller Low/Medium/High buttons to go along with it)?

echo rapids
#

I am trying to create my own custom card can anyone help

kind shellBOT
echo rapids
low jewel
#

Trying to add a low printer ink notification using the frontend, I'm getting this error message when trying to save the automation: "Message malformed: expected dict for dictionary value @ data['action'][0]['data']"

#

anybody knows what this is about? (HA Noob here)

low jewel
#

It's okay, I just wasn't aware of the Service data syntax. ( I think the UI could show an example for noobs like me. 😉

vapid field
#

hi all

#

still scratching my head over this:

#

any one know how to keep a view loaded in the background so it doesnt disconnect
i.e i have a view which has a custom html card with an embeded iframe
when i change to a different view the session disconnects on the backed application which the iframe is pointing to for example

#

can anyone assistant or can point me in the right direction

ripe bison
#

hi there! wondering if there is any card that automatically displays an area with all it's devices and entities to give overview for rooms or areas?

vapid field
#

i think browser mod maybe able to help you there

ripe bison
#

can you specify what you mean exactly?

vapid field
#

What am I missing here... I installed a theme (kibibi) but I'm not getting the theme font and the icon state color is white for both state on and state off... is the theme broken or is something else broken?

#

found the font thing... adding resources manually works

#

just the color that won't change now

flat widget
#

Hey guys 🙂 I don't know exactly where to ask this, so tell me if this is the wrong channel.
I got my first real problem with home assistant ever. My supervisor stopped working (at least the frontend part of it. I don't know where exactly the supervisor is involved).
I restarted the ha os from proxmox but it's still not working. It seems like no addon is working. I click it, the sidebar stays and the content screen goes white. That's it. No errors in logs of home assistant.
Does anybody have a hint on how to fix that or see where the error might be?

karmic tiger
#

Well frontend certainly isn't the right place.

#

It's about your installation... pick the right installation channel

kind shellBOT
#

Not sure which install you're using? If you have system_health enabled you can check Configuration -> Info, or see the following.

  • If you're using HassOS, flashed an image, or booted a VM with an image you're using #330990055533576204

  • If you installed Linux and then ran a script to install HA and have add-ons then you have #330944238910963714

  • If you're running docker commands or use a Docker manager and have no add-ons then you have #449717345808547842

  • Finally, if you use pip to install or upgrade you have #551864459891703809

Having difficulty chosing an install method? See this blog post for guidance.

flat widget
#

ty

crude crystal
#

What's the website to paste yaml into to display it in discord?

vapid field
#

Can anyone assist with my query

karmic tiger
#

About keeping connections open permanently? What are you trying to achieve by doing that?

placid pivot
#

Does anyone have any recommendations for a good "computer status" card? Want to monitor my server/desktop/raspberry pis. I have the info in already (via Glance and IoT Link) so just need a way to make it look pretty

dusty spear
#

Can anyone recommend a tablet that has a a vidabox mount and (preferably) a working lineageos rom (not necessarily official)? Going by official images I've only really been able to narrow it down to an S5e, but that seems like it may be overkill.

karmic tiger
vapid field
#

How would I show the state instead of the icon in header?

  type: buttons
  entities:
    - sensor.kitchen_sensor_temperature```
limpid radish
#

Hi everybody, my general idea is to make an overview of the time I was not at home (this week or last week, whatever).

I'm thinking 7 history charts of my device_tracker, stacked vertically so I can quickly see at which specific times I was not home each day. I have mini-graph-card installed but no luck so far... 😬 Any ideas?

earnest solar
#

Anywy to suppress the index list on a history-graph or is there a similar add-on card that I could put on a dashboard? 33 sensors on one graph, the index is 3x the size of the graph itself.

limpid radish
#

@earnest solar mini-graph-card can do this (and much more customizations)

earnest solar
kind shellBOT
true moth
#

I have two lovelace screens, they only differ by how many hours they display (1 and 24h) yet one integrates MiTemp temperature with my thermostat graph and another on a separate graph. Is there a way to fix that?
type: history-graph
entities: []
hours_to_show: 1
refresh_interval: 1

pseudo berry
#

It should colorize the icon if the state attribut hits a certain value but i didnt work out, can you help me

crude crystal
#

How do you get your lovelace 'views' on the same line as the menu icon?

#

I've seen a few people with that

bitter bolt
#

This dashboard is currently being maintained by Home Assistant. It is automatically updated when new entities or Lovelace UI components become available. If you take control, this dashboard will no longer be automatically updated. You can always create a new dashboard in configuration to play around with.
can i revert back easily from manual mode once i take the plunge?

#

i'm not very artistic i'm afraid i won't be able to do this.

elder pendant
#

Yes you can

bitter bolt
#

can i download other people's card setups?

#

if so where

elder pendant
#

kinda/not really. They would have to be using yaml_mode and have their config on github

true spruce
#

Hello, in Lovelace I would like to use the Webpage Card which should display a different website depending on bright/darkmode of the UI. I was thinking about using a Conditional Card for this purpose but where do I get the information if the darkmode is active or not?
Usecase is displaying a Grafana-Graph where i set the mode dark/bright in the url

frank vigil
#

I have some squeezebox devices, and I'm setting up cards to control them. If I put (for instance) media_player.kitchen_squeezebox in a Button card, I can toggle it on and off. If instead I put it in an Entities card, I can toggle it on, but it won't toggle off. Am I missing some subtle difference in those cards?

#

Hm. When I turn it on and it isn't playing anything, its state is idle.

#

If it's playing something, I can toggle it off from the Entities card. If it's idle, I can't.

vapid field
graceful dagger
vapid field
#

hi all
still scratching my head over this:

any one know how to keep a view loaded in the background so it doesnt disconnect
i.e i have a view which has a custom html card with an embeded iframe
when i change to a different view the session disconnects on the backed application which the iframe is pointing to for example

can anyone assistant or can point me in the right direction

polar kelp
#

This could be a use case for q-card... https://github.com/thomasloven/lovelace-q-card That lets you have the same card on multiple views.
I.e. not an equal card - the same card. So if you can put it on all views, but make it invisible somehow...

dim jolt
#

Anyone tried running chromecast with a touch screen? Been using a nest hub, and like the UI, just wish it was bigger (bigger than the max) thinking family hub (25” monitor size?)

#

Trying to find something for the kitchen to display calendar, tasks, be cast to, and on occasion the lovelace UI (currently using DAKBoard but not touch)

vapid field
#

@polar kelp do you know if that supports custom cards getting unknown type

polar kelp
#

It should

vapid field
#

i.e

#

title: My awesome lovelace configuration
resources:
- url: /local/q-card.js
type: module
q_cards:
card1:
type: custom:html-template-card

#

i get this in front end:

#

Unknown type encountered: q-card
type: q-card
card: card1

polar kelp
#

The documentation is wrong. Like all custom cards, the type is type: custom:q-card

vapid field
#

ok

#

Custom element doesn't exist: q-card.
type: 'custom:q-card'
card: card1

#

i get his now

#

just to note im calling the custom:html-template-card first then qcard in second section is that right

mild nest
#

even though i have homeassistant: customize: sensor.cupboard_sensor_3: hidden: true i still see it at the top of the overview page. i don't see anything in the logs 🤔

#

is there another way to hide something from the overview page?

elder pendant
#

You need to take control of your lovelace config

#

the hidden attribute is from a very old frontend system. It doesn't do much anymore. It will be removed soon

mild nest
#

ahhh derp that makes sense. i haven't touched my frontend config in a long time so i am a bit outdated haha

flat tartan
#

hi all. Is it possible in the lovelace to have more cards? right now if i add another card its not getting next to it (wheres room) but its going under the other card.

true spruce
#

Depending on your screen size. You could definitely try to fit multiple cards in a "horizontal" card

flat tartan
#

aah oke thx will try that

echo rapids
#

Hi there, can anyone help or advise if what i am trying to is possible., I am trying to combine the custom entities multiple row attributes card with the light card into one. I have an image of what it i want it to look like but not sure if i can post images in discord

true spruce
#

Hello, I have two questions:
In Lovelace I would like to use the Webpage Card which should display a different website depending on bright/darkmode of the UI. I was thinking about using a Conditional Card for this purpose but where do I get the information if the darkmode is active or not?
Usecase is displaying a Grafana-Graph where i set the mode dark/bright in the url

Second: I'm using HA core. The configuration.yaml is in /user/homeassistant/.homeassistant. Where do I place the [custom card].js file? In a .homeassistant/www folder?

wheat current
#

2)yes

true spruce
#

Thank you. I can reach the .js file via the webbrowser on [ip]:8123/local/[custom card].js and added this to my configuration.yaml
lovelace:
resources:
- url: /local/xiaomi-vacuum-card.js?v=4.1.0
type: module
restarted homeassistant but if i try to add the card lovelace says: "No card type configured". Is there any obvious step I forgot?

wheat current
#

yeah

#

You are not using YAML mode, so what you do there, will not have any effect

#

a) Use YAML mode
b) Add resources in the UI (Configuration -> Lovelace Dashboards -> Resources)

true spruce
#

In a) you suggest I use Lovelace click on "add card" -> manual and enter the yaml?
b) can't find this point in the UI, I only see my lovelace dashboards but no button to ressources

wheat current
#

you suggest I use Lovelace click on "add card" -> manual and enter the yaml?

#

No, and based on that you should not try YAML mode 🙂

#

b) can't find this point in the UI, I only see my lovelace dashboards but no button to ressources
Go to your profile and enable "Advanced mode"

true spruce
#

I tried b) but still not working. But at least I'm beginning to unterstand the concept
I add it as a ressource with the url /local/xiaomi-vacuum-card.js?v=4.1.0 as JavaScript Module. I don't need the full url with the ip etc.?
Afterwards I click on "add card" (can't find the new one in the overview) and add it in manual mode? There's still the same error message

Edit: copied the "- type: " from github and had to remove the - . Now it works, thanks for the awesome help!

prime summit
#

which card is best used to view live camera feeds?

flat tartan
sly marsh
#

Hello! Is it possible to get a few horizontal stacks nested in a vertical stack to spread out over two columns in lovelace?

long mulch
#

Hi got ... problem with last HA release .... any attemp to add a card let my browser crashing ... (Google Chrome)

proud ibex
#

is there a way to have a helper slider show the value beside it in love lace?

sly marsh
faint vortex
#

iirc when playing around with that feature I did find a way to set the specific column number if I'm not mistaken, let me check

#

could you possibly draw in paint what you mean so I can understand it better?

#

It's definitely possible, you just need some combination of vertical and horizontal stacks

#

you might need a few horizontal stacks in a few vertical stacks in a horizontal stack and you might have to couple them by 2 to keep it 2 columns

#

I might just be misunderstanding you and it might be much simpler

sly marsh
sly marsh
#

Ah, here we go. Let's say that I want the green block to take up the space in the red dashed square.

faint vortex
#

ah yeah just make a horizontal stack and add vertical stacks in it, only add 2 cards per vertical stack

#

it should give you what you need

sly marsh
#

Gonna try that, thanks!

random pike
acoustic hound
#

Is there a bug with grid card and adding conditional cards to it? when editing in the front end it works and the cards are hidden but as soon as I save the edits all the conditional cards are showing no matter the conditions. I was moving my mess of custom stack-in cards to the grid and the conditional cards worked but the same code in the grid wont hide. I would post pastebin but they are down for maint right now.

acoustic hound
acoustic hound
#

So i noticed it is only in panel mode that grid card conditional is not working when i take it out of panel mode it works as intended.

vapid field
#

Hi, i have a Philips hue lamp connected via Shelly1 switch. I want to add an entity card in the way that i can open the hue lamp (for adjusting brightness etc) by clicking on the set name of the lamp, but i want that toggle switch controls Shelly1 entity.

kind shellBOT
#

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

vapid field
faint vortex
#

You would need to make a horizontal stack or an entities card and have two entities, a toggle for the shelly 1 and the light entity for your philips hue

#

ah or a glance card

#

@vapid field you will want something like this
type: glance
entities:

  • entity: light.mibedsidelamp2_3dbd
    name: YourNameHere
  • entity: input_boolean.water_fountain_toggle
    name:
    show_state: false

Replace the first entity with your light entity and the second one with your shelly1 switch

bitter bolt
#

is there anything built into HAS to only display the stuff in overview, or directly display it? or do i need an addon like kiosk mode? and if so is kiosk mode the best one still?

compact flame
polar kelp
#

If you never clicked Edit Dashboard they should show up with a page refresh.

#

Assuming you can find them in /developer-tools/state

compact flame
#

they still show up as switches.. any way i can not make em show up as switches?

#

will check that

polar kelp
#

Oh, you'll probably get both the switch and the light with that.

compact flame
#

yeah, they show up

#

but they dont show up in the new blueprint feature as selectable lights.

karmic tiger
#

Then that's #beta feedback

compact flame
#

ok 😄 but if they show up in the /developer tools at least that part is functioning

#

*working

#

is there a way i can "remove" the switch entity so that it doesnt show up in the auto generated lovelace UI?

#

the lights now show up btw.. but no in the rooms theyre assigned to but under light

karmic tiger
#

Disabling an entity probably hides it but I don't know if that'll also break your light.switch entity.

#

You'll probably want to make your own dash soon enough anyway. The auto-generated one gets rather messy when you have enough stuff in HA.

#

I see the auto-generated one as a basic demo rather than as something to be used forever. We all have different needs and different ideas of how a dash should look.

polar kelp
#

I keep a second dashboard around which is auto generated for the odd time I want to access some entity directly.

#

Though the quick select menu pretty much covers that need nowadays...

karmic tiger
#

Yeah, I've still got the old dash for the same reason. It's just not my default anymore.

#

3 dashes in total. My primary one, with everything the way I like it. A test one, where I can screw around without worrying that I've messed up the primary. And the generated one for the overview 🙂

polar kelp
#

I also have one for maintenance, filled with auto-entities cards for lights or switches or entities with unknown state.

karmic tiger
#

I like that idea. I'll add that to my to do list

#

You should buy whoever made that card a beer or three.

polar kelp
#
card:
  type: entities
filter:
  include:
    - state: unavailable
type: 'custom:auto-entities'``` Very useful
#

Also thisyaml card: type: entities filter: include: - attributes: device_class: battery options: secondary_info: entity_id style: | :host { --paper-item-icon-color: {% if states(config.entity)|int < 20 %}red{% elif states(config.entity)|int < 40 %}orange{%else%}green{%endif%}; } sort: method: state numeric: true type: 'custom:auto-entities'

karmic tiger
#

Low battery warnings. I love it.

#

Oh, my. I forgot how many orphaned entities I had. I'll have to do a little housekeeping before the unavailable entities card config is useful to me 😄

#

4 screens long on a 1440px tall monitor. 😦

compact flame
#

yeah i use the auto one for now cause im still connecting all my devices... and then i ll start with automations

shell island
#

Hi all! I am trying to position my cards side by side but whatever I do they always end up vertically underneath eachother. Been seeing so many beatiful dashboard but mine is crazy on not adaptable to my dedicated Surface laptop. How can I specify the number of coloumns and the total width?

karmic tiger
#

Stacks

#

Use the vertical-stack and horizontal-stack to build a grid.

compact flame
#

dedicated surface laptop for HA :D?

karmic tiger
#

There are also custom cards that help with layouts.

shell island
#

Thanks @karmic tiger and @compact flame ! I've actually instlled @polar kelp layout card but having a hard time figure it out. I think I am missing something in the page itself..

polar kelp
#

Also try the grid card. That's very easy to use.

compact flame
#

i did nothing 😄

polar kelp
#

Specifically, grid card in combination with a view in Panel mode.

shell island
#

Haha! didn't mean to reply to that msg: )

polar kelp
#

Panel mode

#

Click the pencil icon next to the view name when you're in edit mode, and then switch the toggle.

karmic tiger
#

Panel mode is everything.

#

Major downside though... you can only have a single card.

#

Best bit... cards can be nested 🤣

shell island
#

thank you all! panel mode was the solution! great! now I can grid it all up

#

and while I'm here: thanks for all your excellent work for the community @polar kelp !

compact flame
#

is the panel a card?

acoustic hound
karmic tiger
#

You claim it's buggy 🤷‍♂️

#

I see no confirmation there.

polar kelp
compact flame
#

where can i add it?

acoustic hound
#

has anyone been able to get conditional cards in a grid in panel working?

karmic tiger
#

Panel mode is just a mode, Joe. Read thomas' instructions above.

polar kelp
#

But from a users point of view, no not at all.

prime summit
#

does it need to go under a lovelace top entity key?

#

or does it go under frontend?

karmic tiger
#

Easier to add it via the Lovelace resources UI.

prime summit
#

Is that available on a non cloud install?

karmic tiger
#

configuration > Lovelace Dashboards > Resources

#

non-cloud? There's no cloud version of HA.

prime summit
#

ah

#

I meant the non supervised

#

or whatever it's called

#

I'm running in docker

karmic tiger
#

Yeah, you should have it. I think you need to turn on advanced mode for your user to see it though.

#

To do that, go to your user profile in the bottom left, and toggle 'Advanced Mode' on.

prime summit
#

Found the resources tab

#

though they both wanted to add as Javascript module

#

and this example has one as type js and one as type module

#

does that make any difference?

#

I figure they're both Javascript... so should be ok....

elder pendant
#

It used to make a difference. There is only one option now

prime summit
#

ah

#

Cool

#

thanks!

bitter bolt
#
    entity: sensor.plex_recently_added
    title: Recently Downloaded```
how do i add this card?
karmic tiger
#

Edit your dashboard. Add a card. Choose type 'Manual'. Paste that code (without the hyphen).

elder pendant
#

ui-lovelace.yaml is only when you are using yaml mode. The repository for that card just didn't include instructions for UI card management, but it's still possible

bitter bolt
#

says No card type configured. on the card.

karmic tiger
#

It sounds like you included the hyphen.

#

You should only paste this:

type: custom:upcoming-media-card
entity: sensor.plex_recently_added
title: Recently Downloaded```
prime summit
#

hmm, I got the resources added but it's saying that custom card type doesn't exist 😦

karmic tiger
#

Ctrl+F5

prime summit
#

I mean, I restarted the whole HA instance...

elder pendant
#

That doesn't help your local browser cache

karmic tiger
#

Clear your browser cache. Ctrl+F5.

#

First step whenever anything browser-related isn't working the way you think it should 🙂

bitter bolt
#

i thought ctrl+F5 just updates stylesheets, doesn't clear browser cache?

karmic tiger
#

It loads all requested resources directly from the server instead of using anything cached.

bitter bolt
#

oh

karmic tiger
#

It won't clear out cookies/localstorage/etc... which is a good thing, since that's overkill.

prime summit
#

still getting red box saying custom:doorvivint-card doesn't exist

elder pendant
#

Then you probably didn't add the resource correctly

prime summit
#

the instructions on the site said put in /config/www/blahblah/ and then reference as /local/blahblah

#

but even if I do /config/www/blahblah as the url it doesn't work

elder pendant
#

well that will never work

#

that's not a url. That's a file path

prime summit
#

can I not reference locally stored files?

elder pendant
#

No

#

not without their url

prime summit
#

do I need to restart the HA server when resources are updated? I changed them to be the github file URLs instead

#

but it's still saying it doesn't exist

#

even with ctrl+f5

elder pendant
#

No. You only need to restart once when you first create the www directory

#

You probably aren't using the correct url still

prime summit
#

are the files in the www dir served at the root of my HA url?

karmic tiger
#

They're served at /local

elder pendant
#

http://<your-ha-address>/local

karmic tiger
#

So /config/www/file1.bmp would be accessible at /local/file1.bmp

prime summit
#

do I need the domain up front @karmic tiger ?

elder pendant
#

Not for the resource url, no. It's assumed

prime summit
#

hrm... so I had that

#

and it wasn't working

elder pendant
#

You can, but it's not necessary

prime summit
#

and Villhelm scolded me

elder pendant
#

?

shell island
#

how can i create a button which will play a certain radio source on a certain sonos player at a certain set volume? I cam comfortable creating the backend with node-RED

prime summit
elder pendant
#

I haven't scolded anyone today

#

even if I do /config/www/blahblah as the url it doesn't work

compact flame
#

Easiest way to add a Header to a Vertical Grid?

karmic tiger
#

A lot of this is made easier if you use HACS whenever possible, Sleepybear.

elder pendant
#

that was a factual reply. No scolding.

karmic tiger
#

HACS does most of the work for you. It's harder to mess up.

prime summit
#

So when I had it as /local/blahblah it also was not working

compact flame
#

i want to make a horizontal grid and add a vertical one for each room

karmic tiger
#

What's the full path to the file, as seen in your config folder?

elder pendant
karmic tiger
#

Or used... I dropped the headers now 😄

prime summit
#

/config/www/custom-lovelace/doorvivint-card/doorvivint-card.js

elder pendant
#

And what URL were you trying to use?

prime summit
#

so I did /local/custom-lovelace/doorvivint-card/doorvivint-card.js

#

but says my custom element doesn't exist still

karmic tiger
#

With a Ctrl+F5 at that point before you changed things around?

elder pendant
#

Try navigating to the file in your browser. Go to http://<your-ha-address>/local/custom-lovelace/doorvivint-card/doorvivint-card.js

prime summit
#

yup

#

loads

#

when I do that

#

guess I'll just put the long url

elder pendant
#

It requires two resources

prime summit
#

yea, I have them both

elder pendant
#

And both are properly referenced?

prime summit
#

yup

#

I can even do a docker exec home-assistant curl <url> and it prints out the .js file

#

so the HA server should have no problem accessing it.....

karmic tiger
#

Smells like caching somewhere. Worth adding a version number to the end of the resource?

#

/doorvivant-card.js?v=1

#

Your browser will think it's a new resource and go looking for it.

prime summit
#

Custom element doesn't exist: doorvivint-card. still

elder pendant
#

Any errors in the browser console?

compact flame
#

@karmic tiger is there a way to add mdi icons in the Markdown :D? i guess not