#frontend-archived
1 messages · Page 128 of 1
yeah i turned on logger it seems to be registering all the plugins but really slowly
Yeah... it's never been very fast. I suspect that's to preserve your github API rates.
right so i think i'l just be patient
Hey, @wheat current! There should be a service you can call to update the database on a schedule.
Wait... it's already doing that every 30 minutes... that should be enough for anyone. Never mind.
There is also a button you can click
And that bug with missing auto reload will not be fixed, that "old" UI will die in a version or two
I'm not here because of how much I love manually pressing buttons... 😉
anyone got the buttons from homekit 'infused' lovelace config working?
i grabbed the button template and loaded it however it doesnt show anything
Hi, I try again today.
I search a way to have text displayed with diferent style depending on a condition like a template. Is there a way or extension to do it in lovelace ?
Otherwise I will create a new platform template with a dedicated icon and display it all the time with the color and no icon no message.
Objective: Display rain day depending on number of mm planed for the day by displaying the weather sumary higlighted in red to not forget umbrella
@polar kernel if you want templates and conditions all wrapped into one, try the config-template-card
Thanks @mild veldt, seems to look at what I am searching for, I will give it a try when working back on it.
Hi all, i try to integrate meraki but i recive rhis message "Login attempt or request with invalid authentication from 209.206.57.91"
That doesn't sound related to lovelace
you have right ... sorry
@polar kernel If you just want a text displayed, the markdown card supports jinja templates
and so does card-mod for changing display styles
thanks @polar kelp, Yes but I did not find anything linked to what I was searching for, but today I use a entities card to retrieve content directly from entity. But I will give it a try
https://gitlab.com/zorbac/home-assistant-config/blob/master/lovelace/bus_daily_weather.yaml
As I have not big space on displayed screen I do not use many cards as my sample there https://gitlab.com/zorbac/home-assistant-config/blob/master/images/info_panel.png
Hi, here comes a realy n00b questian, Just started looking in to Hass and wanted to activate lovelace UI but cant find out how..created a ui-lovelace.yaml file under config but nothing happend (made reboot)
Did you read the lovelace docs?
if I added lovelace: mode:yaml to config it changed
tryed to find something there but its not clear
but when I have it in that yale mode I cant add things to ui with the menu option
So yamle mode is super clear 🙂
It is possible to write your Lovelace config in YAML instead of via the UI
literally the first line
get that but I dont want to do that right now
I just like to get the option in the 3 dots to edit it
Then you don't want yaml mode.
exactly...but how do I get that
Remove yaml mode?
If I do I get the standard UI
hmm
but My develepor tools dosen show up in the botoom of the left menu
fresh install
and in the 3 dots there is only Configure UI
on the videos I seen it looks different
What video?
for example thist one https://www.juanmtech.com/how-to-set-up-lovelace-on-home-assistant/
They are great to watch but are usually out of date QUICK.... Best to read the DOCS
That video is almost a year old
ok
so lovelace is deafult UI now and you only have to make a ui-lovelace.yaml and change in config to set mode:yaml if you like to configure in yamle file only
right. I would not advise yaml mode unless you decide later that you have a reason for it
ok thx
Can this be used under styles: in scripts.yaml ?
min-width: 100vw;
min-height: 100vh;
(knowledge is very limited here 😐 )
@mild veldt Saw that and read something about vw and vh and didn't know if they could be used with regular CSS styles: (for me that would be used in card-modder and browser_mod))
trying to find a better way to display popups that are shared between and Android & iPhone. Not getting anywhere, displays are very different in size. width: 100% seems to work but height: 100% can't be used, as it won't display content...
Is there a service to refresh lovelace? I'm trying to setup a button in one of my cards so I can hide the header through cch
@atomic glacier Any css can be used with card-mod. What happens depends on what you're trying to apply it to.
@polar kelp your browser mod has allowed me to make my GUI so much better... thank you
Glad to hear it!
Do you happen to know if there is a service to refresh lovelace?
Or how it is refreshed through the frontend
@tulip mulch hass-browser_mod and can be done with automations as well as manually
I see it in there.. but when I call the service.. it doesnt do anything.. do I have to identify the device?
Not that I'm aware of. Shouldn't need service_data for that one
...but I just run it via script calls and it reloads all devices that are currently logged into LL
- type: "custom:button-card"
color_type: label-card
color: rgb(44, 109, 214)
name: Reload Lovelace
tap_action:
action: call-service
service: browser_mod.lovelace_reload```
Yep, that would be it
Ok.. nvm.. for some reason it didnt wanna work.. I refreshed my cache and used the button.. all good now
Thanks
so i got a climate entity for my heaters. it doesn´t come with a temperature sensor. i can see the "current_temperature" in the entity-attributes, is there any way to get a sensor out of it?
#330944238910963714 would know 😉
thx 🙂
Happy Friday 🍻
Can you change the way a boolean is displayed in a entity card?
instead of a toggle want it to say "open" and not let you change it in ui
@vapid field type: custom:hui-entity-text-row
Morning all!
I'm using some input_numbers, but they are more for read only in lovelace, any change it's possible to hide the slider?
No, but you could wrap them in a template sensor and display that
If you set mode: box you won't get the slider. It'll still be editable, though.
Don’t like the box mode either haha but thank you
I’ll have a look at the sensor option! Cheers
Ians message right before yours would work too.
Thanks!
Is it also possible to change the icon based on a value being true or false? I've been reading into it, but it all needs some extention or add-on? Is this still the case?
Anyone seen something like this before and what card that is?
@burnt wigeon then you should definitely go with the template sensor.
Trying to add picture element card and it is not finding my image. I have checked the HA docker container and see the image in the /config/www folder
I have white listed it as well in the ha config.yaml just in case but still not working
I have tried /local/www/file.png and /config/www/file.png
It’s just /local/file.png
``*?>
I'm having some trouble understanding how I can add a custom calendar card. I've found the atomic one, buts since the ui-lovelace isnt in use anymore, how do use it?
From what I remember it's not recommended to edit the .storage files?
See the pinned messages in this channel
thanks @split granite . Now I just need to figure out if I cant get the atomic-calendar card to fetch my nextcloud cal instead of a none-existing google cal 😄
is there some way to make a lovelace card automatically include all the entities of a specific entity type? like all the lights on one card automatically>?
If I may toot my own horn, this one is better than monster-card in every way but one (and I'm fixing that
): https://github.com/thomasloven/lovelace-auto-entities
that's it - I knew there was a replacement and have been searching unsuccessfully for it
@polar kelp I'll probably archive monster once you do that
took me a minute, but that works just the way i want it to
what's the disadvantage compared to monster card
i'm trying to get thomas' code to show everything with domain: light and an entity_id containing nursery and its not working
nevermind, i'm dumb. you can't use the show_header_toggle with the glances card
does browser-mod works on ios app? @polar kelp
I think so. Mostly. Maybe not the camera thing. I never tried.
I firstly need a popupcard..
yoi wrote on tepo for the pop up card that is deprecated
and I am trying to migrate to browser_mod
is there any css that can be apply to the section of the new devices page?
if using any theme other then the default HA theme, the devices page info is all white
i try to add a code to a alarm control panel that comes from a integration. With costomization it's possible to set a code_format but it's not possible to set the code there.
Did someone know a way to add a code?
@prime umbra haven't looked at it yet, but if you get an answer, pls tag me, Thanks!
Hello everyone! I just started trying to figure out Home Assistant the other day, and while I'm having a ton of fun, I'm stuck trying to get a script to work so my vacuum cleaner moved out from under a table so I can empty the bin. I've been searching for hours and hours, trying different examples from other users.
I've created a script (that works) so the vacuum moves to the correct place. When adding it in Lovelace (this is likely my problem?) as an Entity-button it works. Until I click "edit" on that button again - then things have been removed and I'm unable to start the script. This seems super weird to me
@sturdy quartz I have tried this before a long time ago too. But i never find a proper solution as direct controll commands. Mostly i use my normal remote controll to get is out of the table and clean the robot.
If you find a proper way than inform me ^^
It's strange that code is deleted when I press "edit". This is the code that I save: https://paste.ubuntu.com/p/QGb9M6t6Cy/ This works and the vacuum will go to the position I've set. But as soon as I press "edit", this is the code that I am presented with: https://paste.ubuntu.com/p/6X3ysKTSDf/
And since the code "script.turn_on" is deleted, the script won't turn on again.
This is the script that is supposed to be executed: https://paste.ubuntu.com/p/gx6jwG8XyP/
@sturdy quartz 🤔 I thought we fixed that bug. What version are you running?
@mild veldt It says 0.99.3. I'm using the official NUC image from home-assistant.io if that makes a difference
It seems to work as intended when I use Entities instead of Entities Button, but well, then it's not a button anymore
is it possible to change the default blue banner in LL? With perhaps a custom logo banner?
Is there a UI for this that's optimized for smart mirrors?
@icy patrol you can add a theme just to change the colour, but lookup compact custom header for lots more control. https://maykar.github.io/compact-custom-header/
Is there an easy way to apply a css file?
Nothing happens when i click on configure ui or unused entities on mobile (iphone)
The help button works only if i click just below it in a exact spot ( in app and in browser)
The menu closes when i click on the other 2 buttons but nothing else happens
resources:
- url: /local/custom.css
type: css
@leaden cradle
@wheat current the problem is when I do this, the number of columns change to 1
🤷 that is the way to do it, what you do is up to you
Managed to open the editor. I had to spam the menu it seems that button hitbox is “off center”
Hey guys I need some help with something that is probably pretty simple. I get to the lovelace UI by adding lovelace in the url but if I click overview on the side panel how can I get back to lovelace? Is there a way to add my views to the side panel?
What happens when you select Overview
yeah
Under Frontend version what does it say?
20190919.1 - latest
And underneath that?
Frontend version: 20190919.1 - latest
Go to the Lovelace UI
System Health
Is there a button saying something like Set Lovelace as the default...?
remove states as default page?
Awesome! thank you
No worries, you must have clicked that, or upgraded from a really really old version of Home Assistant
must have clicked it because I am very new to home assistant
Now I can attempt to integrate hue
hopefully this gets transfered into a url
What am I missing - trying to set the entire background color
right now its matching my background color but I want it to be like a gray so the card stands out
Is there a place where people post pictures of their lovelace configurations? I have looked at some of the examples on the home assistant website but I am looking for general ideas so scrolling a bunch of screenshots would be helpful.
@latent tree here are some, but from 9 months ago. https://www.reddit.com/r/homeassistant/comments/addvlf/inspiration_needed_please_show_me_your_sexy_ui/
thanks
I am trying to use a custom card but I am getting the error "Custom element doesn't exist: vertical-stack-in-card."
I have downloaded the js file and put it in homeassistant/www/
could the problem be when I call it in the resource: I use url: /local/vertical-stack-in-card.js?v=0.1.3 I don't know if this should be different since I am using docker?
if you just created the /www/ folder for the first time, you need to restart home assistant
Ok drawing a blank but how do I get in the lovelace view all of the IOS devices I am tracking (phones of me, wife and kids) shows across the top where I can add a photo to the icon if needed? I cannot remember how to get it that way rather just in a entity card of some sort but wanted them to list across the top horizontally.
badges in the view settings
anybody has a quick demo code how to show current version of HA in glance card?
should I create a sensor for it?
@latent moss thank you. I'm embarrassed that I didn't do that. Sorry for the dumb question
Anyone able to tell me why this card comes out as same color as my background? It has no color to it not even a border. https://pastebin.com/1jW6DxAL
I removed all - color: null changed it to -name: (names). and don't specify color same results
@uneven flint ´´´ templates:
hs_color: >
if (state > 2500) return [0,100,100];
else if (state > 1500) return [60,100,100];
else if (state > 1000) return [240,100,100];
else if (state > 200) return [120,100,50];
else return [120,100,20]; ``
is there a way to see all states an entity can have?
I was wondering, am i able to multiple a outcome from a sensor? I my router (apparently) is a sensor, which returns kbytes/sec. I want that to Mbytes.
@unborn cedar use a template sensor
@outer urchin what type of device? you'd likely have to look at the integration's source code; I don't believe possible states is listed anywhere convenient
@mild veldt its weather.met_no. ye i figured, but it looks like it takes the state directly from their server
@mild veldt I'll look into that! Thanks!
@outer urchin is the state typically the current condition?
yes
here's the typical weather conditions https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/panels/lovelace/cards/hui-weather-forecast-card.ts#L46
you´re awesome, thanks!
out of curiosity, what are you using them for?
so I put this in customize.yaml and still nothing ...
templates:
hs_color: >
if (state === 'on') return [0,100,0];
else return [200,0,0];```
it looks right to me. this template should follow the sensor even in a glance card, right?
So, right now url can only be a special row right? I was hoping I could use it with existing entities, e.g., clicking on the commute sensor opens Google Maps
i have also tried rgb_color and icon_color. none of them work.
@raven nacelle we have a weblink url, but it is also a tap/hold action
as of 0.100
tap_action:
action: url
url_path: http://www.espn.com
yeah, the changelog has not yet been published
btw...it is so difficult to get to Lovelace docs on https://www.home-assistant.io/
I always google it 😉
the docs are linked at the top of this chat as well. i'm not about to try to change the .io look
that's above my pay grade
If it move now I will never find it
that totally works 🎉
you can get to the lovelace docs easily from within HA itself, the 3 dots menu in top right corner > help
Is the custom:layout-card working good also if using !include views? It seems not at least for me... Same configuration but if using the !include file the custom layout doesn't work...
I have some custom entities on the front end, which work on phones and PC, but my fridge won't load them. Any idea as to why? (Samsung smart fridge, running Samsung Browser 2.0 on Tizen Linux) I'd guess it's a them problem. 😦
@uneven flint Do you have CustomUI installed? You'd need that installed for the code you posted to work
well, i thought i did. rebooting
check in dev tools->info and see if CustomUI is listed there
and you'll also need to wait for the value to change or manually refresh the entity to get the customization to update
or restart HA, so hopefully that'll work in this case
well shit, ill have to wait until i get out of the office. didn't come back online.
hey everyone - anyone using compact custom header?
having issues trying to get this feature working
conditional_styles:
- entity: input_boolean.darkmode
condition:
state: on
background:
when i turn on the darkmode boolean; nothing happens
well your background is blank...
i want my background to be blank - i have this for normal: background: transparent url("/local/backgrounds/33.png")
and when i turn on darkmode - i want the derfault
reread the docs; your templates must return a string
Background template must return valid background CSS color or image property: "#000000: or "rgb(255, 0, 0)" or "url("/local/background.jpg")" etc.
Is there really no "text-only" card in lovelace? I only find suggestions on doing own custom cards for that...
@stoic solstice wat?
markdown
like markdow ?
i have even followed the example
conditional_styles:
- entity: input_boolean.darkmode
condition:
state: on
button:
menu:
color: yellow
yet it does not do anything for conditional_styles:
maybe i have it in the wrong section
@icy patrol posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/2wgTst3zvh/
sorry; just pasted the cch section
@icy patrol Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
@icy patrol like I said earlier; I think you should reread the docs actually I wonder if your issue is the evaluation of state. Try with "on"
yaml is wierd
i will try with "on" and re-read this doc. I got all the options going except this one. thanks
Take the opportunity @icy patrol
will do!
Oh. I just react to any mentions of "the docs don't..."
hey there, do i have a chance to change the color of an custom image in glance card by using lovelance-config-template card?
Should work
Could you give me a hint what tag i have to use? This what i have so far: ````
card:
entities:
- entity: binary_sensor.leq0175072_state
image: >-
${states['binary_sensor.leq0175072_state'].state === 'on' ?
'/local/cust_pic/fenster_off.png' : '/local/cust_pic/fenster_zu.png'}
- entity: binary_sensor.leq1060645_state
image: >-
${states['binary_sensor.leq0175072_state'].state === 'on' ?
'/local/cust_pic/fenster_off.png' : '/local/cust_pic/fenster_zu.png'}
type: 'custom:hui-glance-card'
type: 'custom:config-template-card'
i am quite new to homeassistant...
Is the image option even in stable yet, Ian?
for an individual glance entity; you'd have to have a separate picture. Maybe you could use card-mod to do the nth item? I don't know that wizardry
image was added in 0.99
Right. I was thinking of the entities card.
yeah, should add that
I thought config-template went deeper. Good to know.
Like usable for single entities. Or did I misunderstand?
sorry, but i just do not understand what you mean. did i understand it right that changing the color is just possible with card-mod?
Changing the color yeah...kinda. Changing the image, not really.
and changing the color of the icons?
sure
@polar kelp it is usable for single entities, it will continue to traverse so you could have it pretty high-level, but would probably not recommend that for performance reasons
could you help me, where to put in which tag for coloring the icon. I tried with ````
card:
entities:
- entity: binary_sensor.leq0175072_state
image: >-
${states['binary_sensor.leq0175072_state'].state === 'on' ?
'/local/cust_pic/fenster_off.png' : '/local/cust_pic/fenster_zu.png'}
- entity: binary_sensor.leq1060645_state
image: >-
${states['binary_sensor.leq0175072_state'].state === 'on' ?
'/local/cust_pic/fenster_off.png' color: red : '/local/cust_pic/fenster_zu.png'}
type: 'custom:hui-glance-card'
type: 'custom:config-template-card'
you won't be able to change the color with config-template-card
hmmm. i thought i could use the color tag just by installing the card-mod. It´s really confusing for me - i am just to new to all this fancy stuff...
card-mod is a distinct card
do you have a best practice for me how to change the color of an icon that is set by config-template
er, sorry I mispoke
you need to add the style option
I don't have any best practices for config-template-card. If you are using it, I would question your goals 🙂
thx i found that, too - but just do not know how i could put this in my code next to image: >-
${states['binary_sensor.leq0175072_state'].state === 'on' ?
'/local/cust_pic/fenster_off.png' : '/local/cust_pic/fenster_zu.png'}
You'd have to find some way to change the color of a picture using CSS. Check out filter and hue-rotate. But as I said "yeah...kinda".
it's a separate item; you'd have to do the compare in the config-template-card to change the picture and then the compare in the style attribute which card-mod reads to apply color
does anyone know how home assistant compiles all the persistent_notification messages into one list.. I would like to create a button on my Lovelace to go directly to the notifications list
nvm home-feed-card works perfectly
@radiant drift to display it in the frontend you can use this for example as pointed out by @wheat current 😉 https://www.home-assistant.io/lovelace/weather-forecast/
awesome! that's my next step 🙂
What CSS do i need to change to make the icons on lovelace bigger (in the header)
I cannot get custom cards to work. Do I need an extra installation or is lovelace ready to accept custom cards?. I get No card type configured.
{
"cards": [
{
"type": "custom:garbage-collection-card",
"entity": "sensor.papier",
"icon_size": "35px",
"icon_color": "green",
"hide_date": true
}
]
} I did add resouce via the flat editor in lovelace: resources:
- url: /local/community/monster-card/monster-card.js
type: js - url: /local/community/garbage-collection-card/garbage-collection-card.js
type: module
@vapid field check the first pinned message
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:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
@vapid field you need to install it first.
is there a way to always have HA open with the sidebar minimized?
@icy patrol on your profile page (last option of sidebar), there is an option for Always hide the sidebar
That's a device specific setting i believe. so you could have the sidebar showing on one device, and hidden on another device.
thanks Sean; but i would just like it to be minimized and not hidden. Was hoping there was a automation i could set to make it like that on all devices
In the top left corner of sidebar there is an icon to collapse/minimize the sidebar. Once you do that it should remember the setting.
yes, it does for the one device only
if i move to a different device, it does not keep that option
I see. It is device-specific, but you should only need to do it once per device and it will remember (at least it does here).
it does - was wondering if it can always remeber that on all device, even new ones
guess not..
yeah no way of doing what you want unfortunately... i believe it works this way (device-specific) intentionally so that you can show the full sidebar on a desktop browser, and have it minimized on say a tablet that has less screen real estate.
makes sense, thank you
np
@polar kelp : I would like to us card-mod - but the card-mod.js file on github seems to be broken (it´s just one line, equal if raw or the normal mode). Could you have a look about it?
Some of them are compiled as 1 line. Nothing wrong with it. All kahlik's cards (mini graph and media) are like that as well
Hmmm. For sadness it does not work and the Browser Console gives me a Uncaught SyntaxError: Unexpected token <
@vapid field then you downloaded the file as HTML instead of the raw Js
I checked it twice or more - all i can get is a file with just one line - even in raw
As I said that isn't necessarily an error
I just checked the repo and card-mod IS ONE line
Yes. card-mod.js is one line. But that line is 7000 characters long. Didn't want to waste space with newline characters when they're not needed.
Hahaha... it's easier to read when you do though..
As you say, it's compiled down to as compact as possible. If you want to read it, the original source is there as well on github.
Ah.. good idea..
I know there is https://www.home-assistant.io/lovelace/changelog/ for a changelog for releases.. but is there a specific place to look for changes that have been made since and might be coming in the next release? something not mixed in with the rest of the home-assistant commits
Anybody can suggest me how to implement checkconfig button?
name: Check Config
tap_action:
action: call-service
service: homeassistant.check_config
entity: switch.living_room_main_light
color: auto
icon: mdi:progress-check```
when I click it nothing happens?
I would like to have a spinning wheel and then to flash green or something
you are using entity-button
you can fully customize everything on the custom:button-card
@tulip mulch, I know 🙂 but I need response from homeassistant.check_config
you may need to template_sensor to grep confirmation message
with a timer to after a certain period of time to time out and show invalid
template_sensor?
how can I execute homeassistant_check_config in a template box in a developer settings?
AFAIK you can't, there is a #551844176556457984 app and/or #609399695466430465 you can use
@devout hatch there's probably an easier way but.. ```
- platform: command_line
name: Check Config Errors
command: "grep -ro 'YAML' /home/homeassistant/.homeassistant/home-assistant.log | wc -l | xargs echo"
unit_of_measurement: "Errors"
scan_interval: 120```
that will atleast scan for YAML errors..
you'll have to setup a script (so when you press the homeassistant.check_config button) to be called on by an automation that will trigger an input_boolean to flag your back to the button within a certain time.. like i said.. there's got to be an easier way.. but i'm not sure how exactly
Do I recally correctly that the gui editor throwing away service-call data is a known bug?
Thought so. Thanks!
is there a way to add a picture background in a card?
Anyone know of a Lovelace card that will let me control a Lutron fan that has 4 speeds? I found a card in HACs but it only works for 3 speed fans
Using vertical stack in a collection of cards. But the background color comes out as my top bar color. Where would I over ride this in the card? I have card-mod installed but can seem to override this one.
I am looking for something like this https://github.com/finity69x2/fan-control-entity-row
Hello everyone, do you have an idea how I can add a random id at the end of the image uri in image card please ?
My problem is that the image is not load anymore due to my browser cache
(The image change every 30mn)
The /local endpoint is not designed for dynamic content
There are some template cards you can probably use
If you have hacs or custom_updater you can use that as well
Thanks for answers, I'll retry local file camera (I failed last time, I'll do it this time! )
Thanks 😀
@wheat current All files that are stored in www/ are in the "local" That you said, am I right?
- local (as you said)
correct
But the file_pathfor the local_filecamera is the local path on your computer. Not the web path
Yeah, I got it, thank you ;)
How to change the theme of more-info?
Someone seen a google nest hub max with home assistant cast? Does it have two or three columns of cards?
hey there, for a few days i´m trying to change an icon and its color based on state. @mild veldt gave me some hints and for now i started usine lovelance-template-card and card-mod. My actual problem is that i could either coloring the mdi icon or change the mdi icon with a custom png. but i can not get both things work at a time. this is my code: ````
card:
entities:
- entity: binary_sensor.leq0175072_state
style: |
:host {
--paper-item-icon-color: red
}
image: >-
${states['binary_sensor.leq0175072_state'].state === 'on' ?
'/local/cust_pic/fenster_off.png' : '/local/cust_pic/fenster_zu.png'}
type: 'custom:hui-entities-card'
type: 'custom:config-template-card'
could you experts give me another hint, where my error is...?
wcard in a card?
@vapid field if you use imagethe icon element is no longer displayed. the image is set as the background image
Hmmm. But if i use entity-picture my png is not Displayed.
that's not what I said
the image option sets the background of the state-badge. there is no paper-item-icon-color to set
if you use the icon option, then you can set that
otherwise, you'll need to set a filter or something to give a red tint to the whole element
oh ok. i´ll have to try all this stuff 🙂 it´s really difficult for me as noob 😉
just to get it right. using this code gives me a red mdi icon : card: entities: - entity: binary_sensor.leq0175072_state style: | :host { --paper-item-icon-color: red } : >- ${states['binary_sensor.leq0175072_state'].state === 'on' ? '/local/cust_pic/fenster_off.png' : '/local/cust_pic/fenster_zu.png'} type: 'custom:hui-entities-card' type: 'custom:config-template-card'
yes, because your template is doing nothing useful now so it's just using the default icon
if you color is always going to be red, why not just make your picture red? I don't see that as part of your template
good idea - but the code above is just for testing purpose. At the end the icon should be red if the state is on and green if the state is off
Is there a way to get the little row of views at the top of the interface to show 2 (or 3) rows of cards instead?
I've been looking around at custom compact header a little, but it doesn't seem to be able to do that
Is there a place that has many screenshots of the card options?
@latent tree the demo site?
Can anyone tell me why this code throws an error?
type: entity-button
tap_action:
action: call-service
service: light.turn_on
service-data:
entity_id: light.sofa_lamp
brightness: 200
show_icon: true
show_name: true
entity: light.sofa_lamp
What's the error?
For a start, service-data != service_data
It also looks like your indenting might be off.
That's it, thank you. The error was that the service wasn't getting an entitiy_id. Because of the hyphen.
@tropic pike posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/9tw2nPTwZT/
I've made a dark theme based on blenders 2.80 theme, but certain text is barely readable (in server control for example), anyone know how to fix this?
@tropic pike That's usually due to the primary-color variable. I used a hacky work around here, but it is pretty much an all black theme:
https://github.com/Dino-Tech/Home-Assistant-Main/blob/master/packages/theme_control.yaml#L421-L491
.
Hey Thomas, still getting this error: fold-entity-row.js?v=0.7.1.7:1:5079 Uncaught TypeError: Cannot read property 'entity' of undefined
I only have 4 of them in my home screen that are identical and after stripping the trailing spaces, I still cannot seem to find the issue:
https://github.com/Dino-Tech/Home-Assistant-Main/blob/master/ui-lovelace.yaml#L1047-L1055
Thanks, (when you get a minute) @polar kelp
!resouces linking only works in yaml mode, correct?
@outer urchin no
so if i go in raw-editor it should work?
yes
ok thx
@polar kelp what happens if I try to save? does everything blow up? 🔥
If you've always been in yaml mode, nothing.
If you sometimes switch between yaml and storage mode... I have no idea what will happen to your storage mode setup.
Such a simple and genius hack. Great stuff, thomas! I think it's a great idea for core to have this and we can just disable save if in yaml mode.
is it possible to use the thermostat card to control blind position, setting a target position and seeing the current position move to it ?
the thermostat card makes climate service calls
@mild veldt ´´´!include``` doesn´t work tho, right?
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:
```
code here
```
Watch the animated gif here: https://bit.ly/2GbfRJE
DO NOT repeat posts. Please edit previously posted message, here is how -> https://bit.ly/2qOOf1G
@outer urchin no. !include !secret and YAML anchors are not supported via the UI mode
ok thanks!
@atomic glacier , how did you make your top bar a different color than the text?
@fading sorrel didn’t you ask for this? https://github.com/thomasloven/lovelace-gui-sandbox
Is there a way to get the little row of views at the top of the interface to show 2 (or 3) rows of view-links instead?
I've been looking around at custom compact header a little, but it doesn't seem to be able to do that.
@short jetty CCH doesn't support rows of tabs. How many views do you have?
I have ten views are "important" to me (different areas of the house) and then five that are less critical (basically just list of all the lights, all the switches, etc)
you're free to customize how you like, e.g. fork CCH or something, but creating multiple rows will look aesthetically-poor, IMO, is going to take up a good portion of vertical screen real-estate
Yeah, I'm thinking a landing page with a list of views might be better
that sounds much cleaner
maybe even hide the view tabs to make it really clean
just have the single landing page in your row
does lovelace just always choose the first view as the default?
Yes
@tropic pike Actually, by accident, but it works 🤔. There is a comment by primary-color in the theme I linked
Has its limits though
@atomic glacier I saw the comment, but when i make that white, then the top bar turns white too, which kinda defeats the purpose of a dark theme. This doesn't seem to happen with your theme though..
hey guys quick question. I am trying to filter a card in the UI to only show doors that are open and I am getting the error expected a value of type 'undefined' for 'state_filter' but received 'on'
Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
Show us what you've done
- entity: binary_sensor.door_back_left_contact
- entity: binary_sensor.door_back_right_contact
- entity: binary_sensor.door_front_contact
- entity: binary_sensor.door_garage_contact
- entity: binary_sensor.door_side_contact
state_filter: 'on'
show_header_toggle: false
title: Doors
type: entities```
Hmmmm, what card type is that?
entities
yeah
well why not lol
Why not, indeed, @sour halo. https://developers.home-assistant.io/blog/2019/09/27/hacktoberfest.html
I realize that's not very clear, but it was meant as an invitation to change what you don't like.
lol i figured that much. but I think if I was that good, I wouldnt be asking so many dumb questions here.
There's no better way to learn. Believe me.
Ask questions, try stuff out, get it wrong some of the time
I'm still doing that myself, on more than just HA 😄
lol
i still cant get it to work. Now I am getting a gui error
do i have to create a seperate lovelace yaml file?
just kidding got it to work
had to start from scratch, I was copying some stuff wrong
is there a "nice" way to link to another view in Lovelace?
I see, apparently its action: navigate
@split granite just saw your github page with your UI. it is impressive
Well, it's impressive because of the hard work of others
Floorplan is one of my favourite cards
It takes work to get right, but worth it IMO
yeah, once i get everything setup, I might look into that
@polar kelp for some reason i cant seem to find the browser_mod.toast in services on developer tools
was just wondering if its a bug on my side, i can see all others
using version browser mod version 12.1
It seems I didn't actually make a release of that...
ohh
Try version 13
that was fast hehe
working perfect, thanks alot !
@tropic pike That is why the comment says # <<---- DO NOT CHANGE # # # , but works with my theme. with all black
@polar kelp Did you see my post from this morning?( morning for me, lunchtime for you LOL)
Yeah. I'm out of ideas
Doesn't seem to cause any issues, other than the error🤷🏻 Thanks for taking the time to look at it!
@polar kelp any ideas for a card that has lights/switches that were on in the last few minutes? Like the lights currently on but including lights that were on but just went off.
It'll probably be a feature of whatever auto-entities
.
Hi @polar kelp i have implemented your lovelace-toggle-lock-entity-row but i notice when i click on the toggle at the endge, it stills toggles the switch even though the lock is on.
What are others using for toggle locks? Perhaps i can see what else is out there as well
@icy patrol you actually peaked my interest on this, I might be looking into adding some core functionality on this. We'll see
But, otherwise, the button-card has a good lock mechanism
thank you @mild veldt
can someone help give an example for groups? I want to do what it says https://github.com/thomasloven/lovelace-auto-entities#about-monster-card :
auto-entities can add all entities from a group
I tried https://pastebin.com/UwemPNKn but I don't really know where to start.
looking for general feedback on this idea of a card that blocks input to the card defined within until toggled/pin entered/confirmation dismissed/or just blocked all together:
type: restriction
restrictions:
confirm:
- user: ian
pin:
- user: wife
code: 1234
lock:
- user: guest
block:
- user: kids
card:
type: thermostat
entity: climate.house
I thought about adding a show restriction, but sounded like a nightmare to try to perfect the look of your UI if you started employing that
seems like it would be useful for things like climate and media players and some people have scripts and automations that do things that you dont want changed by mistake because someone didnt know what they were doing like water sprinklers or other automations.
the whole homeassistant how it is right now would sound like a nightmare in the begining before it evolved. Thing is as things evolve the use-cases become clear and what is needed/used is what ends up getting developed.
the thing i like about lovelace-toggle-lock-entity-row is the fact it just adds a lock to the existing row without having a new card allocated for the locked entity
so if you have a bunch of switches and you just want a few of them to have lock control - it adds that in its current location
my thought was that you could apply this to a row or element as well; not just a card
Is the entities card the only way to see a real time countdown of a timer?
yes, currently
button-card might support it actually; can't remember if that was added or not
yeah, button-card does display it, I think
I would like to add it to badges/glance/entity-button...eventually
It would be really nice if it had its own gauge-like card to add a bit of a visual aspect to it
maybe
hey guys.
returned to HA after 6 months... updated to latest version... and my lovelace config now has weird X and Y axis scales/numbers.... any ideas why? https://i.imgur.com/90MM2vi.png
all these temps are around 20C range... but they are shown at 2-4 range in Y axis.... also this is 48 hours... but X-axis's legend is all weird... too much stuff displayed probably.
@mild veldt lock card sounds interesting.... 💡 a popup keypad would be sweet 😉 to save UI space . Kinda like if someone clicks on a restricted card, the keypad popups up and if wrong code entered the screen goes into blackout mode..... 😜
won't be a keypad, but yeah
at least I don't know how to do that. gotta remember I'm just a C++ dev pretending to know frontend stuff 🙂
@polar kelp have tried the Cookbook example for - this and scripts and nothing happens? Don't see any errors and several others have asked me the same thing because they can't get it to work either...
Am I missing something? Have tried on FKB and Chrome
EDIT:
Actually, this shows up, but not sure it's related:
webpack:////card-tools/popup.js?:28:14 Uncaught TypeError: Cannot read property 'close' of undefined
@polar kelp how can I add all entities from a group using auto-entities?
say I have a group of lights and I want a card that has them all together. like what happens in states ui if you have a group.
can you give an example?
https://pastebin.com/UwemPNKn - this is how I imagine it to be, but its not.
I don’t remember clearly, but I think you need the full entity id of the group. group: group.night
@atomic glacier try manually clicking open a more-info dialog, close it and try again.
ok thnx
@polar kelp Tried on both browsers, no errors, no luck
EDIT:
See below
Okay, got it to work on FKB and Chrome on mobile.
deviceID:
- this
doesn't work, but deviceID: this does. 😉
@atomic glacier Can you share your setup for that? I can't get that to work for me at all
@faint echo sure, https://paste.ubuntu.com/p/SQJnN3MRY2/
I have converted 16 out of 54 mobile popups so far and tested on FKB and Chrome and haven't had any issues or errors.
EDIT: works on my Android, but not on wifes iPhone. Will test some more in the morning. 😐
Hi all, I'm trying to optimize my lovelace UI with some foldable rows, thusfar it's been working great but I need one final little improvement and I can't really find how to do it.. I've made a foldable row of a group of lights. The head is the group itself and the foldable entities are the individual lights + colour temp.. It all works great .. but I would like to replace the boring temperature slider with a fancy one.. lemme get a screen shot
I wish to replace the 325K row
(Can I paste images or Imgur links here ?)
When I click to open a light or group, I get the fancy colour picker .. is there a entity row type for this ?
Not that I know of.
@polar kelp Hey Thomas seeing that you are here, have you seen this? https://github.com/thomasloven/lovelace-gap-card/pull/2
Oh! Thank you. I will merge when I’m back at my computer.
No probs. I thought PRs should alert you somehow but after waiting a week or so I figured probably not.
Also that gap card is a godsend. Thank you.
Howdy! Is there a way to have a buttton card to open spotify app on my tablet?
For some reason I don’t get notified on prs, but I do on issues. Should probably look into that...
@atomic glacier Still not working for me, no idea what is different between our codes -> https://paste.ubuntu.com/p/93vhKcw53G/ It closes the popup window but the subsequent window never opens
@faint echo have you got the Cookbook example working using deviceID: this ?
What type device are you using? I have only been sucessful with Android so far, but will be working on the others today, while I have some time.
@polar kelp a couple possible examples for cookbook...? 🤷🏻
https://paste.ubuntu.com/p/KGCG6XvCnm/ just not sure what interests others, but I have 6k+ lines in my scripts.yaml mostlybrowser_mod popups, I'm sure I can dig thru and pull out more🤔
Is there a way to use the entity_picture from a media_player as the state_image in a picture-glance card?
Im trying to get this to work; https://community.home-assistant.io/t/lovelace-gauge-card/58880 and Im probably an idiot for not getting this to work... can someone help me with please?
I have gauge-card.js in my config/www folder, but my uit-lovelace.yaml is completely empty
Adding;
resources:
- url: /local/gauge-card.js?v=1
type: js
to ui-lovelace.yaml doesnt seem to work, should i add it in raw editor instead? (I also have other resources: there)
@half cairn good start --> https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins
@hearty plover make a generic camera: https://www.home-assistant.io/integrations/generic_ip_camera/ and use a template that grabs the image from the media_player in the still_image_url.
then use the camera in a picture-glance or picture-entity card
Brilliant, thanks!
@atomic glacier Thanks! still confused though
I have the resources url's in my raw editor ' file', but i cant figure out where to put the configuration for the card.
The instructions say put it in my ui-lovelace.yaml, but i dont think thats being used, since its empty
and via Configure ui, add card I cant get it to work either..
how do you make a remote entity show up lovelace?
@half cairn I would install HACS and go that route. It does everything for you, pretty much.
I think I figured it out, always had the feeling something was off on my installation, turns out i had to put lovelace to yaml mode to be able to follow most install guides
Nope thats not it either... wtf i dont get it.. lol
I cant figure out where to put the config for the card.. 😦
HACS is easy and most all documentation is up to date and clearly instructed on a per card basis. It also has a variety of cards, plugins and components available to choose from and it auto updates EVERYTHING for you 👍🏻
HACS FTW
If it auto updates that is a bug @atomic glacier it should definitely not do that
"It allows you to easily update", how's that? 🙂
(moving camera Q to pertinent channel)
@wheat current 😬 oops! Totally blew that one. I meant it makes it easier to update and keep track of all the good stuff. At least that's what I heard 🤔
Does anyone have an example of how I would change my smoke detector output from off to clear?
Hello guys. I have a small issue on lovelace. I have created a template sensor that adds 2°C to one of my temperature sensor. Then I try to add it to a lovelace history graph card that I have. The issue is that the template sensor is put in a different graph and the Y axis is in "degrees" and not in "°C" like the others
Here is my conf.yaml to create the template sensor
sensor:
- platform: template
sensors:
temperature_sensor_hue:
friendly_name: "Temperature Sensor Chambre parents"
unit_of_measurement: '°C'
value_template: >-
{{ states.sensor.capteur_chambre_temperature.state | float + 2 }}
device_class: "temperature"
any ideas why it still displays "degrees" ?
@proud carbon use device_class: temperature
@raven nacelle still the same. Do I need to do anything else than restarting HA to have lovelace update?
how do the attributes look like for the sensor?
Here is the attributes of the template sensor in "devlopment tools" https://snipboard.io/I2Qum9.jpg
@frank ocean check this page, it is device_class: smoke https://www.home-assistant.io/integrations/binary_sensor/
and here is what happens on Lovelace https://snipboard.io/V2qf6h.jpg
@proud carbon change it to unit_of_measurement: °C
@raven nacelle still not good 😦
actually, it's weird
it's working and not working at the same time. Schrodinger must be part of it
oh, I think I get it. as there is "historical data" it keeps a chart with the old "not working" data, and it now includes the good data along with the other graph
will check in 24h. Thanks mate
Is there a way to make the cusotm upcoming media card smaller?
@proud carbon I had the same issue a while back, but happened sporadically, decided to go the custom card route
Is there a gallery somewhere with a bunch of lovelace examples to draw inspiration from?
https://www.home-assistant.io/cookbook/ this is the closest I have found
@vapid field https://demo.home-assistant.io/#/lovelace/0
https://sharethelove.io/picture-elements-cards/fitbit-card this might be useful too, just came across this
wow, haven't seen that one in a long time. I made that like a year ago 🤣
I enjoyed going through it!
Does anybody have a cool weather information page? I am looking for inspiration
@latent tree lots of people like to have a windy iframe
Use browser_mod to then bring up a pop-up with windy and forecast info
cool I will look into iframe
Right now I am trying to add as much stuff to lovelace as I can and then I will refine it all
Awesome thanks guys!
does anyone know why the darksky sensor stops my HA form restarting?
- platform: darksky this is in my sensor.yaml file.
nvm It was a formatting issue
goodmorning i've a weird issue
if i change themes the card background doesn't change
already deleted the browser chage?
I have upgraded to the latest reelease of HA and now the switches for lights, power sockets are gone in the UI. If I do a fallback to 0.99.1 they are visible again. What could cause this issue?
In latest release it looks like this: https://imgur.com/a/Bm9fQ7e
In 0.99.1 https://imgur.com/a/Iq0zZ3p
That's a custom card, look for open issues in the repository for it, there where some cahnges in this release that custom card devs need to adjust
It's allready fixed, just update that card
I am not a violent person, but HA is making me want to punch my monitor so hard...
I'm sure I'm doing something wrong, but lovelace either moves around text and mess up my configs, or it works until I want to edit something, then it gets messed up.
UI editor sorts keys alphabetically
Right. So I'm just trying to add a custom card to lovelace. When I add the code through the raw UI editor, the card pops up and looks like it should. But as soon as I press "edit" on it, the card changes to red code and starts with "Custom element doesn't exist: xiaomi-vacuum-map-card.". But it does, and it worked until I pressed "edit"
and you are using the UI and not lovalace-ui.yaml?
@wheat current You're my hero. Thx, forgot that!
If you were asking me, @wheat current, then I am using the UI
Works great for me 🤷
Well, okay then. I guess mine is too
is there a method to hide the switches on the webui for lights
so that smart lights only show the state, are dimmable and such
but you can't turn them off
getting some of these zigbee inwall switches soon
That sounds like it belongs in #330944238910963714
just kidding 😉
So a read-only indicator that tells you if it's on/off and dimmable, etc?
^^
Basically everything that a light entity offers
but without the ability to turn it on or off
since the status changes anyway when i turn of the xiaomi inwallswitch via zigbee
is there some yaml customization where i can just hide the toggles for single lights?
Are you using HACS and/or custom cards? If so, "Button Card" seems like it'd do the job.
haven't really done much on the ui side of things so far. any reading i can do on custom cards?
Or something like https://www.home-assistant.io/integrations/light.template/ with "blank" turn_on / turn_off actions...seems like that might be a bit of overkill.
https://www.juanmtech.com/home-assistant-new-user-interface-and-ui-editor/ eventually gets to custom cards. Not sure if HACS requires yaml mode, but it's a great tool that acts as a repository of custom cards.
Hacs does not care how you configure lovelace
hmm hacs seems to load for eternity when trying to add it via the integration page
hello there, I have a question about the cover tiles, when we click a cover control we get some details like a timeline and a bar to select the position 0% to 100%. Is there a way to add here some customer presets. Like adding a button that will set the position to a certain percentage?
With a custom card you can do anything...
@split granite Great! I'm a beginner with HASS and Lovelace, can you point me to some doc o help me understanding how to achieve that?
@split granite Ok well, I'm not a dev. And I would like to keep the standard Cover card, just adding some customer buttons to it. Do ou think I can find some help about this somewhere?
where I can find google chrome deviceID for browser_mod?
Many folks who've created custom cards aren't devs, but the only way you'll get what you want is by trying yourself 🤷
Can I find somewhere the code for the basic card? So I can try build on top of it?
@cloud vigil https://github.com/custom-cards/boilerplate-card
where I can find google chrome deviceID in a google chrome for browser_mod?
With a browser-player card, using the debug call, checking your sensors in dev-states...
@cloud vigil Official examples are here, btw: https://developers.home-assistant.io/docs/en/lovelace_custom_card.html
@polar kelp With a browser-player card, using the debug call, checking your sensors in dev-states is it for me or.. ? 🙂
yes
Pro tip: You can apply filters to the dev-states list
That's cheating
@polar kelp https://i.imgur.com/UzIDioi.png
I do not have any attribute with that name
Iput into my config browser_mod and I restarted HA
ok, I found it through F12 debugger 🙂
hmm I added browser_mod like this browser_mod: prefix: "browser_" devices: 7473de72-3333333: name: HAF Chrome but after restart I cant find light.<deviceid>, media_player..<deviceid>, sensor..<deviceid>
after hard reset of HA it works now..thanks
This looks very close to what I want to do : https://github.com/custom-cards/button-entity-row
But I'm not sure on how to set it up?
Do I have to add lines in the configuration.yaml to get this working?
Check the topmost pinned message in this channel
@polar kelp do we always need to get them loaded localy ? In the doc he looks like we can charge it through a URL.
resources:
- url: /community_plugin/button-entity-row/button-entity-row.js
type: module
You don't need to have it locally, there are services that allow you to reference GitHub files directly.
Most users prefer to have it locally
is there a way to graph multiple sensor inputs? I use darksky for weather and would like to make a graph of the forecasted highs and lows for the week. Does anybody know how to do that?
@midnight basin posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/zWM5D4nSqx/
Hey there, is there an (simple) solution on how to change the displayed state? In my case a window has the state "closed" and i want to change it to "zu".
Template sensor, or add the translation for it on lokalise
thank you!
@wheat current i tried it with a template. is there a solution to do it a more comfortable way? in my case i want to set the displayed state for all entities in the template:
Ludeeus is away for 18m 52s with a message :point_right: tea time
@cedar kestrel posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/XzPD3pQ7yM/
Could I use a wildcard or something like this?
https://imgur.com/RLidQmX
Why is timestamp on X axis not displayed correctly?
Also why is graph showing wrong numbers on the Y axis (three different temperatures are in range of 15-25C)
and this is ui-lovelace.yaml: https://hastebin.com/defexifayo.bash
also all my other graphs (showing voltages, temperatures, power usage) also show the same problem on the X axis, and are also wrong on Y axis...
used to work OK in the time of HA ~0.96
Could I use the device_class somehow to achieve the name changing in my template?
Hello, I would like to be able to change my KNX thermostats Presets centrally. What I would like is having 4 buttons to set Comfort, Away, Night, Eco activating in the selected mode my 8 KNX thermostats at once. Any guidance for a starting point to achieve that?
hey i have a small problem i wanna display a card for whe me and/or my Gf arent home to show our location so i found conditional but that only works if all the conditions are true so if one is home and the other one not the card wont show is it possible to make it that it shows when one of the devices isnt home ?
`
Where Are they
- type: conditional
conditions:- entity: device_tracker.life360_nicolai_vds
state_not: home - entity: device_tracker.life360_laurien
state_not: home
card:
type: entities
title: Who is where?
show_header_toggle: false
entities- device_tracker.life360_nicolai_vds
- device_tracker.life360_laurien
`
- entity: device_tracker.life360_nicolai_vds
thats what i have atm
@arctic thistle maybe 2 cards with 1 condition(person) on each card, then if either is not home it will display, ? or can be templated, but that involves more work, not sure
@atomic glacier yeah but then whe we are both not home that will show 2 cards and thats a bit much 😒
Correct, show_empty: false https://paste.ubuntu.com/p/bYyNG2wGZC/ at least i think,
Template would be better
no now i have it 2 times 😒
https://imgur.com/a/G0vqwtb
yeah probaly will try that
https://imgur.com/RLidQmX
Why is timestamp on X axis not displayed correctly?
Also why is graph showing wrong numbers on the Y axis (three different temperatures are in range of 15-25C)
and this is ui-lovelace.yaml: https://hastebin.com/defexifayo.bash
also all my other graphs (showing voltages, temperatures, power usage) also show the same problem on the X axis, and are also wrong on Y axis...
used to work OK in the time of HA ~0.96
Could the cause of this be regional settings of my Alpine linux installation? What else could it be? Ideas?
@polar kelp did you add interception of more-info events to browser_mod and I am missing it?
few months ago when last time i checked it worked correctly, now it is just a blank page for grafana for example
@primal sandal nothing has changed in iframe that I can think of. Are you sure that both are http or https per the warning in the docs https://www.home-assistant.io/lovelace/iframe/
Verify that you can view your grafana link in another tab
it is working, i can view it in IE, chrome , FF
copy pasted the same address
Flexget is working for the same address but different port...
flexget, kodi works, grafana and router page does not, strange
i think its not HA issue, it might be grafana and router disable embeding
Hey guys im trying to get my lovelace-UI properly set. I am having trouble with the vertical and horizontal cards. Do I just make 3 vertical cards to have 3 columns?
@mild veldt no, I didn’t.
I'll be following layout-card seems to be really interesting
So i tried a custom card(https://github.com/kalkih/mini-media-player) and its not working for me. Even after adding the custom card to the config in the raw config editor i get: Custom element doesn't exist: mini-media-player.
anybody an idea what i am doing wrong?
i installed the custom card trough HACS
i am using lovelace in yaml configuration mode.... how can i bring the /states output into one of my panels?
I want it as my default view .... surely that should be possible?
Lovelace does not use the previous configuration. You can recreate the view in lovelace
@thorny garnet work through the top pinned message in this chat
@upbeat sierra assuming you don't want to save your current lovelace view; you can delete your ui-lovelace.yaml, remove yaml mode from your configuration and delete .storage/lovelace. This will revert you to the auto-generated view which is almost identical to /states
layout-card is giving me weird issues with my tablet dashboard. On my PC it does show 3 columns but on my tablet it shows 2 columns.
I have cleared the cache also on the tablet, my phone shows one vertical column. Or maybe im doing something wrong.
max_width: [30%, 40%, 30%]
max_columns: 3
Nevermind I just used vertical stacks
hey there, i want to change the displayed state. @wheat current gave me the hint to use a template sensor. I tried to achieve it with the following code. is there a chance to write the code more "generic"? My target is to change all the entities displayed states and not just one: ``
@cedar kestrel posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/jm3xHDrHZN/
#330944238910963714 would help with that 😉
Ideally though you want to use the device class (https://home-assistant.io/components/binary_sensor)
@mild veldt i tried what you suggested. notthing yet
ok thx. i will try #330944238910963714
So i still get: Custom element doesn't exist: mini-media-player.
While i have added this in the raw config editor:
- type: module
url: /community_plugin/mini-media-player/mini-media-player-bundle.js```
and i think the path is right because when i go to that link it shows me the javascript file
have you cleared your cache?
Also, that path does not look right. It should have /local
not when you are using HACS
i cleared my cache
even tried mozzila firefox instead of chrome
Browser console?
At the very least it will tell you "custom element doesn't exist"
Refresh the page with the console open
You must have a nice UI
This page may contain erotic or adult imagery. You'll need to sign in if you still want to view it. 😂
haha wait but how
new imgur "feature" I guess
euhm do you want me to send the screenshots via another service you trust?
no, i looked at it on my phone
I'm at home, so I dared. It's just an empty console.
oh haha
...although that's a company phone as well...
yeah is that a good thing @polar kelp ?
When things don't work, any error is always better than no error...
thats right but the only error i get is:
Custom element doesn't exist: mini-media-player.
{
"type": "custom:mini-media-player",
"entity": "media_player.living_room"
}
haha i did not get it. this is all still verry new to me so i was like. wait do i need to know where to add this? is this common sense and will i say something stupid if i ask 😂
don't worry. we typically only call out @wheat current for mistakes
i refreshed with console opened, still no entries
Did you save after adding it to your config?
yes\
And you are not using the sandbox custom card, while really in yaml mode?
That's a no
sandbox card?
If you don't know what it is, you are not using it 😉
yaml mode?
@wheat current 🤦
oh okay
I'lll go hide now
i just installed hass.io on a raspberry pi 3 and used basic easy update stuff. so dont ask me those guru questions 😂 😉
Actually, this is a @wheat current question. After installing HACS; if you didn't have a www folder do you need to restart again after installing your first plugin?
yes?
no
oh
That only apply to /local
but it will create that folder right?
yes
i knew it
Could you show us the top of your raw config?
^
wait. can it be that because hacs did not create the folder itself that the path has no acces or something?
no
No. If you can access the js file, that's ok.
okay
@thorny garnet is your resources section nested in another config? maybe share it via hastebin, the whole thing
- type: module
url: /community_plugin/mini-media-player/mini-media-player-bundle.js?v=0.1
title: Tilburg
views:
- badges:
Is that copy-pasted?
@mild veldt i have no idea
Because resources is spelled with an s
oh god
nvm https://github.com/custom-components/hacs/blob/master/custom_components/hacs/http.py#L123-L124?v=0.1 might break fetching it from HACS, not sure if I added logic to handle that
And there you have an optional setting for your restriction card, @mild veldt Edit: Translation problem. Wasn't as funny in English.
wait a sec if this was it all this time 😡
i feel dumb
yeah i just tried that ?v0.1 thing because it said that somewhere
like i said
ive tried stuff before asking for help 😂
still it does not work yet
shows me the standard card like before
the standard card?
wait nope my bad
was still checking in edge()one of the browsers i tried
was still cached there
@polar kelp thanks for debugging my faulty english
😂
good evening all
any idea if i can use an iframe card within a conditional card?
- type: custom:vertical-stack-in-card
cards:
- type: conditional
conditions:
- entity: person.ezra
state: 'home'
card:
- type: iframe
url: https://IP:8123/local/freenas/smart.txt
title: FreeNAS SMART
aspect_ratio: 65%
doesnt work right now... No card type configured
That's because you are trying to hand a list of cards to a parameter named card
Or in other words: you have a dash too much. Compare to the example in the docs.
Thanks, will figure it out
To an extent.
https://www.home-assistant.io/lovelace/views/#panel-mode can be used with e.g. https://www.home-assistant.io/lovelace/horizontal-stack/ orhttps://github.com/thomasloven/lovelace-layout-card
Or you could use https://github.com/thomasloven/lovelace-card-mod I guess, if you only want to make it taller or don't care about the cards to the side...
@errant grotto posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/MmGPb7yWQB/
Far, far, far too many - in there I suspect
Nope, it really does use - per "variable"
@split granite hmn this works great exept the text is left and not centered
Never seen that card before
That's the one that makes templates for other cards, right?
yes
Then that likely has nothing to do with your problem. Remove it and get it working with just the card you actually want first.
Small steps
ok thank you
Case in point, you don't even have a card: defined in what you posted. So it's impossible for us to even begin to guess at what you are trying to do.
...ironic...
@polar kelp you are right. so 2nd try complete file example https://paste.ubuntu.com/p/F5QMtjGmTn/
and the repository i got the files from: https://github.com/jimz011/homeassistant/tree/master/lovelace/templates
Is there any relationship between "Lovelace" and "Lovén", or is that merely a happy coincidence?
Coincidence https://sv.wikipedia.org/wiki/Ada_Lovelace
Fun fact. I've at least twice been accused of "inventing" lovelace.
But I'm afraid you'll all have to blame Balloob for that one too...
Hahaha. I assumed it was named after her, but your custom cards are so prolific, there existed in my mind a tiny chance 🙂
Hi all
It was fun reading (or rather, attempting to read) about Ada in Swedish, thanks for the link 🙂
Anyone tips why this not work. I try to use toggle to execute my script, but not working.. if i use more-info i can click execute when new pop-up show up, but want that works just click to icon nothing more
if something else thats great if i can get icon to "state-icon" and give entity what give this icon realtime "state" (light bulb on when entity is on and light bulb off when entity is off)
is toggle the correct action for the script?
old hass.io works with script and toggle ok
of course not get that state-icon what shows real state working, but toggle command working ok
of course my hass.io goes quite old i think 0.84version etc
and now just before started edititing my ui-lovelace.yaml i updated my hass-io newest version
100.2 etc
Oh. I didn't even notice it was the Swedish page. Sorry
type: entity-button
tap_action:
action: call-service
service: script.1561839608154
hold_action:
action: more-info
show_icon: true
show_name: true
entity: script.1561839608154```
maybe change your entity to your light bulb?
is icon a custom lovelace card?
thanks @polar kelp
that first thing repair that
need to red that links what you give
thanks
Anyone have tips how i get just clean page my tablet where i only check home status
Here example pictures want that all columns off, is that possible?
You want to get rid of the red outlined areas?
Has anyone had experience using button-card with the browser-mod popup? I'm getting some funky formatting.
https://i.imgur.com/vLXWxy5.png this is what it looks like in a view, and this is the same card config in a popup https://i.imgur.com/qw2Y5gc.png
- type: custom:button-card
entity: timer.first_timer
show_state: true
show_icon: false
show_name: false
styles:
state:
- font-size: 100pt
@elder pendant yeah want that red outlined areas off. Get more display area just my floorplan
The left-hand drawer can be completely collapsed in your user settings. (click your initial in the bottom left corner and turn on "Always hide the sidebar")
The header can be shortened or disabled using the custom component "compact custom header"
Hello. Can you tell me how to turn back automated generation of UI ? I've clicked tripple dot menu, it warned that manual edit will prevent automated generation but I'd like to turn it back on - sorry I couldn't find that bit of info anywhere
stop home assistant, delete the file <your-config-directory>/.storage/lovelace, start home assistant
Thank you @elder pendant !
Thanks for mentioning "compact custom header", looks neat!
@small pike How did you get your Lutron fan speed switch to show up at all? I can't seem to get that and me having them in Luron causes the states of the light switches to not be maintained.
Anyone else know how to fix the Lutron fan speed switch issue?
Is there a way to completely hide the sidebar for specific users.
hiding the sidebar is per device, not per user. Though you should be able to accomplish that using compact custom header with some user exceptions
i will try thanks
kiosk_mode sounds like the setting you're looking for
ah thanks for that
Well it's probably a different thing under the hood, but it should be the same result
You need to include the service_data
And this time ...
@slender temple Please use https://www.hastebin.com/ or https://paste.ubuntu.com/ to share code or logs.
this card here: https://paste.ubuntu.com/p/vVh7kzkCsN/
seems to affect every counter in my system
It doesn't assume that you're trying to do anything to that entity.
So you're sending the "increment" service without a target...not surprising that it's affecting the entire system.
(string)(Optional)
Service data to include (e.g. entity_id: media_player.bedroom) when action defined as call-service
Default value:
none```
ohhhh im an idiot. assumed it would affect the entity on the button, not have to be defined seperately
i got it
thanks!
I'm not as nice as @elder pendant , so I'll allow you to call yourself an idiot 😉
thanks for helping @hearty plover
You're very welcome, glad to be able to help!
Showcase: auto-entities + card-mod
Enough of the eye candy damn you!
shakes fist
Now if you'll excuse me, I need to check HACS to see if those are in there...
Auto-entities isn't yet.
Given how many pints I'm in, that's probably a good thing
What does auto-entities actually do? I guess I'm still newb enough that this looks like something that could be done with vanilla HA...
It populates the entities: list of another card automatically based on a number of criteria.
Ah, so what we'd have to manually enter now, can eventually be automatic. Neat!
@polar kelp posted a message that is too long, it is moved here --> https://paste.ubuntu.com/p/F8MpnpSqFS/
Hate when it does that... (...to me. I like when it does that to others)
Nice
- type: custom:auto-entities
card:
type: entities
title: Batterier
filter:
include:
- attributes:
device_class: "battery"
options:
secondary_info: entity-id
style: |
{% if state_attr(config.entity, 'unit_of_measurement') == "%" %}
:host {
--paper-item-icon-color:
{% if states(config.entity)|float < 25 %}
red
{% elif states(config.entity)|float < 40 %}
orange
{% else %}
var(--text-light-color)
{% endif %};
}
{% endif %}
What does ":host" do?
I just installed hacs and then trhe mini-media-player card but I can't figure out how to actually add a card.. when I try manual card and specify it as "type": "custom:mini-media-player" it tells me "Custom element doesn't exist: mini-media-player." even after a shift-refresh
You still need to add it to the header of ui-lovelace.yaml
oh I thought that was now automatic?
just so I don't screw everything up.. is there a subset of that I need to do or all of it?
With config splitting making that automatic could be challenging
Sometimes I install plugins with HACS that I don't want to add yet, so I'm okay with it being a manual process (in case Ludeeus is listening 😉 )
@viral sorrel You probably just need step 3
It's in ui-lovelace.yaml...can you split that?
Yes
absolutely
My entire lovelace config is split into various views and cards
Hmmm. Using the !include syntax?
It could be added automatically in storage mode, but I think you'd need to log in to your hass instance from inside the hacs panel.
Yes. The entire !include family of commands work.
Like !include_dir_merged and everything
Nice. I guess I just didn't think about it.
there we go.. awesome
Changes to !included files won't be discovered automatically by lovelace, but Three dots -> refresh will pull them in.
now I can get rid of those blights with huge smudgy cover art from my sonos speakers
how the hell does rearranging work? 😛 I tried sending something "up" thinking it would eventually make it's way to the left column and to the top... but it seems to jump back to the end
Hey @split granite. We're missing a three-dots emoticon! mdi:dots-vertical
🤔
it seems some lovelace cards control their own position while others can be rearranged? like there's two sets of rules
I could explain how the sorting works, but I need to sleep, and it wouldn't help you anyway.
@viral sorrel i get the same thing. only way to avoid it is to declere the columns you want as vertical stacks and put things exactly where you want them (for me anyway)
Basically, cards are added one at a time, starting from the top left, and moving over to the next column once the first one gets long enough. After that, it picks the shortest column.
Check out layout-card...it allows you to arrange things as you please. Once you understand how to use it, at least.
The arrows changes their position in the queue. Not on the page.
yes that's fine.. but explicitly moving them up or down does not have the expected result
queue? hmm. is that defined by the actual position in the lovelace file?
yes
it would be better to avoid the "after that it picks the shortest column" bit imo 🙂 but i'll check out the layout-card - thanks for the tip
@polar kelp 
that's not in hacs by default right? I just get horeshow card if I search for layout 🙂
lol.. I love the diagrams with the arrows.. it's like a puzzle 🙂
Correct, it's not in HACS (yet?): https://github.com/thomasloven/lovelace-layout-card
Hmm...doesn't look like HACS supports dependencies, so layout-card might be more difficult than others.
are lovelace cards considered Plugins?
I call them plugins, because they are not always cards.
@hearty plover Nah. Almost all of my cards have required card-tools. I'm in the process of removing that dependency, and add them to hacs one by one when they are updated.
There's no official name for cards/entity rows/elements, I guess...
I left it as the default "integration" in HACS and it didn't like that.. then I did a reload and have to wait.......
type: js
I got
2019-10-16 07:32:55 ERROR (MainThread) [hacs.api] Validation for thomasloven/lovelace-layout-card failed with GitHub returned 404 for https://api.github.com/repos/thomasloven/lovelace-layout-card/contents/custom_components.
@polar kelp Hope that doesn't mean you're violating DRY instead 😉
Background task running, this page will reload when it's done... how long can it possibly take? 😛
Not from my end. But the end user could be loading the same code twice or more, unfortunately...
it's been 12 minutes
Hi everyone, rebuilding my system from scratch. Almost there now, is there an issue with the mini-graph-card on 0.100.2?
Mine all state "custom element doesn't exist", even though its in the ui-lovelace etc
im sure im being a numpty
More showcase: layout-card. Same view shown on three devices with different screen width (not to scale).
@mossy gale Start with this list: https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins#common-problems
im being an idiot @polar kelp
my machine been offline a week or more, looks like the url has been changed from my previous config to include -bundle.js at the end!
gosh and darn
yep, that fixed it! FFS!!! From now I am not assuming things don't change in the space of a week or so
now i can goto bed without fretting
it seems I can't add the layout-card via HACS
Could not add 'thomasloven/lovelace-layout-card' with type 'plugin' at this time.
If you used the correct type, check the log for more details.
Integration didn't work last time
is github broken at the moment or something?
Works for me
what specifically works for you?
adding a repository to HACS
The repository has to follow HACS guidelines for it to work
That's a good example of a repository that does not follow the HACS guidelines
Oh wait no it should theoretically work if I'm reading the docs correctly
let me try to add it
Works fine for me when I added it
won't work here
2019-10-16 07:32:55 ERROR (MainThread) [hacs.api] Validation for thomasloven/lovelace-layout-card failed with GitHub returned 404 for https://api.github.com/repos/thomasloven/lovelace-layout-card/contents/custom_components.
What version of HACS are you running?
current.. 0.15.7
I'm on 0.15.5, so 🤷 don't know why it would work for me and not you
well I guess something either got fixed or broken :/
what happens when you go to https://api.github.com/repos/thomasloven/lovelace-layout-card/contents/custom_components ?
I get a json object:
{
"message": "Not Found",
"documentation_url": "https://developer.github.com/v3/repos/contents/#get-contents"
}
same.. but weirdly lovelace-card-tools works but gives the same message
I think that error is from trying to add it as an integration though
I tried both integration and plugin
It's not an integration, so there is no reason to try that
All my plugins follow the guidelines, because they defined them...
how can I debug this?
Could not add 'thomasloven/lovelace-layout-card' with type 'plugin' at this time.
If you used the correct type, check the log for more details.
Man, I sound entitled... but it’s true.
->Refresh