#frontend-archived
1 messages Β· Page 187 of 1
so what is the right order for this. i download the code and put it in a file in the www folder. next i go to settings lovelace and add the source. reboot HA and then it should work? or do i need to do something more
wait i think im miss adding ```title: My awesome Lovelace config
resources:
- url: /local/plugins/card-mod.js?v=1
type: module
views:```
to the raw config
mono do i need to download the complete overhaul file and put it in the www folder? there are so much files
If you add it to your Resources via the UI, you don't have to edit the YAML too.
But you haven't said what the problem is, so no-one can give you the answer.
@digital lynx https://youtu.be/5y6rhwr5Y8c
yes i have seen that video.
I think the reason my lovelace pages are not loading is due to indents, but i cannot for the life of me get the indentation correct. I copied from the "view" section of my floorplan.yaml and moved them into their own view files.
no way to help if we can't see the indents π€·πΌββοΈ
hello I have a question, I have RPi 4 8Gb with HA
I installed HACS and had a few Button-Cards and Roku-Card installed and working
Then the other day all the cards that were working stopped working and say custom element blah blah does not exist
how do I go abouyt fixing?
It's probably a browser caching issue. Ctrl+F5.
ok thanks I am rebooting everything too
this is one of the vies giving me problems. it comes up as undefined in the label.
title: 'First Floor'
icon: 'mdi:home-floor-1'
panel: true
theme: slate
badges: []
cards:
- type: picture-elements
image: /local/ui/floorplan/day.png
style: |
ha-card {
background: rgba(42, 46, 48, 1)
}
and shows an empty layout.
thank you mono that was it
I want to show a webpage on lovelace. I'm now using the iframe, but i get a scroll bar, even if I change the aspect ration. Is there any way to avoid scroll bars?
@vapid field If you can edit the CSS, you could try this: https://stackoverflow.com/a/10082202
Or possibly the answer below that if you read the comments
Hi Guys I'm busy setting up a Lovelace card and on the read me it states "no support in visual config yet" what is meant by visual config?
I can seem to find anything about it. Maybe I'm missing it I don't know
That probably means you have to configure it through YAML, since there is no visual editor support for it.
Is it a custom card or one from HA?
It's a custom card from Hacs for my robot vacuum
This might sound really new. But how do I add it through Yaml?
Start off as if you were to add a regular card, and then select at the very bottom of the card selection dialog "Manual".
Thanks though so just wasn't sure thanks I'll give it a go.
Hey guys how can i make the font in a markdown card smaller? I have tried it this way and I still have some pretty large font ```type: markdown
card_size: 5px
content: |
<center> Scenes```
card_size has nothing to do with font https://www.home-assistant.io/lovelace/markdown/#card_size
π You can use this value to help it estimate the height of the card in units of 50 pixels
So is the instructions incorrect?
estimate
If you want to control font size, learn to use CSS.
Bonus points if you use em or rem instead of px.
okay so I do not know css, how else can I manage the font size? If I have the font on the left, the it's perfect, but f I attempt to center it the it begins to grow.
How else? CSS.
You're asking how you have absolute control. CSS is how you have absolute control.
come on man, i already acknowledged that I do not know CSS. I do not need absolute control, just want manage the size at a very simple level.
card_size is for reporting the card size to the view, it does not change anything in the card itself
got it
Come on man. You asked for an answer and I gave you one. You don't need to give attitude, just learn a few simple things.
CSS is how you style HTML elements; simple as that. You can do it inline or you can use a custom card like mod-card
There are two options here. You let Lovelace decide how to scale things or you learn to leverage CSS.
mono, I appreciate you helping me out and I am not not giving you an attitude. I am always willing to learn, but want to ask for options before deciding on a set path.
You've been given your options.
hey guys
I have an odd thing here
I used letsencrypt and it says it made my pem files - but theyre not there
IMPORTANT NOTES:
- Congratulations! Your certificate and chain have been saved at:
/data/letsencrypt/live/XXXXX/fullchain.pem
not there
I am ssh'ed in
The Let's Encrypt #add-ons-archived?
Then you're lost. This is for the UI π
yeah I know you're right π I was asking in here because I wanted to secure the front end π
π€
Anyone know of a way to make entities show up only in a specific state? I want an "invisible" card at the top of my lovelace that shows when a door, window, lock, garage door, sensor ect is open/ activated.
Entity-filter
I am currently trying to use that but it never disappears, it leaves blank spaces in the columns when everything is closed/ off.
vertical stack + entity filter to be exact.
Even with show_empty: false?
square: false
state_filter:
- unlocked
card:
type: glance
show_state: locked
columns: 1
show_empty: locked
entities:
- lock.garage_lock_locked
- lock.front_lock_locked_2
this is what I have in my manual card
when the doors are locked, there is a small area where the card is, and when they are unlocked the card expands with the relevant information
boolean as you may have seen in the documentation means the value can be true or false. Goes for show_state and show_empty.
And square: is not a property of the entity-filter card.
Can you ELI5? I am fairly green with this stuff.
Are you trying to say I should create a boolean for these items, and then use the boolean "true" or "false" ?
No, I'm saying show_state and show_empty can only be true or false. Nothing else.
show_state: true and show_empty: false will probably do what you want.
But show_state: true is default, so you could just as well remove that line.
So like this?
state_filter:
- unlocked
card:
type: glance
columns: 1
show_empty: false
entities:
- lock.garage_lock_locked
- lock.front_lock_locked_2```
it worked. π
I found the answer to manage stuff in the media folder... i was just missing the samba compoenent... would be nice if there was a ui element to manage stuff that shows up in that section. But i still havent' found a UI aspect of easily changing the map location. Am i missing something?
Now that I have it setup correctly it totally make sense.
Hey guys, does anyone know how I can hide the sidebar for users who are not admin? Tried installing custom headers & Kios mode via HACS but they don't seem to be working- must be doing something wrong
have you set the custom header to hide the sidebar? i found it easier to hide for all, and the just use /disable_ch if i need to make changes.
I have a button that I have created on my lovelace UI to toggle a scene. Code as below, however I am getting an error 'Failed to call service scene/turn_off. Service not found.'
tap_action:
action: toggle
entity: scene.arrive_home
Any ideas
Hey all.. just getting started in HA. Got my server up and running, and managed to get a few things configured, but I'm having an issue getting a theme to work for the dashboard. I found one in the community called darkmix. Yet when I add it to my configuration.yaml, I get errors about dictionary words for this or that entry... what am I missing?
Can anyone recommend a good TCP proxy? I don't need a fully-featured web one like Traefik, Caddy or Nginx, just a simple port in, port out situation. I was using tecnativa/tcp-proxy, but I'm having some issue with websockets and I suspect this is the issue (unless ZeroTier has been having issues for the past week or so)
Or if anyone could me diagnose this weird websocket connection, that would be great too
Welp, I done messed up. I was trying to disable HTTPS because Hass will be behind Apache acting as reverse proxy. Commented out ssl_certificate and ssl_key and... I can't connect at all, even from localhost, wget says "No data received"
As it turns out, I was editing the wrong config entirely....
Are you using HACS to install themes. https://hacs.xyz/
answered in #general-archived
@molten condor
No, I'm wanting to get used to coding it, so I've been doing in manually
hey guys is there a button card that with on press and on release states?
That's generally unadvisable due to latency.
Maybe I explain a little bit what I want to accomplish . I have a camera witha moving head. the movement is controlled by different cgi URLs. the problem is one url is for start rotating up and a second URL is for stopping.
My goal is to have a button in the ui that rotates the camera until I release the button
rest switch could do that probably
ohh not a button
switch on to move, off to stop
how can i get the friendly name in markdown card ?
type: markdown
content: |
The lights that are on are:
{% for l in config.entities %}
- {{ l.entity }}
{%- endfor %}
it shows entity_id
tried with customise but they have already friendly name there
i'm trying to define a handful of colours to be (re)used in graphs as line colours. i'm also using a light and a dark theme that switches automatically depending on the time of day so i don't want to fiddle with those themes by hand or duplicate anything.
i previously got help to define rounded corners for all themes this way and that works fine: https://community.home-assistant.io/t/rounded-corners-in-every-theme/103833/6. basically, create a js file and include it under the frontend: section in configuration.yaml.
why would the override for the rounded corners work but not adding additional properties?
document.documentElement.style.setProperty('--ha-card-border-radius', '10px');
document.documentElement.style.setProperty('--custom-graph-color-blue', '#3498db'); // i have a few lines like this for different colours
UPDATE: I have no idea what I screwed up before but the colours work fine when used.
{{state_attr(l.entity, "friendly_name")}}
{% for l in {{state_attr(l.entity, "friendly_name")}} %}
- {{ {{state_attr(l.entity, "friendly_name")}} }}
{%- endfor %}
too many {{
Hey guys, is it safe to make my HA frontend available on public IP? Currently I only have a port open for SSH and access everything through tunnel.
@dull ferry Personally I would always go through a tunnel. After all, if someone gets in there they might get a lot of control.
And "to be safe" depends on a lot of factors. How often do you update? How many external add ons are enabled? Are you running on your own OS, or the hassio OS? etc.
I just installed it a couple days ago, and have no add-ons. I run it in a container.
SSH was fine when I accessed my network occasionally, but to use sensors on my phone for HA it needs to run constantly and eats battery.
Ultimately, the choice is yours. You have to do the risk assessment. But I would either go with VPN/Wireguard, or use the official cloud integration: https://www.nabucasa.com/
I looked at the cloud integration, but my understanding is that it doesn't really reduce the risk since it just forwards everything to your instance. Is that right?
There is no open firewall port required.
So from that perspective, it seems to be more secure.
Oh, so your instance polls their server for commands instead of having an incoming connection on your instance?
At least that is my understanding.
hello can anyone help me with centering my text
elements:
- type: state-label
entity: sensor.time
style:
display: inline-block;
top: 35%
left: 50%
color: white
font-size: 100px
height: 100px
font-weight: bold
background: 'rgba(1,1,1,0.5)'
@dull ferry It might also be realized by a "HTML5" tunnel, for the lack of a better word. But basically, yes.
At least the documentation does not ask you to open a firewall port.
Or am I wrong?
ive tried with vertical-align: middle it dosent work
I have a short, maybe stupid question. I bought a new Z-Wave device (Steinel MotionSwitch LED Z-Wave). It features identities which can be configured, like the motion detector sensitivity. Is there a "generic" card I can use to change values of entities? I have not found a "put this state out there" card yet?!
don't use so many lol your second line only needs wrapped in one set of {{ }}
hi guys - a quick question around the map. I've googled and found some topics on forum but couldn't make it work so far. I have got all of our family's phones with the home assistant app and every user is now tracked. How can i display the icons of people always, even when they are in a defined zone? The moment we are all home it stop displaying us. Trying to find a nice way to do it but can't really get it to work
You don't.
Devices that are currently at home won't show on the map.
https://www.home-assistant.io/integrations/map/
If you want to suggest a change to that behaviour, raise a feature request on the forum or create a pull request on GitHub.
I tried installing it via HACS. Some of the colors aren't showing up right. Pulled the code straight from Github. Same thing. I've opened an issue with the author.
Hey ... is there an easy way to setup buttons the should do a task... example .. a button who set my climate.xxx entity to 23C .. but it should only set the value not a switch.
and another question ... when i make a view that should be unvisible for all users .. they should only get access via a button but it should not shown in the bar on the top .... is this possible ?
Thx! I actually just changed the code and made a configurable switch to enable / disable this behaviour. I will do a pull request. I'm trying to make it look clean (making people appear next to each other rather than all stacked)
Is it possible to add a background to a vertical-stack card?
π . I know, I have been trying to learn it.
Where is a good place for me to learn CSS as it relates to HA?
2 years old, might not be accurate.
Or you could look at other people's themes... themes are just CSS.
Can I apply some this for my background ha-card { background: url("/local/images/weather-background.jpg }
I am trying to change icons and color based off state. Some quick googling shows that I need to use the "Custom UI", but it also shows that it is out of date.
Is there a current method of doing this?
@agile dirge posted a code wall, it is moved here --> https://paste.ubuntu.com/p/pqNB9ftSbK/
Hey there! First post π, semi-newbie here. Reposting less text so the bot doesn't push me into a pastebin π€ lol...
I've been digging around for awhile via google, community search, github repos, and documentation and I think I'm just in over my head just enough that I can't find my way out.
Objective: I'd like to simply start with being able to have a dynamic stream source for a picture card, driven by the last camera detecting motion.
Question 1:
At a high level: How would you go about setting up your cameras to change a Picture Entity card's Camera Entity value to point at the camera that most recently saw motion?
Question 2:
Given Question 1 isn't impossible, will the Lovelace UI actually update when that value gets changed?
@agile dirge Rule #6: Spam will not be tolerated, including but not limited to: self-promotion, flooding, text walls (longer than 15 lines) and unapproved bots.
Please take the time now to review all of the rules and references in #rules.
For sharing code or logs use https://paste.ubuntu.com/.
It 'pushed you into a pastebin' because you broke the rules. Please take the time to read them.
Sorry about that, I admittedly skimmed past the spam rule because I don't spam and didn't consider a well formatted/detailed question would constitute a text wall lol.
I will RTFM and aim for brevity next time.
I don't think HA polls HA Cloud, that would be very unresponsive. I believe HA opens a persistent outbound connection out to HA Cloud when it starts, and then all comms works that way in realtime (but without having to expose HA to public net).
hey man I've done this, lemme grab the link
a gist and quiiiiick explanation, but I'm here for Qs
this is awesome
haha sweet, glad you think so
a bit further down that convo, another user made a PR to frigates integration to indicate whether each camera has an image or not, which may help consolidate it a bit, but haven't played yet
Appreciate the help! Just reading that config is really helpful π
yeah man ππ lemme know if I can help with anything else π
im glad you found it helpful, because I think it's kinda clumsy π
Your clumsy is my mecca right now while I'm learning this stuff inside out haha!
At some point I need to sit down and really understand the hierarchies and the "right way" that HA wants to do things, but for now I'm having fun getting small things automated caveman style haha
I mean, I'm no expert either lol
every couple weeks I sit down and "clean house", just to get rid of all my mistakes lmao
You're a better person than I am π I've got a radioactive mistake section I completely ignore and another section of configs I don't totally hate ha
lol
Now that I've got things sort of glued together my project todo just exploded from feasibility testing/learning straight to perfection, but this is a really fun way for me to learn it all
I'm a coder at heart, so I like to go redo things somewhat often
haha, I guessed! I had a past life of programming, and miss it, but these days I'm a "just dangerous enough" product guy lol
for example, I really need to go redo my wled/hyperion/ledfx stuff because I ditched ledfx for sr-wled, and switched to the hyperion integration instead of rest controls
switching platforms is my terror with how much work all this takes lol. But the fine grain control is so worth it
I also need to put some time in on my roomba integration, as at some point I broke the live map I used to have π€
that type of thing
usually critical stuff I try to take care of asap, but "cosmetic" stuff like that is less of a priority
Should I report this issue on GitHub or is it a common/already known thing? https://i.imgur.com/dn4ia3G.png
can anyone help me sort out what is wrong with my style background for this card?type: vertical-stack style: | ha-card { background: url('/local/Images/backgrounds/blue-smoke.jpg'); } I am fairly certain the that I have it pointed in the right direction \192.168.1.44\config\www\Images\backgrounds, but no background image is showing up.
so i built part of my dashboard through the editor. is there away to export the whole thing so i can drop it in the configuration.yaml instead?
Hi there team.. I'm having an issue calling the remote.send command. Could some please help me with the .yaml?
type: button
tap_action:
action: call-service
service: remote.send_command
service_data: null
entity_id: remote.rm4_pro_remote
device: LivingroomBlind
command: Up
num_repeats: 3
delay_secs: 0.3
entity: remote.rm4_pro_remote
name: Up
icon: 'mdi:arrow-up-drop-circle'
Error: required key not provided @ data['command']
I've since removed the (accidental); still can't get it to work.
null
Sorted
type: button
tap_action:
action: call-service
service: remote.send_command
service_data:
entity_id: remote.rm4_pro_remote
device: LivingroomBlind
command: Down
num_repeats: 2
delay_secs: 0.3
entity: remote.rm4_pro_remote
name: ' '
icon: 'mdi:arrow-down-drop-circle
what's up people!
I would like to have a sensor with a day by day graph, is it possible using the sensor card?
By default it's hour based.
u tried?
so far, I have this:
type: sensor
entity: sensor.withings_weight_kg_bamboozilla
graph: line
hours_to_show: 8760
detail: 1
I am a noob regarding code edition of hass configuration
I don't get it, I only have these fields: https://imgur.com/xyqv06R
Am I missing something?
and what do you want to obtain ?
a graph over a year
not with that
try grafana
not sure what is limitation to sensor but for history graph card is 80 hours
oh, so I should use a grafana card and implement it on my grafana container right?
depending what u are using. i use hass.os and grafana add-on
ok thx
Hi, a short question about "icon colors based on state values".
I found several (at least two) solutions to do this, and I wonder which solution is the best-practise and most update proof, if this can be said.
Any suggestions?
Well... how many of them are endorsed by Sponge Bob? That should weigh in in your decision... #frontend-archived message
That is a fair point!
Card-mod is per card, right? Because custom-ui semms to allow a global approach. As far as my limited understanding goes... Not that this is a deal breaker, I just try to understand the different approaches.
Hi, sorry for the Cross-posting here, but as my request now relates more to frontend/lovelace specifics than ios specifics, it fits better here. I'm not finding what I need, no examples around on accessing specific entity related pages using a relative/internal URL. I need the internal/relative URL of the history graph 'pop-up' of an entity. Is this supported as the target for an url in the notification? So the URL path should link to the trigger specific entity. Below is the action part of my humidity alert automation, of course the /lovelace/default_view needs changing... but to what? Some more advanced entity url example would help me a lot. Thanks.
data: url: /lovelace/default_view push: sound: critical: 2 name: default volume: 1 message: '{{ trigger.to_state.state }}% humidity' title: '(MB) {{ trigger.from_state.attributes.friendly_name }}'
Card-mod actually allows global configuration via themes nowadays.
There's some information in the wiki on github
Sorry about that, I thought I had removed it from the readme... There's some examples here: https://github.com/thomasloven/lovelace-card-mod/tree/master/test/views
@carmine dragon You can't link directly to a more-info popup, unfortunately.
I am not even sure this is helping me.
I try to make the main view more sensible, for example showing green icons for rooms which are warm enough.
But "warm enough" is different for the bedroom, the living room and the garage...
But I will hve a look! Thanks!
thanks. so the only option is to link to a specific view having only the entity graphs cards on it, for all monitored sensors, on 1 page/view. At least that would help a bit. But it takes longer as it needs to collect all state histories for all 10 entities (10 individually monitored rooms). Or can I link to an entity? What's the lowest level the lovelace framework supports, for 'direct access' via url?
The view is the lowest level.
ai. ok. Any plans on extending this in the future?
I don't think so. But why would it take longer to load if you use views? One view for each sensor with only the graph card on it - in panel mode - would probably look pretty good on mobile.
sure but I have 10 humidity sensors to monitor, that would mean 10 views and 10 single automations. That's just for humidity. Now I use 1 automation for all 10. Unless I could use a variable in the url, eg. to have a standard prefix in the view name and the suffix specific to the sensor, filled in using a template, such as the details of the notification message/title. That would still mean 10 views but I could suffice with only 1 automation. And then of course I still have the PIR's and the temperatures, also to monitor. you can see the proliferation of views and automations immediately. So anything 'focused'/'variable' based could help a lot here.
https://imgur.com/a/ipQ7MRP
My sensors are flat-lining in the graph but current value actually updates ok.
Ideas as to why?
Graph used to be good but since a few days ago they don't seem to get new data
Have restarted system, didn't help.
If you make a new dashboard for this, build the first one or two views in the GUI and then open up the raw editor, you'll be able to figure out how to copy paste in the other 8 in five minutes, I am sure, so that won't take long. Then you can hide the entire dashboard from view - the links will still work.
As for the notification; that looks like a service call, and then you can definitely use templates to build the URL too with e.g. yaml url: "/lovelace-graphs/{{trigger.from_state.object_id}}"
It's not ideal of course... but it's a way
thanks, I will have a go at it. If ever an extention is being done to the direct url access model in lovelace, keep this in mind please π
Will do
I think I successfully installed card-mod, and have converted lovelace to YAML mode (which I presume is working since changes made to ui-lovelace.yaml propogate)
However, none of the styles are being applied.
- entity: sun.sun
style: |
:host {
--label-badge-red: purple;
}
What am I missing?
I pulled the above straight from the github, so it should be working unless there was something I forgot to set during setup that actually enables the mod?
my configuration.yaml has the resources loaded properly (I presume) since it shows in the resources tab as /local/card-mod.js
put your whole raw config to see what is wrong.
syntax u have put is correct. the mistake is in another part
configuration.yaml?
view...why config. yaml ?
not sure which config you were referring to
raw configuration editor is disabled due to using YAML mode, so I presume then you want the ui-lovelace.yaml. I'll paste that.
I can add and remove badges and cards from there just fine, but none of the styles seem to propogate.
so then I presume cardmod is not properly installed?
if u installed and then added into config-resources....emptied cache browser....should be ok
I did
from configuration.yaml
lovelace:
mode: yaml
resources:
- url: /local/card-mod.js
type: module
that got it in my config-resources
hmm, that is not what is listed on github (I did too). So perhaps that was my goof.
thats the page I was reading, yes
Ok, so I disabled YAML mode and the config resources matches yours (auto-configured by HACS)
it also made the cards start updating... so styles are working.
so....the result should be ... https://i.imgur.com/isldfD0.jpg
so it must have been that I used /local/ rather than /hacsfiles/
if u put into www folder and install manually...should work also
if you install in hacs, you don't need any of that
the docs say so
I recommend using HACS to install and keep track of plugins. If you do, steps two and three in the installation instructions below, and the updating procedure will be different. See the docs for HACS. Steps one(!) and four, as well as the rest of this article still applies, though.
sometimes they need to be added to resources even hacs installed
hacs literally does it for you
and sometimes it doens't happen
well... the docs say that updating and steps 2/3 will be different.
It also says that I should still do all the other steps
1 and 4
and 2-3 are different
you install in hacs, rather than manually
and you update through hacs, rather than manually
Whoops I see what I did.
When it initially didnt work I switched over to YAML mode, and when I backtracked to the docs again I started doing step 3 (but skipped over 3-2 and 3-3 because I didn't notice the header.
where to store templates for lovelace? to show as an include not as ... https://pastebin.ubuntu.com/p/qXc6qmg2Mv/
is there a way to list entities by what integration they came from, eg MQTT? i'm trying to populate an auto-entities card with zigbee2mqtt devices but can't see an elegant way of doing that
entity_id
filter:
include:
- entity_id: 'battery'
and i have all batteries in a card
yeah i just want to filter by zigbee2mqtt devices though and there's no attribute for it
i guess i could include an identifier in each device's friendly name
yeah i have a few auto entities cards, doesn't really answer my question but thanks π
group them
i'm trying to automatically populate them so when i add new devices it'll filter into the card, i could manually group them yes
@polar kelp I created the 16 views, adjusted the URL to url: '/sensor-histories/{{ trigger.entity_id }}' in the (for now 2) automations and I'm now getting the correct history graphs when clicking on the notification. Exactly as expected. Thanks again for the idea. @thorny crystal
If I link to /history or /logbook, is there a way to pass in values for the start date, end date and entity filters? Like maybe /history?start_date=2021%2F02%2F02%2007%3A00&end_date=2021%2F02%2F02%2009%3A00&entity_id=sensor.mysensor? Then you wouldn't have to make so many dashboards, could just link to either history or logbook with pre-specified filters. I imagine that could also be handy for other use cases as well
I don't think those work, but I could be wrong
id love a similar thing to be able to open directly to a folder in /media-browser though
Hi all, not sure if this is the correct βroomβ to ask this in.... if not please direct me to the correct place... Iβm using a supervised install under a virtual machine in win10, but can access any web sites via the webpage card. Do I need to open any differ ent ports or anything? Thanks
There are limitations. Did you read the note on the webpage card instructions?
Sorry where do I find them? I only see the description in where I would select the card?
You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.
So... what kind of site is it? HTTP or HTTPS?
I canβt get any sites... https or http
Ok. What browser?
DuckDNS isn't a browser.
Goggle chrome
On a PC?
Press F12 to open the Chrome Dev Tools. Refresh the HA page. See if there are errors in the 'console' of the Dev Tools.
I see this
Refused to frame βhttps://www.bbc.co.uk/β because an ancestor violates the following Content Security Policy directive: βframe-ancestorsβnoneββ.
Yup. So the creators of that website have rules that it cannot be placed in an iframe. You can't do it.
Do you know of a page I can try so that I can prove itβs working, then I can experiment with what Iβm trying to do... which is get a node red dashboard to show up....
Ok proved I can get a webpage with https://esphome.io
Thanks for your assistance
I save images from a webcam on motion detection... I also have a script which turns those images to a mp4 - but it takes some time (variable, depending on the amount of images) to save the video. I want to trigger this script (no problem yet) and afterwards display the video.
How can I make the UI play a video on button press and make it aware of this delay to display the video?
Does anyone know if the MDI icons, support the flip and rotate option. I can't figure out how to input it properly as a icon if it does.
afaik you cannot use those transformations except you use custom cards
They're technically glyphs, right? You can do to them whatever you'd do to text. Though your options may be slightly more limited depending on how they're implemented in Lovelace.
ok, thanks
so..a topic for frontend...how to split into files templates from frontend ?
to not look this messy: https://pastebin.ubuntu.com/p/gjnksxZcJz/
Trying to work with decluttering_templates, I'm working with the Lovelace UI editor... And when I try to add decluttering_templates: !include_dir_merge_named /config/packages/decluttering_templates/ to the Raw Configuration Editor in Lovelace, I'm getting an error.. Where and how can I use it to include my templates dir which there I will want to configure all my tamplates..
You can't.
YAML mode for YAML...
Just because the raw editor shows you it as YAML, doesn't mean you can use all the tricks YAML has.
So if I add the lines (in configuration.yaml) to change the lovelace mode to yaml, will it damage anything I've setup already?
Well, it'll all be gone
You mean set ALL the templates in the raw editor as well?..
No way of including a folder which will contain all of them, hu?
For the third time... you can't use YAML tricks if you're not using YAML mode.
The answer won't change just because you keep asking.
Lol, didn't mean to upset man.. sorry... Thought maybe I can use the include in the configuration.yaml file or something like that..
alright, alright.. keep calm man, I come in peace! π
So you see, this is where and way I use confused.. Because of course I use the configuration.yaml file, But it seems that the card wont respond to the !include config of it in the configuration.yaml file ..
(Anyway, that's exactly what I was trying to ask/understand)
Thanks for the help anyway.
Again, sorry for upsetting you.. π
guess it is the response for my question
although i remember one evening in which somebody figured out how he can put code in a file and to call in lovelace
no one is mad, well maybe mono is... he just wants you to be aware of what you ask where so just make sure you don't be hectic and carefully chose in which channel you ask. then take your time to make the most out of the answers you get there. then think and ask again if there's additional questions.
I don't get mad... I get even π
mono is sweetest and friendliest violet coloured guy
Weird question, but were you able to download the .js for the Decluttering-Card? I get a dead link trying to grab it from a browser or WGET.
HACS...
Was able to get it from there, thanks!
My pleasure ;)
small question i'm trying to satup a call-service in a glance card by using the tap-action looks like something simple but is starting to get me crazy probally a wrong indentation?
- type: glance
entities:
- entity: binary_sensor.laptop_jos
tap_action:
action: call-service
service: switch.toggle
service_data:
- entity_id: switch.laptop_jos
- entity: binary_sensor.laptop_kelly
- entity: binary_sensor.laptop_jos_werk
title: Devices
state_color: true
show_name: true
any hints?
It's easier to read that if you format it properly:
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/.
i see
Don't forget you can edit your post rather than repeatedly posting the same thing.
Delete one please π
Thanks
no prob learning is a slow process π
It looks like everything from the second line onwards is too far right.
Delete two spaces on those lines.
umm, I guess I'll ask the question: if I have not defined lovelace as
lovelace:
mode: yaml
then what is the default?
hi
I thought I was using yaml mode π
can someone tell me the correct ui-loveface config for displaying and iframe
@vapid field in a card?
"Webpage Card - Home Assistant" https://www.home-assistant.io/lovelace/iframe/
ye or hidden
what?
the extra spaces are because of the layout-card i think discord removed the first line spaces when i did not use the format correctly
it does however now give me this error
Error handling message: expected dict for dictionary value @ data['service_data']. Got [{'entity_id': 'switch.laptop_jos'}]
then you've done something wrong, likely the wrong indentation as indicated earlier
past couple of times i've lurked in here someone has been afraid to ask further questions because someone with a bright colored username was borderline hostile
not the greatest impression my dudes
evening all, I'm trying to add a conditional state-icon, i thin the part that is wrong is the 'Card' i also tried elements: but that didnt work either. can you tell me where i've gone wrong please.
- type: conditional
conditions:
- entity: binary_sensor.motion_bathroom
state: 'on'
card:
- type: state-icon
entity: binary_sensor.motion_bathroom
style:
top: 43%
left: 6%
'--paper-item-icon-color': red
tap_action:
action: none
type: state icon?
this is inside a picture elements card.
no, it's inside of a conditional card
Sorry, i've got a floor plan in a picture elements card, and i want the state icon only to appear when the motion sensor detects movement.
so....what's the error message? π
i don't see an error message, but nothing appears.
u can save this, but nothing appears and that's all of your code
my code so far runs about 1500 lines for my ground floor plan.
i can see a red box in the corner of the layout, but can't see what it is in it. I've tried to move the location from 6% to 46% but that makes no difference.
they are elements of condition
well state-icon is not a card type
it is an element type for the picture-elements card
"Picture Elements Card - Home Assistant" https://www.home-assistant.io/lovelace/picture-elements/
I was looking at that, but i couldnt figure out how to add a condition to a state-icon.
you're trying to conditionally show the card or the element?
try to make cards separately before insert in such enormous code
i'm trying to conditional show the element. line 919 and 938 did say 'elements:' but that wasnt working so i tried card.
try a single card with that syntax...when it will work...then u can do it
use a conditional element, with a state-icon element inside
actually, is that what you have? just you put card instead of elements?
i just changed the word elements for card, but didnt change it back before asking for help. I know it isnt a card, it was just trying something to be sure.
there's actually an example ON that docs page of what you want, you know?
last example on the page π
This is what i had, and i thought it was the same as the example.
- type: conditional
conditions:
- entity: binary_sensor.motion_bathroom
state: 'on'
elements:
- type: state-icon
entity: binary_sensor.motion_bathroom
style:
top: 43%
left: 6%
'--paper-item-icon-color': red
tap_action:
action: none
tap_action needs to be moved in by the looks of it.
yes, along the same indent as type
Is there a way to grab a variable from the current theme and use it in an icon color template instead of hardcoding the color?
Any of you guys know why this misalignment happens between Desktop and Phone? https://i.imgur.com/UlJ2aEr.png
Hey, is there any easier way to arrange cards on a dashboard? Clicking the up/down arrows isn't very intuitive and they move in weird ways
Ah, found it, layout-card
i move my sensors in separate file sensors.yaml and try to add new one binary_sensor , which is mqtt based. I did my config in sensors.yaml : - platform: binary_sensor
name: "ΠΡΠ°ΡΠ° ΡΠ°Π²Π°Π½"
state_topic: "stat/NodeMCU_attic/SWITCH4"
payload_on: "{STATE:ON}"
payload_off: "{STATE:OFF}"
device_class: door
but still have errors. what i do wrong
binary sensors are separate from sensors
so i have to make binary_sensor.yaml and !include in configuration.yaml ?
most probably have to be "{STATE:OFF}"
ha core check
Command completed successfully.
maybe check configuration
thank you @twin tusk it is work fine
hello. is there a way to display the now playing for a home mini that plays from a list of internal music? not playlist from spotify.
that's your utility_meter.yaml file ?
https://github.com/kalkih/mini-graph-card#manual-install
www folder doesn't work for /local/mini-graph-card-bundle.js?v=0.10.0. Web browser can't find this file.
There is also wrong doc about configuration.yaml and resources. This is not configuration.yaml.
How to correctly install this?
hacs
I use docker
correct
why u say web browser can't find this file?
because I see 404 not found in Inspet in chrome for this file
not using chrome
doesn't matter, 404 not found will be the same in all web browsers π
so the point is https://github.com/kalkih/mini-graph-card#manual-install tell to use config/www which should be /local/mini-graph-card-bundle.js?v=0.10.0 but it is not.
What is correct way to make files added manually to be accessible in home assistant?
config/www
hmm so www works for you
sure
Did you turn it on somehow?
if u created now this dir....must restart ha
oh... thank you. It was't obviously.
elo this the right channel for help on dashboard?
if a question is about UI, then yes π
HI i am new to HA but i have just added some lamps to Broadlnk Intergration i wanted the normal lamps box like
do these channels not allow pasting in images here ?
My lamps i have had to teach HA the codes and make scripts
But i cannot see a way to make the card i need
Is this because the known status of the lamps is not known?
My current Dash with these new lamps https://1drv.ms/u/s!Ao6WCX2miTCJjJw7tZkEg21O4vPrEQ?e=iBO5qy
I have 6 lamps i am looking for a compact version just need some guidance please
I am still new in HA, so I didn't set exactly what you want so far. I will start to look in buttons / toggle. Something with this names.
or find somebody on YT how set something like that. I see this from time to time, but I don't remember which card exactly it is.
@sand orchid maybe some better experts still in bed
maybe u look for button card
if you see my image i have but i do not want 12 huge panels for 6 lamps
just found the time to go through the home assistant conference material. I'm thrilled at finding out "c" and "e" - now I understand why an entity filter comes up out of nowhere π
Is there a way to filter more than 1 entity in the History tab?
Not sure if this is the correct channel to ask but I am new to HA. I got it setup and working with a bunch of devices. I want to create floor plans of my house so I can place links to my lights etc. Does anyone know some good maybe FREE π software to create the floor plan images? Thanks!
Hello ... following question... i have a floorplan with 3 Rooms. Now i want 1 Icon (a door mdi:door) in each room and want to click on it to navigate to another card in mei View where only the Room is ... and in this card a Arrow back to the Main View.
does anyone know how to get the RPI MQTT broker to find the raspberry pi?
Greetings... can anyone point me to info on how to make a lovelace card show an entity with a toggle switch (in this case an input_boolean) only display the status of the entity (with toggle switch) but not allow you to actually toggle it.
type: entities
entities:
- entity: input_boolean.my_switch
type: custom:hui-sensor-entity-row```
Hey guys does anyone know if grid card supports card-mod?
I am trying to add add a background, but it seems that nothing is working.
I have also tried using custom: layout-card and that too did not work.
Is there a way navigate from a button card long press to the config/devices/myphone page without using a url action?
Any way to navigate to a URL without using the action intended for exactly that? Why?
Found it already. Was just as simple using navigate with the path to the menu item. Using it for a button card long press to my device info inside /config/devices/device/.....
still looking to see if anyone can help me understand why this setup type: custom:layout-card style: | ha-card { background: url('/local/images/backgrounds/blue-smoke.jpg'); } is not providing me a background?
layout-card doesn't have a ha-card. It's described in the FAQ of card-mod how to handle things like that.
Same for grid card
So none of the cards that help you manage other card can use ha-card. man that sucks . I now have to go redo a dozen mobile cards.
It's not that they can't. It's that they don't. ha-card is the element that makes the background and the border.
got it . So outside of changing the card type to custom: mod-card will all the other ha-card features still work?
They should
has anything changed for custom cards? none of them work after updating and I can't find anything related to it :/
getting the "Custom element doesn't exist:" message for all of them
Make sure HACS has fully updated and started too
That sometimes needs a restart depending on your installation method.
https://imgur.com/a/zsKePYY any recommendations for the right hand side of this tablet display? I tried more buttons but they didn't quite suit
I've removed HACS a while ago
but the cards were working fine after removing it
oh duh. I'm dumb π it still had the "hacs/" address -.-
Hi everyone. I have a doorbell button on an esphome device a bit far away. I'd like to display when the last ring was in lovelace.
Now, secondary_info: last-changed shows every time it switched from unavailable to off, because the wifi is a bit flaky
Is there an easy solution here, or is it setting up a timer in HA etc.?
is there a replacement for custom header? I can't remember
After some advice, not sure if what Iβm after is even possible. Iβd like to make a button that is essentially a βsceneβ for my front end that will turn all my AC units on to a certain temperature, instead of choosing one by one. I thought Iβd be able to make a scene, but the AC units do no appear in the Scene section of HA. Any ideas or does someone know if this is even possible?
Perhaps a script would work instead of a scene?
hi all
is it normal that after upgrading to 2021.02 my sensors which were not assigned to the area has disappeared from the top of the main page?
i see that is has been moved to area called Sensor and now it's at the bottom of the main page
u mean the badges?
Morning All....... I have a fresh install of HA and HACS. I'm trying to get custom cards to work. Does anyone have a working example on how to get the custom cards working in the Lovelace UI editor
more specific . what custom cards? usually install from hacs, assuring they are in config-resources, clear browser cache....will do it
/hacsfiles/button-card/button-card.js as an example
/hacsfiles/mini-graph-card/mini-graph-card-bundle.js
ok. u checked configuration-resources?
configuration-resources????? sorry where is this to check... please?
Old install they just showed up in them UI these dont.
Is there something I need to put in the config yaml...?
That location is where the above custom cards are. That bit is fine. The issue I have for some reason when I try to use them I just can't get them to work. Do you have an example in how to get these to work...?
if u don't show the error....how can you get help ?
if u assured that they show up in resources and cleared browser cache....then u are ready to use them
Hi, playing around with custom:light-popup-card and it's working so far. I would like to create a separate yaml file for each popup. How can I include a yaml file?
I tried:
- !include 'popups/badewanne_licht.yaml'```
--> But getting an error: YAMLException: unknown tag !<!include>
don't think any card accepts include as error message says that
hmm so I need to put everything directly in my ui-lovelace.yaml? makes it a little bit "overloaded" π¦
then...ui
too bad π¦
indeed. especially if you aren't familiarised with yaml
yeah, will make the file really long... any other way how to seperate it?
it matters if the file is long or short...or to get your job done ?
no, not really... but I'm loosing the overview, especially because I'm only using the "raw editor"
if u build from scratch a dashboard in yaml...u must know what u are doing
what is best way? are you using the raw editor? I have 3 dashboards (for eacht floor)
i used for some templates raw editor, but else i use ui. don't need writing for a whole dashboard...only for some cards if it's necessary
okay, I see! Thanks a lot!
how do I take control of the sidebar so I can hide stuff I don't want to see like maps and history?
Somehow in 2021 releases the entity history view popup (tooltip?) is displayed very briefly (selfclose?)- hard to read all data in it- vanishes before π¦
@raw egret profile menu - Change the order and hide items from the sidebar- edit
ty
good idea - didn't think of that!
So now I have made a script, but it does not work. I get an error saying 'required key not provided @ data ['hvac_mode']
i add this now on my configuration.yaml without any changes on my left site wit "trigger platform, events, entities etc.
should be a gas station sensor for gas prices.
How can i add this to my lovelace surface now? cant find it on intergration or something
´´´
tankerkoenig:
api_key: 6fb369b6-4531-0bf9-2f30-1981bf9d86d8
fuel_types:
- "diesel"
- "e10"
latitude: 52.35612
longitude: 9.284778
radius: 1
scan_interval: "0:10:01"
stations:
- e1a15081-25fb-9107-e040-0b0a3dfe563c
show_on_map: false
´´´
Hi, after updating to 2021.2.0 (running Home Assistant OS on a Raspberry Pi 4) I got a βA new version of the frontend is available. RELOADβ message and since then my default autogenerated dashboard fails to load (it spins forevere, JS console shows an error at line 946 in chunk.a8fc15b8e5d83f800941.js). Any hint?
@oblique pebble if there is no integration, then the check config will throw you an error
hey guys and gals, I've got a conditional state-icon in a picture elements card that isn't working, and for the life of me i cannot figure out why, So far as i can see, it matches the example in the documents,
- type: conditional
conditions:
- entity: binary_sensor.motion_utility
state: 'on'
elements:
- type: state-icon
entity: binary_sensor.motion_utility
style:
top: 45%
left: 18%
'--paper-item-icon-active-color': '#FF0000'
tap_action:
action: none
So the idea is that when there is motion, i'd like the motion icon to be displayed, and then disappear when it is clear. I've checked the sensor and it has two states in HA 'on' and 'off'. Any advice please?
Hi Adrian, I was here yesterday yes, and i thought the problem was with my indentations. I have made a single card and it seems to be working.
nice
@twin tusk
Need I any changes on the left side bar?
There are options for trigger platform,events,entities etc...
u restarted HA to allow sensors to be created?
The layout in the single card seems to be the same, I've copied and pasted into my floorplan, and set the indentation to the same as the motion sensors that are not conditional and Visual studio isn't throwing errors about indentations.
Well the error says all. The hvac_mode is missing in your YAML.
https://www.home-assistant.io/integrations/climate/#service-climateset_hvac_mode
Morning guys! I'm making my frontend based on Picture Elements Card. I was wondering if it's possible to have my own icon (png) change color according to the bulb color. (Like other cards already do automatically)
is it possible to have the ui cycle through the tabs at an interval?
Switched to kibibit theme but my font is wrong. As recomended i added the font to config like this. Any idea what is wrong with it? ```lovelace:
resources:
is it possible that the lovalace-auto-entities cards are really slowing down my front end? https://github.com/thomasloven/lovelace-auto-entities
Ok - thanks! Is it just a given, or a side effect of specific filters etc?
I had one big one for lights domain, then started adding a bunch for several areas and it's less happy now.
I also tried figuring out how to fix this locally, but it turns out I'm not a js developer (or any developer)
https://github.com/thomasloven/lovelace-auto-entities/issues/149
Hello everyone, is there a custom card showing entity additional info such as tasmota switch or esphome switch has WiFi signal, uptime and etc as a sensor. Is there a way to show them as an additional info if I click on switch or hover pointer over the switch entity? Thanks
is there a color wheel card for rgbw devices (rather than having to tap the light card to get it?)
this is why I shouldn't try to learn new things on HA at midnight...
Hi, With the new harmony integration, i can now add my activities as they appear as switches, is there a way to change the icon and the toggle? would prefer a different button, like the google cast one above isnt bad, or perhaps something else
Hm, the icon should be easily changable, if you edit the frontend and choose the item it should show a window where you can change the name and icon. I'm not sure about the toggle, I think it's not directly possible because of how the integration works. Please correct me if I'm wrong.
Yeah ive changed all the entity icons now, the status icon being a toggle is what im after
card template
frontend question that's kind of a blueprint question but really i think it's frontend so let me try here first
ok i guess there's no way to include images. trying to identify the name of the icon used for blueprints, as shown in the link above. for example, the automation icon is hass:robot
mdi:palette-swatch
i gotta be honest i thought it was a tent π
The mdi icon set is a bit aimed at graphic design tooling...
hello guys. is there a addon/integration or way to create a timer. for example a button (Light ON 5 Mins) pressed can show a timer count down from 5 mins to 0, im assuming some sort of card_mod. trying to see if anyone has something as such implemented.
There are already timers in HA. What do you need that they don't do?
thank you for your reply. Is there a way to show a realtime countdown in a lovelace card.
such as an action for a button/event.
Is it possible to turn a rasberry pi into a tablet for home assistant ui?
trying to set a background in lovelace, am i doing something wrong? it won't work.... I have added this line to the config.yaml
lovelace-background: center / cover no-repeat url("https://raw.githubusercontent.com/basnijholt/lovelace-ios-dark-mode-theme/master/backgrounds/homekit-bg-4.jpeg") fixed
full string:
themes: !include_dir_merge_named themes/
lovelace-background: center / cover no-repeat url("https://raw.githubusercontent.com/basnijholt/lovelace-ios-dark-mode-theme/master/backgrounds/homekit-bg-4.jpeg") fixed```
Yes.... the Pi would be the host server no? then just use the browser on the tablet to navigate to the UI
Hi,
friends, when will translations become effective? and can we try this on my raspberry pi ?
anyone here using browser_mod to change the more-info popup card? I read everything in the documentation and think I did everything right, but even after hours of messing around, I can't it to work
hello - is there a special setting to get the logbook card to update in real-time? I have motion sensors that work in this manner but when I try and create an automation using logbook.log, the card I have associated with the entity does not update until I do a refresh. Thanks!
Figured this out - the refresh is based on a state change so that explains why the motion sensor works. I can just change the state and I am good.
Or use a custom card if you mean different icons for different states, Elik.
Thanks, another, more complex question for real GURUsβ
and on this task I'm searching answer/solution already 3 days
I have Alarm Panel
which is excellent card
I have motion sensors and door sensors, so together with HA it makes fantastic intrusion security system
but the problem is I control my devices not just from phone but I have integrated into furniture touchscreen
lets say similar to tablet
So the problem is access control
I need Alarm Panel to be popup - which I solved already using browser_mod
the problem is even if I hide close button on the popup window, still by default HA behavior if I click outside of control panel (popup window) it is closed
so I need somehow override that behavior
till correct code entered
Hi im lost...
I have an ui-lovelace.yaml on that I include 3 other yaml.
If I look on my HA then i have overview and here i can see the 3 page tabs.
My problem is that I want to add two different themes for two of the yaml.
But under configuration --> Lovelace Dashboards I can only see the Overview and not the 3 different yaml pages i have included in my ui-lovelace.yaml.
How can I add my themes to two of the included yaml sites?
I have tried this and it shows an icon in my sidebar and also under Lovelace Dashboards...
https://paste.ubuntu.com/p/KTp6qggK6P/
But the page is blank and I have this on the page:
https://paste.ubuntu.com/p/KD2f9qWx5Y/
support gone in bootloop ))))
I don't want to mess this up (again) so looking for clarification. Configuration > Customization > Entity: zwave.zooz_zen21_switch_v2_0 > Name **EDIT** Last time I did those exact steps, it wiped the device out completely. Nothing associated with the device would function any more - not sure what I did incorrectly?
Hi guys....I've tried so much now....nothing seems to work.....do you think there is a way to have the temperature values of the custom animated weather card replaced with values of my own temperature sensor? It keeps drawing its temperature attributes from the weather entity....im really out of ideas by now
I think you'd have to go for a custom card. I don't know if there's any newer ones around, but there used to be a darksky-weather-card or something where you could pick the sensor for each value manually.
Yes thanks..ive tried these...but they would require so much work...my weather entity doesnt provide a sensor for each forecast day....and those custom cards all need those sensors....so I would habe to create template sensors for every attribute of my weather entity...m
But maybe you could help me with something....arent you the css guy?π
Do you think maybe with css ore something one could delete parts of a card?
I would only need the upper bit of the card (the "current" weather information)....
You mean you don't want to show the forecast? https://www.home-assistant.io/lovelace/weather-forecast/#show-forecast
Is it possible to add a device tracker on the iframe waze live map?
Yeah no forecast. But with the card I showed as it has the ability tonuse my own temperature sensor
@polar kelp pretty sure it's not possible but is there a way to inject html into the header using cardmod?
Yes. With the card-mod-root-yaml theme variable https://github.com/thomasloven/lovelace-card-mod/wiki/Card-mod-Themes#special-theme-variables
It's pretty much only the sidebar which is immune at this point.
I am using that and i'm not sure if my lingo is correct, basically I want to add text in the bar
Oh, html.
Yeah
Ah, that might get the job done
I'm just looking to add text to let the user know what page they are on
'Living Room' crap like that
was going to try to ninja it onto the tripple dot button
Thanks
and would you look at that, there's a ::before
I think this can work
Is anyone aware of a card that can graph a set of data points, preferably from its yaml? Something like the mini-graph-card but with a data source that isn't from history but from a known set of points.
Use case is that I have data from xfinity and it provides total usage as well as the past 6 months usage. I would like to be able to graph those previous months as a bar and this month's all on one chart with say 5 or 6 individual bars.
Hey guys I have been working on some lovelace cards, but when I tried to open them on my mobile device the card required scrolling and was wider than the screen would allow. How can I make the cards fit my exact screen? Is there a way for a card to auto resize based one the devices that is using it?
By default, they'll resize. If they're not, it's probably something you've done when customising them... so you'll have to share what you've done.
https://paste.ubuntu.com/p/2BhtSqrzC3/ this is what I have so far.
the whole card. On my phone I have to move it to the left or right in order to access the buttons on either the right or left side.
It probably doesn't help that you have a horizontal stack with 3 cards side by side, where each card is 168px wide...
If you're going to specify absolute sizing, it won't resize.
You need some kind of relative sizing... or use a custom card that handles layouts, like layout-card
so I should use layout card for all my horizontal cards so that I can size them? Will that allow me to move the buttons slightly inward so they are not exactly on the edges?
Hey everyone, I'm looking to have a button so one tap of it causes the living room lights to toggle but holding it down causes all the lights to toggle. I've gone over the yaml and can't figure out what I'm getting wrong, can anyone assist? https://paste.ubuntu.com/p/PYb2bfcRMT/
Pictures of code π€’
Please use https://paste.ubuntu.com/ to share code or logs. Please don't use Pastebin, since it can randomly add spaces to the main view.
Fixed
I think you need to indent line 12 a little more so it's a child of service_data: but I'm rusty with this stuff.
It's also possible that the service switch.toggle won't work on a group. You may have to use homeassistant.toggle
Thanks mono, i asked in the Dr Z chat as well apparently because the groups all lights the correct one was lights.toggle, homeassistant.toggle should work as well but they said that's more for when its not just lights.
Is anyone here familiar with the spotify card https://github.com/custom-cards/spotify-card It's bringing up "failed to call service" errors but when i go to a different dashboard page and come back it starts working.
looking for some additional help. I have changed the horizontal card to a layout card . I was attempting to use justify_content to center all three buttons, but either I don't have the code in the right place or I have a misunderstanding of how it works. Either way I am in need of some help with 2 things: 1) making sure i have some space the edge of the card and the right button, 2) centering all the cards. here is the picture of what I have so far https://imgur.com/Xdo5rN5 here is my code https://paste.ubuntu.com/p/CbzQhwD2mS/.
I have a colored bar in the left upper corner under my home-assistant logo, does anyone know where this is coming from?
Left upper corner of what?
web-interface
Share an image
Please use imgur or other image sharing web sites, and share the link here.
I've never seen that. I would guess it's either a theme or a custom card doing it.
i have no theme installed.
but some custom cards
i try uninstalling
that it, thanks.
is there a way , when making edits to your lovelace screen that it it auto refresh?
How are you editing?
YAML
Then no, your browser doesn't know when you've saved a file. F5 is your friend.
on my device I am having to repeatedly hit refresh. Not a big issue just trying to use all tools available.
If you think live reload should exist... submit a feature request or a pull request.
does any one know if a 'custom:slider-card' not support CSS? This is my code , but I am not getting any changes https://paste.ubuntu.com/p/DpfBcdn66B/.
Is it possible to get a state attribute and use it as the image parameter of the picture card?
Lovelace;
- type: picture
image: /local/images/f1/{{ state_attr('sensor.formula_1', 'location') }}.png
If I inspect the broken picture in my browser, I see that it's trying to show it as;
<img src="https://<my url>.ui.nabu.casa/local/images/f1/%7B%7B%20state_attr('sensor.formula_1',%20'race_track')%20%7D%7D.png">
The attribute does contain the location name, which is identical to the file name
Make a generic camera to get the image and display that https://www.home-assistant.io/integrations/generic/
Does anyone know of any good camera front end cards? I'm trying to design a good camera dashboard but I'm struggling to make it look nice with the default ones.
Hi, I'm trying to install ha-floorplan by following the instructions on their website, but I think I might be doing something wrong
I installed HACS, but when I enter that section on the UI, I get a "HACS is setting up
HACS is setting up, during this time some information might be missing or incorrect"
and right below that: HACS is disabled
Check your log file for more details
any idea?
nevermind, it solved itself. it took a while, more than an hour...
Now, when installing HA-floorplan, there's a step where it says this:
Remember to add the /hacsfiles/ha-floorplan/floorplan.js as a module to your resource file - like you do with other modules.
and I'm a bit lost. Where should I add that, and why?
Why? So the UI knows how to load it.
Where... Configuration > Lovelace Dashboards > Resources
Is there a way to pass a value to the url field of the webpage card. I am hoping to have a button push pass a new url to the iframe window
I don 't see a Resources option in there
I just can add another panel
Click on your profile
Maybe you need to turn on advanced mode first. Go to your profile and enable that.
enable advanced features
....you should always listen to anyone that isnt me if they are offering any advice...
And it's okay, Catala isn't too hard to read π
hehe
Ok, found it, and also a way to change the language
Ok, i must be stupid... how do I "create a new view"?
But should I create a new dashboard first?
If you want to you can
For now I just want to follow that tutorial, but I can't find the menu to create a new view
oh, thanks
Yup..its just its own dashboard. Go to your overview. Click the three dots at the top, click edit and then click the + sign to add a new view
ahhh, ok\
I created a new dashboard just in case (it warned me that if i edited manually, it would no longer add new devices automatically)
nice! good on ya
Should I have a "Supervision" section? It does not appear in my installation
ohh, i'm using the container version, not the supervision version
yay, I made it!
oh my god, these instructions couldn't be less clear...
Well...I felt the same way when I got into HA...it gets easier once you understand the fundamentals...which I barley do π
There's a steep learning curve. You'll get there.
but... things like including a path starting with a /, but not being an absolute path, that is confusing
Do you mean for the internet? That's a relative path π
For Linux, / is an absolute path. For the web, it's just 'get this thing for the current domain'
I see
It's good that you are thinking about these things. It means you're learning π
I'm trying to edit the floor plan that comes as an example...
but I'm not able to put a single lightbulb in there π
Does the SVG file of the floorplan already determine where the elements should be?
I don't use it... but I believe so. Unless you use something like picture elements, where you can 'layer' pictures together.
If this is the one you're using, this is a very basic tutorial: https://github.com/pkozul/ha-floorplan/blob/master/own-floorplan-svg-file-tutorial.md
oh, thanks
the thing is that I already had a svg plan of my house, and I thought the positioning of the elements would be determined by the css file
but nope
No. SVG describes the whole image. CSS is just for extra styling (colours, animations, etc).
yaaay, my first lighbulb on the floorplan works!
You already have a better floorplan than me π
Two of them already
Ok, so when I figure out how to subscribe to MQTT topics, I'll add the temperatures and all that
You're making great progress already.
Any tablet recommendations for displaying a dashboard?
one with a screen
A lot of people use Fire tablets. There are ways to 'jailbreak' the ad-supported ones. Just don't use anything too old or the Android webview won't support Lovelace and all your custom cards.
Mmmm, so I should avoid pulling out my Nexus 7?
I don't know what the cut-off is.
do mqtt topics need to be configured one by one on the yaml config files?
That'd a question for #integrations-archived π
haha, ok
to get the temperature attribute from my thermostat in a graph would I need to make a template , or would something like this work ?
https://pastebin.ubuntu.com/p/KsYBs7g8Zp/
Graph is displaying NaN , means it must be populated with data ?
- type: attribute
entity: climate.thermostaat
attribute: temperature```
π€¨
I've never seen that before. I don't see that in the documentation for that card either.
Zero mentions of 'attribute' in the docs π
So yes... make a template sensor first.
Anyone have a decent way to make the google calendar card just a daily view?
Was looking at the atomic-calendar-revive, but can't seem to eve find it to install
Seems to be copied from the vanilla HA Entities card, where this would be valid. But it indeed is not for the mini-graph-card.
same for the standard sensor card, that only takes a plain entity name it seems
I was wondering if one could create a dedicated entity from another's entity state attribute to make it look like a sensor
(but that's outside #frontend-archived stuff already)
Which makes sense because attributes do not carry a history of changes, so we cannot show a graph in a sensor card for those.
Yes, via templates as mono mentioned above.
Just a template sensor like this:
platform: template
sensors:
house_temperature:
friendly_name: "House temperature"
value_template: "{{ state_attr('climate.0x001e5e09025e96ff_climate', 'current_temperature') }}"
unit_of_measurement: "Β°C"```
That's one of mine for use with... mini-graph-card π
Don't forget to give all your sensors the same unit of measure so they can be graphed together.
I have a template sensor for my garbage collection with 4 states on the day it is collected and None , want a card that shows the corresponding /local/*.png files on the day it is collected. tried this but it only gives the sensors default icon ?
https://pastebin.ubuntu.com/p/gk3S7Q2ZR5/
Hi. I am trying to configure the HA Floorplan card, but I am having trouble displaying the value of a sensor.
I have added these lines, but for some reason the value is not displayed. Well, it is if hover over the object, but it's not shown on the map:
- entity: sensor.temp_dining
text_template: '${entity.state ? entity.state + " Β°C" : "undefined"}'
shouldn't that be enough?
(I edited the floorplan on Inkscape so the object name is also sensor.temp_dining)
Hello, does anybody know the local address to the hass:icons like like hass:lightbulb within home assistant?
No idea, sorry
You should be using the mid icons in your config. What are you trying to achieve?
RGB lightcard: https://github.com/bokub/rgb-light-card
You can select an image instead of a hex color for these little RGB circle icons. I want to add an up arrow and a down arrow into my array of circle buttons for brighten and dim. I have everything worked out except for the picture, and I thought I'd use the native icon for a consistent theme.
I just need the address of the image
might switch over to those mdi icons altogether, lots more selection
I never looked into the icon loading. I can see that some metadata chunks are loaded here: https://github.com/home-assistant/frontend/blob/e5ea762cbc24c81c028aace1b361dac3ac948342/src/components/ha-icon.ts#L75 from /static/mdi/${chunk}.json. And integrations can also specify their own icon sets.
hass: and mdi: are the same icons, but hass: should only be used HA internally.
roger, thanks for the info!
homeassistant_os's file system has been more difficult to navigate than expected haha
Does anyone have any idea why the state of a sensor is not shown on a floorplan. In theory it should be displayed, since I used the text_template: ${entity.stage}, but I still see the default text of the svg floorplan...
I have to scroll to see stuff but i have acres of unused screen-estate.
Is there a toggle somewhere to have HA use the empty space more in the config section?
https://i.imgur.com/FQBFjgb.png
(i put a green cross in the empty area to indicate what area i mean)
(I posted my issue on the forum, in case someone has any idea: https://community.home-assistant.io/t/how-to-display-temperature-on-ha-floorplan/278091 )
Hey gurus. Iβve been trying for days to change the background of my UI. Iβve followed all documentation and other online tutorials, but havenβt had any luck. Is there some basic drop down within the UI I am missing to set it after putting the line in the .yaml of the theme? Is there any log I could post here to help you help me?
I'm testing out grocy add-on, is there a way for me to add it to the sidebar of a non admin user?
@thin mist posted a code wall, it is moved here --> https://paste.ubuntu.com/p/ftSxDzD3FX/
May I ask about the icon color change here?
I have uploaded the custom-ui.js and button-card.js under /config/www/
However, it does not work.
Could you please help me with this problem?
Thank you very much in advance!
try to split config
make a folder with your sensors
to not have 1k config file
then integration is sensor, not sensor 3
This is the current configuration.yaml file could you please tell me more details?
What do you mean by split config?
/config/sensors/configuration.yaml
Do you mean like this?
first...hide your secrets
second: make a folder insider /config dir
call it...sensors ...then in configuration.yaml u put the line: sensor: !include_dir_merge_list sensors/
inside sensors dir u can put a file for each sensor, or group them as u like
Thanks.
Could you please give me a example of sensors?
How do you call the file name?
so u don't do scrape 1 scrape 2
doesn't matter the name of the file....
it matters to be called correctly
u can do it in config.yaml like sensors: include myhome.yaml
create myhome.yaml in config dir
and u put there sensors
an example close to what u want: https://pastebin.ubuntu.com/p/5vsz9JM7PK/
Oh, I see.
not an expert in mqtt...so u must go in #integrations-archived channel to ask for more
Could you please teach me how to do custom-card for icon color change?
That is the part I am seeking for
I have already checked at least three websites but I cannot grasp the main idea.
icon color...
Yeah, but it seems nothing happen....
Yes!
LOL Thanks a lot!!!
is not the most correct line
but it works for a switch
u must take care to have a card that supports styles
no
Ooops.
u can check config and will tell you
No it doesn't. π«
sensors: !include fsr.yaml IF fsr.yaml is in config folder
if u go to sidebar-configrations-server controls
sensors: !include /local/sensors/FSR.yaml
I thought it represents /config/ ?
Yeah, I found that it mentions about the error.π©
sensor: !include /sensors/FSR.yaml
llet away your thoughts π and try https://www.youtube.com/watch?v=kgFwhYInzfA
told you. if u create a folder called sensors...u must put !include dir_merged_list sensors/
so..when u will add another sensor u will have to put it also there
all your sensors will be in a single yaml....
Wait! You mean that one yaml file only for one sensor!?!
I tried to get json format data from MQTT from only "one" sensor.
for safety i said is recommended to put sensors belonging to a device in a single file
u can put all in one file..no problem for me
if u integrate the phone....65 sensors will come fro mthere :))))
Oh! I see your point. This is just a way to pile up my files?
better check youtube to see
I see. Thanks a lot!
that video explains a lot
By the way,
Is custom-card has the style thing to change icon color?
Also, I checked button-card.js one
https://github.com/custom-cards/button-card#manual-installation
what custom card? custom card is generic name for cards made by community users
I mean the one with the above link.
I heard of that there were some issues with icon_color from this github:
https://github.com/Mariusthvdb/custom-ui
It is quite confusing!
well..take it step by step
it does support
but take a simpler one
suited to your needs
even base entity card supports style
not in ui but in yaml mode
All their pictures are fantastic....
π
Oh, I see.
sure
Thanks for telling me all these things.
By the way, have you tried to integrate HA with lingphone?
Sorry wrong name.
Linphone
Thanks. Just heard you said that integrate phone needs 65 sensors LOL
Anyway, thank you very much for all your efforts!
how would I go about hiding certain elements from a card? I have a kiosk style screen with no touch screen
so the buttons for the calendar card are useless
was wondering if I can change the css for that card alone to hide them or something like that
where do i change a user's password in the UI?
seems like that option is removed in the latest update?
Hi
How can I read/get the current weather state and then also use that state as an image.
atm im using this (works) but want to make the my newbie code shorter
https://paste.ubuntu.com/p/4CQw93yVtN/
Can someone guide me π
from where u took that svg ?
im trying this, but don't show the icons.
https://paste.ubuntu.com/p/w55cRkysZt/
Hey guys, i need a little hint here. I have a climate-entity (Homematic IP Thermsotat) and want to display its level in a thermostat card. The level is a number between 0.0 and 1.0 and I want it to be displayed as percent (0-100). Where do I calculate it into percent? Is that a job for a template? Im quiet new to HA so pardon my stupidity
Is there a way so after a brief period of time the screen switches back to certain page in a dashboard? I've got multiple screens on my tablet dashboard but after about 2 minutes or so, if left untouched id like it to switch back to its overview screen
Settings > Persons > Users, then click on a user and "change password"? I'm not sure if these are the right names, my HA installation is in German.
yeah, i know.. it used to be there before.. under /config/person , but clicking a user in the list only gives me the option changing its name, add a picture, allow it to log in and set it as an administrator..
still there is
besides that i only have delete and update as commands
nope, i'm an admin
turned on advanced ?
yup
re-log and update your pass as admin
hello all, is there anyone know if noctis theme dev is here ?
@harsh niche so u have a card that changes image according to weather state as conditional card
https://pastebin.ubuntu.com/p/gbtKQBKxWN/ like this ? don't mind indentation
what was the deal with custom header to turn on the editor ui when kios mode is turned on
can a theme be loaded also for add-ons ?
paper-item-icon-color: 'var(--accent-color)' where is defined accent-color ?
Hello all, is it not possible do "drag" a couple of cards to swap their locations or am I missing something?
Yes inside a picture-element
Developer Tools --> States Entity.
If having a door sensor, the door open/closed icon...
Can I give/add the colors to the open/close state here (Developer Tools --> States Entity.) if no.. where in the frontend, can I changes the states color.
If you only want to do that for individual entities, that is not possible with vanilla HA. If globally or at least for a whole card, then this can be done with a theme by setting the variable paper-item-icon-active-color.
Does anyone know where I can find free icons to use in HomeAssistant (in my floorplan)?
There's a bunch of suggestions in pkozul's floorplan repo: https://github.com/pkozul/ha-floorplan#creating-a-floorplan-svg-file
Hi guys, so I have tileboard up and running. Though I'm just trying to get the album art or what is playing, but all i have is skip track buttons and pause, though on lovelace it works fine. Anyone have Tileboard so their jsscript
Tileboard isn't HA, you won't find help here for it.
Its a front end that uses Home-Assistant and theres alot fo stuff on https://community.home-assistant.io/. So a logical step was to ask you guys
Though I very much appreciate your help pointing me somewhere else :). I'll do some more googling.
There's no harm in asking... it's just not likely you'll find someone else here that knows the answers. The forums are probably better.
May I ask about the configuration of entities?
I tried to follow the video:
https://www.youtube.com/watch?v=kgFwhYInzfA
However, I have no clue how to add the sensors for mqtt
I tried to add this line in configuration.yaml:
default_config:
packages: !include_dir_named integrations
Then, in the integrations directory:
I added the sensors.yaml
In this file, I only added this line:
sensor: !include_dir_list ../entities/sensors
Finally, I had this in the /config/entities/sensors/bed_101.yaml
I added the following lines in this yaml file:
https://paste.ubuntu.com/p/dw2GCr365c/
However, when I tried to add them back in my lovelace interface, all of my entities are gone......
I have tried to find if they are in the list of unused entities. Well, I failed again.
Could you please tell me how to create those sensors again?
I was able to find them if I just paste the code
https://paste.ubuntu.com/p/6vW2f2PvFb/
in my configuration.yaml.
Could you please help me with this?
Dear Adrian_RO,
I am so dump to do the configuration split......
I cannot find any of my sensors (entities), I just duplicate setting again in my configuration.yaml.
@twin forge May I ask you how to do the mqtt part in spliting configuration?
I recently started having this problem in the frontend web page that I cannot "click" on menu items with the mouse, they just dont get highlighted and when I click the menu just disapears. If I use the keyboard up/down I can select.
Just to clarify this is on edit UI page. i.e. when adding a new item to the frontend.
Before I overhaul my server, I have 4 7200 RPM drives in RAID10 in an HP ProLiant. Waiting for sensors to load the historical graph takes an extremely long time. I am assuming the bottleneck is my drives? If so, I have a stack of SSDs sitting here I could swap in. That is a full weekend rebuild that I intend to do at some point but if I can be confident it will fix this issue, I'll move that up to sooner than later.
And no, I cannot hotswap and let the RAID rebuild, the SSDs I have on hand are 20GB smaller than the spinning disks.
MQTT part? Activating integration? I move it to frontend and used Add integration in Configuration panel
How? I cannot even see it in my "unused entities list"
Are you talking about MQTT devices or MQTT integration? If it's integration, then it will need to be added here:
Ahh, not working - just go to Configuration, Integrations and click on Add Integration button.
For entities that's different story.
Before I tried to split configuration, I added entities by checking the "unused entities list".
Then, I have no idea how to use my entities after I followed your YT video like /config/entities/sensors/
I put the bed_101.yaml under that directory.
There should be no difference. If it was in sensors, and you split it that way, yes, it must go in /entities/sensors/ folder and you should make sure that this is loaded from within sensors.yaml file by something like this: sensor: !include_dir_list ../entities/sensors
I keep that in /integrations folder. And then I use in configuration.yaml file this line to load everything:
packages: !include_dir_named integrations
Entities will still show up in entities.
Yeah, I followed almost every step as you did. However, I still cannot see the entities.
I also checked my file with the configuration check in server.
@turbid frigate 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.
My configuration file:
https://i.imgur.com/aaBTPQb.png
My integrations:
https://i.imgur.com/9Fey2Bk.png
My sensor entities:
https://i.imgur.com/9ZfNpiu.png
Could you please help me with this?
I cannot figure out what is wrong with my setting.
I apologise that I posted virus related link. I just want to paste image to explain my project.
How can I add an entry to the bookstack addon in the sidebar?
almost every add-on has in info tab possibility to activate sidebar
Dear Adrian_RO:
Could you please help me with the entities missing problem?
which entities?
my sensors.
This one.
Thank you very much in advance!
Oh, no problem.
now...u have 3 sensors coming from mqtt
well...no....there are 3 defined
However, I transmitted 3 values in json format.
1 original, 1 mapped into 0~100%, 1 represents status (like a threshold)
so u put in frontend entity called sensor.analog ?
yes!!
analog is the original
percent is the analog signal mapped from 0-1023 to 0-100%.
status will become 0 when analog signal is over 300.
Otherwise, it usually is 0
show the card
Please take a look. Thanks!
(By the way, I am still controlling the panel with UI rather than yaml.)
so..u have them
if u select an entity card...those sensors are not appearing ?
push E anywhere in your ha screen
Uh, what?
type letter e
and entity filter will open up
type sensor name
and see if appears
well if u still have sensor 1 sensor 2....told u that is incorrect
well, if I clean the configuration like this, they are all gone.
https://paste.ubuntu.com/p/dMJrKPNZk7/
I include the sensors in integrations like what BeardedTinker did.
packages...uh...ok..sounds like frenck
This is my sensors.yaml in integrations folder:
https://paste.ubuntu.com/p/93bPFZtc6M/
ok
This is the bed_101.yaml in /config/entities/sensors/:
https://paste.ubuntu.com/p/XxygjwffNj/
Then, all my entities are gone. (π )
and check config says it's all ok ?
Yes