#frontend-archived
1 messages · Page 166 of 1
Looks to be HA style Jinja2
ok thanks so this is what i need: https://www.home-assistant.io/docs/configuration/templating/
That's part of it, yes
https://www.home-assistant.io/docs/automation/templating/
https://www.home-assistant.io/docs/configuration/templating/
so i will move my questions over to #templates-archived
Hi guys, looking for how to add a custom website to the tabs on the left of my lovelace. I don't know the name of them so I can't really search for them.
Ah, panel that's it then :)
Thanks, didn't know the term
Anyone have recommendations on the best affordable tablet to run interfaces on throughout the house? Everything I found so far is outdated.
What is the "notification" alert banner thing called on the Lovelace dashboard and how do I configure or remove it?
Persistent notifications?
Its the banner at the top of the dashboard with the circles
Oh, the badges
Is that what they are called? I've been trying to figure that out to so I could find some instructions.
Take control of lovelace and you can customize everything to your heart's content
I just started today, it's very exciting.
Yeah it's great
Thank you, knowing what to call them puts me in the right direction
oh sweet jesus that was easy
Hi Everyone - I am trying to get get layout-card working but i am guess it is indents. Where can i share my lovelace code?
Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.
Hi ! could someone please look over my code to tell me what i am doing to make the layout card to work . I would like all my cards to be in one column. https://paste.ubuntu.com/p/8bcxPgBWxj/ thanks
the new 0.112 update introduces a range picker in logbook section. Is there a way to change the default shown range?
line 22 is start of next group of card . arent horizontal stacks suppose to be parallel to cards?
Hi, addon: https://www.github.com/home-assistant/hassio-addons/tree/master/ssh ; after I changed IP of hassio host I can't start addon; reinstall didn't help; error: standard_init_linux.go:211: exec user process caused "structure needs cleaning"; I suppose this is general problem for the add-ons. Can anyone help me?
@vapid field no
Hi everyone. Do you all know of any GUI based alternatives to Lovelace for creating UIs and Dashboards?
I'm aware that Node Red has a dashboard designer that's a bit easier to customize. Do you know of any other add-ons or possible integrations for UI design?
Thanks :)
Like is there a way to slap something like a bubble font-end onto HA?
HA Dashboard, Tileboard, and a load more - have a look at the forum
Is it possible to show a card with status washing machine and on the same line the last state change time between ().
Like: Washing machine: done (24 minutes ago)
I have both working but only above each other
It depends on the card. That's the kind of thing custom cards are good at - check out button card.
Button card? Oke I will check this out
@severe fox getting last_updated as a relative time will be difficult with any custom card
especially if you want it to update properly.
button card makes it pretty easy, but you won't get it in parenthesis. If you want it in parenthesis, you'll have to do the time conversion yourself and link the card to an entity that updates periodically.
a starting time is also oke. So if it would be: Washing machine: done (6:20PM)
@severe fox You're still going to have to manipulate a datetime object
either in a template sensor or on the frontend card using js
a starting time is also oke. So if it would be: Washing machine: done (6:20PM)
Can I hide the name and icon of an entity in the entities card?
make the icon a blank string ""
in an [auto]entities card, is there a way to disable the slider for input_numbers and just display the current value?
make the icon a blank string ""
@wheat current And the name?
same, or "Cheesecake factory" 🤷♂️
Same I 've tried. Unfortunately not. Only thing I could do is set it to a dot.
Can you combine 2 media players into 1 slider?
I'm not quite sure why the background refreshed in the middle of all this, but this was fun...
Wait... I think I do. It won't happen if your background isn't pulled randomly from unsplash - which is a terrible idea anyway...
I'm starting to think maybe I should just release this with my demo theme and no further documentation and see what happens...
Hey @atomic glacier Have you seen this?
This is an auto-generated view after just installing card-mod and applying a theme.
Actually, no. Have been on a sabbatical since recovering from the virus. Will definitely check it out before bedtime. 👍🏻 Thanks for tagging me, looks really awesome 💯
@atomic glacier glad to hear that you're feeling better
Thanks Ian! I've apparently got my work cut out for me. On current version, but haven't fixed up my frontend display issues, so I've got a bit of catching up to do 😁
Really nice Thomas 👀🤯
Got my wheels turning again 🎉
Is this going to work for mobile? My popup fills the entire screen with a grey background
hi i'm a little confused on how to get started building a dashboard to run on a fire hd 8. Lots of stale info out there. What are people doing these days? TileBoard? Fully Kiosk? Any good reading or youtube vids out there?
hey everyone, I am building a new house and thought it would be a perfect opportunity to mount a 27 inch monitor recessed into a wall with a 27 inch IR overlay (to turn it into a touch control monitor). I was going to run it with a Raspberry Pi 3 model B+ (since I will have ethernet and power), can anyone give any suggestions on whether this is a good idea or not and if the Raspberry Pi 3 Model B+ will be able to run the dashboard (I am running the actual Home Assistant server on a Raspberry Pi 4)
Hello, I am trying to make changes to the frontend from the code, but every time I edit a file I have to rerun the scropt build_frontend. is there any way not to have to do this?
@dense timber Please DO NOT cross post. Read the channel description, post it and wait for folks to respond.
Is it possible to have a button launch script a when on and launch script b when toggled off?
Hmm im still having trouble. I think my syntac is wrong.
switch:
- platform: template
switches:
stereo:
friendly_name: yamaha_receiver_power
value_template: "{{ is_state('input_boolean.stereo', 'on') }}"
turn_on:
service: script.turn_on_music
turn_off:
service: script.turn_off_reciver
(I know receiver is spelled wrong) 🙂
Give us a hint. What's wrong with it?
Also, #integrations-archived 😉
Hey, how can I enable swipe through dashboards on Lovelace. Instead of clicking the tab just swipe left and right. The next thing I want to do is create an icon on Lovelace and when it's tapped it gives you a list of devices.
EG tap on the light bulb and all light switches show in a list
For the second, that sounds like an input_select, not sure if there's custom cards for it
@split granite thank you will investigate
I’m sorry to hear you’ve been ill @atomic glacier. Glad to hear it’s better, though.
sorry for simple question guys,.. where to I put images that I wish to apply to a card?... I have a Picture Glance Card Configuration,.. and have set image: /local/Kitchen.jpg,.. I have tried both png and jpg,.. neither seem to work ( is there a spec for this image,.. x,y pixels etc ),.. and have located them from my config folder down,.. taking the config folder as the root,.. I have looked for pointers but cannot seem to find the details I need,... many tx..
yes,. now the penny has dropped!!,.. had read this page,.. but had not tied the dots together,.. images and external resources are accessed as tough they are web/url links... and localhost as in web url stuff... NOT a folder name...
my confusion was /usr/local... is a common part of linux file structure,.. where as 'localhost' is more what I expect to see as a url reference... But just my old school miss-understanding of terms... but tx for the great work guys
hello, Im trying to add custom spotify card to my HA
client_id: 9999999999999999999999999999999
And I can see the card with nice grren button Authenticate
and when I click to this button it shows me a blank page with a message: INVALID_CLIENT: Invalid redirect URI
Can the badge also change colors with a binary_sensor state?
now I am being lazy... 🙂
I know that this had some changes
on the lovelace
that was ON by default
now I have to change a flag
at least that was what I did on my entities card...
More words per line, less wall-of-text 😉
I dont know if on badges are the same...
I'll admit, I haven't used badges ever, so I don't know - but the docs should say
I think i'm in the right docs
and I dont see nothiing related to that
on entities is state_color flag...
I don't remember seeing any config that allows you to configure badges.
Badges just 'are'.
yep, thats where am I at
If you want something that looks like a badge but is more flexible, look at custom cards.
ok, thanks!
how would i change a 'RUN' text button into a material design 'switch?' ex.: https://i.imgur.com/YNpTcqP.png
You wouldn't, because it's not a switch
right. specifically, it is a service call that performs the same function as a switch. it just adds the transition property to the call. ofc i understand why type: call-service defaults to 'RUN'. I just want to know how to change the 'RUN' text to the preferred material design selection control. sort of like how you can change icons to whatever you want.
Scripts don't have states, so I don't understand how they could be any type of switch. It would immediately toggle after you click it
The closest you'll get is an input_boolean you can toggle, which when turned on triggers a script.
And then something else to turn the boolean back off.
You could add a delay to force a toggle
villhelm -- right, it's less than ideal and probably better approached with a standalone button card that just has an icon.
mono -- thank you for the suggestion
tinkerer -- 😆
@inland wadi https://www.home-assistant.io/lovelace/entities/#action_name docs are your friend
In the ui-lovelace.yaml, is it possible to do imports to bring in other yaml files? example: use a horizontal stack card and then each column would import a yaml for managing each column separate?
@mild veldt ayy, i have a new friend. this is useful in terms of knowing that I can change the text from 'RUN' to other text. thank you. next step is knowing how to take it from text to one of these: https://i.imgur.com/3S8gr3O.png
You've been given several solutions to that end
(i mean a step for me to work on, not implying that i want more of my homework done for me) -- thanks again.
- delay: 00:00 at the end of the script is all that's necessary
(of course, it'll turn off instantly, but 🤷)
Seems like that's the desired outcome 🤷
yes, and there's the possibility of the command failing and i'm stuck with an 'on' button when it ain't on, but that's my problem
@inland wadi a template switch is the best solution for that IMO as it is the most explicit
So this just happened. One of my switches is listed as unavailable despite being visible in esphome? I haven't changed a thing anywhere and tried rebooting both the esp and ha without success
@mild veldt Thanks!
That'd be #integrations-archived @lean raptor
Ayay
you're a mad man
the humidifier and dehumidifer are both on, he truly is a madman
How else do you get that perfect balance of humidity?
I realize those two themes are kind of similar, but there really are nearly endless possibilities!
the headers on the first theme remind me of a stylish and well-organized notebook
the asymmetrical corners are a nice touch, too
with the custom button card, how can I display the value of a sensor in place of the icon
Howdy! I want to add a card to my Lovelace that allows a user to send a TTS announcement to a selected media player (like you can if you view more info about a Google Home). My thought is an automagically populated input_select (either with entity_id or friendly_name) where the user can select a media_player entity to send the announcement to. I'm able to populate the list using Node Red, but using entity_ids looks messy in the UI and using friendly_names presents its own problems on the backend. Am I over-thinking this? Is there a simpler way for me to accomplish it?
@mild veldt template sensors are great. i set up a template sensor w/ icon states that track the on/off state of my lights. combine that plus a service call for the tap_action on a button card, and i get more of the functionality that i was looking for.
so the themes feature, I can just add it to an existing theme yaml?
Hi everyone, I tried to install the beta 2 of the spotify-card via HACS, everything seems to be fine, I also see an entry in the Lovelace ressources that seems to have been added by HACS.. But I am unable to add the card... As far as I understand it should by able to add it via the graphical lovelace interface?
@coarse elk select Manual Card and enter the configuration
i tried that and it asks for the client id, which as far as i understand it, is not needed anymore? If I add it, I have to authenticate, which also should be gone...
spotfiy integration and spotcast are installed
so i guess i am missing something obvious?
Ah, ok. Then I run in the problem why I tried the beta in the first place... I am not able to autheticate the card with the redirect error. Is this possible with the local ip? (it worked with the spotify integration)
I think my problem is that i do not know how adding the correct url " for the tab the card has"
how do I find the "tab the card has"?
Look at the URL in your browser
ah, yes. this makes sense
VICTORY!
@wheat current , comrade in arms, I thank thee!
Paw Patrol Playlists shall be selected and played for hours on end in this home from now on
Hello
in the picture-elements of my floormap
I have a type: image
with a camera_image from my surveillance camera
it works properly, I can display camera on my floormap
but when it refresh the image
for some seconds I see no image on the map
and I just see the border that becomes a straight line
would it be possible to avoid this?
just a realtime swap between old and new image?
Please write in full sentences. There's no reason that had to be 10 lines.
If the problem is that there's a short period with no picture (so the card has no height), either use the CSS properties to control the height or use multiple layered images.
No. The documentation can. https://www.home-assistant.io/lovelace/picture-elements/
In the doc... there is no reference about multiple layered images
for some seconds I see no image on the map
and I just see the border that becomes a straight line
If you can't guarantee that there's always an image, the next best thing is a placeholder image to maintain the size/shape.
Since you haven't shared your config, there's going to be a certain amount of guesswork in any answers you receive.
I don't want a placeholder or a fake image
I want the last available one
to persist
Then.... guess it's time to create a custom card 😉
entity: camera.veranda
style:
border: 2px solid red
border-radius: 10%
left: 75%
top: 75%
width: 10%
type: image```
my config
And the camera?
name: Veranda2
authentication: digest
username: admin
password: ---
still_image_url: http://192.168.1.12:13000/snapshot.cgi
stream_source: rtsp://192.168.1.12:14000/tcp/av0_0```
camera
How do I specify a not state for state-switch?
Do I really need to go to a custom card?
For example I want to specify a card if an entity is not equal to a state
There is no native method to stick to the last available image?
Maybe instead of image type I can use something different?
How do I specify a not state for
state-switch?
It doesn't look like you can. Instead, you'll have to have the same config for each state that isn't the one you don't want.
To make this less repetitive in code, you could look into YAML anchors.
And are the states case sensitive?
The states are whatever you see in
> States
Home Assistant as a whole is case sensitive 😉
(this is why it's called out in the docs)
Gotcha. Is it possible to set the name of the mini-graph-card to the state of an entity?
Maybe. What do the docs for that card say?
There's some tips here on finding out: https://discordapp.com/channels/330944238910963714/331130181102206976/471041408371785738
It doesn't specifically say that but I was hoping something like this could maybe work:
name: {% states('sensor.data_sensor') %}
If it doesn't say it supports templating, it doesn't support templating.
As a general rule, cards don't.
@finite pond you can use config-template-card to wrap the card
That worked nicely. How do I add static text to the name?
I’ve tried this:
name: "${ 'Server' && states['sensor.throttled_state'].state }"
You use valid JavaScript...
&& is boolean and, not concatenation.
- is concatenation
S T R I N G M A T H
In languages that support it, the outcome is ... amusing
Hello, is it possible to have, on a floormap, an icon that, when tapped, opens a popup with additional icons/labels/states?
With browser_mod you can have popups
thanks
@polar kelp global cardmod via themes, exactly what I wanted for xmas in july 🙂
Please let me see what you make with it.
oh i just put a blur on my card backgrounds, but i was dreading having to do it to all my cards 😛
i do have an idea for some of my battery icons tho 🙂
title: Entities card sample
show_header_toggle: true
entities:
- type: horizontal-stack
cards:
- type: 'custom:button-card'
color_type: card
icon: 'mdi:speaker-wireless'
name: Livingroom```
why this lovelace code doesnt work it says
Unknown type encountered: horizontal-stack
because you're listing it as an entity
if I am getting right, in entites I cant have horizontal stack?
right
Ok, and can you give me an idea how to add a title to horizontal stack?
I have for example 3 buttons in horizontal styack
and I want just title above?
You can't do it directly in the horizontal-stack config, but you can put the horizontal stack in a vertical stack with a markdown card on top
(vertical-stack-in-card) if you want it to be connected
ok, tnx
Where do you guys get your frontend inspiration from?
My BIG BRAIN
I used to watch reddit posts
I'm completely out of ideas for my irrigation dashboard
Nah, my frontend setup is more about function over form. Designed for mobile
You can add a title to a stack, actually.
It’s stupid and ugly, but it works.
It’s just yaml type: vertical-stack title: whatever cards: ...
huh, looks like it was added back in october. I guess I'm just a 🐢
It was silently added just because people wouldn’t shut up about it.
squeaky wheel gets the grease 😛
@polar kelp I like this effect makes the graph really pop out
@polar kelp exactly 🤣 I remember everyone asked me why I was adding it and stating pretty much that; was sick of people asking for it
That’s why slider-entity-row exists too, iirc.

Question: I have a button that is to toggle a group which contains 2 switches (of which I've defined their turn_on and turn_off services and data). The button functions correctly when I press it (my two thermostats adjust their target temperatures as I've defined), but when I press it again to turn off the group nothing happens (the thermostats are supposed to change back to a different value). Any ideas?
.rule6 @clear dome
Aha, bot is down. No spam. Use something like hastebin to share code/logs.
The bot isn't here to mod 
I'm sorry oki dok
the share links are in the topic of this channel
any errors in your log?
good call thanks let me check on that
all of your data sections are indented too much, by the way
and are you sure the thermostats aren't changing value? The switch isn't going to switch off
what do you guys think is the best way to present a momentary switch? Pretty much like a button press. The toggle for switches simply really fit the use case in my opinion
A button?
Sorry had to step away. Thanks I'm terrible with the indenting. The thermostats change when I click the button the first time but when I try to turn them back to regular values by turning the button off it doesn't change their values
I will give it another try, got hung up with something
I thought that because I defined the switch states ("turn_on" and "turn_off") that the toggle button would execute the "turn_off" service of each thermostat when the button is switched off (it seems like "turn_on" worked fine).
So nothing in the logs?
Ok I'm half retarded and the interface is a little different since I've last updated...should I look in the supervisor log?
It’s best to check the log file, but the logs moved to the config section
Around server controls
Ok thank you
I cant tell if this is related, but I can only find this:
https://myserver.duckdns.org/frontend_latest/app.04756a98.js:1248:13238 Uncaught TypeError: Cannot read property 'suspendWhenHidden' of undefined
I will try a few things and come back, gotta restart at least
You can also check your logbook to see what changes are happening to the climate entity
I'm having some issues with the layout for the zwave configuration page
when I try to look at the select list to configure some config parameters, I cannot see all of the options
it's too tall for the page
it also goes too wide
where do I put issues like that?
does it go on the main github?
or would that be another repository
@pallid needle Frontend repo is the place to report that type of stuff. I think there’s already an issue for it here: https://github.com/home-assistant/frontend/issues/6322
Any suggestions to how I trouble shoot this error in my logs?
must contain at least one of entity_id, area_id.
I am unable to locate where/what is causing the error. Would changing the logger status give me more info?
https://hastebin.com/lotivupera.sql
@latent moss I should have responded here I added some comments there already :)
have a weird issue of only on an iphone (both safari and app) the graph card is not showing....error in red box. On desktop and my android is showing fine no errors. I pushed reset frontend cache but it doesn't do anything.
Anyone know why the theme background is not setting for part of the page when using panel mode?
https://i.imgur.com/ZVBcWW0.png
As it's in panel mode, you've only applied it to a single card.
If you want it to theme the whole thing, apply it to your profile instead.
auto-entities cant be used for media player cards right @polar kelp ?
Not by it self, but with layout-card it can
There’s an example at the bottom of the readme for one of them.
Which readme?
Probably for layout-card @finite pond
Seems like it's going to be one of two. Checking both would hardly be a hardship 🤷♂️
hi, is there a way i can customize the lovelace dashboard more where cards are?
Stacks or layout-card
Is there any way to show logbook and history only to admins
(hide to non admins)
Short answer? No. Long answer? Kind of
@karmic tiger i used vertical stack. that worked. couldn't figure out stacks and layout card i didn't really try.
used vertical stack
couldn't figure out stacks
🤔
Does anyone elses lovelace UI have the panels jump around when you reload the page
one of my cameras just can't decide which vertical stack to go in
I have finished adding the bulk of my devices, but not all of them. Lights, motion sensors, door sensors, etc, are all added. Now I want to start configuring the UI, such that I can see grouped sets of inputs/outputs relevant to their location (i.e. room). Is it recommended to start fiddling with the .yaml files for this, or should I be using the UI to set all of this up?
is there something to do to get cast.show_lovelace_view service to use my vertical-stack or horizontal i just can't seem to get it to fit all my camera feeds within the tv it just shows them so big
Not sure if this is the right channel, but I am having trouble getting the frontend webserver to start. I installed hassio (docker method), and have been using it for ~1 day, and I have restarted it a few times successfully. For some reason, it won't start now (I can't connect to port 8123. Docker logs show this (repeated a few times a minute):
2020-07-18 20:55:51 WARNING (Recorder) [homeassistant.components.recorder] Ended unfinished session (id=922 from 2020-07-19 00:55:40.659193)
2020-07-18 20:55:54 WARNING (zeroconf-ServiceBrowser__esphomelib._tcp.local.-_dkapi._tcp.local.-_miio._udp.local.-_ipp._tcp.local.-_viziocast._tcp.local.-_googlecast._tcp.local.-_api._udp.local.-_hap._tcp.local.-_printer._tcp.local.-_ipps._tcp.local.-_spotify-connect._tcp.local.-_axis-video._tcp.local.-_elg._tcp.local.-_wled._tcp.local.-_nut._tcp.local.-_daap._tcp.local._140361231981344) [zeroconf] Error sending through socket 13
Traceback (most recent call last):
File "/usr/local/lib/python3.7/site-packages/zeroconf/__init__.py", line 2792, in send
OSError: [Errno 126] No error information
I'm honestly not really sure what else to try at this point short of resetting everything.
@somber harness UI
Could this be related to discovery?
I used home assistant several years ago, and I vaguely remember running into issues at startup due to my chromecasts. Is there a way to disable these?
There used to be a way to disable discovery? Everything I see says to comment out "discovery" in my configuration file, but I don't have that in my config..
Is there a channel for hassio?
Hassio is the old name for what is now called Home Assistant. #330990055533576204 @uncut spire
Can anyone tell me why this binary sensor code isn't compiling correctly? This (https://pastebin.com/pJHrbU83) produces the following error: "Error loading /config/configuration.yaml: mapping values are not allowed here in "/config/configuration.yaml", line 345, column 12"." I'm assuming some formatting issue, but I've tried using 2 space for each indent as advised in the help.
lines 4 onwards? those have spaces. 2 spaces per indent. one indent for the name of the sensor, two indents the sub things.
Sorry, if this goes more than one line further I'll retype into #integrations-archived
Howdy folks; super new to HA and trying to figure out how to use helpers in the GUI:
I'm monitoring a temperature that when it gets high enough I want to toggle a helper
Then when temp comes back down I want to use that toggle as a condition for triggering an event (and reset the helper)
But when I go to make the new automation I don't see where to select the helper for referencing it or changing its state?
Did you create the helper yet?
Yes
This is more #automations-archived and #integrations-archived FYI
Sorry, figured since it was doable in YAML I'd try here first - makes sense tho
Does anyone know where custom loveface cards are stored at? I cannot seem to figure out where configuration/www is located at. I have hass installed in /opt/homeassistant/ and the config files are stored in /home/homeassistant/.homeassistant
Looks like its supposed to be stored in /home/homeassistant/.homeassistant?
yes, that's effectively what you called "configuration" above
Is there a way to force a Vera cover (garage door opener) that is seen by HA as a switch to be seen as a cover?
Hey there, I just did an install and am not able to set my home location. It only allows me to click around on a map.
@outer nest that is how you set your home location through the GUI, drag the map marker to where your home location is
Yikes, most of the roads aren't even marked. I am basically stumbling through the state of TX right now trying to find it.
it should get you pretty close by default, unless you moved it
Very well could have clicked by accident somewhere
I guess there's no way to re-center it?
not that i'm aware
you can set the exact coordinates using YAML, but then you won't be able to change the other settings on that page via the GUI.
Example code here for that, https://www.home-assistant.io/docs/configuration/basic/
Also, i think you can drag it via Configuration -> Zones. That would probably be easier as it's uses the full width of your browser rather than a mini map embed.
I eventually made my way to my house. I am perplexed as to why the GUI wouldn't have lat long coords. It's very easy to find them for your address.
that's why I use YAML for that 🙂
When I look at the log for Home Assistant - the web interface is extremely frustrating when trying to copy text. If I click on a log entry, I get a pop-up with details. When I try to copy the text, I have to be extremely diligent not to go below a line with my mouse, or to extend past a line - or the selection goes away. I'm using FireFox, and this doesn't happen on Chrome. Is this a common issue?
It's in your config folder @cyan ocean - but depending on how you installed HA it's also accessible in other ways
I like that typo, @thick surge - loveface.
Cannot read property 'map' of undefined
type: 'custom:zha-network-card'
Anyone have an idea why I get this error with the zha-map integration?
Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.
☝️ Show us the card definition
It's one line so I'll assume I can share it here
- type: 'custom:zha-network-card'
Add custom card (works best in panel mode): - type: 'custom:zha-network-visualization-card'
It's not the same as in the documentation
But that one simply outputs a custom component not found error
Got a link to the repo for that custom card?
The instructions say to add this:
- type: 'custom:zha-network-visualization-card'
Got it
That's not what you shared above.
But if you check the code it's definingzha-network-card
I'm guessing devs forgot to update it
I guess HACS has a different version then (?)
https://github.com/dmulcahey/zha-network-card is completly different....
Did that fix it?
Hi all :)
I've broken up my lovelace into multiple dashboards, but i don't really understand what's going on with the resources.
I can define them in either configuration.yaml or ui-lovelace..yaml, and as i understand by documentation that they are shared between all dashboards if i define them in configuration.yaml.
However i get the same result if i define them in ui-lovelace.yaml, and if i try another dashboard's ui-xx.yaml they don't load at all
Is this expected the behavior?
I also seem unable to mix between the configuration.yaml and ui-xx.yaml, if i put anything resource at all in configuration resources defined in ui-xx seems to be ignored
What i wanted to achieve was to define only the resources that are shared between all dashboards in configuration, then put the rest in the corresponding file
configuration.yaml defines integrations, not UI components.
If you're having a problem, share your config and any error messages.
Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.
as i understand the documentation, i can declare resources in both ways, and it seems to work just fine. But i'm unable to have distinct resources for a certain dashboard or mix the two ways
When you say resources, do you mean things like custom cards?
yes ->>
resources:
- url: /hacsfiles/custom-header/custom-header.js
type: module
Ah. In that case, I think it's preferred to do that via the UI now.
Configuration > Lovelace dashboards > Resources > plus sign
if i define them in configuration.yaml they show up there.
Can't see how that solves my issue thou
What i'm after is a package-like configuration, instead of spagetti
some resources should be global and are indeed shared between all dashboards, while some are not and shouldn't be
Ah, then I'm not sure. I still haven't gotten my head around packages 😄
Perhaps it's impossible and all resources are global by design then. Unfortunately. I just thought I've missed something 🙂 if that's the case it's a pity but not much to do about i suppose
Many other configuration values are merged between files and not ignored so i was kind of hoping there was a trick to it
Resources are global by design
thanks for clarification @winter hollow
Hello! Changes, integrations and settings I set up in my frontend, where do those get written to? What file/directory is it?
.storage
Hey there. I have some issues with certain lovelace features that are not working from firefox desktop and chrome on android.. anyone else seen this? Configuration page = Error while loading page config.
alarm panel card not showing, and breaks every card after alarm panel card..
same with chrome desktop now after clearing cache and CTRL+F5..
What are 'certain lovelace features'? It sounds like maybe some custom resources aren't in the right place.
the alarm panel is standard card.. and config page should be generic i guess.
Then maybe a formatting error? Feel free to share your config here
Please use https://paste.ubuntu.com/ or https://www.hastebin.com/ to share code or logs.
In developer console shows ERR_CONTENT_DECODING_FAILED 200
and:
app.04756a98.js:43757 Error loading page config ChunkLoadError: Loading chunk 167 failed
It worked well on previous hass release, after update (no change in configs) it stopped working.
Jumped from latest 111 to 112.4
167 chunks? 😮
no.. number 167
I don't even want to guess what's happening there. I'll leave this to the experts.
ChunkLoadError sounds like a Minecraft issue
Does it always fail at chunk 167?
I wonder if it's something in that chunk that can't be merged.
Chunk number is different.. for the page with the alarm panel it is no 215, on the config page it's 167.
But for each page, it's always 215 or 167?
My point is that if it's not random, it's probably not just connectivity issues. More likely to be something at that position in the config.
/config page is not configurable.. so i don't see the pattern..
Fire Tablet sale FYI for anyone thinking about dashboard (Fire HD 8 Plus has wireless charging) https://www.engadget.com/amazon-sale-fire-tablets-fire-tv-095558668.html
The light card supports it out-of-the-box, but if I remember correctly it's a larger card
thats my problem, I dont want the large icon as I use my phone to control lights
I have seen little sliders under the light entity on videos, but no discription on how to get them
already googled it...
"custom element doesnt exist"
using manual code editor in entities config
You have to install the card first
You don't need to
If you just created www then you need to

how can I hide and unhide entities in the frontend ?
take control (three dots in the upper right)
Thank you so much for this
Hi, I'm looking to split google-assistant integration from the configuration.yaml folder, but it requires the service_account.json file, how would I merge the file which is located oon root folder? I moved the google_assistant.yaml in a new directory
this is more of a #voice-assistants-archived question, but you just do !include /path/to/service_account.json. if it's actually in the root dir, then it'd be /service_account.json @white kindle
In the frontend I manage to create 2 light groups, that was working fine, but I propable have screwed something up, now the don't show up 😦
Oh okay thanks, I now made some changes, I'll ask in that channel
thanks, will try that
that did not work, but I discovered that they was not present under the entities list
let's go to #integrations-archived , share what you currently have in your config there
Could somone help me over #voice-assistants-archived if possible, thanks
anyone know how to pass options to the layout-card when embedding it in an auto-entities like the example at the bottom of this section? https://github.com/thomasloven/lovelace-layout-card#a-few-tips
i'm trying to set the layout option for the layout-card arrangement of the generated cards
or--maybe i'm thinking about this backwards...
You just make a valid layout-card and nest it within another card that accepts children.
the "parent" card is auto-entities, which uses type: layout-card as its card: option
oh wait, the auto-entities card: section can accept more options than just type: 🤦
Anything your heart desires.
As long as that's something the card in question accepts natively.
bah, i was rearranging media-control cards to see if i could fix whatever is causing the progress bar to fail to load and it didn't seem to work
something seems to be causing the initial request to get progress to fail. when i resize the browser window (in any direction) it kicks it back into gear
Ok. I'm trying something new. Live-stream of developing a new lovelace card starting in a minute or so: https://www.twitch.tv/thomasloven
Im trying to control 2 media sliders as one.
@frank ocean posted a code wall, it is moved here --> https://paste.ubuntu.com/p/hBDqDYSgBW/
If I call the service volume up it works and turns up the volume on both
But if I just a slider it will only control the first zone
NT HA: How can I limit Lovelace to two columns of cards? Pointer to doc is welcome too
I had found layout-card but didn't know what to do with it. I even found the author on twitch doing a demo but no clue.
I tried the horizontal stack but I am trying to combine an entity card and a picture card (from a security cam) and the horizstack killed the preview.
What do you mean it killed it?
the preview was not displayed.
That's... odd.
I'll put it back and screen shot it
I've seen things get all wonky when they're made too small. I haven't seen anything just be blank.
Well I guess I wont post my own GIF here
I think the scaling is likely cause. Is there a quick start guide or examply for using layout-card?
You can post images, just use a sharing site
Please use imgur or other image sharing web sites, and share the link here.
Examples for layout-card are all in the readme on the repo (it's a custom card). I don't know of a guide for combining cards, so it's mostly going to be trial and error or looking at someone else's UI and seeing how the YAML looks to generate it.
Several well-respected users have shared their configs if you want to have a look: https://www.home-assistant.io/cookbook/#example-configurationyaml
I've not had much joy with YAML as yet. Pretty much either cut and paste or copying examples. Thanks - I will have a look. The harder the fall the better the lesson!
If you're new to YAML, it can feel a bit weird. I hated it at first... then it grew on me.
It
's a choice of challenges. I was getting a grasp of OpenHAB and hated the proprietary language. YAML seems to have a nice std but finding the source of the context is a challenge
Any devs around who can assist with a remote access problem?
Not a dev, if it isn't over my head maybe?
I've been trying to get it fixed for 2 months or more and I've tried everything.
I have a valid SSL certificate that checks out from ssl checker
So I also have a valid port forward to Hassio on 8123
But when I try to login from HA client app, the login screen just hangs at 'initialising'. Can never login.
HA client app works fine from my internal network
iOS?
Android
k, my iPad had the same issue. Android worked fine. Does a PC work outside the network?
I haven't tried a PC from outside the network, only phones
if you are ok with it, you can dm me the address...no pw/usr and i can check if it is up from a pc
yeah using my phone as a hotspot, the PC loses connection
by chance a work phone?
no
hmm
sounds like smarter people in #android-archived can help. Hoped it was be easy enough for us to figure out. nabu casa made it too easy for me
yeah nabucasa works. But I'm cheap
lol and im lazy
thanks
i had hoped it was a network issue, but you took care of that. Do you have pinhole settings in your firewall?
Not sure what you mean by that? Just the portforward
kind of a redirect for your external DNS to you HA instance. I see it as if you work at google and you go to google.com and it routes back to you
what kind of router do you have?
no, most routers dont know how to hand a re-direct to themselves
checking your router, 2 secs
might be nap loopback for you?
Can you explain?
You send a dns request from your router that turns out to be itself...a lot of l3 devices can't handle that. Any chance you are German?
No not German. The router is set to get DNS from the ISP.
k, sry most of the documentation is German. Taking a little bit to figure out
what happens if you ping your duckdns address?
Yes, it pings from my internal network fine.
and if you telnet to that address with 8123 as the port?
it doesn't work but it also doesn't work if I telnet to the internal ip:port
Not sure telnet is activated?\
Hi fellow automators 👋 as usual its de simple things in life one needs help with 😸 is there any way to auto cycle trough tabs of a Lovelace dashboard (used to have a tab-switcher on chromium before)? together with "lovelace-swipe-navigation" this is would be the way better option than browser tabs? Am i missing the obvious? Hints much appreciated 🙇♂️
seems like browser mod is the way to go: https://github.com/maykar/lovelace-swipe-navigation/issues/28 🍻
So I'm using a conditional card to toggle either my downstairs or upstairs floorplan and it works great, but when I swap floorplan cards the 2nd floor card is offset by a few pixels vertically. It's because I'm vertically stacking and although only one card is present at a time (out of the two) there is still some data being hidden and thus the 2nd floor is always slightly offset as a result. If I stack horizontally it's horizontally offset when swapping cards. I want to get rid of the small offset because my top floorplan is designed to look like it overlays on top of the bottom floorplan, and so if it moves when you click to view the top, it destroys the illusion of the top floor appearing on top of it.
Any ideas? https://hatebin.com/jibcssfdlk
@polar kelp how do I apply dashed style and a specific color to a badge with card-mod?
Is there any component that can extract entity attributes and present it to cards?
Unless a card specifically says it can read attributes, you'll probably have to make a template sensor and use that instead.
is this a good place to ask about floorplan?
@finite pond putting —label-badge-xxx with border-style in the same place should work.
And speaking of badges...
Badge-card. Put the badges wherever you want, and have them available in panel mode too.
ah so that's the secret project?
What secret project?
from one of your screenshots :p
👀
Congrats on shipping @polar kelp
btw I still can't get the dashed-colored badge working
style:
ha-state-label-badge:
$:
ha-label-badge:
$: |
.label-badge {
--label-badge-red: teal;
border-style: dashed !important;
}
I've tried this
It may be time... I don't use that setup anymore, and never got to use the joke.. so here's the truth:
It's just a card-modded markdown card in panel mode.
trying to use the flex-horseshoe-card for the first time on 0.112.4, not getting very far, makes me feel old and hard headed (nothing new likes to get past these skulls). I followed the example and got a blank card. appreciate some guidance. https://github.com/AmoebeLabs/flex-horseshoe-card, here is a paste - https://pastebin.com/CmUJkStS
scratch that, i figured it out. thanks. guess this old bird can learn
Is there a way to make the lovelace camera display more reliable? The image on the view hardly ever updates and live view just buffers half the time
if it does load anything it'll show a few frames then go to "playing" but the timer never changes and the image stops updating
I changed my router and now I cannot get to HA. I've opened port 8123 and 443.
I used the duckdns method originally. I can verify that the duckdns is pointing to the right IP and i can ping the hardware at both the duckdns name and the local ip. Anyone have any idea what might be going on? I can also see the config folder that I have mounted on my computer
@nova bloom did you use the right ip for your HA server
If you set up your SSL using an #add-ons-archived, take it over there.
If you didn't and you're having trouble simply getting back in, take it to an install channel of your choice.
yea its the right IP
It's not about Lovelace.
I beleive I did setup SSL using the method described in a video that I cannot find
i beleive I have the duckdns addon
So off to #add-ons-archived with you.
You get better help when you ask in the right place and it also means people can search for previous answers in the right place.
man, recoding this into my own lovelace dashboard was worth it: https://github.com/mcfrojd/hassio_lovelace_multiremote
Hey guys,
I have a picture-elements card with state-icons on it.
When I click on the state-icon, a black circle appears behind the icon.
How can I turn that circle off / make it transparent?
how can I change a door binary sensor from a block to a door so that it indicates opening/closing?
The sensors themselves are #integrations-archived
it's ok.. figured it out.. customizations WAS saying they were doors but I went out and back in again and this time it said opening.. so I changed them to doors and now it's ok
not sure #integrations-archived could have helped me with that
Customising entities is an integration thing. That's definitely where you get help with integrations.
I find it very confusing.. every time I go to any channel I get bounced between 4 channels and back again 😛
That tends to happen when you don't read topics.
Yeah, the mods know nothing... sure.
it's like musical chairs.. I wish there . was a flowchart
You just need to post a clearly written question with all the relevant details in the right channel. Simple.
And if part of your problem means moving to another channel? Well, that's normal.
Like if you're building a custom card, you'd get help with the card itself here... but any templates you need as part of that card, well you ask in #templates-archived.
well that makes sense.. but when you're having a problem and you don't know what is wrong except for a symptom it's easy to get forwarded to another channel a few times.. sometimes you end up back where you started.. guess there's no way around it
That's completely normal. If a problem is made up of different parts, those parts might need to be solved in different channels. It's not worth getting mad about.
who's mad?
this is about as calm as I've been in 3 months :/
new release tomorrow and it sounds like it's going to be awesome again.. so I'm actually quite happy
Hey people, got some problems with adding some custom card again.. Its this RGB control card: https://community.home-assistant.io/t/light-entity-card/96146
I have added the script here: "/config/light-entity-card.js" (no idea where to find "/www/" in the File editor) and then added it as resource to my Dashboard: http://prntscr.com/tmm2fk
When I add it to the Dashboard manually it says the card does not exist. Any idea what goes wrong?
Printscreen where it is added to the Dashboard: http://prntscr.com/tmm40l
Hey folks! For my secondary HA setup I have for a long time had the "old" yaml mode Lovelace view. Now I have created a new dashboard (UI Controlled) but I am unable to delete the old one. I can set the new to default for my device, but I want to migrate to the new dashboard for all devices and users.... How can I achieve that?
@half marsh & @swift onyx It looks like both of you have the same issue.
The .js file you downloaded needs to be placed in /config/www/cardname.js
If you do not have the www folder you need to create it, if you created it now you need to restart Home Assistant for it to work.
When it is in the correct folder you add it to lovelace with /local/cardname.js
For more information look here https://www.home-assistant.io/integrations/http/#hosting-files
@wheat current thanks for your reply! I will try it now 😃 👍
At first I found it strange the "www" folder was not created. But after reading some I get that it is tricky since it isn't a protected directory. Useful information. Thanks! 😇
Now I made the folder, added the file and rebooted. After that I changed the dashboard resource for the card to the right directory and tried it out. Sadly with no success, card still not found 😦
Will have to look around a little or I missed something.
Verry few custom cards register them self to the card-picker so you have to use a manual-card with the instructions provided in the repo where you found the file
Yeah, I taught so. So I made a manual one. Will try it again. Maybe the old one does not pick it?
Sadly not: http://prntscr.com/tmp914
And how did you add the resource?
Configuration/Lovelace Dashboards and then the Resource tab
right, but how?
Added this URL: /config/www/light-entity-card.js
yeah...
When it is in the correct folder you add it to lovelace with /local/cardname.js
Change /config/www to /local
Seems to work!
Thanks a lot @wheat current
Is there a reason why it is local btw?
There probably is 🤷♂️ 😄
😂
Ok, fine for now. Just need to make note of it and not forget that it isn't /config/ 😂
You will remember it when you go to that screen the next time and you see this one.
Or you can go with HACS that does that part for you
I have taught and looked into HACS a little while ago but for some reason did not go for it.
Maybe security reasons. idk anymore.
If I want to merge a sub folder within a folder, this would correct, right?
google_assistant: !include_dir_merge_list tts/google_assistant
Hey guys,
I have a picture-elements card with state-icons on it.
When I click on the state-icon, a black circle appears behind the icon.
How can I turn that circle off / make it transparent?
@valid gazelle figured this out, needed to use "divider-color"
anybody been able to get browser_mod popups working in .113?
getting "Uncaught TypeError: r is undefined" in the console
It might just take time for custom components to be updated.
That version was only released a couple of hours ago.
Hi, is it some way to get the card transparent? Before I used paper-card-background-color: 'rgba(0, 0, 0, 0.3)' But seems this is not working anymore
I'm sure I saw something saying the name of some variables is changing. I think it was the ones that start with 'paper-'
okay, tried to google it. But didnt show any useful, just some post from last year
To keep it all the same replace paper-card-background-color with ha-card-background
And this is the bit in the release notes for 0.113:
The theme variable paper-card-background-color is removed. You can use ha-card-background or card-background-color as a replacement.
In general, all variables that start with paper will be removed at some point.
Not bad for my old man memory.
ok, thanks. I will give it a try 😄
As a rule, if something just 'stops working', check the release notes.
thanks that worked, back on track 🙂
@wheat current thank you! This sounds right. Testing it now!
Hi all ! It seems like the alias _moreInfoEl of document.querySelector("home-assistant") has been removed in 0.113 🤔 Is it a mistake or it's on purpose ? (I am trying to fix @polar kelp wonderful browser_mod )
you think it's possible to create a button that I press and almost closes the blinds but leaving them a little open.
ps :my blinds dont have %
I'm having an issue calling a service on a picture elements in lovelace
I hope someone can help me
I have the following in my picture elements:
- type: image
image: local/lovelace/tablet_icons/weather.png
tap_action:
action: call-service
service: input_text.set_value
data_template:
entity_id: input_text.frontend_card
value: Weather
when i call it I get a message at the bottom of the screen:
Failed to call service input_text/set_value. required key not provided @ data['value']
I have an automation that does the same thing and does it with no issues
@mossy otter I think it is not "data_template" but "service_data" (see https://www.home-assistant.io/lovelace/actions/#tap-action)
@mossy otter you're welcome 🙂
why my delay its not working ?
'1595460935554':
alias: teste1.0
sequence:
- scene: scene.ob5puxaldnijon6c
- delay: '00:01:30'
- scene: scene.gp92n45psserppjs
Hello I have a question in tileboard: https://github.com/resoai/TileBoard
regarding changing the background photo of the tiles.
I’m trying to change the tile background to a custom picture of my choice.
In the documentation of tileboard this code should be added in the tile object:
bg: ‘@attributes.entity_picture’
Where do I actually add the pic itself for instance “/images/example.jpg” aka how/where do I determine the entity_picture??
Is this the right place to ask my question I already asked in the forum of tileboard itself?
Anyway to make picture entity cards of cameras load faster: https://i.imgur.com/gajTofS.png
They take like about 1-2seconds to loads, while the rest of the frontend is instant
damnd, wrong channel
why Im getting error message when I try to add calling a scene.turn_on
must contain at least one of entity_id, area_id.
entity: light.living_room_lights
icon: 'mdi:hand-heart'
tap_action:
action: call-service
service: scene.turn_on
entity_id: scene.bedroom_romantic
name: Romantic
type: 'custom:button-card'```
@devout hatch I think you must put your entity_id in tap_action > service_data > entity_id
thanks @warped stump that was the issue
and how do I call multiple call services here?
entity: light.living_room_lights
icon: 'mdi:hand-heart'
tap_action:
action: call-service
- service: scene.turn_on
service_data:
entity_id: scene.bedroom_romantic
- service: script.turn_on
service_data:
entity_id: script.playspotify_zone2
name: Romantic
type: 'custom:button-card'```
maybe like this
This syntax will not work. I think you have to make a script with your two actions and then call this script execution on your button tap_action
entity: light.living_room_lights
icon: 'mdi:hand-heart'
tap_action:
action: call-service
service: script.turn_on
service_data:
scene_name: scene.bedroom_romantic
entity_id: script.scene_bedroom
name: Romantic
type: 'custom:button-card'```
Failed to call script.turn on, extra keys not allowed @blazing atlas[scene_name]
That's because you need to match what script.turn_on expects as data (it is entity_id and not scene_name)
It is not different as calling a service in DevTools page of your frontend. If your are not sure about parameters, just go to devTools --> Services and try to call your service manually from UI.
Hi guys,.. how do I delete a 'snapshot entry' where the data file does not exists any more,.... as I moved it out of the backup folder... I have tried deleting dbase,.. and a reboot, but to no avail?? any thoughts.. Many tx
Can someone unpin this message? https://discordapp.com/channels/330944238910963714/460846676358332417/705489096474361888
This new update broke my Lovelace 🙅♂️
Should've read the breaking changes.
reference; my snapshots.... it would seem something has refreshed,.. and all the 'dud' ones have now gone,..
that would be service -20-07-23 05:37:43 ERROR (MainThread) [supervisor.snapshots] Can't remove snapshot d286b3e5: [Errno 2] No such file or directory:
OK related question guys,.. if you don't mind,... this service did NOT,.. run at 5:37,... is there a timezone thing being applied here I wonder?... as I am at GMT+1 ie BST at the moment...
After upgrading to 0.113 paper-dialog-background-color for the more info pop-up background colour no longer seems to work. Anyone know what it has been replaced with?
It's not dialog-background-color or ha-dialog-background
Documented in the release notes, btw.
Nope. That is not for the pop-up card.
mdc-surface-colormdc-theme-surface
It did try to adapt the recommendations for paper-card-background-color as per the two above, but they did not work.
but that is not just for the dialog
Oh. I'll give it a go and see what it breaks. Thanks.
mdc-theme-surface btw
Close. The pop-up header bar colour is still not right, do you know that one as well bram?
Seems to mdc-theme-primary
but that is overruled
wait
that is using card-background-color
will change it to mdc-theme-surface for next release
Thanks bram. You're right, mdc-theme-primary has no effect. Unfortunately my integrations / entities pages are now all unreadable again too. Could I suggest that they use the Lovelace card background/text colours to be consistent?
configuration / entities and configuration / integrations seem to use different background and text theming options to the main Lovelace cards.
you mean the data table?
yeah and the integration cards.
it is the same?
the integration cards are the same as lovelace
just the data tables that are different
Yeah it's the data tables. The integration cards are ok (I realised I had a totally transparent card bg).
add card-background-color: "rgba(0, 0, 0, 0.0)"
and then you can remove ha-card-background
use ha-card-background only if you want the cards to have different styling
card-background-color is the base color for all surfaces, so also the dialogs and menu's
That's done the trick. From the release notes I thought card-background-color and ha-card-background were one and the same.
Thank you.
no, but they can both be used to style the cards
That's got my cards and custom-button-cards under control again: https://i.imgur.com/OEfApK5.jpg made a bit of a dogs breakfast of the integrations page though: https://i.imgur.com/MKpeyQy.png not sure there is anything I can do about it because I need the transparent card bg.
you use card mod for you lovelace cards?
Yeah.
The card bg changes with day/night theme. https://paste.ubuntu.com/p/Jy75vQx5rb/
so you have a different theme for day and night?
ha-card-background: url("/local/background/card_bg_day.png");
ha-card-background: url("/local/background/card_bg_night.png");
the first in your day theme, the second in the night theme
Correct. Only the night theme was giving me trouble. I have had to revert to using ha-card-background fro the day theme or the more info pop-ups become transparent.
no need for card mod and templates
Oh. Nice, I'll give that a go.
Actually, no. That would also theme all the custom-button-cards that I want to be transparent.
The remote control buttons here: https://i.imgur.com/OEfApK5.jpg
I might be able to override that with the button templates. Not sure. Will look into it.
Just realised I also have this to correct in all my button templates: '--paper-card-background-color': 'rgba(0, 0, 0, 0)' though by the looks of it I can leave it out.
Yes! now I can increase the alpha transparency of the theme card bg and fix the integrations page. That was the issue. I forgot the styling in the button templates.
will change it to
mdc-theme-surfacefor next release
@winter hollow No need to do this now.
Hi! I have a question.... I use apache proxy from my server online and my Home Assistant OS on RPi4.
Why from external website ESP-Home loaded from Home Assistant interface not work normally? For example if I press "validate" the window open still empty black.
I have the same problem with Visual Studio Code add-on...not load the interface by external.
If I access from local IP the console all work perfectly
I need to do something?
I need to add other proxy pass/reverse on apache virtual host?
ProxyPreserveHost On
ProxyRequests Off
ProxyPass /api/websocket ws://192.168.1.25:8123/api/websocket
ProxyPassReverse /api/websocket ws://192.168.1.25:8123/api/websocket
ProxyPass / http://192.168.1.25:8123/
ProxyPassReverse / http://192.168.1.25:8123/
This is my Apache virtual host configuration
Hi 😉
I saw this plugin :
popup-backdrop-filter
But i don't find it on HACS
How can i install it ? 😉
in HACS, there's 3 dots in top right corner, go to custom repositories and then add in the url of the github
Hello everyone. I have a question. Does anyone know if you can include standard cards (such as an entities card) as elements in a picture-elements Lovelace card? I have tried just adding it with - type: entities, but get a red box with "Unknown type encountered: entities". My Google-fu has completely failed me.
@wide reef Thanks ! I added it, and i added the ressource on lovelace, but nothing happened, could i check the ressource is loaded ?
Hi there, is there a way to make an ingress item avaliable for a user? at the moment only the admin accounts can see it
Finally migrated to my NUC and was a couple versions old so finally updated and can't figure out how to adjust my home location? I moved and I know in the YAML olden times there were entries for lat and long and the like but config.yaml is pretty lean these days. I see under general a map with a pin. Is that it? Do I have to zoom out the map and find my new city and house?
Someone would know / could help me why nothing happened when i add the ressource https://github.com/gabe565/popup-backdrop-filter ?
@errant grail did it get added into lovelace resources? Configuration -> Lovelace Dashboards -> Resources You might have to enable advanced mode, click on your name (bottom left) then toggle advanced mode
@wide reef Yes 😉
let me see if it loads for me
Hi! I have a question.... I use apache proxy from my server online and my Home Assistant OS on RPi4.
Why from external website ESP-Home loaded from Home Assistant interface not work normally? For example if I press "validate" the window open still empty black.
I have the same problem with Visual Studio Code add-on...not load the interface by external.
If I access from local IP the console all work perfectly
I need to do something?
I need to add other proxy pass/reverse on apache virtual host?
@undone zealot Problem solved........i forgot this on apache config:
RewriteEngine on
RewriteCond %{HTTP:Upgrade} =websocket [NC]
RewriteRule /(.) ws://IP:8123/$1 [P,L]
RewriteCond %{HTTP:Upgrade} !=websocket [NC]
RewriteRule /(.) http://IP:8123/$1 [P,L]
@wide reef I tried with Chrome and firefox to be sure the browser is not the problem
ya me either
😿
There is another theme which use the same tips to blur popups background
The js file is around the same
but i have the same problem : nothing occur
Then, since i updated HA (0.113)
The background popup changed
It seems that paper-dialog-background-color is not interpreted anymore
Yes. That's in the release notes
Thanks
But i don't find the equivalent property
ha-card-background concerns the cards
But i would change popups background only
(to make it transparent a little bit)
The theme variable paper-card-background-color is removed. You can use ha-card-background or card-background-color as a replacement.
If they don't work, I don't know which ones to use.
Yes but theses properties changes the background cards
Thanks a lot @wheat current
It's exactly this one
If i success to use this script to the blur transparancy, it will be perfect
But it seems not interpreted by the browser
Maybe do you have an idea, a CSS property would also be deprecated ?
That would be handled by your browser, not by HA. And it's not often CSS is deprecated.
Yes, but I don't know why the blue doesn't appears
It's the same on Firefox and chrome
What rule isn't working?
If I look on the css on the HA webpage, I see some references to "irn-overlay" so the ressource seems to be loaded
I should get something like https://github.com/gabe565/popup-backdrop-filter/blob/master/screenshot.png?raw=true
Maybe something else changed. I'm not great with themes, so I'll shut up 😄
To a new dialog ?
whats funny about that?
it's an element
iron-overlay was part of paper-dialog https://www.webcomponents.org/element/@polymer/paper-dialog
we are now using mwc-dialog https://www.npmjs.com/package/@material/mwc-dialog
Thanks, so if I understand, I replace the element iron-overlay which is deprecated by mwc-dialog on the script above, and it should be ok ?
nope, not that easy
Hi folks - I'm working on a view wherein I'd like a light icon that is lit if any light is on. Same with fans. I know there used to be a group.all, and I know I can call a service to turn all lights on or off, and I know I could manually create a group, but I'd like if possible to just catch every light, so I don't have to manually update that group every time I change, add, or remove a light.
Is it even possible anymore?
@winter hollow if it's possible can I try to debug the script on the console browser ?
if you know javascript, custom elements and shadow root and are a programmer, otherwise I don't give you much chance
I know JavaScript, server side otherwise (I'm developer) but i have no idea to debug that, I'm lost when I have to develop a pretty thing on an UI
You can always try
You want to add this:
.mdc-dialog .mdc-dialog__scrim {
backdrop-filter: blur(5px);
}
inside of ha-dialog
You are using firefox... did this work before in firefox?
no, at all
I can't help you further, I suggest Google
you also enabled gfx.webrender.all and restarted firefox right?
works here in firefox
YES it is perfect !
Thanks a lot 😉
It will remain to integrate the rule in the script
Good night 😉
I try with this script, but it does'nt work
Trying again. Does anyone know how to adjust my home location? I moved and I know in the YAML olden times there were entries for lat and long and the like but config.yaml is pretty lean these days. I see under general a map with a pin. Is that it? Do I have to zoom out the map and find my new city and house?
Configuration -> General
is there a list of theme variables somewhere? With the release notes for 113 noting that variables that use 'paper' are going away, I have some work to do.
I saw a tip on the forums about using chrome/FF's dev mode to find all the elements
not ideal though
I feel like my dash board needs some kind of .. header card.. or clock card or something..
I don't know,maybe I'm just trying too hard to set it up like a phone homescreen
How would I go about adding just the map and bottom bar from https://spotthestation.nasa.gov/tracking_map.cfm to Home Assistant?
Configuration -> General
@gusty pivot Config > General is where I am seeing I can change the name of my "Home" and the map where I can move the pin but nothing like a lat / long or zip code etc.. I can adjust elevation thats about it and I have nothing in my config.yaml with location. Its basic from the intital install I did before moving. I have added lots of integrations because if not I would just start over.
oh sorry, I just assumed setting the pin on the map translated to a lat/long
https://i.imgur.com/UEDyGy0.png Well not bad for two days into this mess
I want to do a roku remote tab next.. but the card I installed from HACS is .. daunting...
which one is that? roku-card (self plug) is pretty dang easy
you under estimate my ability to be confounded lol
I'll try a little bit at a time
guess mostly just confused why in that example.. all the commands are "play"
Anyone got a guide on how I can have a button change depending on the time of day? Such as a "Breakfast" button that only shows between 7-9am and then switches to maybe a "Movie" button later on?
I saw a Conditional Card, but I haven't played with it yet
oh sorry, I just assumed setting the pin on the map translated to a lat/long
@gusty pivot It does I just assumed a better way then a "move the map pin" I assumed since it was removed from the configuration.yaml that it should stay out? I have much catching up to do on the platform. If we can edit elevation then why not lat / long as well
@gusty pivot that's an advanced example just need this
type: 'custom:roku-card'
entity: media_player.basement_roku
Any idea on how to make picture entities load faster?
Using IP Cameras
Thinking storing local snapshot every 20 seconds or something?
ha-card-background: url("/local/background/card_bg_night.png");
@winter hollow this isn't working. I tried with and without the semicolon. Any ideas?
Got around to setting up a picture-elements card to do a floorplan, and I'd like to have my tap_action: open a custom lovelace card, similar to how more-info opens that the info pane. Is that possible?
Right now I'm just using navigate to go to a different page where those cards are, but it'd be a smoother UX to have the relevant card pop up for use, and then have it be closeable.
@errant plover ha-card-background: "url(https://www.home-assistant.io/images/hero_screenshot.png) center center/cover no-repeat"
Hi 😉
i am back with my js problemi am back with my js problem
Someone would know how can i enable the chrome debugger / stop on a breakpoint in a JS module loaded by lovelace ?
I added a 'console.log("hello")' on the script
but nothing occurs on the browser console
If you're asking how to work with the code, ask in one of the dev channels.
You're past basic 'how do I add X on a card?' questions and well into the behind the scenes at this point.
👍🏽
It will always try to fill the column it's in.
If you want it to be narrower, you need narrower columns.
You should check out horizontal stack cards if you want multiple smaller buttons in a row.
Yes... horizontal stacks.
oh k
color: 'rgb(28, 128, 199)'
entity:
icon: 'mdi:air-conditioner'
type: 'custom:button-card'
size: 40px
show_name: false
layout: vertical
its possible to change this to horizontal stacks @karmic tiger
Yes. Go read the documentation.
Does anyone know a good place where I can see all the elements of a theme and what they do? I just feel like sometimes I change something but it changes not what I expected. Also trying to update everything since the "paper" part is being fazed out
Scenes are an #automations-archived thing.
Thanks but that didn't work either Bram.
pretty sure it works
so you are probably doing something else wrong
maybe you still override it with card mod
I created a new entities card with no card-mod styling. I replaced www.home-assistant.io with my duckdns domain. I also corrected the file names, day and night are capitalised. No luck.
ha-card-background: 'url("https://mydomain.duckdns.org/background/card_bg_Night.png") center center/cover no-repeat'
thats not the same as what I sent
first of all the url is wrong
if the background folder is in the www folder it should be /local/background/card_bg_Night.png
Yeah it is. This works for the view bg: background-image: 'center / cover no-repeat url("/local/background/night.jpg") fixed'
Do i need to add the http: component to have home assistant available over the net ? duckdns setup already
doh. missing leading "/" was the issue.
This has done some interesting things to my configuration / integrations page 🙂 Not immediately dislikeable. Thanks for your help Bram.
Though now that I'm not using card-background-color: the issue with mdc-theme-surface: not extending to the pop-up header is an issue again. Also the "EDIT" text label on the bottom of cards in the edit mode is not the primary text colour, making it invisible.
why im getting this error https://gyazo.com/fe3348b40af60e9771de1ff539cd9acb?token=620a0e8b4342c6de7e888072160f54cd
Question around the default Lovelace UI. On my default Overview page I have duplicate entity for my Sonos media players. When I look at the entities list I dont have duplicates there
Just replaced all the card-mod background templates. So much faster loading!
why im getting this error https://gyazo.com/fe3348b40af60e9771de1ff539cd9acb?token=620a0e8b4342c6de7e888072160f54cd
@rustic lynx Because you "missed comma between flow collection entries at line 4, column 1: entity: switch.rumpus_av ^"?
@errant plover you can keep card-background-color in your config
and the edit button is in the primary color?
Ah that's what the problem is. The top of my card image is the primary colour.
Would it not make more sense to make the text the primary text color?
what text?
Also the "EDIT" text label on the bottom of cards in the edit mode is not the primary text colour, making it invisible
It is a button, all our buttons are primary color
You should not make the primary color similar to the background or card color
Hmm ok. I may have to re-think my card bg image colours then: https://i.imgur.com/uYUQkzz.png
😅
It was so pretty 😦 https://i.imgur.com/AWVQdlX.png Ah well live and learn.
it is just the edit button 😉 how often do you use it 😛
That is true... and I know where to press. Also thanks for the tip about using both card colour options. That fixed the pop-up header.
Gah. had the screen shot open and thought home assistant had crashed when it wasent responding to clicks! 🤣
Just tell youself that the hidden button is a "security" "feature" 😉
Great minds think alike (fools rarely differ).
Only 180 more card-mod lines to replace... cant work out how to replace an indented found selection with an empty line in VSCode. Well delete the whole line not leave an empty one.
Find:
somekey:
nested_key: bla
Replace:
somekey:
Maybe... the indentation of somekey (and thus also the key below it) varies though. Still there's only a few variations. Thanks!
fresh setup, Ive added on duck dns, anything else special i need to add to have it https and access it via duckdns url (i have already added port to my router as i had home assistant working before) .... for some reason it is not working so i must have missed something
Port forward Internet -> 443 -> 8123
http:
ssl_certificate: /ssl/fullchain.pem
ssl_key: /ssl/privkey.pem
use_x_forwarded_for: true
Set external and internal url
You can match on regex @errant plover
Thanks all sorted. Just seeing if I can work out the centre / cover no-repeat. No matter what I add it breaks the image url. Works: 'url("/local/background/card_bg_Night.png")' not working 'url("/local/background/card_bg_Night.png") center center/cover no-repeat'
no-repeat works on it's own, but center and cover do not.
@winged quail Invalid config for [http]: some but not all values in the same group of inclusion 'proxy' @ data['http'][<proxy>]. Got None. (See ?, line ?).
how i can add a background image ?
To what? A view or all your cards?
a i have tabs in home assistant like living room or badroom and i like to put a image of that room in background @errant plover
Here's an example I use in my theme, ```
background-image: 'center / cover no-repeat url("/local/background/night.jpg") fixed'
Put the image in config/www/background/ and adjust the filename.
so i need to edit a theme ? sorry im new on this
That is correct.
and how i can set diferent images for diferent rooms ?
Ok. Each one of those menu items along the top bar is called a 'view'. I'm not sure how you would make them different.
If you edit a view you will see there is a theme option. You would probably have to create a theme for each view.
every time i change my theme i need to reboot the system ?
i add like this https://gyazo.com/2916db0ae29be580bfc73892777cbea3 @errant plover
@jagged cargo Complete http section
http:
ssl_certificate: /ssl/fullchain.pem
ssl_key: /ssl/privkey.pem
use_x_forwarded_for: true
trusted_proxies:
- 127.0.0.1
- 172.30.1.0/24
- ::1
ip_ban_enabled: true
login_attempts_threshold: 5
@jagged cargo
homeassistant:
customize: !include customize.yaml
internal_url: "https://hostname.duckdns.org:8123"
external_url: "https://hostname.duckdns.org"
@rustic lynx How to set the view theme: https://i.imgur.com/CtWCzht.png
@jagged cargo For my setup I also use dnsMasq to have same name on the inside as the outside
whats the service ? to reload @errant plover
frontend.reload_themes
sorry its getting a error
Failed to call service frontend/reload_themes. expected dict for dictionary value @ data['service_data']. Got 'frontend.reload_themes @errant plover
Do you have any themes?
yes i have theme instaled
oh ok but i press call service i dont think its working i cant see my image
@fading sorrel i just want add a background image
Copy your theme to pastebin and link it here. https://paste.ubuntu.com/
Have you restarted since creating the config/www folder?
nop
Do that 🙂
oh ok. thats not it then
Well that will definitely reload the theme.
@jagged cargo
DuckDNS config
lets_encrypt:
accept_terms: true
certfile: fullchain.pem
keyfile: privkey.pem
token: xxxxxxxxxxxxxx
domains:
- hostname.duckdns.org
aliases: []
seconds: 300
Oi
IS the rest of the theme working?