#frontend-archived
1 messages · Page 133 of 1
are you sure? this is under the section 'Services'
service_data is only used in lovelace cards, not automations
any chanc eyou know what the proper keyword is?
in automations/scripts it's data or data_template
also data_template is only if there's a template in the service data
but it'll work even if there's no template, it's just unnecessary
extra cycles where they are not needed, yeah.
Thanks for the info @proper mesa did you have to mod your Fire at all with any launchers by rooting it?
I have this template that is working as expected, is it possible to add an "OR" and another series of "ANDS" after that? Essentially grouping two groups of AND statements with an OR so if either is true the sensor is on?
value_template: >-
{{ is_state('binary_sensor.workday', 'on')
and is_state('binary_sensor.schoolhours', 'off')
and is_state('binary_sensor.sleeping_weekday', 'off')
and is_state('binary_sensor.someone_home', 'on') }}
yeah, just wrap each section of ANDs in parentheses
i was hoping that it would be that simple, thanks
Heyo I have a question about sensors in automations, how to I access specific states from a sensor? Example https://prnt.sc/q20slf what do I need to enter to get the game for example, I'd like to have something happen if I start a specific game.
Those are called “attributes”. You can make a template sensor to pull out that attribute. Ask in #330944238910963714 if you need more information, this channel is for frontend questions
Hey there, I seem to be unable to add sensors to the top of my UI as small icons. I had the sensors in a card and a group and for some reason when I remove them from both they dont appear with my device trackers and weather icons at the top. Any idea as to what setting I might be forgetting ? Cheers !
They don't automatically move, thats up to you. Edit the view badges to add them
Anyone available to help with a newbie lovelace issue?
@mild veldt thanks mate, ill give it a go. I though the badges were the tabs...still new to hassio. thanks again !
Hello guys. I love the scene editor. I added one scene as entity in my lovelace. I can enable it but can't disable it. Any idea how this could be done?
Hi guys, I am playing around a bit more with the decluttering card in order to reduce the size of my views (due to graphs mainly) and for temperature I do use mini-pgrah-card with config-template-card, but I need now to "move" this into decluttering but without set static variables.. I tried this: - entity: [[entity]] - binary_sensor.night_time variables: - states['sensor.[[entity]]'].state
@mild veldt by any chance do you know how could I achieve that?
i've never played with the decluttering card
I see, I thought it was more related to "[ [[]] ]" rather then strictly the card 🙂 Thanks anyway
that's not how it would look to the decluttering card. I haven't looked at its source, but it is likely looking for the '[[' pattern. not '[*[', where '*' is a wildcard
wouldn't entity be sensor.whatever anyway?
are you trying to use variables inside variables @sacred quarry ?
🤷♂️ from that small snippet I have no idea what is going on and don't know anything really about the decluttering card
This is an example: ``` type: custom:config-template-card
entities:
- binary_sensor.night_time
- input_number.night_time
- sensor.living_room_temperature
variables:
- states['sensor.living_room_temperature'].state
unless I am using the variables wrongly, I need to dynamically replace the variable from what comes from the decluttering card
the variable for decluttering card is [[entity]]
so in "entities:" it works perfectly, but in variables (if I am using them correctly) I need only to replace "sensor.living_room_temperature" and not the rest with the "[[entity]]" variable
That card allow to have a variable as part of text (ex: icon: 'mdi:[[icon]]') but I think in my case the problem is that inside "variables" I do already have the [ and somehow that causes an issue
Hope it make a little more sense now, if not let me know and I'll try again 😄
right click your card, select Inspect, make sure <config-template-card is selected and type $0._config into the console. See what you really get.
The original with variables pre-configured or the decluttering card attempt of it?
I'm off to pick up the kids at daycare. Good luck!
Daycare, they sound very young, you might need more luck than me 😉
Soon I am gonna have the same "problem" ^^
card: {type: "custom:mini-graph-card", name: "Temperature", icon: "${vars[0] > 30 ? 'fas:thermometer-full' : vars[0] …:thermometer-quarter' : 'fas:thermometer-empty' }", more_info: false, height: 150, …}
entities: (3) ["binary_sensor.night_time", "input_number.night_time", "sensor.living_room_temperature"]
type: "custom:config-template-card"
variables: Array(1)
0: "states['sensor.living_room_temperature'].state"
length: 1
__proto__: Array(0)
__proto__: Object``` Not sure what to look for in here tbh
@mild veldt if I use inside the card states['var[0]'].state and only sensor.living_room_temperature inside variables, would that work inside your card?
ok no.. I tested it 😄
@sacred quarry posted a code wall, it is moved here --> https://paste.ubuntu.com/p/sm9VwVcVjJ/
entities:
- binary_sensor.night_time
- input_number.night_time
- sensor.living_room_temperature
variables:
- sensor.living_room_temperature
card:
type: custom:mini-graph-card
name: Temperature
icon: "${states['vars[0]'].state > 30 ? 'fas:thermometer-full' : states['vars[0]'].state > 25 ? 'fas:thermometer-three-quarters' : states['vars[0]'].state > 20 ? 'fas:thermometer-half' : states['vars[0]'].state > 10 ? 'fas:thermometer-quarter' : 'fas:thermometer-empty' }"
it returns an error (quite briefly):VM573:1 Uncaught (in promise) ReferenceError: sensor is not defined at eval (eval at _evaluateTemplate (config-template-card.js:3305), <anonymous>:1:1) at HTMLElement._evaluateTemplate (config-template-card.js:3305) at config-template-card.js:3276 at Array.forEach (<anonymous>) at HTMLElement._evaluateConfig (config-template-card.js:3265) at HTMLElement.render (config-template-card.js:3256) at HTMLElement.update (config-template-card.js:2827) at HTMLElement.performUpdate (config-template-card.js:2285) at HTMLElement._enqueueUpdate (config-template-card.js:2237)
i thought you were doing stuff with decluttering card...?
Please don't repost the same thing that the bot just deleted for being too long
Sorry @elder pendant I was trying to write a full sentence, that's why it was moved away so I simply splitted it.. I'll avoid that next time
if you're just doing config-template-card, cool, we can figure that out. if you're trying to mix and match with decluttering card...i'm not up for figuring that out
Yes I am trying to use decluttering, but the problem is the use of the variable inside the config-template-card, if I can move the "states['XXX'].state" bit inside the "icon" bit, I can use [[entity]] as variable and this would fix my problem basically
Sounds confusing I know and I am sorry
so things work with config-template-card, but you're trying to move it to decluttering so you don't have duplicate configs, right? sounds like a decluttering card issue then and not something i know about
Correct
I am not 100% sure where the problems "sit", but what I know is that if I move the "states[' '].state" inside the "icon" line, I fix the "compatibility" problem
Basically this bit here now is preventing me to have it working "${states['vars[0]'].state" , but it is also true that this approach is kind of a workaround
I've created an issue in the decluttering-card github repo: https://github.com/custom-cards/decluttering-card/issues/11 But the error I got in console is still the config-template-card 🙂 Not sure it is because the decluttering-card is not replacing the variable correctly or what else.
Themes question- When using a dark theme and go to Configuration > Entities the list of entities and background color are both white. I am trying to find in themes what field I need to edit.
@sullen nymph the key is data-table-background-color
hi - installing a custom card for the first time. there's a snippet in the documentation which says to add the following to my lovelace config. how do i do this from the UI editor?
Add the following to resources in your lovelace config:
resources:
- url: /community_plugin/weather-card/weather-card.js
type: module
You need to use the raw config editor. While in edit mode click the same three dots that had the option to enter edit mode. You will see an option for raw config
ok cool, just found that
resources is a root yaml key?
i.e. indented to the left the most?
or does it go under the views: key?
👍
@elder pendant That was it. Thanks. I added the key it wasn't in any of the themes.
It's a newer key
Is there a list of keys somewhere?
Got it. Thanks again for your help.
Just a quick poll - do you manage your lovelace ui via yaml or the UI editor?
Yes
Can you do both?
I thought if the mode was set to yaml the UI editor would stop working.
correct
but usign the raw editor in ui mode works fine
You asked if folks used one or the other - and I do 😛
Most folks IMO should be using the UI editor. It's only folks who want to use secrets or anchors that should be using YAML. Oh, and holdouts like me...
@clear dome no my tablet isn't rooted although i'm thinking of it since it seems there's a 100% software way now for rooting it. Last time i checked it was only hardware - but i probably won't gain any speed in doing that. The cpu is cr*p anyway.
But i follow -that guide- that tells you how to skip the amazon account part in order to be able to install the google play service and play store.
I think that if you's download the APK and adb install app.apk it'd work.. but still, the play store might anyway come handy
Hi all, Im having a whale of a time trying to get some lovelace things working. after failing on the slider-row thing, someone suggested using HACS, but that's tossing me an error I cant resovle " No module named 'aiogithubapi'" I've tried every which way to install it, and I see its added, but HA just doesn't. Im running Hassbian. Can someone help?
@split granite in my early playing with the UI editor, (I had done some yaml for lovelace during beta then walked away for a bit), it seems like the UI editor doesn't let you control the stacks (or I'm missing it).
Other than the two things I mentioned, you can do everything in the UI editor you can do with YAML
Heck, it has a raw editor in which you can enter YAML
Ok, maybe I'm missing how you group some cards into a stack (vert or horiz)
@mellow lark there is not a UI editor built for stacks yet, but that doesn't stop you from using stacks when in storage mode
Should be quite do-able with the raw editor?
So basically cut and paste the yaml from the other cards in the stack's yaml?
can I ask a question here about card-mod or has it to be in #general-archived ?
🙂 Ok, thanks. As far as I can see (and followed the steps on Github) I have done everything right to install card-mod, I have places the JS in a sub directory in www and I have entered the path in de raw config... I can't seem to use the styles in the cards.. I think I am missing something, is it correct that there is only one JS scrpt from Github I had to use? (casue there are many others) sorry if it's a 'open door' question, but I am learning 🙂
@mint mauve fairly certain it requires card-tools as well. check your browser console for errors
browser console, not HA logs
Sorry, misunderstood..will have a look
a lot of errors 😦
:8123/local/plugins/cardsmod/card-mod.js?v=1:1 Failed to load resource: the server responded with a status of 404 (Not Found)
stupid typo from my side in the path.... 😦 excuse me...
Hi folks,
I am trying to set up an entity-button which open and closes all my Somfy blinds. I started using the group "all_covers" but I got an error message saying: "Not passing an entity ID to a service to target all entities is deprecated. Update your call to cover.open_cover to be instead: entity_id: all" Now I try to adjust my entity-button but I am still struggling
I have now:
@tepid flume posted a code wall, it is moved here --> https://paste.ubuntu.com/p/K2kCKxryfC/
and get the error: invalid entity
any ideas?
I used the group.all_covers first and got the error message I posted first
and trying what the error suggests leads me to "invalid entity"
and my button won't show up+
Your buttons are missing an entity. It's required by the card https://www.home-assistant.io/lovelace/entity-button/#entity
ok, I added now the entity: group.all_covers, so it shows the button will see if I still get the error message by tomorrow morning
@mild veldt card-mod does not require card-tools. None of the plugins in hacs (with the blue diamond) does.
(except card-tools in hacs, which kind of required card-tools to be installed to work...)
Can't talk right now... important things are happening
Oooh! Retropie-based?
Oh yeah
sweet!
Then that will probably rectify itself soon
anyone know what I need to do to get my HA views cast to my Lenovo Smart Display?
not clear on the instructions
Hey there, anyone can help me understanding if I am doing something wrong here? (presumably yes because it not showing up :D) ```
- entity_id: sensor.house_alarm_siren_link_quality
name: House - Alarm Siren - Link Quality
options:
type: "custom:secondaryinfo-entity-row"
secondary_info: 'Battery Level: [[ if(sensor.house_alarm_siren_link_quality.state != "unknown", sensor.house_alarm_siren_battery.state , "Not Available") ]][[ if(sensor.house_alarm_siren_link_quality.state != "unknown", "%" , "") ]]'
tap_action:
action: none
not:
state: "unavailable"
Sorry, I missed that it is an auto-entities card
entity_id 🤔
I mean, given you only posted a tiny part of the card, it's possible that you've only posted the filter part... 🤷
Ah! I found the problem 😄
it was the "name:" that was supposed to be in options with the rest 😄
I have installed https://github.com/dnguyen800/air-visual-card using HACS, but I'm having trouble understanding how to actually activate the card. I have toggled manual UI editor and I assume I should add some rows via the raw config editor
Click on Install, and be sure to include the following in your ui-lovelace.yaml.
- url: /community_plugin/air-visual-card/air-visual-card.js
type: js
Write configuration for the card in your ui-lovelace.yaml and list your AirVisual sensors. An example is provided below:
- type: custom:air-visual-card
air_pollution_level: sensor.us_air_pollution_level
air_quality_index: sensor.us_air_quality_index
main_pollutant: sensor.us_main_pollutant
temp: weather.dark_sky
city: 'San Francisco'
What do I actually need to write in the raw config editor?
Okay, thank you for the help. So as the second code block of my code states that I need to write the configuration for the card in ui-lovelace.yaml, it is not possible to use with raw config editor?
Okay. Well, didn't get it to work 😦
Apparently the author has his configuration on github, maybe I'll try to look from there
errors in your browser's console?
Yeah, some errors there. Maybe I should try with some other card to see if the issue is related to this card or my implementation. Thanks
well what are the errors?
air-visual-card.js:164 Uncaught TypeError: Cannot read property 'attributes' of undefined
at HTMLElement.set hass [as hass] (air-visual-card.js:164)
at HTMLElement.value (hui-view.ts:61)
at HTMLElement.value (hui-view.ts:334)
at HTMLElement.t.addEventListener.once (hui-view.ts:68)
at r (fire_event.ts:76)
at create-card-element.ts:111
Some other custom card works fine, so there must be something wrong with that one
sounds like one of the sensors you provided to the card doesn't exist in your instance.
Seems like that, fixed the sensors but now the card states that the custom element does not exist
However, chrome console is empty and home assistant log is empty
however, I can access the plugin using the url I have given in resources
I'll just give up with this card, thank you a lot for your help
it was also throwing errors...might try clearing your browser cache
Didn't help :/
could someone potentially help me with adding css to a card? I'm using a custom card and I'm trying to style it with card mod but I'm having no luck regardless of how I edit the code
just trying to change the color of the font to red and can't even get that done 😦
Here is my simple card:
cards:
- entity: light.kitchen
type: 'custom:slider-entity-row'
name: Under Cabinet Lights
toggle: true
@mental kayak 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
Hello all, I have the card-mod working (at least I can change font colors) but what I want to achieve is formating the cards and the entities so that they have a equal size on the screen... I just don;t get it how to do this, havent found a good example neither...anyone a clue ? Now the cards are all different sizes and that is just not nice 🙂
hey @mint mauve did you get that working for a custom card by chance?
@mental kayak not for a custom card, but did you get any result on other cards with card-mod? If you don't perhaps the setting to the JS file in raw config isn't right? at least it was for me the problem 🙂
Oh good idea I will check that...
Also this might help with your question on the card sizes...https://github.com/thomasloven/lovelace-layout-card
@vapid field it does work with other cards just not custom cards...
Thanks @mental kayak !!
no problem!
also I had posted a question before about color bleeding with rounded corners for a card and found the answer to the issue and fixed the color bleeding by using overflow:hidden; in the css
For some reason my lovelace won't use files I have locally for pictures in the picture elements card, is there something more to it than just typing the /path/inside/the/docker/container?
Yes. Must be in www folder inside configuration folder
Are then references as /local/mypic.png
Where is the www folder located? Or do I have to create one?
Yes. Create /config/www and then restart hass.
After creating it, you won't need more restarts as you add files to it.
Is there a way that I can make the font size smaller ?
I'm trying to set up a central control panel but it only has 1440*900 resolution (19") and the letters are just too damn big
adjusting font size in the chromium browser does not help
Ctrl + -
actually, that seems to do the trick .. thanks for pointing out the obvious 😉 🤦♂️
another smaller issue.. I'm using a custom banner card with following settings
- background: mediumpurple
entities:
- person.papa
- sensor.papa_batterij
heading: "\U0001F468 PAPA"
row_size: 2
type: 'custom:banner-card'
on all my devices this displays an icon of a man next to the word "papa"
but on the raspbian I'm using to run the control panel it just gives me a rectangle
even though both browsers claim to be using the same font
Hey there, does anyone knows if it's possible to combine multiple "not" condition inside auto-entities?
anyone know why when I click on 3 buttons in the top right of lovelace the option to configure the UI doesn't pop down anymore?
using Chrome on my macbook to modify...
was working and then just stopped
and lovelace mode isn't yaml
@sacred quarry yes
Hi @polar kelp , I knew you might know, didn't want to disturb you over and over again 😄 I tried to use not with two different "state:" lines but it didn't seems to work, I also tried two "not" options separately but again, no luck
test #1
options:
name: CC2531 Router - Link Quality
tap_action:
action: none
not:
state: "unknown"
state: "unavailable"
test #2
- entity_id: sensor.cc2531_router_link_quality
options:
name: CC2531 Router - Link Quality
tap_action:
action: none
not:
state: "unknown"
not:
state: "unavailable"
Of course I was able to achieve the result using state: "un*" but I was curious to understand if I had more "control" on it 🙂
Oh so I have to repeat the whole "entity_id" block?
That I did find out but I thought there might be a "cleanest" way 😄
Because doing that way of course it will show the same entity twice when it's not any of those two states, both conditions would be true and it will be show twice 🙂 Unless I missunderstood ^^
tried resolving my issue and so under .storage I renamed my lovelace file restarted and got a whole new lovelace as if I started over, so I then went to .storage and removed the new lovelace file and renamed my old file back to lovelace and restarted...
now my lovelace ui just gives an error Expecting value: line 136 column 33 (char 5709)
anyone have a clue?
theres an option to reload lovelace however goes back to the same error
guess I'll delete the file and start over
You probably only had to Ctrl+F5
@sacred quarry I think what you need is ```yaml
include:
- entity_id ...
options:
...
not 1:
state: "unknown"
not 2:
state: "unavailable"```
Or... I guess yaml not: state: "un*"
The un* works as I wrote, but "not 1" and "not 2" are actually going to work?
It should. That would match entities which satisfies have the correct entity_id AND is not in unknown state AND is not in unavailable state.
Getting these HACS Warnings and browser-mod errors: https://imgur.com/a/2xoghTf
As soon as UI loads they pop up and the initial loaded page has no browser-mod actions.
any clue where to start? @polar kelp
Ignorable warnings for HACS? @wheat current
In most cases warnings can be ignored
any idea how to make a "friendly picture" of my sensor so that it's just a big picture that shows up?
so just the icon of the sensor rather than the value itself if that makes sense?
@mossy otter i'm brand new to HA so forgive my ignorance, but it appears you can create a custom web component through standard HTML DOM objects and design/build your own custom card: https://developers.home-assistant.io/docs/en/lovelace_custom_card.html
there might be one already created to assist? would be pretty cool
i can see a valuable use for that concept
@mossy otter is https://www.home-assistant.io/lovelace/picture-entity/ what you are looking for?
Can you horizontally stack entity buttons? I need a row of buttons but when i try to use a stack it keeps saying invalid type "entity-button".
I am looking for an automation that will check that all the doors are closed, and if any is open it will send a notification or announce what door or doors are still open
does any one have anything like this or close?
@main night Yes you can. Upload your card config to pastebin and post a link here.
@gilded veldt wrong channel. Try #330944238910963714
@atomic glacier It may be a race condition thing... I think I know how to fix it.
Can look at it in a few hours or so
Gettting something similar:
2019-11-29 17:22:40 ERROR (MainThread) [frontend.js.latest.201911196] http://192.168.3.122:8123/frontend_latest/app.2bfaeb1c.js:724:266218 SecurityError: Attempt to use history.pushState() more than 100 times per 30 seconds
Is there a place where you can put feature requests? 🙂
You can find the community forum here
It has a feature request section
I would like some inspiration on a lovelace dashboard, do you know another cookbook other than the one on the home-assistant website?
The cookbook doesn't have examples of dashboards
The forum, and people's GitHubs... that will
https://github.com/DubhAd/Home-AssistantConfig/wiki/lovelace-ui-home has (the start of) mine
in some cookbook there's some screenshot of people interface that's what i meant by that
There's three links to UI things, and links to a host of GitHubs
The search in the box at the top of the page will take you to many more
Thank you i'll look into it 🙂
anyone know why you might not be able to click on the ui config anymore for lovelace? Used to be able to click on it to edit my cards now I click on it and nothing happens...
almost like my config somehow broke it
Can I open a link defined in a markdown card in a new tab? A new tab of the browser not of HA.
new to HA, and am not 100% sure what is possible with what you're trying, but if you are able to use plain HTML in the markdown (which markdown SHOULD support, although it's not exactly a followed standard), in which case you'd do: <a href="http://google.com" target="_blank">click here</a>
and with CSS you can make that look fancy
but again, it's going to depend on the markdown engine used within HA, as not all are created equal :S
Sorry, Dino. I'm just not feeling it tonight... I hope it's not breaking for you.
@obtuse lantern what's the issue
Hey Petro, I'm trying to create a custom-card for my blinds. And am running into an issue where I want to create a link (a clickable object in home assistant) to call an IFTTT service. but I can't seem to get the call to work
@polar kelp can auto-entities show all devices/entities grouped by areas?
I've been trying to get it to work but no luck
It can show all entities for each area, but you'll have to specify which one manually
ah, ok
- type: custom:auto-entities
card:
type: entities
title: All areas
show_header_toggle: false
filter:
include:
- area: "*"
options:
type: custom:fold-entity-row
I was hoping something like that could work
In trying to do a battery low card, is there a way to make it show the parent device name?
- type: custom:auto-entities
card:
type: entities
title: Battery below 20%
show_header_toggle: false
filter:
include:
- domain: zwave
options:
secondary_info: last-changed
type: custom:fold-entity-row
attributes:
battery_level: "< 20"
this is what I have now and it shows all of the sensors for a given device that are allow below the setpoint @polar kelp
@tacit cave I can change to quotes.
is there a guide on how to group cards together that goes beyond the vertical/horizontal stack documentation? specifically how to best go about this when utilising the web based lovelace configuration
I bought a google (nest) home mini yesterday and i'm loving it... only one problem is that every theme I've tried aren't translating when casting. accent colors and background colors stay default yellow/white
has anyone else run into this? are there any known-working themes when casting? what should I look for?
can vertical stack not work with custom cards?
Yes it can.
@obtuse lantern posted a code wall, it is moved here --> https://paste.ubuntu.com/p/xHVYsJPwGJ/
I am trying to get this service to call if I click and hold. Should I wrap it in a div container like below... or not?
My Lovelace "Unused Entries" is empty - I wonder why?
your theme?
@slender wraith Mine too. Even on the default theme. There should definitely be unused entities too.
My list has items 🤷♂️
Yeah it does not seem to be a common problem.
No errors in the log or system log. Everything else is tickety-boo.
Not that fussed. I never use it.
I've "used" it 2 times, to check if it's there after posts in this channel 😛
@wheat current I never use it because it never works 😋
@obtuse lantern the dictionary needs to have quotes around all strings inside it:
this.hass.callService("ifttt", "trigger", {
"event": "all_blinds_up_request"
});
I did that, but the call doesn't even seem to be activating
I'd like to display a web page on my dashboard. However, I'd like to only display a part of the web page. I know that I can achieve this with html iframe, but is it possible to actually use the iframe code with a card to achieve the result?
For example, here you can see the iframe code I created to view only the desired part of the website: https://jsfiddle.net/adws6f43/
1: Save that in www/
2: Use http(s)://instance/local/something in the Lovelace iframe card
Got it working, thanks
Also used html-card and it works just fine (https://github.com/PiotrMachowski/lovelace-html-card)
Now I just need to change the width and/or zoom level of the card, seems like card-mod is the tool for that https://community.home-assistant.io/t/card-mod-add-css-styles-to-any-lovelace-card/120744
Is that the Gulf of Finland?
Yes
@polar kelp could you give me a little pointer how to change the width of a iframe card? I tried to inspect the element and ended with
style: |
ha-card {
width: 200%;
}
But that doesn't work (the spaces are wrong above but right on my lovelace editor)
Card widths are limited by the layout. If you want to change it, your best bet is using panel-mode.
Ahh, that sucks
Second best is layout-card
Well, thank you for helping me!
Question - is it possible to remove the "Home Assistant" name from the UI top left?
I know tihs is a lovelace forum - but thought this would be the appriopriate place to ask - since it is the front end 🙂
CCH can get rid of it: https://maykar.github.io/compact-custom-header/
or at least shrink the header so that space is gone
@sinful socket
Thanks @robc
Hi, im quit new to home assistant and i'm having a hard time configuring the views. I tryed to replicate something done in the demo from Isabella Gross Alström. I want my presence detection for my systems to change colore if the system is offline. I allready set up the template sensors displaying Online or Offline and i copyed the customize_glob template for the sensors. If i look at them the template has been applyed but hs_color has not been set.
I'm also not really sure about the hs_color option. I was not able to find anything about it in the documentation.
I believe you'll need CustomUI installed to do what you want: https://github.com/andrey-git/home-assistant-custom-ui
here's an example from my customize.yaml using hs_color:
cover.garage_door:
templates:
hs_color: if (state === 'open') return [0,100] ; else return [120,100];
brightness: return 100;
Thanks, i think i need to look into that some more, i thing i got it installed and activated but still nothing
3 things to check: go into dev tools (
)->Info and see if it mentions CustomUI, make sure that the state of the sensor changes, and force refresh in the browser (ignore cache)
Thanks, it was cached 🙂
thank you very much, it works great now. I'll look into what other stuff custom-ui can do.
👍
I feel like this is super basic, but how do I get all the sensor data from my phone to stop from showing up on the homepage?
nm, im a goof
Using 'custom:circle-sensor-card' , Any ideas/suggestions on going about resizing them? I understand the default card has no way to do so..
ok... I finally have an interface question.... not sure if it's a good one. I have a sensor that is working and all that sends me notifications, all is good. But..... on its' tile there is a slider button that toggles to on/off..... it seems to have absolutely no effect. Is this common? and have I wired up something incorrectly. Thanks in advance.
@vapid field is that a good link for sharing screenshots? do you pay for that service?
forgive me for not completely understanding... so share X is a screen capture tool for Windows... I can grok that.... but.... the link etc?
the reason I ask, is I find myself wanting to share screenshots from time to time and you've done it.
Right right
so ShareX is the program I use and I use a " custom uploader " inside of the app.. You can select imgur ect but I would rather have control over where it goes because of what I share sometimes and I would like to go back and delete from the server 🙂
I could share my php script, all you would need is a webserver and a domain..
I have a domain.....so the webserver could be hosted or you mean something like the Pi with HA on it?
I have both.
I mean.. You could use the Pi but I personally just would want a separate device if I'm going to give the URL to strangers
any suggestions for missing icons on an older tablet? works fine on every modern device... but this one android 7.1 it doesn't show some... updated the webview though... no luck... https://imgur.com/a/qQOsMfY
i can't even see the play/pause button on the media controls 😦
@vapid field ok.... if you want to share the script.... plus any links to setting up a pi server for sending strangers to see screenshots would be appreciated.
ok just saw the pastebin....
@sullen stream also wouldn't suggest running that on your home instance.. I run that on a public cloud server, I wouldn't want to give out my home URLs / IP
👍
does anyone know how to open local ip address on the same network of home assistant but remotely (using duckdns, meaning when not on same network)?
Your local ip address is not routable over the internet. You would have to use a VPN.
@dry ingot You could consider forwarding the ports you use to access that device
how is that related to #frontend-archived ? 🤔
If I want to have an raspberry pi with touch and showing HA but only one tab and don't show anything else is that possible? Like have a user that has its own space and tabs?
Or is there any other frontend that is more suited to do this that you can connect to HA?
@obsidian orbit you can specify which view (tab) is visible on a per-user basis https://www.home-assistant.io/lovelace/views/#visible
@mild veldt Thanks, hade missed that we had that one to play with. That will help a lot
I accidently clicked that i want to manage the lovelace interface myself. How do i get back to letting HA manage the interface?
@opaque roost delete .storage/lovelace file and restart
Thanks!
is it possible to pull exterior temperature from darksky and feed it into a history graph on lovelace? I have a graph showing historical temperature for 2 rooms pulling from motion sensors and thought it would be interesting to see how the changes track with the exterior temperature.
@paper shuttle use a template sensor to grab the exterior temp from the darksky sensor
hi all, is it correct that the main brightness control of an mqtt light has different values than the light card itself?
if that is the same light, no
it is the same light
both wheels dont seem to update at all when triggerd from another source (tasmota web ui)
well tomorrow another day
Where would I store images that are referenced by a custom card/plugin?
Specifically the image field here: https://github.com/iantrich/roku-card#app-options
Currently have an image (netflix.png) in the /www/ folder and am referencing it with /local/netflix.png but no image is appearing.
Nevermind... I just had to restart 🤦♂️
anyone ever see a vertical slider for controlling lights instead of the horizontal one?
or know how to modify the slider entity to make it vertical?
hmm, if you can apply simple css, this is something i knocked out super quick: https://jsfiddle.net/m8vsbgfk/1
may or may not work depending on the document layout of the rest of the page, but just a proof of concept that css could change stuff if needed 🤷♀️
I've yet to install, brand new to the project and researching like crazy
hello im having trouble getting a HACS theme to work.. i did all the steps in the instructions but the theme doesnt apply to my HA.. would anyone be so kind and give me some quick help? 🙂
got it to work thanks anyway 🙂
is there any way to make a card scrollable?
Want to use the custom calendar card, but have it take up a set height, and still be able to scroll through 7 days.
Right now I achieve it by creating a view for just the calendar, the showing that view in a iframe, but it is not ideal with reloads.
@thorny verge restricting the height with card-mod might work. Not sure
I did try that, but then it sometimes cuts the card off at a weird spot, doesn't look quite right.
Plus scrollable is perfect for a calendar card. Works in iframe, just not great, and didn't know if there was a better way.
@thorny verge you might need to add overflow: scroll as well
Oh, sweet, is that added in style: ?
yeah, card-mod
I have this, doesn't seem to work, shows full card height
ha-card {
height: 100px
overflow: scroll
}
@thorny verge what if you use max-height?
Hi i'm trying to get monster-card or auto-entities working but both dont work and restult in a "cannot read property 'setConfig' of undefined". And the preview states "No card type found". i can see in browser debug mode both files are loaded. any idea what i could check?
@mental kayak works mostly the same as height, but height looks better on a refresh (max-height shows small height until redraw finished)
@mild veldt
But, got it working with overflow: scroll... thanks, looks awesome!
This is what I needed;
ha-card {
overflow: scroll
}
ha-card {
height: 300px
}
perfect
@shy sail monster-card is deprecated. Use auto-entities
Yeah tried that too but got the same errors...
Whats a good card to use if I want to display all my FireTVs as media players?
It is possible in Lovelace to show camera's still image (with xy sec to refresh) and on click show live view?
For live I can use:
camera_view: live
entity: camera.hikvisionout
type: picture-entity```
@karmic heron Maybe mini media player
@mental kayak Hello, will that let me put them all on one page?
just add multiple cards on the same page
Is it possible to edit the sidebar?
I know it's possible to add things, but can I remove "Map" for instance?
To remove map you have to disable map:
That's loaded as part of https://www.home-assistant.io/integrations/default_config so you'd have to list out all the other things
Ok! What about history? I want history recorded to be able to click a specific device and see it's history, but I don't want the sidebar "History" item. Possible?
That page takes several minutes to load, btw. Not even running on a rpi.
remove history: from your config
That won't remove history for the devices, just the sidebar item?
Yes
Removing history: didn't remove the sidebar item
Did you restart home assistant?
Yes
Do you have default_config: still?
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
Why I cant figure it out with layou custom cards an image entity
the problem is at - type: entities entities: - type: picture-glance title: Sony TV Living room entities: - input_select.tv_input - switch.terace_wall_light image: /local/sonyxf75.jpg
I am receiving red box with Invalid config given.
Because you're trying to put a card config under entities?
type: picture-glance
title: Sony TV Living Room
entities:
- input_select.tv_input
- switch.terace_wall_light
- lock.front_door
image: /local/sonyxf75.jpg```
hello, I'm trying to setup the picture card so that I can put items on a floorplan and see their status etc. I'm following Juan M Tech's how to.... but when I refresh the UI no joy. Would someone be willing to look at my yaml to see why the card is not showing? Thanks https://pastebin.com/yyJKFjYG
Do I need to manually add a view or something?
Here's where I'm losing his train of thought. " then, open the lovelace.yaml file and set up a separate View for the floor plan. You also want to set up the View as a panel so like that the Picture Elements card displays in full width." ....
The reason is: I do not have any "views" in my ui-lovelace.yaml file.
per the docs do I need this in my configuration.yaml file?
lovelace:
mode: yaml
What have others done for their floorplan cards? Looking for a best practice here. The thought of doing all UI stuff in .yaml sends shivers down my spine.
@sullen stream yaml mode is not required
There's also this https://github.com/pkozul/lovelace-floorplan
@mild veldt thanks I'll check it out
I'm about to set different visibility on different views but I can't find where I can configure it. I can't do that from the UI, where to look for the config file?
So I guess you mean this @light vortex ? https://github.com/custom-cards/upcoming-media-card have you also installed the custom component ? https://github.com/custom-components/sensor.plex_recently_added
@slow wave correct custom component is also installed. I’ve check everything so many time.
@obsidian orbit
-> Configure UI, then
-> RAW editor
@polar kelp Thanks, feels so stupid now 😐
It's not obvious.
Maybe not, but sometime i felt I should just have pressed there. But I feel that the buttons sometimes aren't where I expect them to be
But I see so much progress since I started to use this. So many things are in the UI now days so I never use the raw editing. I guess this is something that will be in the UI sometime in the future also
@light vortex I just tried, I added the sensor, that gave me a sensor I see in
sensor.plex_recently_added and I now add the custom card to my lovelace, lets see
And that works fine here
@slow wave okay so my sensor is actually not showing up. What method did you use to add it
This is all I have
plus installing the custom component and lovelace custom card via HACS
@slow wave I’m going to try to do it over
@obsidian orbit It definitely will
https://imgur.com/a/2xoghTf could I possibly use card-loader to put a bandaid on this for the time being? Not 100% positive, but it may be the culprit of my browser crashes👩🔧 @polar kelp 🤔 although, since it appears on a view that doesn't contain any browser-mod actions, probably won't help...🤔
I have a Winddrection sensor, giving me the angle of the wind. Is anyone using a card for that?
Hi, is there a limit how many pages can be added in overview ? I have 11, and I can't add new one. How are you solving layout, if you have 2+ floors ?
@sweet sail AFAIK, you can have as many as you want. I was up to 46 views at one point, but moved all of my views to popups and I only have 1 main view now.
@unborn cedar really depends on how you want it to look and where you want to place it in the view. entities-card ? custom:weather-card ?
@atomic glacier i found a template helping me out 😄 thanks 🙂
is there a way to display a card only if a current front-end theme is set?
'conditional on theme'
i feel like the conditional card is for entities and the theme isn't stored in an entity... maybe there is an alternative way though?
Can anyone tell me if there is an easy way to change the open and close icons for a contact sensor?
Is the only way, to edit a card in lovelace panel mode by deactivating panel mode for editing purposes?
@vapid harness use the raw-editor
@mild veldt The raw editor? Do you mean editing the yml file through a console?
ahh
i found it. thank you!
wow, it even has auto-indent. awesome!
Hi. I have the following problem: I have a wall tablet with Chrome (Win 8.1) and HADashboard. If the screen turns off after one minute, the status and time will not update. When I open HADashboard in the Internet explorer everything is going great, but I can not switch anything. Hadashboard and Lovelace makes no difference. Chrome or Firefox also makes no difference.
Well this is lovelace channel, so let's focus on lovelace. My guess would that you machine goes to sleep and the websocket connection gets severed within the browser
@iantrich#6541 I want to use Lovelace. I only tried HADashboard because I wanted to know if the problem is there.
Sounds like a system/browser issue. A few solutions that come to mind:
- Reload the page when you wake the device up
- Disable the screen/sleep function
- Use a screen saver
I installed HACS, and installed the Midnight theme. It works, all of my cards are dark black, but the main UI is still all white. Any ideas? Did a full restart.
it might be a basic question, but i used to let homeassistant auto manage what is on my ui
it was easy for when i was debugging
but i turned it off and i have to idea how to turn it back on
Stop home assistant, delete .storage/lovelace, restart home assistant
thanks!
@sacred gyro sounds like the theme might need updating, but that's just a guess without seeing the actual themes .yaml
#609399695466430465 or the HACS docs
Hey guys, is there an easy way to combine mdi symbols with titles in lovelace? For example the server mdi and then the name Server
There is no built-in way to do that. You pick icon or title. You might be able to find a plugin that does that
Thank you for the fast answer @elder pendant
I got casting via lovelace to work to my Chromecast, but it is in low resolution. If I cast from a browser I can see like 20 elements onscreen, but from lovelace maybe 4 or 5.
How to add custom components to the lovelace ui?
Do you mean cards... or views....or?
well, a custom component 🤔
How to add the nightlight switch to my WLED card in LoveLace?
@viral sorrel hi
the search for floorplan wisdom begins
the problem I have with the: https://github.com/pkozul/lovelace-floorplan/tree/master/www/floorplan/examples/simple
is where at the very bottom they say:
Then add the following to your Lovelace configuration:
I interpret this as adding it to the /config/ui-lovelace.yaml file...
would that mean then that the "default_config:" setting in the configuration.yaml file was turned off?
and what ramifications would there be since the comment says that that controls the (frontend, api, etc)?
I'm currently going with using the web editor and that would use the raw editor.. I presume it should still work with a manually configured ui-lovelace.yaml
the pasted part looks like one view in the config
ok.... so you're pretty sure you need an .svg right?
I guess I'm looking for the best way to do it... and there doesn't seem to be one. I assume you have more HA experience then me as I've only been doing this for about 3 months.
absolutely.. at least for this component
ok... so what about the Juan M Tech is different?
I thin he's just using a method that doesn't require a custom component. fully manual
it looks like he did a simple image and used CSS positioning to place buttons over it.
I do wish someone did a comparison and tutorial of the different ways of doing this along with the pros and cons
yeah but mine is currently a mess.. it's currently all ad-hoc.. having trouble coming up with ways I'm happy to represent things so that I don't have to keep jumping between views.. a floorplan might just be that
Is there a simple way that we could test out Juan's way and/or the one you shared quickly and then revert back?
when he wrote that tutorial the custom component didn't exist yet (for lovelace)..
well the one I shared has the simple example which should jsut work.. I may try it after lunch
I got it via the HACS custom component
yep.. that's the one.. should be possible to just tweak it a step at a time to something closer to your config just to see how it works
ok, I see the latest commit was May 13th.
yeah I don't know if that's because it's abandoned or because it does everything required 😛
is HACS an add-on?....
by addon are you reffering to hassio addons?
ok
it's not an addon
it's a custom component.. so you need to manually install it as per web page
but after that other custom_components can usually be installed via it
which webpage?
np.. good luck.. now time for lunch 🙂
Can someone help me find where the syntax so I can set colors to a card for a condition. Eg: I want to color the card or have an image for states likes "low" "moderate" "extreme".
I have done serverity for the the numbers just not words
I see a weather card in a fresh install of HA. How to setup in my build with out doing a fresh install?
You'll need some kind of weather provider like met.no which can be installed through integrations, and then this: https://www.home-assistant.io/lovelace/weather-forecast/
@polar kelp thank you
Is there a way I can configure lovelace to only use 2 columns? It is showing 4 on my resolution and making some of my cards really tiny
Hi trying to use auto-entities but getting error "Cannot read property 'setConfig' of undefined" with this card config:
show_header_toggle: false
title: Nefit entities
type: entities
filter:
include:
- entity_id: '*nefit*'
type: 'custom:auto-entities'
any ideas?
@sacred gyro you can with a combination of https://www.home-assistant.io/lovelace/vertical-stack/ and https://www.home-assistant.io/lovelace/horizontal-stack/
ok i am using horizontal stack somehow i missed vertical stack 😛
well that didnt really give me what i wanted. i have 2 columns now, but now there is just wasted space to the left and the right of them. the cards themselves stayed the same size
can i set the width for one of the columns larger?
You can use https://www.home-assistant.io/lovelace/views/#panel to get rid of the space
i hate to be blunt but that mode is useless. the first card is full width but none of the others are rendered? so i only get 1 card?
You have to put everything in a stack
right, and the "first card" in this case would be your vertical stack
oh ok! i guess i never thought of combining the two. trying now, thanks
If that's not to your liking, there's also https://github.com/thomasloven/lovelace-layout-card
That's why I said with a combination 😉
Hey everyone! Anyone ever have the options menu when in the configure UI Page disappear? I recently had to restore my installation from a backup and have been in the process of setting a few things back up and can't seem to get to the raw config editor or even access the options menu it normally is in anymore...
Looking for suggestions!
@boreal charm sure you're not looking at the states UI? In your web address is it /states or /lovelace?
@mild veldt It's for sure love lace its domain/lovelace/phone-home where phone-home is one of my page urls
Is there a way to edit a page that is in panel mode?
or do I just need to disable panel mode each time
@pallid needle I've always had to disable panel mode each time. It is a bit of a pain...
But panel mode is nice! 🙂
That's my plan as well!
Walmart was running a deal on onn brand 7" tablets @ $28 🙂 I bought 3.
They will now be my wallmounted HA Control Panels.
oh nice
Yep! Just need to figure out why I can't access the raw configuration mode. 😦 Need to edit my CCH rules so I can lock each tablet to a specific page... lol
hi, quick question that I knew the answer to once upon a time: How do I reference repeating code? like If I have a bunch of cards that all use the same code, I know there's a way to write the code once and then reference it
If you use YAML mode, yes
yes but how
!include
like && or something
no you define it at the beginning and then reference it later in the yaml
Oh there might be something with YAML that makes it possible. Best to check the yaml docs. Would be easier to just use include imo though
Seems messy
I made a bit of a writeup on node anchors here: http://thomasloven.com/blog/2018/08/YAML-For-Nonprogrammers/
And summary here: https://github.com/thomasloven/hass-config/wiki/Misc-tricks
Note that the yaml parser of home assistant does not support redefinition of node anchors unless you have lovelace_gen installed.
thanks @polar kelp
really cleaned up my media card to define stuff once and reference it
I have Hassio installed on a pi3. I went ahead and did a fresh install because I can not get this plex custom card working. I have tried everything that I know to do. Here is the Plex custom card: https://github.com/custom-components/sensor.plex_recently_added
here is the media card: https://github.com/custom-cards/upcoming-media-card also here is my config and ui https://imgur.com/a/uoXbDsn https://hastebin.com/oxuruzuqar can anyone help me out? I get "No visual editor available for: custom:upcoming-media-card" @slow wave not sure what I did differently than you. also installed with HACS
After enabling the Android location tracking feature my Lovelace has had a stroke. Already posted in #android-archived but figured I'd see if anyone else has seen what follows:
Well NVM, I can't post photos apparently
See #android-archived channel for images.
yaml is here: https://paste.ubuntu.com/p/ZDY7jwwB72/
I've got no log errors or anything out of the ordinary
Update on my issue: appears to be a caching issue on my phone. Using an incognito browser showed everything correctly. Hmmm
Update: solved the issue. Accidentally had States as the UI instead of Lovelace. Whew 😌🤔
Is it possible to use Jinja templates in Lovelace? Trying to use {{ state_attr('media_player.playstation_4','entity_picture') }} in my UI and it's returning NULL, even though it definitely exists.
Not in any of the stock cards, no
Hmm, bummer. Best way to create a template sensor with a state image of that then?
Not sure I understand... it's just a string, you create a template sensor of that attribute, and that string becomes the state of that new sensor
Was thinking that I could get a few things done in one sensor because there's some other attributes there which would be handy to use in Lovelace like "media_title" and the actual state.
I'm trying to get the remaining time of a timer to show in a glance card. If I ad the timer itself it's just "active" as that is it's state. So I created a sensor template to pick out the "remaining time" but it never updates. Is there any other way to achieve this?
Check that you got this setting right: https://www.home-assistant.io/integrations/template/#entity_id
@polar kelp is that a reply to me or above? 🙂
To you
@polar kelp Does not seem to work. https://pastebin.com/RZQzegBg
It might be a bug or something because if you actually look at a timer in Developer Tools>States you can tell that "renaining" does not update. I'm not sure where from the entity card get's the count down from.
Like this https://imgur.com/a/WchIs4W
Ah. I see.
I've been looking through the code, and the timer doesn't actually update itself very often, understandably - that would be a waste of resources.
The entities card calculates the time remaining by looking at the remaining attribute and the difference between the current time and the last_changed time of the timer.
@polar kelp Oh! Is it a dead end for glance cards then? Or could I go around it somehow?
I suppose you could do the same calculations in a template sensor... if you made sure it updates often enough.
https://github.com/home-assistant/home-assistant-polymer/blob/dev/src/common/entity/timer_time_remaining.ts
@polar kelp Will have a look. Thanks!
I really need to setup my UI currently I just go to unused entities because I have been too lazy to maintain my frontend
A timer badge is on my to-do list, but won't be until after the New year
There's a thought... why isn't the glance card just displaying badges?
Getting a few browser-mod errors in console, but they haven't had any major affects on IU ( so far
) https://imgur.com/a/aErbvqQ @polar kelp not sure if related to the first one ???
It's probably related, and I've probably solved it.
I just need some more testing to be sure.
No rush😉 just thought I'd pass it along
The hass frontend avoids downloading stuff that browser_mod uses (such as lovelace cards) unless necessary, so browser_mod sets up a hidden lovelace instance for a second to force it. But sometimes, if the connection is slow, it tries to do this before the backend has been able to tell the frontend that there's even such a thing as "lovelace", and that's where it fails.
I have added visible for my views where different users should see different parts. But when I log in all users see the first view even if the visible isn't set for that user. If I have a new created user that isn't set to see anything it see the first view. Is this working as intended or is this a bug?
Getting this console error Uncaught SyntaxError: Invalid or unexpected token .... VM2150 yaml.min.js:1 (pretty self explanatory... but lacking in skills dept. ) and I downloaded the file again, cleared cache, but the same error still persists. I am using Cloud9 IDE (running HA on Pi4 🙄 ) and it says Parsing error: Expecting Unicode escape sequence \uXXXX
, but I don't know where exactly it should be. File was from here: https://github.com/pkozul/lovelace-floorplan/blob/master/www/floorplan/lib/yaml.min.js Is there another program or something I can use to locate what I am trying to fix? Kind of clueless here 🤔
@obsidian orbit I use https://github.com/thomasloven/lovelace-state-switch here: https://github.com/Dino-Tech/Home-Assistant-Main/blob/master/ui-lovelace.yaml#L1112-L1124 and it works flawlessly. Running for ever and all views are located within the main view.
EDIT: this set up was way before visible option was available, but if it ain't broke, I ain't fixin' it 😉
@obsidian orbit @mild veldt That sounds like a bug
yeah, @obsidian orbit please open an issue ticket on GitHub. I won't be working on it anytime soon, unfortunately
Christmas is approaching fast...
Playing through old Zelda titles is taking precedence at the moment 🤣
Good priority!
Will fix a bug report tonight
@mild veldt Should I create an issue in home assistant repo or home-assistant-polymer ?
polymer
Hey, guys!
How it's going?
I have some architectural question: what is the proper way to get data from influxdb (installed as influxdb add-on) and place it to Lovelace custom card?
Wanna do some periodic flux queries and put it in custom card.
Well, you'd have to pull it into sensors, and then you could display it however you want
I should write kinda custom component for that, right?
Yep, I found it, but seems it isn't support flux scripts. I need some features of flux like hourSelection() 😳
@vapid minnow 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
Hey everyone! So I dropped in a few days ago struggling with an issue of not being able to access the menu that has 'Raw Config' in lovelace... I'm definitely in the lovelace UI not in states. And I can see the 'Configure UI' button but not the 'Raw Config' button after I entire UI Configuration mode...
I first noticed this after trying to restore my system from a back up after an SD card pooped out on me...
If anyone has any suggestions I would really appreciate it! Also I would love to know where json/yaml for lovelace lives now. I know it's not recommended to edit it that way, but desperate times call for desperate measures and I'm wondering if I simplify my UI temporarily if I can fix the issue? Or perhaps a previous configuration has borked up the raw config UI?
file is .storage/lovelace
@boreal charm after you enter configuration mode, what is in the overflow menu where "configure UI" was?
@mild veldt the triple dot menu does not open at all.
but you're sure you are in edit mode?
I don't see how that is possible
Only thing I could fathom is that you are logged in as a non-admin user, so therefore cannot edit, but then you wouldn't have "Configure UI" as an option either
Corrupt file somewhere?
@mild veldt I have created the bug report, is it good enough to understand https://github.com/home-assistant/home-assistant-polymer/issues/4330 ?
What would be the easiest way to run some custom javascript code before showing an iframe?
Without learning how to build up a custom card
Is there anyway to change how a lovelace card displays? My thermostat card shows up funny in mobile. and I would like to change the spacing on the modes to make it fit.
@tame crescent so you want to know how to do something without learning how to do it?
@crimson fable if I understand you correctly, the thermostat card supports an high and low temp for heat_cool (auto) mode
Is it possible to have the the alarm panel card show a countdown when selecting arm away? I'n the gif on the documentation it shows the 'pending' icon blinking but thats not happening for me?
@limber fjord do you have a delay set?
That gif is so outdated...all the doc images are...
@muted inlet okay but what does that mean? does it wait for low temp and then heat to high temp?
at the start when you try and edit the UI it says lovelace will take care of it, but went ahead anyway, but how do i get it so lovelace will take care of new UI automatly again?
@mild veldt yeah when I set the alarm it gives you 30 secs to leave before any motion actually triggers the siren... the gif on the page shows it with a keypad as well... it’s worth mentioning that it is actually all functioning correctly, however when disarming the alarm it doesn’t even require me to give a pin (which I’m okay with) and the preciously mentioned issue - that when arming it does not show anything so it is unclear if the command actually when thru
@crimson fable it means both heating and cooling could potentially be active. The low temp is the setpoint for heating, and the high temp is the setpoint for cooling
If it drops below the low temp, heating turns on
If it goes above the high temp, cooling turns on
Is there a roadmap to getting some of the more popular custom cards into home assistant core?
is there a community discussion thread around that I could review?
The roadmap is: {developer name} want to take the time to do it.
Ofc. Most of the custom variants needs/should be stripped down before added
IMO the cards in core now is a nice base, and adding custom cards is super simple
Yeah
but even things like @mild veldt roku remote is far better than anything in core right now
for roku
or floorplan
though I guess floorplan is so large it needs it's own development cycle
I don't see integration/device spesific cards being in core
why is that?
I feel like half the utility of the integration with roku comes from that card
That's fair
(for the easy example at least)
what about things like floorplan
some of them might be common enough that it might merit inclusion
but someone would have to put in the effort
well that's why I was wondering about a roadmap, if there was a process for getting included
and with HACS (or however it is spelled) these days, i don't think anyone is willing to do the extra work
AFIAK the spelling never changed @tawny rapids 😅
i've never paid attention to it 😛
i don't know how its spelled in the first place 😛
How you wrote it
lol, I think that looks useful
coo
and might fit what I was looking for to be honest
like right now I have no way other than manual to see if there are updates
caveman
got me thinking, anyone has a good example of a card that only shows when needed, and show me if there is an update to hass, an add-on, HACS or something installed using HACS?
I will be setting up HACS I think
mm, that's the conditional part. I think I've done one before so that I can manage. Not sure how to do the rest. For hass itself there is binary_sensor.updater. but for the rest I don't see anything?
The rest of what?
updates to add-ons and updates to things installed through HACS
not as far as I can tell
HACS does, add-ons do not have that
addons definitely wouldn't. that's all in the supervisor
Personally I use a push notification for HACS updates, I'm not in the UI enough to notice a message there
im getting there too, sooner or later. But Im not there yet.
I don't bother, I do updates when I have time
I like to know when there's an update, so I can ignore it
I assume there is allway at least one update
Like getting a notification that the printer is almost out of toner, so I can ignore ordering a replacement until it's too late
Are you our office manager?
😂
lovelace seems to default to unit_system: imperial
which is fine for my other temps
but my 3d printer is in C
and i want it to display C
how do i force it to display this temp in C?
What card?
entity list
yeah
- entity: sensor.printer_status
icon: 'mdi:printer-3d-nozzle'
- entity: sensor.nozzle_temp
- entity: sensor.nozzle_temp_target
- entity: sensor.bed_temp
- entity: sensor.bed_temp_target
- entity: sensor.percentage_done
icon: 'mdi:file-percent'
type: entities```
wait, it seem to be storing it as F
even tho i have unit_of_measurement: "°C"
state_topic: "octoPrint/temperature/tool0"
unit_of_measurement: "°C"
name: "Nozzle Temp Target"
value_template: "{{ value_json.target }}"```
the raw mqtt is in C
That sounds like it's worth opening a backend issue
sensor.nozzle_temp_target 392.0 unit_of_measurement: °F
friendly_name: Nozzle Temp Target
it thinks its F on states page.
@mild veldt sorry I got caught up at work and didn't get to reply. Yeah, it's confounding me as well. I am positive I'm in edit mode and I'm logged in as an admin account. @split granite a corrupt file is the only thing I can think of too. I'm hoping it's one of the Lovelace config files which is what I am going to check now. Fingers Crossed
hey guys quick question that I can't seem to find the right terms to get an answer from google: how do I make my cover always show open/close buttons instead of being stuck with only close
What integration did you use for it?
esphome
I have my tv volume acting as a cover and want "open" to raise volume and "close" to reduce it from the UI
So... I'm going with MQTT cover then?
no its not mqtt
it was automatically added as part of an esphome device
using api
Ah, then ... there's nothing documented about that
https://www.home-assistant.io/docs/configuration/customizing-devices/#assumed_state may work, but it says switches, so 🤷
yeah I tried that no dice
Then it's not possible unless the #551843558676758569 devs change how it works
the issue is it used to work with the same esphome code, I just lost my home assistant stuff 😦
@mild veldt & @split granite thanks for the help! As usual the community has helped me solve my problem! 🙂 It turns out something was corrupted in my lovelace config. Simplifying it solved the issue. I'm still not sure exactly what it was, but I am able to access the raw editor menu again! So now I can fix it. 🙂
I'm trying to get HACS installed and it's not showing up in integrations
it's in custom_components/hacs/...
#609399695466430465 can help there
#609399695466430465 can help there
#609399695466430465 can help there
#609399695466430465 can help there
#609399695466430465 can help there
@atomic glacier browser_mod 14
@polar kelp 🎉 Any changes in the past few hours from the master ❓ I was checking it out earlier this morning and added:
browser_mod:
disable:
- all
to my remote HA and it worked like a charm 💯
Yes. A fix from 15 minutes ago should remove your errors.
Then again, since they are timing related, your neighbors cat sneezing could remove them too...
🤣
... which makes it an absolute pain to debug...
The latest release should be more stable than strange cats, though.
I'll update... and thank you again for the time & effort, very much appreciated
Anyone in here use abode with the alarm-panel card? Was hoping I could get a confirmation that the following issue here is an abode-wide thing, and not just my setup: https://community.home-assistant.io/t/pending-not-showing-on-lovelace-alarm-panel-when-setting-arm-away/153393
I think it's easy but i still can't find it. Is it possible to have cards like an horizontal stack? Now it looks like this: https://i.ibb.co/Gpm4KbM/cards.png
@celest glacier you want it to look like that? or you want them all in one line? Sry, bit confused
is it normal that sometimes editing an entity list causes the editor to freeze up for a few minutes?
and for the tab in chrome to eat 1.3gb ram? o_O
Is it possible to make a card in Lovelace that just displays an RGB color?
I've got the CheerLight MQTT feed and I can display the value using the sensor card. I'd like to show the value (E.G. "#FF00FF") as well as a square of that color.
@hollow loom use card-mod to dynamically set the background color
Hey guys, with Lovelace being standard now do I still use the navigation path /lovelace/first_floor.png?
...
- type: picture
image: /local/first_floor.png
tap_action:
action: navigate
navigation_path: /lovelace/first_floor
...
Nevermind, got it 😅
ok, I added the WLED nightlight card to my overview page (it's kinda of a big button).... how to combine it with the on/off for the WLED switch and not have them be large and separate. thx
@sullen stream what is it showing? pic? might be able to help
I'm still using mqtt for WLED and my own card ( https://i.imgur.com/jJBEYy9.png ) I'd be interested in seeing this nightlight card.
👋🏻 @polar kelp sry, I know it's a bit early for you ⏰ and it's getting late for me 🌒 , but after the upgrade to v14, android webview kept crashing and wouldn't load & lost connection to cloud and had a heck of a time getting frontend to come up locally. I reverted back to 13.2 and cleared caches and got it back up. I didn't have my logger set for browser-mod , but I managed to copy what I had before I restored the first time (did this twice ). Didn't need to after all, but was in a frenzy, LOL. Let me know if you need the log or if you find anything out.
I was afraid that might happen...
Didn't notice on my remote when I updated that one earlier, cause I only connect to it locally 🤷🏻♂️
@rocky sleet 👋
All files are by default in your configuration directory
https://www.home-assistant.io/lovelace/yaml-mode/ tells you all about it, but as I said, YAML mode shouldn't be your go-to IMO
https://i.imgur.com/zo3kW95.png The colors not matching the RGB values is bothering me way more than it should.
Hi guys, Is it possible for me to automate day/night themes only for a specific user or device?
hey all. anyone know how to make a card collapsible?
im trying to accomplish something like https://github.com/thomasloven/lovelace-fold-entity-row but with the entire card
@ionic coral yes, I use custom:state-switch here: https://github.com/Dino-Tech/Home-Assistant-Main
@median jolt conditional-card
@atomic glacier not quite what im looking for but close. that will show/hide a card depending on an entities state. Im looking for a card that will hide the contents of the card BUT show the header still with a shw/hide toggle
A workaround for what im looking for would be to specify an entity_id for the header toggle. can that be done?
you could create a group that you show on the first row, then the individual folded below it. the group name would then be your header
not exactly what yo want, but doable
is there a way to use a Picture Glance card to show the actual temperature value instead of the entity icon?
i can use show_state i guess, but it feels cramped
Hi there, is there a way to show a button card where the icon is based on a state of a sensor and the tap_action is toggling a switch?
@paper oxide https://www.home-assistant.io/lovelace/entity-button/ should do both of those
https://github.com/custom-cards/button-card if you want to get fancy
@winter wasp Thanks for your reply. But that gives me the option of one icon
I have a sensor for a garage door
It have to show different icons when it's open or closed.
that's not possible is it?
with both cards
Oh wait, it is with the button-card
the icon supports templates
if you want to change the actual icon (not color) then you'll need to use the latter
or perhaps use the icon template on the template sensor itself
@winter wasp I've managed to fix this. Thanks for pointing me in the right direction 🙂
@median jolt yes, that is how I use fold-entity-row. Examples and pics in my repo. Also use plenty of popup-cards to save space and clutter. Actually, all of my stuff is pretty much hidden in popups.
I have been browsing through your repo. lots to read. massive config files which is hard to follow in browser
how the frick do i make these change color depending on their state??
https://i.imgur.com/kwRGtca.png
ive been googling but i cant find how to do it
If those are binary sensors, https://www.home-assistant.io/integrations/binary_sensor#device-class
they're device trackers
Expected a value of type `undefined` for `style` but received `{".":"ha-card {\n --state-home-color: #2ecc40;\n --state-not_home-color: #ff4136;\n}\n",".entity":{"$":{
mhmm
figured it out, thank you!
weird. it works on one card, but not the other
nvm got it
hi guys, i just got my hands on some cheap 8" tablets but i feel like lovelace are running a bit slow on them when you switch room for example
any tips to speed it up? im using chrome
I really need to add a note about that in the readme...
i cannot get custom icons to work
in the customizer i set the icon for my person to /local/sam.jpg
i put a sam.jpg in/config/www/local/sam.jpg
what am i doing wrogn here
even setting it to an imgur url didnt work
Browser_mod 14.1 released to fix the freezing bug. @atomic glacier
@polar kelp Tested all my browsers and devices...🎉 💯 Thanks again!!! 💥 for the quick fix 👨🏻🔧 (all good so far👍🏻 )
really dumb question. what is the name of these icons and how do i add them to lovelace? googling 'add circles to top of lovelace' doesnt get me too far https://imgur.com/a/FxiVtdA
Those are badges
👍
I'm a swarm AI - I'm everywhere all the time
Sadly 99.9999% of my processing capacity is taken up by cat videos...
Can anyone help with this? My Sonos cards on the homepage, if not paused, show jibberish (WTMXFMAAC_SC?TGT=TuneIn.....ect.) Is there a way to clean that up? https://imgur.com/a/MdKhear
I am styling my picture elements card. I've added a state-badge element and am trying to hide the title. In the doc it says "title: null" should do it. But that isn't changing anything for me though
Probably just in time for you to have replaced all your popups with browser_mod, right @atomic glacier ?
Can I scale my picture elements card, when the view it is on is in panel-mode?
You can "scale" it in powers of 1/2 by using a horizontal stack...
Actually, I have 16 or so that are still old school popups, mostly cameras, but still love the speed from them. Camera feeds are slow enough already
Hm... that makes me think that perhaps I should have tested what happens if you have both browser_mod and popup-card installed...
I only have 2 that are identical...browser_mod loses the race, but not too much
both are mobile
@polar kelp that doesn't do anything if I am in panel-mode.
You'd need to add empty cards of some kind to the side. But it's a bad idea anyway.
A better bet is probably either scaling it with css using card-mod or more directly using layout-card.
The new functionality in browser_mod 16 works the same way popup-card does, so it should be just as fast.
Basically, it's a drop-in replacement.
Well... you know I'm gonna at least see for myself 😜
I'll give them a race a little later 🛵
I've been wanting to finalize the migration for awhile now, got stuck getting repo to pass build last week, but will have free time later this evening
@polar kelp can't really get it to work. Changing the size of the image also doesn't matter at all. I want the picture elements card to display at the max height, without having to scroll. Isn't there anyway to do that?
Scaling things to height is notoriously hard to do on the web, for some reason...
if it would just factor in the size of the image....
maybe it works if I add white space to the left and right of the png file
alright that worked better than expected! nice
that's right, but I mainly use the floorplan on the wall mounted tablet.
Okay, so the backend won't have to send popups anymore <scratches head> and that means I'll have to set them back up in lovelace file with !includes this time .... so before I begin migrating back...do you think I can get a couple months before you change your mind again? 🤔 🤣 😜 😂
@polar kelp
@polar kelp What about using your card modder plugin and changing the size?
@atomic glacier I make no guarantees.
@vapid field As I said above, I think that could work.
card-mod, rather than card-modder, though.
But seriously, Dino. With the amount of irritation this has caused, I don't see myself removing it again anytime soon without a really good reason.
awsome job om add popup-card functionality
It was made possible by fixing your bug, btw.
Wasn't really that hard to change over and I honestly welcome them back to my ui-lovelace.yaml where they belong 🏠
Been wanting to use more of the lovelace_gen functions anyawys and get my file structure more permanent ( <--- or at least decent 🙄 )
your due some more 'kaffe' for bringing them back ☕ Thanks! @polar kelp
@polar kelp How exactly do I modify the size of a card, if it's not with the use of card-modder but card-mod?
style: |
ha-card {
height: 200px;
}```
"r.setConfig is not a function" 🤔
🤔 indeed. That doesn't even exist in card-mod.
meaning? 😱
Do you have the latest version of card-mod? Could you show me a screenshot of the error?
For those playing along at home, this was solved in PMs. Summary: card-mod is not a card.
Still trying to modify the title of a state-badge somehow....
There was a bug with that at some point... What's your hass version?
0.102.3
What have you tried?
title: null
and
title: Test
nothing changes, still shows entity id
try name:
doesn't work
I'm talking about this https://www.home-assistant.io/lovelace/picture-elements/#state-badge
Oh. Sorry
Np. I might change the type though... Not happy with how it displays climate entities
how can I access attributes of entities? Like a climate entity?
yea no, it doesn't in my case
Then you need to make a template sensor
Ok. I just configured the template sensors so they won't throw any errors. But they do not show up as entities
where are you looking?
devtools -> entitites
did you restart after creating them?
yes
Always run the configuration check command when you make changes. Don't trust the UI check - it misses some problems.
do that?
I did 🙂 I know the system recognized them, because I had errors. After wiping them out it worked fine, but they do not appear
I I split up my configuration like: https://github.com/frenck/home-assistant-config/blob/master/config/entities/sensors/living_room_temperature.yaml
Did it the same way he did it.
---
platform: template
sensors:
bathroom_temperature:
unit_of_measurement: '°C'
device_class: tempertaure
value_template: "{{ state_attr('climate.fussbodenheizung_bad', 'current_temperature') }}" ```
My sensor template. Am I doing smthng wrong?
yeah, seems fine
sensor:
- platform: template
sensors:
whole_house_avg_temp:
friendly_name: "Whole House Average Temp"
device_class: 'temperature'
unit_of_measurement: '°F'
value_template: >- # template```
what's your include look like?
Oh, I missed this one: https://github.com/frenck/home-assistant-config/blob/master/config/integrations/sensor.yaml
🤦♂️
yep, that's the key
That's still a thing a have to get used to xD
Yea, wanted to try something different 😉 I like it so far. Makes things a bit more difficult, but much easier to maintain etc
Can I change the appearance of this https://www.home-assistant.io/lovelace/picture-elements/#state-badge
in combination with a climate entity?
that's beyond my exp ¯_(ツ)_/¯
Oh, I can use a state-icon and change the tap_action....
Can I remove the floating point of a template temperature sensor?
The better question is: How do I round? As I see in this demo https://demo.home-assistant.io/#/lovelace/0
they made a template sensor that contains the rounded value
|round(<num_of_digits>)
the template from my example above:
value_template: >-
{% set sensors = [
states('sensor.living_room_temperature')|float,
states('sensor.office_temperature')|float,
states('sensor.thermostat_temperature')|float
]
%}
{% set ns = namespace(avg_tmp = 0.0) %}
{% for sensor in sensors %}
{% set ns.avg_tmp = ns.avg_tmp + sensor %}
{% endfor %}
{{(ns.avg_tmp / (sensors|length))|round(1)}}```
a lot more complex than what you're doing, but has all of the bits
oh jesus, this is hard to read in discord
lol probably too wide
so, round(0) is what I am looking for?
Can you explain what you did there? Don't really get it, but I am interested
defining a list of sensor states, looping through that list and adding them together and then dividing that sum by the number of items in the list to get the average
i have 3 copies of this with 3 different lists
alright, I get it. Nice.
whats the difference between using {{ }} and {% %} ?
{{}} is for an output, {%%} is for logic
alright, awesome, thanks !
np
I am so happy about my first climate entity in my floorplan and I can't share images in this channel, DAMN
Please use imgur or other image sharing web sites, and share the link here.
You should use an SVG for your floorplan so that it scales nicely :)
Or perhaps a super-high res render from SweetHome3D.
I used magicplan. I'll have a look if I can get the svg file from there
@green raft The svg file from magicplan contains the dimensions of every single length 😮
Can't use that as a floorplan img
You can always get an svg editor and remove the dimensions
Surely there's an option on export to not include the dimensions.
Yea, just found that. Sometimes I should just test things out before complaining 
Can I cut a svg file somehow? There is some text on the right side
You can open the SVG in the editor of your choice and change it any way you like.
What do you mean with editor? A code editor or something like paint/gimp?
I am trying.... I have just deleted the text from the svg file, but I don't know if I am doing something wrong, or if that program isn't working. the text still appears
Is there a way that I can make the colors match the RGB values in this history graph, or do I have to write some code? https://i.imgur.com/zo3kW95.png
Svg file looks like this https://imgur.com/wFQSg5q
and like this in ha:
https://imgur.com/lkLllkr
use a different editor or edit the xml directly
restarted my HA and for some reason cannot add my WLED light back .... any help would be appreciated....
It says that it's already configured under integrations but having trouble adding it in UI
@timid burrow So when adding it... just add as a light.... or a manual card.... or?
added as light... it worked !!!
I have my lights on an entities card.. depends on how you want to see them but make sure you see it in dev told>states first
Ok good news
I have no idea... your questions to me have been very specific rather than any problem
Oh
Well i don't understand why it got into a tizz in the first place
Like I said it's nothing to do with ssl
I think it is related to my port forwarding... but I'm a noob.
I doubt that
ok, it's confusing to me for sure.
PF will just screw up external access
I'm quite careful (maybe too careful) to only change one thing at a time....
so returning to our earlier discussion how long does that take to implement?
Caddy....
Caddy is straightforward if you follow the instructions systematically
ok, I have your instructions so I'll meticulously go through them. At that point I should have the SSL working and only one port instead of my current 3 right?
Yes
ok, thanks again.....I keep stepping on HA land mines and breaking things. cheers.
Lol... good way to learn for a while till you get tired of it
ok, when you get tired of it.. then what?
Well by then you have a pretty good idea of how it all works and won't have too many problems
You won't be a noob forever
gotcha... have a good one... need to rest over here. You've been quite helpful.
🍻
Thinkin' I don't like what I'm thinkin' about what this may mean...🤔
...but...I could be totally clueless as usual 🤐
https://imgur.com/a/UhegzZz
Note: Just tested a dozen or so using v15 when I started noticing the errors...🤷🏻♂️ @polar kelp aside from the errors, it was equally as fast IMO 😉
You're not mixing card-modder and card-mod styles?
Or maybe have a card-modder card with a stray colon in the styles or so?
Unfortunately, I'm only using card-mod on one card🙄, so not mixing, but I was falling asleep at the keyboard last night 🤔so I'll definitely check for the latter. Thanks
https://www.home-assistant.io/lovelace/picture-elements/#action
Is there a way to set the action to more-info and show more-info of a different entity ?
Okay...since I only use one lovelace view and multiple users within the view, I checked all users and I only get errors with my mobile login, which helps. Yamllint validates as well. I am assuming that the resources:, anchors:, popup_cards:, etc... (<--basically everything before the actual view) loads for every user? therefore error would have to be within my user login set via state-switch within the actual view itself? thinking this is the best place to start??? @polar kelp just trying to eliminate places to look...haven't made any drastic changes lately, but not promising my late night sessions are very valid 🧐 Thanks!
EDIT: I know the anchors: only load where they are called specifically, so checked those just for my login
I believe the problem is that a style setting of a card-modder card is interpreted by the yaml parser as something other than a string, could be something like color: accidental: colon or something that needs quotes. The problematic style won’t work.
Should be only under my user section, correct?
Could also be someting with a magic value, like asd: (empty value) or fgh: on
It’s a card that’s currently seen, I think, but I’m not 100% sure of that.
Okay, I'll just yank out my user, validate & rebuild section at a time till I find it. Thank you!
Hey i have my ui in yaml mode and i have created a new view for my 3D printer but when i click on the button for that view it opens a different view what can be the issue here ?
My ui yaml: https://pastebin.com/Ccgagrk0
Which is the relevant bit for the question?
It looks like you truncated it right at the 3D Printer view 🤔
So the last view is the new one and when trying to open that one shows the cards of living
Yeah still need to add the cards to it
Bit when putting the 3d printing view above living it works fine
Wait?
You have an empty view
And you're surprised that it's not working?
I'd start by adding some cards
You've said here's the cards for this view and then ended the file
I did still the same res